refactor(carousel-inner): add aria-live "off" for interval > 0, otherwise "polite"

Author: xidedix

projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts

@@ -19,21 +19,27 @@ import { carouselPlay } from '../carousel.animation';
   host: {
     class: 'carousel-inner',
     '[@carouselPlay]': 'slideType()',
-    '[@.disabled]': '!animate()'
+    '[@.disabled]': '!animate()',
+    '[attr.aria-live]': 'ariaLive()'
   }
 })
 export class CarouselInnerComponent implements AfterContentInit, AfterContentChecked {
   readonly #carouselState = inject(CarouselState);
 
   readonly activeIndex = signal<number | undefined>(undefined);
   readonly animate = signal<boolean>(true);
+  readonly interval = signal<number>(0);
   readonly slide = signal({ left: true });
   readonly transition = signal('crossfade');
 
   readonly slideType = computed(() => {
     return { left: this.slide().left, type: this.transition() };
   });
 
+  readonly ariaLive = computed(() => {
+    return this.interval() ? 'off' : 'polite';
+  });
+
   readonly contentItems = contentChildren(CarouselItemComponent);
   readonly #prevContentItems = signal<CarouselItemComponent[]>([]);
 
@@ -48,8 +54,9 @@ export class CarouselInnerComponent implements AfterContentInit, AfterContentChe
     const nextDirection = state?.direction;
     if (this.activeIndex() !== nextIndex) {
       this.animate.set(state?.animate ?? false);
-      this.slide.set({ left: nextDirection === 'next' });
       this.activeIndex.set(state?.activeItemIndex);
+      this.interval.set(state?.interval ?? 0);
+      this.slide.set({ left: nextDirection === 'next' });
       this.transition.set(state?.transition ?? 'slide');
     }
   }