@bigbinary/neeto-site-blocks 1.10.28 → 1.10.30

package/dist/index.js

@@ -4646,7 +4646,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
   return ConditionalRender;
 };
 
-var _excluded$B = ["id", "disableButtonAndLinks", "wrapperClassName", "index", "image", "isAddNewPane"];
+var _excluded$B = ["id", "disableButtonAndLinks", "wrapperClassName", "wrapperStyles", "index", "image", "isAddNewPane"];
 var StyledImage = styled.img.attrs(function () {
   return {
     className: "hover:mix-blend-multiply"
@@ -4676,6 +4676,8 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
   var id = _ref2.id,
     disableButtonAndLinks = _ref2.disableButtonAndLinks,
     wrapperClassName = _ref2.wrapperClassName,
+    _ref2$wrapperStyles = _ref2.wrapperStyles,
+    wrapperStyles = _ref2$wrapperStyles === void 0 ? {} : _ref2$wrapperStyles,
     index = _ref2.index,
     image = _ref2.image,
     _ref2$isAddNewPane = _ref2.isAddNewPane,
@@ -4688,6 +4690,7 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     handleImageClick = _useElementClick.handleImageClick;
   return /*#__PURE__*/React.createElement(StyledWrapper, {
     id: id,
+    design: wrapperStyles,
     className: classnames("flex justify-center", _defineProperty$1({
       "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane
     }, wrapperClassName, wrapperClassName)),
@@ -6307,6 +6310,14 @@ var Pagination = function Pagination(_ref) {
     };
   }, [swiper]);
   if (!swiper) return null;
+  var handleClick = function handleClick(index) {
+    if (swiper.params.loop) {
+      if (swiper.realIndex === index) return;
+      swiper.slideToLoop(index);
+    } else {
+      swiper.slideTo(index);
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classnames("swiper-pagination flex items-center justify-center space-x-4", className)
   }, hasNavigation && /*#__PURE__*/React.createElement("button", {
@@ -6325,7 +6336,7 @@ var Pagination = function Pagination(_ref) {
       isActive: activeSlide === index,
       key: index,
       onClick: function onClick() {
-        return swiper.slideTo(index);
+        return handleClick(index);
       }
     });
   })), hasNavigation && /*#__PURE__*/React.createElement("button", {
@@ -12606,7 +12617,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
       className: classnames({
         "flex flex-col gap-4 md:flex-row": icon
       })
-    }, icon && /*#__PURE__*/React.createElement("div", {
+    }, isPresent(icon) && /*#__PURE__*/React.createElement("div", {
       className: "flex-shrink-0"
     }, renderIcon(_objectSpread$b({
       name: icon,
@@ -12716,12 +12727,16 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
       image: image,
       index: index,
       alt: featureImageAlt,
-      design: design.featureImage,
+      className: "w-full",
+      design: dissoc("width", design.featureImage),
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "feature-with-grid-".concat(index, "-image"),
       isAddNewPane: otherProps.isAddNewPane,
       src: featureImageUrl,
-      title: featureImageTitle
+      title: featureImageTitle,
+      wrapperStyles: {
+        width: "".concat(design.featureImage.width, "%")
+      }
     }), /*#__PURE__*/React.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
@@ -13083,7 +13098,8 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     isAddNewPane: otherProps.isAddNewPane,
     isEmbedded: features[selectedTabId - 1].media.isEmbedded,
     src: features[selectedTabId - 1].media.src,
-    videoUrl: features[selectedTabId - 1].media.videoUrl
+    videoUrl: features[selectedTabId - 1].media.videoUrl,
+    wrapperClassName: "h-full w-full"
   })));
 };
 
@@ -13516,7 +13532,6 @@ var GalleryClassic = function GalleryClassic(_ref) {
     loop: true,
     allowTouchMove: !disableButtonAndLinks,
     breakpointsBase: "container",
-    slidesPerView: 1,
     spaceBetween: 10,
     breakpoints: {
       640: {
@@ -14350,15 +14365,15 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   }, /*#__PURE__*/React.createElement(Swiper, {
     loop: true,
     allowTouchMove: !otherProps.disableButtonAndLinks,
-    autoplay: {
-      delay: 5000,
-      disableOnInteraction: false
-    },
     modules: [Thumb, Autoplay],
     spaceBetween: 10,
     thumbs: {
       swiper: thumbsSwiper
     },
+    autoplay: !otherProps.disableButtonAndLinks ? {
+      delay: 5000,
+      disableOnInteraction: false
+    } : false,
     onSwiper: setSwiper
   }, images.map(function (_ref2, index) {
     var src = _ref2.src,