astro-swiper 2.5.3 → 2.6.1

package/README.md

@@ -180,7 +180,7 @@ Here is a snipset of the
 </Swiper>
 
 <script>
-  import type { PaginationOptions } from 'swiper/types';
+  import type { PaginationOptions } from 'astro-swiper/swiper';
   import { getSwiperFromUniqueSelector } from 'astro-swiper'
   window.addEventListener('load', () => {
     const swiper = getSwiperFromUniqueSelector('.swiper-demo-pagination-custom');
@@ -192,6 +192,13 @@ Here is a snipset of the
 </script>
 ```
 
+### Swiper types
+
+Swiper types are available importing types from `astro-swiper/swiper`, such as
+
+```js
+import type { PaginationOptions } from 'astro-swiper/swiper';
+```
 
 ## Help needed?
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-swiper",
-  "version": "2.5.3",
+  "version": "2.6.1",
   "description": "Astro component for swiper, dedicated to slider / carousel / photo swiper / slide, including thumbnails",
   "type": "module",
   "main": "index.js",
@@ -23,10 +23,12 @@
     ".": {
       "types": "./index.ts",
       "default": "./index.ts"
-    }
+    },
+    "./swiper": "./swiper.ts"
   },
   "files": [
     "index.ts",
+    "swiper.ts",
     "src/**"
   ],
   "engines": {
@@ -59,6 +61,6 @@
     "thumbnail"
   ],
   "dependencies": {
-    "swiper": "^12.1.3"
+    "swiper": "^12.1.4"
   }
 }

package/src/components/Swiper.astro

@@ -81,10 +81,10 @@ if (options?.astro?.thumbSwiperUniqueSelector === undefined && Astro.props.linkT
   // Init swipers that have delayed initialization because the thumbnail swiper is not created yet
   // If this is now the case, then it is intialized, as well as its observer if needed
   function _initDelayedSwipers() {
-    Object.keys(_useDelaySwiper).forEach((delayedSelector) => {
+    Object.keys(_useDelaySwiper).forEach((delayedSelector: string) => {
       // swiper of uniqueSelector "delayedSelector" is delayed because it needs the swiper of uniqueSelector
       // "delayedThumbSelector" to be created first
-      const delayedThumbSelector = _useDelaySwiper[delayedSelector];
+      const delayedThumbSelector: selectorStringType = _useDelaySwiper[delayedSelector] as selectorStringType;
       const swiper = getSwiperFromUniqueSelector(
         delayedThumbSelector,
         getSwiperFromUniqueSelectorOptions,
@@ -99,7 +99,7 @@ if (options?.astro?.thumbSwiperUniqueSelector === undefined && Astro.props.linkT
         };
 
         _createSwiperAndObserver(
-          delayedSelector,
+          delayedSelector as selectorStringType,
           delayedOptions,
           document.querySelector(delayedSelector) as AstroSwiper,
         );
@@ -192,7 +192,7 @@ if (options?.astro?.thumbSwiperUniqueSelector === undefined && Astro.props.linkT
       const options: AstroSwiperOptions = JSON.parse(this.dataset.options || '{}');
       // to have more than 1 swiper in a single page
       const uniqueSelector: selectorStringType = `.${this.dataset.uniqueclass}`;
-      const thumbSwiperUniqueSelector = options.astro?.thumbSwiperUniqueSelector;
+      const thumbSwiperUniqueSelector: selectorStringType = options.astro?.thumbSwiperUniqueSelector as selectorStringType;
 
       // no thumbnail link, or link to thumbnail swiper already created,
       // the swiper can be created or not immediatly depending on the observer option
@@ -220,5 +220,5 @@ if (options?.astro?.thumbSwiperUniqueSelector === undefined && Astro.props.linkT
     }
   }
 
-  customElements.define('astro-swiper', AstroSwiper);
+  customElements.get('astro-swiper') || customElements.define('astro-swiper', AstroSwiper);
 </script>

package/swiper.ts

@@ -0,0 +1,8 @@
+// Copyright (c) Pascal Brand
+// MIT License
+//
+// export swiper API
+// to be used with
+//   import type { Swiper } from 'astro-swiper/swiper'
+
+export type * from 'swiper/types';