@bigbinary/neeto-site-blocks 1.11.0-beta1 → 1.11.0-beta2

package/dist/index.cjs.js

@@ -42818,16 +42818,17 @@ var _excluded$4 = ["configurations", "className", "id", "disableButtonAndLinks",
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeroWithGallery = function HeroWithGallery(_ref) {
-  var configurations = _ref.configurations;
-    _ref.className;
-    var id = _ref.id,
+  var configurations = _ref.configurations,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
     image = _ref.image,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    swiper = _useState2[0];
-    _useState2[1];
+    swiper = _useState2[0],
+    setSwiper = _useState2[1];
   var properties = configurations.properties,
     design = configurations.design;
   var slides = properties.slides,
@@ -42961,7 +42962,24 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
     onClick: function onClick() {
       return swiper === null || swiper === void 0 ? void 0 : swiper.slidePrev();
     }
-  }), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
+  }), /*#__PURE__*/React__default["default"].createElement(Swiper, {
+    loop: true,
+    className: "ns-hero-with-slider",
+    onSwiper: setSwiper
+  }, slides.map(function (_ref7, index) {
+    var content = _ref7.content,
+      buttons = _ref7.buttons,
+      media = _ref7.media;
+    return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
+      className: classnames("my-auto", className),
+      key: getUniqueKey(content.title, index)
+    }, renderHeroWithMedia({
+      content: content,
+      buttons: buttons,
+      media: media,
+      index: index
+    }));
+  })), /*#__PURE__*/React__default["default"].createElement(ArrowButton, {
     Icon: ArrowRightS$1,
     className: "hidden sm:flex",
     design: design.navigationButtons,