@mjhls/mjh-framework 1.0.667 → 1.0.669

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.667
+# mjh-framework v. 1.0.669
 
 > Foundation Framework 
 

package/dist/cjs/ArticleCarousel.js

@@ -6,6 +6,8 @@ require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
+require('./_iter-detect-60b2f026.js');
+require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');

package/dist/cjs/ArticleSeriesListing.js

@@ -6,6 +6,8 @@ require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
+require('./_iter-detect-60b2f026.js');
+require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');
@@ -50,14 +52,14 @@ var ArticleSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || inherits._Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || inherits._Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.dataArr,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,
       to: _this.params ? _this.params.to : 2,
       total_pages: null,
-      scrolling: true,
+      scrolling: _this.autoScroll,
       query: _this.query,
       currentPage: _this.props.currentPage || 1
     }, _this.loadMore = debounce.debounce_1(function () {

package/dist/cjs/ExternalResources.js

@@ -45,7 +45,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-6f1ee5f0.js');
+var getSerializers = require('./index-94d2f1de.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/PartnerDetailListing.js

@@ -52,7 +52,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-6f1ee5f0.js');
+var getSerializers = require('./index-94d2f1de.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/VideoSeriesListing.js

@@ -6,6 +6,8 @@ require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
+require('./_iter-detect-60b2f026.js');
+require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');

package/dist/cjs/View.js

@@ -48,7 +48,7 @@ require('./iconBase-68959171.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
-var getSerializers = require('./index-6f1ee5f0.js');
+var getSerializers = require('./index-94d2f1de.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/YoutubeGroup.js

@@ -6,6 +6,8 @@ require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
+require('./_iter-detect-60b2f026.js');
+var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
 require('./web.dom.iterable-a0e279c1.js');
@@ -29,7 +31,7 @@ GROQ query -
 var YoutubeGroup = function YoutubeGroup(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
   var innerSlider = React.useRef(null);
-  var tile = React.useRef(null);
+  var tileArray = React.useRef([]);
   var viewableWindow = React.useRef(null);
 
   var _useState = React.useState(0),
@@ -47,6 +49,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
+  var _useState7 = React.useState([]),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      tilesHeight = _useState8[0],
+      setTilesHeight = _useState8[1];
+
   var urlFor = function urlFor(source, client) {
     var builder = index$1.imageUrlBuilder(client);
     return builder.image(source).auto('format');
@@ -59,11 +66,24 @@ var YoutubeGroup = function YoutubeGroup(props) {
 
     window.addEventListener('resize', setThumbSize);
 
+    setTilesHeight([].concat(toConsumableArray._toConsumableArray(document.querySelectorAll('.tile'))));
+
     return function () {
       return window.removeEventListener('resize', setThumbSize);
     };
   }, []);
 
+  //Set tile height to avoid titles being cut off
+  React.useEffect(function () {
+    var height = tilesHeight.map(function (tile) {
+      return tile.scrollHeight;
+    });
+    for (var ele in tileArray.current) {
+      var eleHeight = height[ele] < 150 ? 150 : height[ele];
+      tileArray.current[ele].style.height = eleHeight + 'px';
+    }
+  }, [tilesHeight]);
+
   var setThumbSize = function setThumbSize() {
     var thumbSize = void 0;
     var scrollerVisible = false;
@@ -109,7 +129,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     var viewableWidth = slide.clientWidth;
 
     //calculate viewable size / slide
-    var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
+    var numberOfSlidesToScroll = Math.floor(tileArray.current[0].clientWidth + 25); //width of the tile plus margin
 
     var scrollDirection = void 0;
 
@@ -160,16 +180,22 @@ var YoutubeGroup = function YoutubeGroup(props) {
       { className: 'row' },
       showScroller && showScroller && React__default.createElement(
         'div',
-        { onClick: function onClick(e) {
+        {
+          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' } },
+          },
+          className: 'tile__slider-prev',
+          style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
         React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
       ),
       showScroller && showScroller && React__default.createElement(
         'div',
-        { onClick: function onClick(e) {
+        {
+          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' } },
+          },
+          className: 'tile__slider-next',
+          style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
         React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
       ),
       React__default.createElement(
@@ -190,7 +216,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
 
             return React__default.createElement(
               'div',
-              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
+              { ref: function ref(ele) {
+                  return tileArray.current[index] = ele;
+                }, key: index, className: 'tile', style: { width: tileSize + 'px' } },
               current && current === url ? React__default.createElement(
                 'div',
                 { className: 'now-playing' },
@@ -265,7 +293,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
             }
             return React__default.createElement(
               'div',
-              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
+              { ref: function ref(ele) {
+                  return tileArray.current[index] = ele;
+                }, key: index, className: 'tile', style: { width: tileSize + 'px' } },
               React__default.createElement(
                 'a',
                 { href: _url },
@@ -329,7 +359,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     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::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n          margin-bottom: 2rem;\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,\n        #vidHolder {\n          max-width: 805px;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow-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          text-align: center;\n          color: ' + (props.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          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: 25px 0 55px -.25rem !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\n          margin: 0 12.5px;\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: 15px;\n        }\n        #vid-slider .tile__img {\n          height: 135px;\n\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        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 620px;\n          }\n          #vid-slider .tile__img {\n            height: 145px;\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\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            height: 175px;\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            height: 118px;\n          }\n          #vid-slider .row__inner {\n            margin: 30px 0 60px ;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n            height: 195px;\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::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n          margin-bottom: 2rem;\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,\n        #vidHolder {\n          max-width: 805px;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow-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: ' + (props.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          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: 25px 0 0 -0.25rem !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\n          margin: 0 12.5px;\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: 15px;\n        }\n        #vid-slider .tile__img {\n          height: 135px;\n\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        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\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          margin: 0;\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 ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 620px;\n          }\n          #vid-slider .tile__img {\n            height: 145px;\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\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            height: 175px;\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            height: 118px;\n          }\n          #vid-slider .row__inner {\n            margin: 30px 0 60px;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n            height: 195px;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/getSerializers.js

@@ -40,7 +40,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-6f1ee5f0.js');
+var getSerializers = require('./index-94d2f1de.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/{index-6f1ee5f0.js → index-94d2f1de.js}

@@ -8936,6 +8936,16 @@ var getSerializers = function getSerializers() {
           { style: { textAlign: 'justify' } },
           children
         );
+      },
+      coloredText: function coloredText(props) {
+        var children = props.children,
+            color = props.mark.color;
+
+        return React__default.createElement(
+          'span',
+          { style: { color: color ? color.hex : null } },
+          children
+        );
       }
     }
   };

package/dist/cjs/index.js

@@ -79,7 +79,7 @@ require('react-bootstrap/Form');
 require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-6f1ee5f0.js');
+var getSerializers = require('./index-94d2f1de.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/esm/ArticleCarousel.js

@@ -2,6 +2,8 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-ded78eb9.js';
 import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import './toConsumableArray-725434a0.js';
 import './core.get-iterator-method-54d2e411.js';
 import './_object-pie-71ac75a4.js';
 import { _ as _extends } from './extends-cc5da797.js';

package/dist/esm/ArticleSeriesListing.js

@@ -2,6 +2,8 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-ded78eb9.js';
 import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import './toConsumableArray-725434a0.js';
 import './core.get-iterator-method-54d2e411.js';
 import './_object-pie-71ac75a4.js';
 import { _ as _extends } from './extends-cc5da797.js';
@@ -44,14 +46,14 @@ var ArticleSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || _Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || _Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.dataArr,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,
       to: _this.params ? _this.params.to : 2,
       total_pages: null,
-      scrolling: true,
+      scrolling: _this.autoScroll,
       query: _this.query,
       currentPage: _this.props.currentPage || 1
     }, _this.loadMore = debounce_1(function () {

package/dist/esm/ExternalResources.js

@@ -39,7 +39,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import { m as momentTimezone } from './index-d2f90501.js';
-import { g as getSerializers } from './index-3a33f7d6.js';
+import { g as getSerializers } from './index-1fa94c3a.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/PartnerDetailListing.js

@@ -47,7 +47,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-3a33f7d6.js';
+import { g as getSerializers } from './index-1fa94c3a.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/VideoSeriesListing.js

@@ -2,6 +2,8 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-ded78eb9.js';
 import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import './toConsumableArray-725434a0.js';
 import './core.get-iterator-method-54d2e411.js';
 import './_object-pie-71ac75a4.js';
 import { _ as _extends } from './extends-cc5da797.js';

package/dist/esm/View.js

@@ -42,7 +42,7 @@ import './iconBase-602d52fe.js';
 import Button from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Form from 'react-bootstrap/Form';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-3a33f7d6.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-1fa94c3a.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/YoutubeGroup.js

@@ -2,6 +2,8 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-ded78eb9.js';
 import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
 import './core.get-iterator-method-54d2e411.js';
 import './_object-pie-71ac75a4.js';
 import './web.dom.iterable-8956f9a5.js';
@@ -24,7 +26,7 @@ GROQ query -
 var YoutubeGroup = function YoutubeGroup(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
   var innerSlider = useRef(null);
-  var tile = useRef(null);
+  var tileArray = useRef([]);
   var viewableWindow = useRef(null);
 
   var _useState = useState(0),
@@ -42,6 +44,11 @@ var YoutubeGroup = function YoutubeGroup(props) {
       scrollPosition = _useState6[0],
       setScrollPosition = _useState6[1];
 
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      tilesHeight = _useState8[0],
+      setTilesHeight = _useState8[1];
+
   var urlFor = function urlFor(source, client) {
     var builder = imageUrlBuilder(client);
     return builder.image(source).auto('format');
@@ -54,11 +61,24 @@ var YoutubeGroup = function YoutubeGroup(props) {
 
     window.addEventListener('resize', setThumbSize);
 
+    setTilesHeight([].concat(_toConsumableArray(document.querySelectorAll('.tile'))));
+
     return function () {
       return window.removeEventListener('resize', setThumbSize);
     };
   }, []);
 
+  //Set tile height to avoid titles being cut off
+  useEffect(function () {
+    var height = tilesHeight.map(function (tile) {
+      return tile.scrollHeight;
+    });
+    for (var ele in tileArray.current) {
+      var eleHeight = height[ele] < 150 ? 150 : height[ele];
+      tileArray.current[ele].style.height = eleHeight + 'px';
+    }
+  }, [tilesHeight]);
+
   var setThumbSize = function setThumbSize() {
     var thumbSize = void 0;
     var scrollerVisible = false;
@@ -104,7 +124,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     var viewableWidth = slide.clientWidth;
 
     //calculate viewable size / slide
-    var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
+    var numberOfSlidesToScroll = Math.floor(tileArray.current[0].clientWidth + 25); //width of the tile plus margin
 
     var scrollDirection = void 0;
 
@@ -155,16 +175,22 @@ var YoutubeGroup = function YoutubeGroup(props) {
       { className: 'row' },
       showScroller && showScroller && React__default.createElement(
         'div',
-        { onClick: function onClick(e) {
+        {
+          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' } },
+          },
+          className: 'tile__slider-prev',
+          style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
         React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
       ),
       showScroller && showScroller && React__default.createElement(
         'div',
-        { onClick: function onClick(e) {
+        {
+          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' } },
+          },
+          className: 'tile__slider-next',
+          style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
         React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
       ),
       React__default.createElement(
@@ -185,7 +211,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
 
             return React__default.createElement(
               'div',
-              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
+              { ref: function ref(ele) {
+                  return tileArray.current[index] = ele;
+                }, key: index, className: 'tile', style: { width: tileSize + 'px' } },
               current && current === url ? React__default.createElement(
                 'div',
                 { className: 'now-playing' },
@@ -260,7 +288,9 @@ var YoutubeGroup = function YoutubeGroup(props) {
             }
             return React__default.createElement(
               'div',
-              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
+              { ref: function ref(ele) {
+                  return tileArray.current[index] = ele;
+                }, key: index, className: 'tile', style: { width: tileSize + 'px' } },
               React__default.createElement(
                 'a',
                 { href: _url },
@@ -324,7 +354,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     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::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n          margin-bottom: 2rem;\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,\n        #vidHolder {\n          max-width: 805px;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow-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          text-align: center;\n          color: ' + (props.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          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: 25px 0 55px -.25rem !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\n          margin: 0 12.5px;\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: 15px;\n        }\n        #vid-slider .tile__img {\n          height: 135px;\n\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        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 620px;\n          }\n          #vid-slider .tile__img {\n            height: 145px;\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\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            height: 175px;\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            height: 118px;\n          }\n          #vid-slider .row__inner {\n            margin: 30px 0 60px ;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n            height: 195px;\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::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n          margin-bottom: 2rem;\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,\n        #vidHolder {\n          max-width: 805px;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow-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: ' + (props.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          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: 25px 0 0 -0.25rem !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\n          margin: 0 12.5px;\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: 15px;\n        }\n        #vid-slider .tile__img {\n          height: 135px;\n\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        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\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          margin: 0;\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 ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 620px;\n          }\n          #vid-slider .tile__img {\n            height: 145px;\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\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            height: 175px;\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            height: 118px;\n          }\n          #vid-slider .row__inner {\n            margin: 30px 0 60px;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n            height: 195px;\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/getSerializers.js

@@ -38,7 +38,7 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-export { g as default } from './index-3a33f7d6.js';
+export { g as default } from './index-1fa94c3a.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/{index-3a33f7d6.js → index-1fa94c3a.js}

@@ -8929,6 +8929,16 @@ var getSerializers = function getSerializers() {
           { style: { textAlign: 'justify' } },
           children
         );
+      },
+      coloredText: function coloredText(props) {
+        var children = props.children,
+            color = props.mark.color;
+
+        return React__default.createElement(
+          'span',
+          { style: { color: color ? color.hex : null } },
+          children
+        );
       }
     }
   };

package/dist/esm/index.js

@@ -75,7 +75,7 @@ import 'react-bootstrap/Form';
 import './index-d2f90501.js';
 import './js.cookie-6874175c.js';
 export { default as CMEDeck } from './CMEDeck.js';
-export { g as getSerializers } from './index-3a33f7d6.js';
+export { g as getSerializers } from './index-1fa94c3a.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.667",
+  "version": "1.0.669",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",