Implement #617.

davidjerleke · Nov 2, 2023 · a5687cb · a5687cb
1 parent 4146252
commit a5687cb
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 16 deletions.
diff --git a/packages/embla-carousel-react/src/index.ts b/packages/embla-carousel-react/src/index.ts
@@ -1,5 +1,8 @@
 export { EmblaOptionsType } from 'embla-carousel/components/Options'
-export { EmblaEventType } from 'embla-carousel/components/EventHandler'
+export {
+  EmblaEventType,
+  EmblaEventListType
+} from 'embla-carousel/components/EventHandler'
 export { EmblaPluginType } from 'embla-carousel/components/Plugins'
 export { EmblaCarouselType } from 'embla-carousel/components/EmblaCarousel'
 export { UseEmblaCarouselType } from './components/useEmblaCarousel'

diff --git a/packages/embla-carousel-svelte/src/index.ts b/packages/embla-carousel-svelte/src/index.ts
@@ -1,5 +1,8 @@
 export { EmblaOptionsType } from 'embla-carousel/components/Options'
-export { EmblaEventType } from 'embla-carousel/components/EventHandler'
+export {
+  EmblaEventType,
+  EmblaEventListType
+} from 'embla-carousel/components/EventHandler'
 export { EmblaPluginType } from 'embla-carousel/components/Plugins'
 export { EmblaCarouselType } from 'embla-carousel/components/EmblaCarousel'
 export { EmblaCarouselSvelteType } from './components/emblaCarouselSvelte'

diff --git a/packages/embla-carousel-vue/src/index.ts b/packages/embla-carousel-vue/src/index.ts
@@ -1,5 +1,8 @@
 export { EmblaOptionsType } from 'embla-carousel/components/Options'
-export { EmblaEventType } from 'embla-carousel/components/EventHandler'
+export {
+  EmblaEventType,
+  EmblaEventListType
+} from 'embla-carousel/components/EventHandler'
 export { EmblaPluginType } from 'embla-carousel/components/Plugins'
 export { EmblaCarouselType } from 'embla-carousel/components/EmblaCarousel'
 export { EmblaCarouselVueType } from './components/emblaCarouselVue'

diff --git a/packages/embla-carousel/src/components/EventHandler.ts b/packages/embla-carousel/src/components/EventHandler.ts
@@ -3,18 +3,21 @@ import { EmblaCarouselType } from './EmblaCarousel'
 type CallbackType = (emblaApi: EmblaCarouselType, evt: EmblaEventType) => void
 type ListenersType = Partial<{ [key in EmblaEventType]: CallbackType[] }>
 
-export type EmblaEventType =
-  | 'init'
-  | 'pointerDown'
-  | 'pointerUp'
-  | 'slidesChanged'
-  | 'slidesInView'
-  | 'scroll'
-  | 'select'
-  | 'settle'
-  | 'destroy'
-  | 'reInit'
-  | 'resize'
+export type EmblaEventType = EmblaEventListType[keyof EmblaEventListType]
+
+export interface EmblaEventListType {
+  init: 'init'
+  pointerDown: 'pointerDown'
+  pointerUp: 'pointerUp'
+  slidesChanged: 'slidesChanged'
+  slidesInView: 'slidesInView'
+  scroll: 'scroll'
+  select: 'select'
+  settle: 'settle'
+  destroy: 'destroy'
+  reInit: 'reInit'
+  resize: 'resize'
+}
 
 export type EventHandlerType = {
   init: (emblaApi: EmblaCarouselType) => void

diff --git a/packages/embla-carousel/src/index.ts b/packages/embla-carousel/src/index.ts
@@ -1,5 +1,5 @@
 export { EmblaOptionsType } from './components/Options'
-export { EmblaEventType } from './components/EventHandler'
+export { EmblaEventType, EmblaEventListType } from './components/EventHandler'
 export { EmblaPluginType } from './components/Plugins'
 export { EmblaCarouselType } from './components/EmblaCarousel'