@mjhls/mjh-framework 1.0.359 → 1.0.361

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.359
2
+ # mjh-framework v. 1.0.361
3
3
 
4
4
 
5
5
  > Foundation Framework
@@ -467,7 +467,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
467
467
  React__default.createElement(
468
468
  'style',
469
469
  { jsx: 'true' },
470
- '\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column;\n }\n }\n '
470
+ '\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column !important;\n }\n }\n '
471
471
  )
472
472
  );
473
473
  };
@@ -228,7 +228,7 @@ var VideoSeriesListing = function (_React$Component) {
228
228
  Container,
229
229
  null,
230
230
  this.state.data && this.state.data.map(function (series, index) {
231
- var page = series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
231
+ var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
232
232
 
233
233
  return React__default.createElement(
234
234
  React__default.Fragment,
package/dist/cjs/index.js CHANGED
@@ -25,7 +25,7 @@ var Router__default = _interopDefault(Router);
25
25
  var visibilitySensor = require('./visibility-sensor-43e0b37c.js');
26
26
  require('react-dom');
27
27
  var index = require('./index-b5eb3ff8.js');
28
- require('./index-fa0fb52c.js');
28
+ var index$1 = require('./index-fa0fb52c.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
30
  var slicedToArray = require('./slicedToArray-879ab2fb.js');
31
31
  var AdSlot = require('./AdSlot-c5bff604.js');
@@ -13554,7 +13554,11 @@ var Slideshow$1 = function Slideshow(_ref) {
13554
13554
  React__default.createElement(
13555
13555
  'a',
13556
13556
  { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
13557
- React__default.createElement('img', { src: urlFor$2(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
13557
+ React__default.createElement(
13558
+ index$1.LazyLoad,
13559
+ null,
13560
+ React__default.createElement('img', { src: urlFor$2(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
13561
+ )
13558
13562
  ),
13559
13563
  React__default.createElement(
13560
13564
  'div',
@@ -13574,7 +13578,7 @@ var Slideshow$1 = function Slideshow(_ref) {
13574
13578
  React__default.createElement(
13575
13579
  'style',
13576
13580
  { jsx: 'true' },
13577
- '\n .carousel-indicators {\n bottom: -2.5rem!important;\n }\n .carousel-indicators li{\n width: 20px;\n height: 20px;\n border-radius: 50%!important;\n background-color: var(--secondary);\n }\n .carousel-control-prev{\n justify-content: flex-start;\n \n } \n .carousel-control-next {\n justify-content: flex-end;\n \n }\n '
13581
+ '\n .carousel-indicators {\n bottom: -2.5rem !important;\n }\n .carousel-indicators li {\n width: 20px;\n height: 20px;\n border-radius: 50% !important;\n background-color: var(--secondary);\n }\n .carousel-control-prev {\n justify-content: flex-start;\n }\n .carousel-control-next {\n justify-content: flex-end;\n }\n '
13578
13582
  )
13579
13583
  );
13580
13584
  };
@@ -461,7 +461,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
461
461
  React__default.createElement(
462
462
  'style',
463
463
  { jsx: 'true' },
464
- '\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column;\n }\n }\n '
464
+ '\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column !important;\n }\n }\n '
465
465
  )
466
466
  );
467
467
  };
@@ -222,7 +222,7 @@ var VideoSeriesListing = function (_React$Component) {
222
222
  Container,
223
223
  null,
224
224
  this.state.data && this.state.data.map(function (series, index) {
225
- var page = series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
225
+ var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
226
226
 
227
227
  return React__default.createElement(
228
228
  React__default.Fragment,
package/dist/esm/index.js CHANGED
@@ -17,7 +17,7 @@ import Router, { useRouter } from 'next/router';
17
17
  import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
18
18
  import 'react-dom';
19
19
  import { i as imageUrlBuilder } from './index-51a80699.js';
20
- import './index-5f9f807a.js';
20
+ import { L as LazyLoad } from './index-5f9f807a.js';
21
21
  import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
22
22
  import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-a47a84a4.js';
23
23
  import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-8946358f.js';
@@ -13551,7 +13551,11 @@ var Slideshow$1 = function Slideshow(_ref) {
13551
13551
  React__default.createElement(
13552
13552
  'a',
13553
13553
  { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
13554
- React__default.createElement('img', { src: urlFor$2(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
13554
+ React__default.createElement(
13555
+ LazyLoad,
13556
+ null,
13557
+ React__default.createElement('img', { src: urlFor$2(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
13558
+ )
13555
13559
  ),
13556
13560
  React__default.createElement(
13557
13561
  'div',
@@ -13571,7 +13575,7 @@ var Slideshow$1 = function Slideshow(_ref) {
13571
13575
  React__default.createElement(
13572
13576
  'style',
13573
13577
  { jsx: 'true' },
13574
- '\n .carousel-indicators {\n bottom: -2.5rem!important;\n }\n .carousel-indicators li{\n width: 20px;\n height: 20px;\n border-radius: 50%!important;\n background-color: var(--secondary);\n }\n .carousel-control-prev{\n justify-content: flex-start;\n \n } \n .carousel-control-next {\n justify-content: flex-end;\n \n }\n '
13578
+ '\n .carousel-indicators {\n bottom: -2.5rem !important;\n }\n .carousel-indicators li {\n width: 20px;\n height: 20px;\n border-radius: 50% !important;\n background-color: var(--secondary);\n }\n .carousel-control-prev {\n justify-content: flex-start;\n }\n .carousel-control-next {\n justify-content: flex-end;\n }\n '
13575
13579
  )
13576
13580
  );
13577
13581
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.359",
3
+ "version": "1.0.361",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",