fix(carousel-control): allow custom content (regression)

Author: xidedix

projects/coreui-angular/src/lib/carousel/carousel-control/carousel-control.component.html

@@ -1,8 +1,4 @@
-@if (hasContent()) {
-  <div #content>
-    <ng-content />
-  </div>
-} @else {
-  <span [class]="carouselControlIconClass()" [attr.aria-label]="direction()" [attr.aria-hidden]="true"></span>
+<ng-content>
+  <span [attr.aria-hidden]="true" [class]="carouselControlIconClass()"></span>
   <span class="visually-hidden">{{ caption() }}</span>
-}
+</ng-content>

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

@@ -1,4 +1,4 @@
-import { Component, computed, ElementRef, inject, input, linkedSignal, viewChild } from '@angular/core';
+import { Component, computed, inject, input, linkedSignal } from '@angular/core';
 
 import { CarouselState } from '../carousel-state';
 
@@ -49,12 +49,6 @@ export class CarouselControlComponent {
     return `carousel-control-${this.direction()}-icon`;
   });
 
-  readonly content = viewChild('content', { read: ElementRef });
-
-  readonly hasContent = computed(() => {
-    return this.content()?.nativeElement.childNodes.length ?? false;
-  });
-
   onKeyUp($event: KeyboardEvent): void {
     if ($event.key === 'Enter') {
       this.#play();