From e80ea005d1b27b3d143ac3f9e0c1226f53f3bb59 Mon Sep 17 00:00:00 2001 From: Vadim Date: Tue, 5 Oct 2021 12:03:30 +0300 Subject: [PATCH 01/17] Add reactive fields --- src/components/Carousel/Carousel.svelte | 166 +++++++++--------- src/components/Carousel/carousel.js | 216 ++++++++++++++++++++++++ src/components/Carousel/reactive.js | 80 +++++++++ src/store.js | 98 ----------- 4 files changed, 381 insertions(+), 179 deletions(-) create mode 100644 src/components/Carousel/carousel.js create mode 100644 src/components/Carousel/reactive.js delete mode 100644 src/store.js diff --git a/src/components/Carousel/Carousel.svelte b/src/components/Carousel/Carousel.svelte index d323f60..e32a4c0 100644 --- a/src/components/Carousel/Carousel.svelte +++ b/src/components/Carousel/Carousel.svelte @@ -1,6 +1,5 @@ {/each} - + --> - - - diff --git a/src/components/Carousel/createCarousel.js b/src/components/Carousel/createCarousel.js index 6013f18..18c6fb0 100644 --- a/src/components/Carousel/createCarousel.js +++ b/src/components/Carousel/createCarousel.js @@ -20,7 +20,7 @@ function createCarousel(onChange) { }, }) - const [data, methods, service] = simplyReactive( + const reactive = simplyReactive( { data: { particlesCountWithoutClones: 0, @@ -42,7 +42,7 @@ function createCarousel(onChange) { focused: false, autoplay: false, autoplayDirection: 'next', - disabled: false, // Disable page change while animation is in progress + disabled: false, // disable page change while animation is in progress durationMsInit: 1000, durationMs: 1000, offset: 0, @@ -268,8 +268,9 @@ function createCarousel(onChange) { onChange, } ) + const [data, methods] = reactive - return [{ data, progressManager }, methods, service] + return [{ data, progressManager }, methods, reactive._internal] } export default createCarousel diff --git a/src/components/Carousel/stories/CarouselView.svelte b/src/components/Carousel/stories/CarouselView.svelte index ee52096..33b9082 100644 --- a/src/components/Carousel/stories/CarouselView.svelte +++ b/src/components/Carousel/stories/CarouselView.svelte @@ -121,7 +121,7 @@ {/each} - +