@bigbinary/neeto-site-blocks 1.16.1 → 1.16.3

package/dist/index.cjs.js

@@ -13035,6 +13035,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
     });
   };
   if (isSliderView) {
+    var isNavigationButtonEnabled = cards.length > 2;
     return /*#__PURE__*/jsxRuntime.jsxs(BlockWrapper, {
       className: className,
       enableAnimation: enableAnimation,
@@ -13055,7 +13056,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
         style: design.title
       }, otherProps), {}, {
         children: title
-      })), /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
+      })), isNavigationButtonEnabled && /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
         isStart: true,
         Icon: ArrowLeft$1,
         className: "flex-shrink-0",
@@ -13074,7 +13075,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
           spaceBetween: 10,
           breakpoints: {
             480: {
-              slidesPerView: 2,
+              slidesPerView: cards.length > 1 ? 2 : 1,
               spaceBetween: 15
             }
           },
@@ -13094,8 +13095,8 @@ var CardsInGridView = function CardsInGridView(_ref) {
               }))
             }, getUniqueKey(card.title, card.description, index));
           })
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
+        }, cards.length)
+      }), isNavigationButtonEnabled && /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
         Icon: ArrowRight$1,
         className: "flex-shrink-0",
         isActive: activeIndex < cards.length - 2,
@@ -15130,6 +15131,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
     images = _properties$images === void 0 ? [] : _properties$images,
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 items-center gap-y-8";
+  var isNavigationEnabled = images.length > 2;
   return /*#__PURE__*/jsxRuntime.jsxs(BlockWrapper, {
     className: className,
     enableAnimation: enableAnimation,
@@ -15156,7 +15158,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
         style: design.description,
         children: description
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
+    }), isNavigationEnabled && /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
       isStart: true,
       Icon: ArrowLeft$1,
       className: "hidden justify-center sm:flex",
@@ -15173,7 +15175,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
         spaceBetween: 10,
         breakpoints: {
           640: {
-            slidesPerView: 2,
+            slidesPerView: images.length > 1 ? 2 : 1,
             spaceBetween: 10
           }
         },
@@ -15199,11 +15201,11 @@ var GalleryClassic = function GalleryClassic(_ref) {
             })
           }, getUniqueKey(src, title, index));
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pagination, {
+      }, images.length), isNavigationEnabled && /*#__PURE__*/jsxRuntime.jsx(Pagination, {
         swiper: swiper,
         design: design.button
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
+    }), isNavigationEnabled && /*#__PURE__*/jsxRuntime.jsx(ArrowButton, {
       Icon: ArrowRight$1,
       className: "hidden justify-center sm:flex",
       design: design.navigationButtons,
@@ -16075,8 +16077,8 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
             })
           }, getUniqueKey(src, title, index));
         })
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      }, images.length)
+    }), images.length > 1 && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "col-span-12 flex justify-center",
       children: /*#__PURE__*/jsxRuntime.jsx(Pagination, {
         swiper: swiper,
@@ -16366,6 +16368,8 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   var position = properties.position;
   var headerIntersectorRef = React.useRef(null);
   var isHeadingWrapperVisible = useElementVisible(headerIntersectorRef);
+  var logo = properties.logo,
+    links = properties.links;
   var baseClasses = "grid grid-cols-12 sm:gap-x-4 items-center grid-flow-row-dense";
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -16380,8 +16384,10 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
       }, className),
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "col-span-5 col-start-1 hidden items-center gap-6 lg:flex",
-        children: properties.links.map(function (link, index) {
+        className: classnames__default["default"]("col-span-5 col-start-1 hidden items-center gap-6 lg:flex", {
+          "lg:col-start-4 lg:justify-center": logo.position === POSITIONS.LEFT.label
+        }),
+        children: links.map(function (link, index) {
           return /*#__PURE__*/jsxRuntime.jsx(Link, _objectSpread$7(_objectSpread$7({
             isHighlighted: isLinkHighlighted(link.to, currentPath),
             style: design.links
@@ -16392,19 +16398,22 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
           }, otherProps), getUniqueKey(link.label, index));
         })
       }), /*#__PURE__*/jsxRuntime.jsx(Link, _objectSpread$7(_objectSpread$7({
-        action: properties.logo.action,
-        className: "col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:col-start-6 lg:max-h-14",
-        to: properties.logo.to
+        action: logo.action,
+        to: logo.to,
+        className: classnames__default["default"]("col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:max-h-14", {
+          "lg:col-start-1": logo.position === POSITIONS.LEFT.label,
+          "lg:col-start-6": logo.position === POSITIONS.RIGHT.label
+        })
       }, otherProps), {}, {
         children: /*#__PURE__*/jsxRuntime.jsx(StyledImage$1, {
           image: image,
           priority: true,
-          alt: properties.logo.alt,
+          alt: logo.alt,
           design: design.logo,
           disableButtonAndLinks: otherProps.disableButtonAndLinks,
           id: "header-with-icons-logo",
           isAddNewPane: otherProps.isAddNewPane,
-          src: properties.logo.src
+          src: logo.src
         })
       })), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex",
@@ -16445,7 +16454,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         })
       }), isLinksOpen && /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden",
-        children: [properties.links.map(function (icon, index) {
+        children: [links.map(function (icon, index) {
           return /*#__PURE__*/jsxRuntime.jsx(Link, _objectSpread$7({
             className: "w-fit",
             id: "header-with-icons-links-".concat(index, "-link"),
@@ -17482,12 +17491,12 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
               })]
             })
           }, getUniqueKey(testimonialDescription, logoUrl, index));
-        }), /*#__PURE__*/jsxRuntime.jsx(Pagination, {
+        }), testimonials.length > 1 && /*#__PURE__*/jsxRuntime.jsx(Pagination, {
           swiper: swiper,
           hasNavigation: true,
           design: design.buttons
         })]
-      })
+      }, testimonials.length)
     }), isButtonRequired && /*#__PURE__*/jsxRuntime.jsx(StyledWrapper, {
       className: "col-span-12 flex",
       design: {