cmspageblocks 1.0.16 → 1.0.17

package/build/index.js

@@ -3117,24 +3117,26 @@ function ImageSlider(_ref) {
   console.debug({
     sliderOptions: options
   });
+  var content = options.content;
   return /*#__PURE__*/React__default["default"].createElement(SliderContainer, null, /*#__PURE__*/React__default["default"].createElement(js.Carousel, {
     showThumbs: false,
     swipeable: true,
     showStatus: false,
-    dynamicHeight: true,
-    width: "100%"
+    dynamicHeight: false,
+    width: "100%",
+    showIndicators: content.length > 1 ? true : false
   }, options.content.map(function (slide) {
     if (!slide.active) return;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: slide.image[0].reference,
       style: {
-        height: 600
+        height: options.height ? parseInt(options.height) : 600
       }
     }, /*#__PURE__*/React__default["default"].createElement("img", {
       src: slide ? 'https://cdn.burobork.nl/' + slide.image[0].reference : null,
       alt: slide.title,
       style: {
-        height: 600
+        height: options.height ? parseInt(options.height) : 600
       }
     }));
   })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmspageblocks",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "",
   "main": "build/index.js",
   "repository": {

package/src/components/BlockTypes/ImageSlider.js

@@ -4,24 +4,27 @@ import { SliderContainer } from './ImageSlide.css'
 
 export default function ImageSlider({ options }) {
   console.debug({ sliderOptions: options })
+  const { content } = options
   return (
     <SliderContainer>
-    <Carousel showThumbs={false} swipeable={true} showStatus={false} dynamicHeight={true} width="100%">
-      {options.content.map(slide => {
-      if (!slide.active) return;
-       return ( <div key={slide.image[0].reference} style={{ height: 600 }}>
-        <img
-              src={
-                slide
-                ? 'https://cdn.burobork.nl/' + slide.image[0].reference
-                : null
-              }
-              alt={slide.title}
-              style={{ height: 600 }}
+      <Carousel showThumbs={false} swipeable={true} showStatus={false} dynamicHeight={false} width="100%" showIndicators={content.length > 1 ? true : false}>
+        {options.content.map(slide => {
+        if (!slide.active) return;
+          return (
+            <div key={slide.image[0].reference} style={{ height: options.height ? parseInt(options.height) : 600 }}>
+              <img
+                    src={
+                      slide
+                      ? 'https://cdn.burobork.nl/' + slide.image[0].reference
+                      : null
+                    }
+                    alt={slide.title}
+                    style={{ height: options.height ? parseInt(options.height) : 600 }}
               />
-</div>)
-      })}
-          </Carousel>
-          </SliderContainer>
+            </div>
+          )
+        })}
+      </Carousel>
+    </SliderContainer>
   )
 }