// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`SSR Carousel > renders server side properly 1`] = `
"<div id="app">
  <section class="carousel is-ltr is-effect-slide" dir="ltr" style="--vc-slide-gap: 0px; --vc-carousel-height: 200px; --vc-cloned-offset: 0px;" aria-label="Gallery" tabindex="0">
    <div class="carousel__viewport">
      <ol class="carousel__track" style="transform: translateX(0px);">
        <li style="width: 50%;" class="carousel__slide carousel__slide--clone" aria-hidden="true">5 <input type="text" tabindex="-1"></li>
        <li style="width: 50%;" class="carousel__slide carousel__slide--visible carousel__slide--prev" id="v-0">1 <input type="text"></li>
        <li style="width: 50%;" class="carousel__slide carousel__slide--visible carousel__slide--active" id="v-1">2 <input type="text"></li>
        <li style="width: 50%;" class="carousel__slide carousel__slide--visible carousel__slide--next" id="v-2">3 <input type="text"></li>
        <li style="width: 50%;" class="carousel__slide" id="v-3">4 <input type="text"></li>
        <li style="width: 50%;" class="carousel__slide" id="v-4">5 <input type="text"></li>
      </ol>
    </div><button type="button" aria-label="Navigate to previous slide" title="Navigate to previous slide" class="carousel__prev"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the left">
        <title>Arrow pointing to the left</title>
        <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path>
      </svg></button><button type="button" aria-label="Navigate to next slide" title="Navigate to next slide" class="carousel__next"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the right">
        <title>Arrow pointing to the right</title>
        <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"></path>
      </svg></button>
    <ol class="carousel__pagination">
      <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 1" aria-pressed="false" aria-controls="v-0" title="Navigate to slide 1"></button></li>
      <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button carousel__pagination-button--active" aria-label="Navigate to slide 2" aria-pressed="true" aria-controls="v-1" title="Navigate to slide 2"></button></li>
      <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 3" aria-pressed="false" aria-controls="v-2" title="Navigate to slide 3"></button></li>
      <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 4" aria-pressed="false" aria-controls="v-3" title="Navigate to slide 4"></button></li>
      <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 5" aria-pressed="false" aria-controls="v-4" title="Navigate to slide 5"></button></li>
    </ol>
    <div class="carousel__liveregion carousel__sr-only" aria-live="polite" aria-atomic="true">Item 2 of 5</div>
  </section>
</div>"
`;

exports[`SSR Carousel > renders server side properly 2`] = `"<div id="app"><section class="carousel is-ltr is-effect-slide" dir="ltr" style="--vc-slide-gap:0px;--vc-carousel-height:200px;--vc-cloned-offset:0px;" aria-label="Gallery" tabindex="0"><div class="carousel__viewport"><ol class="carousel__track" style="transform:translateX(0px);"><!--[--><li style="width:50%;" class="carousel__slide carousel__slide--visible carousel__slide--prev" id="v-0">1 <input type="text"></li><li style="width:50%;" class="carousel__slide carousel__slide--visible carousel__slide--active" id="v-1">2 <input type="text"></li><li style="width:50%;" class="carousel__slide carousel__slide--visible carousel__slide--next" id="v-2">3 <input type="text"></li><li style="width:50%;" class="carousel__slide" id="v-3">4 <input type="text"></li><li style="width:50%;" class="carousel__slide" id="v-4">5 <input type="text"></li><!--]--></ol></div><!--[--><!--[--><button type="button" aria-label="Navigate to previous slide" title="Navigate to previous slide" class="carousel__prev"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the left"><title>Arrow pointing to the left</title><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path></svg></button><button type="button" aria-label="Navigate to next slide" title="Navigate to next slide" class="carousel__next"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the right"><title>Arrow pointing to the right</title><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"></path></svg></button><!--]--><ol class="carousel__pagination"><li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 1" aria-pressed="false" aria-controls="v-0" title="Navigate to slide 1"></button></li><li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button carousel__pagination-button--active" aria-label="Navigate to slide 2" aria-pressed="true" aria-controls="v-1" title="Navigate to slide 2"></button></li><li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 3" aria-pressed="false" aria-controls="v-2" title="Navigate to slide 3"></button></li><li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 4" aria-pressed="false" aria-controls="v-3" title="Navigate to slide 4"></button></li><li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 5" aria-pressed="false" aria-controls="v-4" title="Navigate to slide 5"></button></li></ol><!--]--><div class="carousel__liveregion carousel__sr-only" aria-live="polite" aria-atomic="true">Item 2 of 5</div></section></div>"`;

exports[`SSR Carousel > renders slotted server side properly 1`] = `
"<div id="app">
  <section class="carousel is-ltr is-effect-slide" dir="ltr" style="--vc-slide-gap: 0px; --vc-carousel-height: auto; --vc-cloned-offset: 0px;" aria-label="Gallery" tabindex="0">
    <div class="carousel__viewport">
      <ol class="carousel__track" style="transform: translateX(0px);">
        <li style="width: 100%;" class="carousel__slide carousel__slide--clone carousel__slide--prev" aria-hidden="true">5</li>
        <li style="width: 100%;" class="carousel__slide carousel__slide--visible carousel__slide--active" id="v-0">1</li>
        <li style="width: 100%;" class="carousel__slide carousel__slide--next" id="v-1">2</li>
        <li style="width: 100%;" class="carousel__slide" id="v-2">3</li>
        <li style="width: 100%;" class="carousel__slide" id="v-3">4</li>
        <li style="width: 100%;" class="carousel__slide" id="v-4">5</li>
      </ol>
    </div>
    <div class="carousel__liveregion carousel__sr-only" aria-live="polite" aria-atomic="true">Item 1 of 5</div>
  </section>
</div>"
`;

exports[`SSR Carousel > renders slotted server side properly 2`] = `"<div id="app"><section class="carousel is-ltr is-effect-slide" dir="ltr" style="--vc-slide-gap:0px;--vc-carousel-height:auto;--vc-cloned-offset:0px;" aria-label="Gallery" tabindex="0"><div class="carousel__viewport"><ol class="carousel__track" style="transform:translateX(0px);"><!--[--><!--[--><li style="width:100%;" class="carousel__slide carousel__slide--visible carousel__slide--active" id="v-0">1</li><li style="width:100%;" class="carousel__slide carousel__slide--next" id="v-1">2</li><li style="width:100%;" class="carousel__slide" id="v-2">3</li><li style="width:100%;" class="carousel__slide" id="v-3">4</li><li style="width:100%;" class="carousel__slide" id="v-4">5</li><!--]--><!--]--></ol></div><!--[--><!--]--><div class="carousel__liveregion carousel__sr-only" aria-live="polite" aria-atomic="true">Item 1 of 5</div></section></div>"`;

exports[`Wrap around Carousel.ts > renders wrapAround correctly 1`] = `
"<section class="carousel is-ltr is-effect-slide" dir="ltr" style="--vc-slide-gap: 0px; --vc-carousel-height: auto; --vc-cloned-offset: 0px;" aria-label="Gallery" tabindex="0">
  <div class="carousel__viewport">
    <ol class="carousel__track" style="transform: translateX(0px);">
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-0">1 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-1">2 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-2">3 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-3">4 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-4">5 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-5">6 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide" id="v-6">7 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide carousel__slide--visible carousel__slide--prev" id="v-7">8 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide carousel__slide--visible carousel__slide--active" id="v-8">9 <input type="text"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide carousel__slide--clone carousel__slide--visible carousel__slide--next" aria-hidden="true">1 <input type="text" tabindex="-1"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide carousel__slide--clone" aria-hidden="true">2 <input type="text" tabindex="-1"></li>
      <li style="width: 33.333333333333336%;" class="carousel__slide carousel__slide--clone" aria-hidden="true">3 <input type="text" tabindex="-1"></li>
    </ol>
  </div><button type="button" aria-label="Navigate to previous slide" title="Navigate to previous slide" class="carousel__prev"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the left">
      <title>Arrow pointing to the left</title>
      <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path>
    </svg></button><button type="button" aria-label="Navigate to next slide" title="Navigate to next slide" class="carousel__next"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the right">
      <title>Arrow pointing to the right</title>
      <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"></path>
    </svg></button>
  <ol class="carousel__pagination">
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 1" aria-pressed="false" aria-controls="v-0" title="Navigate to slide 1"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 2" aria-pressed="false" aria-controls="v-1" title="Navigate to slide 2"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 3" aria-pressed="false" aria-controls="v-2" title="Navigate to slide 3"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 4" aria-pressed="false" aria-controls="v-3" title="Navigate to slide 4"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 5" aria-pressed="false" aria-controls="v-4" title="Navigate to slide 5"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 6" aria-pressed="false" aria-controls="v-5" title="Navigate to slide 6"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 7" aria-pressed="false" aria-controls="v-6" title="Navigate to slide 7"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button" aria-label="Navigate to slide 8" aria-pressed="false" aria-controls="v-7" title="Navigate to slide 8"></button></li>
    <li class="carousel__pagination-item"><button type="button" class="carousel__pagination-button carousel__pagination-button--active" aria-label="Navigate to slide 9" aria-pressed="true" aria-controls="v-8" title="Navigate to slide 9"></button></li>
  </ol>
  <div class="carousel__liveregion carousel__sr-only" aria-live="polite" aria-atomic="true">Item 9 of 9</div>
</section>"
`;
