@mjhls/mjh-framework 1.0.360 → 1.0.362

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.360
2
+ # mjh-framework v. 1.0.362
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
  };
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');
@@ -3186,7 +3186,7 @@ var Slideshow = function Slideshow(_ref) {
3186
3186
  reactBootstrap.Carousel,
3187
3187
  { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
3188
3188
  return onChangeSlide(selectedIndex, router);
3189
- } },
3189
+ }, interval: null },
3190
3190
  slides && slides.map(function (slide) {
3191
3191
  return React__default.createElement(
3192
3192
  reactBootstrap.Carousel.Item,
@@ -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
  };
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';
@@ -3183,7 +3183,7 @@ var Slideshow = function Slideshow(_ref) {
3183
3183
  Carousel,
3184
3184
  { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
3185
3185
  return onChangeSlide(selectedIndex, router);
3186
- } },
3186
+ }, interval: null },
3187
3187
  slides && slides.map(function (slide) {
3188
3188
  return React__default.createElement(
3189
3189
  Carousel.Item,
@@ -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.360",
3
+ "version": "1.0.362",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",