@bigbinary/neeto-site-blocks 1.4.2 → 1.4.4

package/dist/index.cjs.js

@@ -40903,7 +40903,6 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   }, isThumbsView && /*#__PURE__*/React__default["default"].createElement(Swiper, {
     freeMode: true,
     watchSlidesProgress: true,
-    className: "hidden sm:block",
     modules: [Thumb, Pagination, Mousewheel, freeMode],
     mousewheel: {
       sensitivity: 0.5
@@ -40913,6 +40912,9 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     },
     slidesPerView: 4,
     spaceBetween: 12,
+    className: classnames("hidden sm:block", {
+      swiper__thumbs__slide: images.length <= 3
+    }),
     onSwiper: setThumbsSwiper
   }, images.map(function (_ref3, index) {
     var src = _ref3.src,
@@ -41715,18 +41717,24 @@ var Slides = function Slides(_ref) {
     var title = _ref2.title,
       subTitle = _ref2.subTitle,
       layout = _ref2.layout,
-      imageUrl = _ref2.imageUrl;
+      imageUrl = _ref2.imageUrl,
+      titleTextAlign = _ref2.titleTextAlign,
+      subTitleTextAlign = _ref2.subTitleTextAlign;
     if (layout === "titleWithSubTitle") {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-span-12"
       }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
         component: "h1",
-        style: design.title
+        style: mergeRight(design.title, {
+          textAlign: titleTextAlign
+        })
       }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
         component: "h1",
-        style: design.subTitle
+        style: mergeRight(design.subTitle, {
+          textAlign: subTitleTextAlign
+        })
       }, subTitle));
     }
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -41750,7 +41758,7 @@ var Slides = function Slides(_ref) {
     swiperRef: swiperRef,
     isStart: true,
     Icon: ArrowLeftS$1,
-    className: "absolute left-0 top-1/2 z-20 sm:left-2 lg:left-28",
+    className: "z-20 hidden sm:absolute sm:top-1/2 sm:left-0 sm:flex lg:left-28",
     onClick: function onClick() {
       var _swiperRef$current;
       return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
@@ -41763,6 +41771,9 @@ var Slides = function Slides(_ref) {
     },
     modules: swiperModules,
     spaceBetween: 10,
+    className: classnames({
+      "pointer-events-none": disableButtonAndLinks
+    }),
     history: {
       key: pageUrl ? pageUrl.slice(1) : "slides",
       root: hostUrl !== null && hostUrl !== void 0 ? hostUrl : window.location.origin
@@ -41773,41 +41784,29 @@ var Slides = function Slides(_ref) {
     onSwiper: function onSwiper(swiper) {
       swiperRef.current = swiper;
     }
-  }, slides.map(function (_ref3, index) {
-    var title = _ref3.title,
-      url = _ref3.url,
-      logoUrl = _ref3.logoUrl,
-      subTitle = _ref3.subTitle,
-      layout = _ref3.layout,
-      imageUrl = _ref3.imageUrl,
-      backgroundImage = _ref3.backgroundImage;
+  }, slides.map(function (slide, index) {
     return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
       className: classnames("my-auto", className),
-      "data-history": !disableButtonAndLinks ? url : "",
-      key: getUniqueKey(title, index)
+      "data-history": !disableButtonAndLinks ? slide.url : "",
+      key: getUniqueKey(slide.title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       isRootWrapper: true,
       backgroundImage: mergeLeft({
-        src: backgroundImage.src
+        src: slide.backgroundImage.src
       }, design.backgroundImage),
       className: classnames("neeto-site-block-wrapper relative lg:w-9/12", baseClasses),
       design: mergeRight(design.container, {
         paddingHorizontal: design.body.paddingHorizontal
       })
-    }, logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
+    }, slide.logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
       className: "absolute top-8 right-12 w-20",
-      src: logoUrl
-    }), renderSwiperSlide({
-      title: title,
-      subTitle: subTitle,
-      layout: layout,
-      imageUrl: imageUrl
-    })));
+      src: slide.logoUrl
+    }), renderSwiperSlide(slide)));
   })), /*#__PURE__*/React__default["default"].createElement(PageNavigation, {
     activeIndex: activeIndex,
     swiperRef: swiperRef,
     Icon: ArrowRightS$1,
-    className: "absolute top-1/2 right-0 z-20 sm:right-2 lg:right-28",
+    className: "z-20 hidden sm:absolute sm:top-1/2 sm:right-0 sm:flex lg:right-28",
     onClick: function onClick() {
       var _swiperRef$current2;
       return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();