#69 : Update stories

src/components/Carousel/stories/CarouselView.svelte

@@ -61,6 +61,16 @@
    */
   export let swiping = true
 
+  /**
+   * Number of particles to show 
+   */
+  export let particlesToShow = 1
+
+  /**
+   * Number of particles to scroll 
+   */
+  export let particlesToScroll = 1
+
   const colors = [
     { color: '#e5f9f0', text: '0' },
     { color: '#ccf3e2', text: '1' },
@@ -95,6 +105,8 @@
     {autoplayProgressVisible}
     {dots}
     {swiping}
+    {particlesToShow}
+    {particlesToScroll}
     on:pageChange={
       event => console.log(`Current page index: ${event.detail}`)
     }
@@ -122,6 +134,8 @@
     {autoplayProgressVisible}
     {dots}
     {swiping}
+    {particlesToShow}
+    {particlesToScroll}
   >
     {#each colors2 as { color, text } (color)}
       <div

src/components/Carousel/stories/CarouselViewCustomArrows.svelte

@@ -61,6 +61,16 @@
    */
   export let swiping = true
 
+  /**
+   * Number of particles to show 
+   */
+  export let particlesToShow = 1
+
+  /**
+   * Number of particles to scroll 
+   */
+  export let particlesToScroll = 1
+
   const colors = [
     '#e5f9f0',
     '#ccf3e2',
@@ -89,6 +99,8 @@
     {autoplayProgressVisible}
     {dots}
     {swiping}
+    {particlesToShow}
+    {particlesToScroll}
     let:showPrevPage
     let:showNextPage
   >

src/components/Carousel/stories/CarouselViewCustomDots.svelte

@@ -61,6 +61,16 @@
    */
   export let swiping = true
 
+  /**
+   * Number of particles to show 
+   */
+  export let particlesToShow = 1
+
+  /**
+   * Number of particles to scroll 
+   */
+  export let particlesToScroll = 1
+
   function onPageChange(event, showPage) {
     showPage(Number(event.target.value))
   }
@@ -93,6 +103,8 @@
     {autoplayProgressVisible}
     {dots}
     {swiping}
+    {particlesToShow}
+    {particlesToScroll}
     let:currentPageIndex
     let:pagesCount
     let:showPage

src/components/Carousel/stories/CarouselViewMethods.svelte

@@ -1,5 +1,5 @@
 <script>
-  import {onMount} from 'svelte'
+  import { onMount } from 'svelte'
   import Carousel from '../Carousel.svelte'
 
   const colors = [