From 91252465aff40374aa9211ba1aabcca5d5a4cb68 Mon Sep 17 00:00:00 2001
From: SHYAKA Davis <87414827+shyakadavis@users.noreply.github.com>
Date: Sun, 28 Apr 2024 01:03:09 +0200
Subject: [PATCH] feat: expose `scrollSnaps` `selectedIndex` `scrollTo` 
 (#1052)

Co-authored-by: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
---
 .../src/lib/registry/default/ui/carousel/carousel.svelte  | 8 ++++++++
 apps/www/src/lib/registry/default/ui/carousel/context.ts  | 3 +++
 .../src/lib/registry/new-york/ui/carousel/carousel.svelte | 8 ++++++++
 apps/www/src/lib/registry/new-york/ui/carousel/context.ts | 3 +++
 4 files changed, 22 insertions(+)

diff --git a/apps/www/src/lib/registry/default/ui/carousel/carousel.svelte b/apps/www/src/lib/registry/default/ui/carousel/carousel.svelte
index fe7a0d89b..14080569c 100644
--- a/apps/www/src/lib/registry/default/ui/carousel/carousel.svelte
+++ b/apps/www/src/lib/registry/default/ui/carousel/carousel.svelte
@@ -20,6 +20,8 @@
 	const canScrollNext = writable(false);
 	const optionsStore = writable(opts);
 	const pluginStore = writable(plugins);
+	const scrollSnapsStore = writable<number[]>([]);
+	const selectedIndexStore = writable(0);
 
 	$: orientationStore.set(orientation);
 	$: pluginStore.set(plugins);
@@ -31,6 +33,9 @@
 	function scrollNext() {
 		api?.scrollNext();
 	}
+	function scrollTo(index: number, jump?: boolean) {
+		api?.scrollTo(index, jump);
+	}
 
 	function onSelect(api: CarouselAPI) {
 		if (!api) return;
@@ -65,6 +70,9 @@
 		options: optionsStore,
 		plugins: pluginStore,
 		onInit,
+		scrollSnaps: scrollSnapsStore,
+		selectedIndex: selectedIndexStore,
+		scrollTo,
 	});
 
 	function onInit(event: CustomEvent<CarouselAPI>) {
diff --git a/apps/www/src/lib/registry/default/ui/carousel/context.ts b/apps/www/src/lib/registry/default/ui/carousel/context.ts
index 1a2f462b8..c90b4cb84 100644
--- a/apps/www/src/lib/registry/default/ui/carousel/context.ts
+++ b/apps/www/src/lib/registry/default/ui/carousel/context.ts
@@ -38,6 +38,9 @@ type EmblaContext = {
 	options: Writable<CarouselOptions>;
 	plugins: Writable<CarouselPlugins>;
 	onInit: (e: CustomEvent<CarouselAPI>) => void;
+	scrollTo: (index: number, jump?: boolean) => void;
+	scrollSnaps: Readable<number[]>;
+	selectedIndex: Readable<number>;
 };
 
 export function setEmblaContext(config: EmblaContext): EmblaContext {
diff --git a/apps/www/src/lib/registry/new-york/ui/carousel/carousel.svelte b/apps/www/src/lib/registry/new-york/ui/carousel/carousel.svelte
index fe7a0d89b..14080569c 100644
--- a/apps/www/src/lib/registry/new-york/ui/carousel/carousel.svelte
+++ b/apps/www/src/lib/registry/new-york/ui/carousel/carousel.svelte
@@ -20,6 +20,8 @@
 	const canScrollNext = writable(false);
 	const optionsStore = writable(opts);
 	const pluginStore = writable(plugins);
+	const scrollSnapsStore = writable<number[]>([]);
+	const selectedIndexStore = writable(0);
 
 	$: orientationStore.set(orientation);
 	$: pluginStore.set(plugins);
@@ -31,6 +33,9 @@
 	function scrollNext() {
 		api?.scrollNext();
 	}
+	function scrollTo(index: number, jump?: boolean) {
+		api?.scrollTo(index, jump);
+	}
 
 	function onSelect(api: CarouselAPI) {
 		if (!api) return;
@@ -65,6 +70,9 @@
 		options: optionsStore,
 		plugins: pluginStore,
 		onInit,
+		scrollSnaps: scrollSnapsStore,
+		selectedIndex: selectedIndexStore,
+		scrollTo,
 	});
 
 	function onInit(event: CustomEvent<CarouselAPI>) {
diff --git a/apps/www/src/lib/registry/new-york/ui/carousel/context.ts b/apps/www/src/lib/registry/new-york/ui/carousel/context.ts
index 1a2f462b8..c90b4cb84 100644
--- a/apps/www/src/lib/registry/new-york/ui/carousel/context.ts
+++ b/apps/www/src/lib/registry/new-york/ui/carousel/context.ts
@@ -38,6 +38,9 @@ type EmblaContext = {
 	options: Writable<CarouselOptions>;
 	plugins: Writable<CarouselPlugins>;
 	onInit: (e: CustomEvent<CarouselAPI>) => void;
+	scrollTo: (index: number, jump?: boolean) => void;
+	scrollSnaps: Readable<number[]>;
+	selectedIndex: Readable<number>;
 };
 
 export function setEmblaContext(config: EmblaContext): EmblaContext {