refactor(carousel-item): add attribute role = "group"

Author: xidedix

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

@@ -10,7 +10,8 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
   exportAs: 'cCarouselItem',
   host: {
     class: 'carousel-item',
-    '[class.active]': 'active()'
+    '[class.active]': 'active()',
+    '[attr.role]': 'role()'
   }
 })
 export class CarouselItemComponent {
@@ -38,6 +39,13 @@ export class CarouselItemComponent {
    */
   readonly interval = input<number>(-1);
 
+  /**
+   * Carousel item role.
+   * @return string
+   * @default 'group'
+   */
+  readonly role = input('group');
+
   constructor() {
     this.#carouselService.carouselIndex$.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((nextIndex) => {
       if ('active' in nextIndex) {