@bigbinary/neeto-site-blocks 1.3.1 → 1.3.3

package/dist/index.cjs.js

@@ -2896,6 +2896,11 @@ var LOGO_SIZE_VALUES = {
   "7xl": 52,
   "8xl": 56
 };
+var IMAGE_FIT_VALUES = {
+  auto: "auto",
+  cover: "cover",
+  contain: "contain"
+};
 
 var index$1 = /*#__PURE__*/Object.freeze({
 	__proto__: null,
@@ -2921,7 +2926,8 @@ var index$1 = /*#__PURE__*/Object.freeze({
 	DEFAULT_TYPOGRAPHY_STYLES: DEFAULT_TYPOGRAPHY_STYLES,
 	DEFAULT_LINK_STYLES: DEFAULT_LINK_STYLES,
 	IMAGE_POSITIONS: IMAGE_POSITIONS,
-	LOGO_SIZE_VALUES: LOGO_SIZE_VALUES
+	LOGO_SIZE_VALUES: LOGO_SIZE_VALUES,
+	IMAGE_FIT_VALUES: IMAGE_FIT_VALUES
 });
 
 var _excluded$1A = ["size"];
@@ -41688,7 +41694,8 @@ var Slides = function Slides(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
-    pageUrl = _ref.pageUrl;
+    pageUrl = _ref.pageUrl,
+    hostUrl = _ref.hostUrl;
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     activeIndex = _useState2[0],
@@ -41704,15 +41711,11 @@ var Slides = function Slides(_ref) {
   var swiperModules = disableButtonAndLinks ? [Keyboard] : [Keyboard, History];
   var renderSwiperSlide = function renderSwiperSlide(_ref2) {
     var title = _ref2.title,
-      logoUrl = _ref2.logoUrl,
       subTitle = _ref2.subTitle,
       layout = _ref2.layout,
       imageUrl = _ref2.imageUrl;
     if (layout === "titleWithSubTitle") {
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-        className: "absolute top-8 right-12 w-20",
-        src: logoUrl
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-span-12"
       }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
@@ -41722,17 +41725,14 @@ var Slides = function Slides(_ref) {
         isTitle: true,
         component: "h1",
         style: design.subTitle
-      }, subTitle)));
+      }, subTitle));
     }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-      className: "absolute top-8 right-12 w-20",
-      src: logoUrl
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "bottom-0 col-span-12 flex w-full justify-center sm:absolute sm:col-span-10 sm:col-start-2"
     }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
       design: design.image,
       src: imageUrl
-    })));
+    }));
   };
   return /*#__PURE__*/React__default["default"].createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
@@ -41755,16 +41755,16 @@ var Slides = function Slides(_ref) {
     }
   }), /*#__PURE__*/React__default["default"].createElement(Swiper, {
     loop: true,
-    history: {
-      enabled: true,
-      key: pageUrl !== null && pageUrl !== void 0 ? pageUrl : "slides"
-    },
     keyboard: {
       enabled: true,
       onlyInViewport: true
     },
     modules: swiperModules,
     spaceBetween: 10,
+    history: {
+      key: pageUrl ? pageUrl.slice(1) : "slides",
+      root: hostUrl !== null && hostUrl !== void 0 ? hostUrl : window.location.origin
+    },
     onSlideChange: function onSlideChange(swiper) {
       return setActiveIndex(swiper.activeIndex);
     },
@@ -41792,12 +41792,11 @@ var Slides = function Slides(_ref) {
       design: mergeRight(design.container, {
         paddingHorizontal: design.body.paddingHorizontal
       })
-    }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    }, logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
       className: "absolute top-8 right-12 w-20",
       src: logoUrl
     }), renderSwiperSlide({
       title: title,
-      logoUrl: logoUrl,
       subTitle: subTitle,
       layout: layout,
       imageUrl: imageUrl