astro-swiper 1.2.1 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-swiper",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Astro component for swiper, dedicated to slider / carousel / photo swiper / slide, including thumbnails",
   "main": "index.js",
   "repository": {

package/src/components/SwiperButtonNext.astro

@@ -6,18 +6,21 @@ import 'swiper/css/bundle'
 
 import type { HTMLAttributes } from 'astro/types'
 
-type Props = HTMLAttributes<"div">
+interface Props extends HTMLAttributes<"div"> {
+  /** add the default swiper class, true by default */
+  addDefaultClass?: boolean,
+}
 
 const {
   class: className = '',
+  addDefaultClass = true,
   ...props
 } = Astro.props;
 
-
 ---
 
 <div
-  class:list={['swiper-button-next', className]}
+  class:list={[(addDefaultClass ? 'swiper-button-next' : ''), className]}
   {...props}>
     <slot/>
 </div>

package/src/components/SwiperButtonPrev.astro

@@ -6,18 +6,21 @@ import 'swiper/css/bundle'
 
 import type { HTMLAttributes } from 'astro/types'
 
-type Props = HTMLAttributes<"div">
+interface Props extends HTMLAttributes<"div"> {
+  /** add the default swiper class, true by default */
+  addDefaultClass?: boolean,
+}
 
 const {
   class: className = '',
+  addDefaultClass = true,
   ...props
 } = Astro.props;
 
-
 ---
 
 <div
-  class:list={['swiper-button-prev', className]}
+  class:list={[(addDefaultClass ? 'swiper-button-prev' : ''), className]}
   {...props}>
     <slot/>
 </div>

package/src/components/SwiperPagination.astro

@@ -6,18 +6,21 @@ import 'swiper/css/bundle'
 
 import type { HTMLAttributes } from 'astro/types'
 
-type Props = HTMLAttributes<"div">
+interface Props extends HTMLAttributes<"div"> {
+  /** add the default swiper class, true by default */
+  addDefaultClass?: boolean,
+}
 
 const {
   class: className = '',
+  addDefaultClass = true,
   ...props
 } = Astro.props;
 
-
 ---
 
 <div
-  class:list={['swiper-pagination', className]}
+  class:list={[(addDefaultClass ? 'swiper-pagination' : ''), className]}
   {...props}>
     <slot/>
 </div>

package/src/components/SwiperScrollbar.astro

@@ -6,18 +6,21 @@ import 'swiper/css/bundle'
 
 import type { HTMLAttributes } from 'astro/types'
 
-type Props = HTMLAttributes<"div">
+interface Props extends HTMLAttributes<"div"> {
+  /** add the default swiper class, true by default */
+  addDefaultClass?: boolean,
+}
 
 const {
   class: className = '',
+  addDefaultClass = true,
   ...props
 } = Astro.props;
 
-
 ---
 
 <div
-  class:list={['swiper-scrollbar', className]}
+  class:list={[(addDefaultClass ? 'swiper-scrollbar' : ''), className]}
   {...props}>
     <slot/>
 </div>

package/src/components/SwiperSlide.astro

@@ -6,18 +6,21 @@ import 'swiper/css/bundle'
 
 import type { HTMLAttributes } from 'astro/types'
 
-type Props = HTMLAttributes<"div">
+interface Props extends HTMLAttributes<"div"> {
+  /** add the default swiper class, true by default */
+  addDefaultClass?: boolean,
+}
 
 const {
   class: className = '',
+  addDefaultClass = true,
   ...props
 } = Astro.props;
 
-
 ---
 
 <div
-  class:list={['swiper-slide', className]}
+  class:list={[(addDefaultClass ? 'swiper-slide' : ''), className]}
   {...props}>
     <slot/>
 </div>

package/src/components/SwiperWrapper.astro

@@ -6,18 +6,21 @@ import 'swiper/css/bundle'
 
 import type { HTMLAttributes } from 'astro/types'
 
-type Props = HTMLAttributes<"div">
+interface Props extends HTMLAttributes<"div"> {
+  /** add the default swiper class, true by default */
+  addDefaultClass?: boolean,
+}
 
 const {
   class: className = '',
+  addDefaultClass = true,
   ...props
 } = Astro.props;
 
-
 ---
 
 <div
-  class:list={['swiper-wrapper', className]}
+  class:list={[(addDefaultClass ? 'swiper-wrapper' : ''), className]}
   {...props}>
     <slot/>
 </div>