up Carousel options (v0.9.14)

CHANGELOG.md

@@ -7,6 +7,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.9.14] - 2023-10-27
+
+### Fix
+
+-   Carousel use options.delay, options.animation
+
 ## [0.9.12] - 2023-10-27
 
 ### Changed

package.json

 {
     "name": "@onegeo-suite/gatsby-theme-onegeo",
-    "version": "0.9.12",
+    "version": "0.9.14",
     "main": "index.js",
     "types": "index.d.ts",
     "author": "NEOGEO",

src/components/core/Carousel.tsx

@@ -30,22 +30,24 @@ const Carousel = (props: Props) => {
     const options = props.options ?? {}
     const oClass = options.class || {}
 
+    const animationType = options.animation || animation
+
     return (
         <div className={twMerge("overflow-hidden", oClass.body)}>
             <Swiper
                 slidesPerView={isLogo ? 2 : "auto"}
                 spaceBetween={isLogo ? 10 : 0}
                 autoplay={{
-                    delay: delay,
+                    delay: options.delay || delay,
                     disableOnInteraction: false,
                 }}
                 loop={true}
                 speed={
-                    animation == "slide" || animation == "coverflow"
+                    animationType == "slide" || animationType == "coverflow"
                         ? 1500
                         : 3000
                 }
-                effect={animation}
+                effect={animationType}
                 breakpoints={{
                     640: {
                         slidesPerView: isLogo ? 3 : "auto",
@@ -102,7 +104,7 @@ const Carousel = (props: Props) => {
                                         target="_blank"
                                         className={twMerge(
                                             "w-full",
-                                            height,
+                                            options.height || height,
                                             // Hack
                                             // Sometimes on build mode GastbyImage is converted to simple 'img'
                                             // need to pass extra CSS to manage image resize
@@ -116,7 +118,7 @@ const Carousel = (props: Props) => {
                                         image={item.src}
                                         className={twMerge(
                                             "w-full",
-                                            height,
+                                            options.height || height,
                                             // Hack
                                             // Sometimes on build mode GastbyImage is converted to simple 'img'
                                             // need to pass extra CSS to manage image resize