Refactor #4211 - For Carousel

components/lib/carousel/Carousel.d.ts

@@ -20,6 +20,7 @@ export interface CarouselPassThroughMethodOptions {
     instance: any;
     props: CarouselProps;
     state: CarouselState;
+    context: CarouselContext;
 }
 
 /**
@@ -165,6 +166,17 @@ export interface CarouselState {
     swipeThreshold: number;
 }
 
+/**
+ * Defines current inline options in Carousel component.
+ */
+export interface GalleriaContext {
+    /**
+     * Current highlighted state of the indicator as a boolean.
+     * @defaultValue false
+     */
+    highlighted: boolean;
+}
+
 export interface CarouselResponsiveOptions {
     /**
      * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}

components/lib/carousel/Carousel.vue

@@ -239,6 +239,13 @@ export default {
         }
     },
     methods: {
+        getIndicatorPTOptions(index) {
+            return {
+                context: {
+                    highlighted: index === this.d_page
+                }
+            };
+        },
         step(dir, page) {
             let totalShiftedItems = this.totalShiftedItems;
             const isCircular = this.isCircular();