@bigbinary/neeto-site-blocks 1.6.3 → 1.6.5

package/dist/index.cjs.js

@@ -15738,7 +15738,6 @@ var PageNavigation = function PageNavigation(_ref) {
 };
 
 var Pagination$1 = function Pagination(_ref) {
-  var _classnames, _classnames2;
   var swiper = _ref.swiper,
     design = _ref.design;
   var _useState = React.useState(0),
@@ -15760,15 +15759,12 @@ var Pagination$1 = function Pagination(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "swiper-pagination flex items-center justify-center space-x-4"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: classnames({
-      "cursor-default": swiper.isBeginning
-    }),
     onClick: function onClick() {
-      return !swiper.isBeginning && swiper.slidePrev();
+      return swiper.slidePrev();
     }
   }, /*#__PURE__*/React__default["default"].createElement(ArrowLeftS$1, {
-    size: 26,
-    fill: classnames((_classnames = {}, _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", swiper.isBeginning), _defineProperty__default["default"](_classnames, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", !swiper.isBeginning), _classnames))
+    fill: (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433",
+    size: 26
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-x-2"
   }, _toConsumableArray__default["default"](Array(totalSlides)).map(function (_, index) {
@@ -15781,15 +15777,12 @@ var Pagination$1 = function Pagination(_ref) {
       }
     });
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: classnames({
-      "cursor-default": swiper.isEnd
-    }),
     onClick: function onClick() {
       return swiper.slideNext();
     }
   }, /*#__PURE__*/React__default["default"].createElement(ArrowRightS$1, {
-    size: 26,
-    fill: classnames((_classnames2 = {}, _defineProperty__default["default"](_classnames2, (design === null || design === void 0 ? void 0 : design.navigationInactiveColor) || "#ccc", swiper.isEnd), _defineProperty__default["default"](_classnames2, (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433", !swiper.isEnd), _classnames2))
+    fill: (design === null || design === void 0 ? void 0 : design.navigationActiveColor) || "#1F2433",
+    size: 26
   })));
 };
 
@@ -20809,7 +20802,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       enableAnimation: enableAnimation,
       design: design.card,
       duration: 0.01,
-      className: classnames("ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 space-y-8 sm:col-span-6 lg:col-span-4", {
+      className: classnames("ns-card-in-grid-view col-span-12 cursor-pointer space-y-8 sm:col-span-6 lg:col-span-4", {
         "ns-card-in-grid-view--landscape": mode === "landscape",
         "ns-card-in-grid-view--portrait": mode === "portrait"
       }),
@@ -20863,8 +20856,10 @@ var CardsInGridView = function CardsInGridView(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-span-8 col-start-3 sm:col-span-10 sm:col-start-2"
     }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
+      loop: true,
       breakpointsBase: "container",
       slidesPerView: 1,
+      spaceBetween: 10,
       breakpoints: {
         480: {
           slidesPerView: 2,
@@ -39324,6 +39319,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
   var progressBar = function progressBar() {
     var width = 0;
     var frame = function frame() {
+      if (!progressRef.current) return;
       if (width >= 100) {
         clearInterval(id);
         setSelectedTabId(function (prevSelectedTabId) {
@@ -39333,7 +39329,6 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
         width++;
         progressRef.current.style.width = "".concat(width, "%");
       }
-      return null;
     };
     var id = setInterval(frame, 100);
     setIntervalId(id);
@@ -39358,13 +39353,13 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     "sm:col-start-8": contentPosition === POSITIONS.RIGHT.label
   });
   return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
-    className: className,
     design: design.body,
-    enableAnimation: enableAnimation,
-    id: id,
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: progressBarBaseClasses
@@ -41537,11 +41532,8 @@ var GalleryClassic = function GalleryClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    id = _ref.id;
-  var _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    activeIndex = _useState2[0],
-    setActiveIndex = _useState2[1];
+    id = _ref.id,
+    disableButtonAndLinks = _ref.disableButtonAndLinks;
   var swiperRef = React.useRef(null);
   var properties = configurations.properties,
     design = configurations.design;
@@ -41576,7 +41568,6 @@ var GalleryClassic = function GalleryClassic(_ref) {
     Icon: ArrowLeft$1,
     className: "hidden sm:flex",
     design: design.navigationButtons,
-    isActive: activeIndex > 0,
     onClick: function onClick() {
       var _swiperRef$current;
       return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
@@ -41586,6 +41577,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
     freeMode: true,
     grabCursor: true,
+    loop: true,
     breakpointsBase: "container",
     modules: [Pagination, Mousewheel, freeMode],
     mousewheel: {
@@ -41595,15 +41587,16 @@ var GalleryClassic = function GalleryClassic(_ref) {
       clickable: true
     },
     slidesPerView: 1,
+    spaceBetween: 10,
     breakpoints: {
       640: {
         slidesPerView: 2,
         spaceBetween: 10
       }
     },
-    onSlideChange: function onSlideChange(swiper) {
-      return setActiveIndex(swiper.activeIndex);
-    },
+    className: classnames({
+      "pointer-events-none": disableButtonAndLinks
+    }),
     onSwiper: function onSwiper(swiper) {
       swiperRef.current = swiper;
     }
@@ -41625,7 +41618,6 @@ var GalleryClassic = function GalleryClassic(_ref) {
     Icon: ArrowRight$1,
     className: "hidden sm:flex",
     design: design.navigationButtons,
-    isActive: activeIndex < images.length - 2,
     onClick: function onClick() {
       var _swiperRef$current2;
       return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();
@@ -41675,6 +41667,7 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ns-gallery-with-sliding-images col-span-12 space-y-6 sm:col-span-10 sm:col-start-2"
   }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
+    loop: true,
     autoplay: {
       delay: 5000,
       disableOnInteraction: false
@@ -42782,6 +42775,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
   }, description)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ns-sliding-testimonial col-span-12"
   }, /*#__PURE__*/React__default["default"].createElement(Swiper, {
+    loop: true,
     spaceBetween: 10,
     onSwiper: setSwiper
   }, testimonials.map(function (_ref2, index) {