[Help]: Simple Sveltekit + Typescript question

[theRolento]

Summary

Which type is "event"? Nothing is wrote in the instructions here https://www.embla-carousel.com/api/events/, but it's required

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

No response

[davidjerleke]

Hi @theRolento and thanks for your question.

The type can be found here, so this should do it:

<script>
  import emblaCarouselSvelte from 'embla-carousel-svelte'
  import { EmblaCarouselType } from 'embla-carousel'

  let emblaApi: EmblaCarouselType

  function onInit(event: CustomEvent<EmblaCarouselType>) {
    emblaApi = event.detail
    console.log(emblaApi.slideNodes()) // Access API
  }
</script>

<div
  class="embla"
  use:emblaCarouselSvelte
  on:emblaInit="{onInit}"
>
  <div class="embla__container">
    <div class="embla__slide">Slide 1</div>
    <div class="embla__slide">Slide 2</div>
    <div class="embla__slide">Slide 3</div>
  </div>
</div>

Let me know if it’s what you’re looking for. As you mentioned the type is missing here in the docs. Feel free to submit a PR that adds the missing type.

Best,
David

[theRolento]

Thank you!