From 73a985fcb8de2da79f4e469c65dc7d5904768c24 Mon Sep 17 00:00:00 2001
From: Vadim <korobeinikovv@mail.ru>
Date: Mon, 13 Sep 2021 22:52:07 +0300
Subject: [PATCH] #69 : Update stories

---
 .../Carousel/stories/CarouselView.svelte           | 14 ++++++++++++++
 .../stories/CarouselViewCustomArrows.svelte        | 12 ++++++++++++
 .../Carousel/stories/CarouselViewCustomDots.svelte | 12 ++++++++++++
 .../Carousel/stories/CarouselViewMethods.svelte    |  4 ++--
 4 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/components/Carousel/stories/CarouselView.svelte b/src/components/Carousel/stories/CarouselView.svelte
index 6c47864..33b9082 100644
--- a/src/components/Carousel/stories/CarouselView.svelte
+++ b/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
diff --git a/src/components/Carousel/stories/CarouselViewCustomArrows.svelte b/src/components/Carousel/stories/CarouselViewCustomArrows.svelte
index cd7a489..05fa6aa 100644
--- a/src/components/Carousel/stories/CarouselViewCustomArrows.svelte
+++ b/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
   >
diff --git a/src/components/Carousel/stories/CarouselViewCustomDots.svelte b/src/components/Carousel/stories/CarouselViewCustomDots.svelte
index de97c0d..22c503a 100644
--- a/src/components/Carousel/stories/CarouselViewCustomDots.svelte
+++ b/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
diff --git a/src/components/Carousel/stories/CarouselViewMethods.svelte b/src/components/Carousel/stories/CarouselViewMethods.svelte
index e95f663..90d414f 100644
--- a/src/components/Carousel/stories/CarouselViewMethods.svelte
+++ b/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 = [
@@ -85,4 +85,4 @@
     font-style: italic;
     font-size: 18px;
   }
-</style>
\ No newline at end of file
+</style>