From 91686d62168d9fb2f2856bf5295fbc143acd544a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elfar=20Alfre=C3=B0sson?= <elfar@elfar.is>
Date: Tue, 20 May 2025 11:33:42 +0000
Subject: [PATCH] Add configuration options  to initCarousels

---
 src/components/carousel/index.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/carousel/index.ts b/src/components/carousel/index.ts
index eb0e14fd8..7193e4a28 100644
--- a/src/components/carousel/index.ts
+++ b/src/components/carousel/index.ts
@@ -350,10 +350,15 @@ export function initCarousels() {
             });
         }
 
+        const indicatorActiveClasses = $carouselEl.getAttribute('data-carousel-indicator-active-classes');
+        const indicatorInactiveClasses = $carouselEl.getAttribute('data-carousel-indicator-inactive-classes');
+
         const carousel = new Carousel($carouselEl as HTMLElement, items, {
             defaultPosition: defaultPosition,
             indicators: {
                 items: indicators,
+                activeClasses: indicatorActiveClasses ? indicatorActiveClasses : Default.indicators.activeClasses,
+                inactiveClasses: indicatorInactiveClasses ? indicatorInactiveClasses : Default.indicators.inactiveClasses,
             },
             interval: interval ? interval : Default.interval,
         } as CarouselOptions);