Created carousel component for testimonials

libs/ui/src/lib/carousel/carousel-item.directive.ts

@@ -0,0 +1,17 @@
+import { FocusableOption } from "@angular/cdk/a11y";
+import { Directive, ElementRef, HostBinding } from "@angular/core";
+
+@Directive({
+    selector: '[carousel-item]',
+    standalone: true,
+  })
+  export class CarouselItem implements FocusableOption {
+    @HostBinding('attr.role') readonly role = 'listitem';
+    @HostBinding('tabindex') tabindex = '-1';
+  
+    constructor(readonly element: ElementRef<HTMLElement>) {}
+  
+    focus(): void {
+      this.element.nativeElement.focus({preventScroll: true});
+    }
+  }

libs/ui/src/lib/carousel/carousel.ts

@@ -18,21 +18,7 @@ import {
   import {MatIconModule} from '@angular/material/icon';
   import {MatButtonModule} from '@angular/material/button';
   import {NgIf} from '@angular/common';
-  
+import { CarouselItem } from './carousel-item.directive';
-  @Directive({
-    selector: '[carousel-item]',
-    standalone: true,
-  })
-  export class CarouselItem implements FocusableOption {
-    @HostBinding('attr.role') readonly role = 'listitem';
-    @HostBinding('tabindex') tabindex = '-1';
-  
-    constructor(readonly element: ElementRef<HTMLElement>) {}
-  
-    focus(): void {
-      this.element.nativeElement.focus({preventScroll: true});
-    }
-  }
   
   @Component({
     selector: 'gf-carousel',