packages/ecl/components/ecl-carousel/ecl-carousel-item.component.ts
Represents a single item (slide) within the ECL Carousel. Each slide can optionally include an EclBannerComponent and supports click events.
| host | { |
| selector | ecl-carousel-item |
| styles |
/* TODO: remove by implementing full ECL specs */
:host:before {
left: 0 !important;
display: none;
}
|
| templateUrl | ./ecl-carousel-item.component.html |
Properties |
Methods |
Inputs |
Outputs |
HostListeners |
Accessors |
| id |
Type : string
|
|
The unique identifier of the slide. |
| isCurrent |
Type : boolean
|
Default value : false
|
|
Indicates whether this slide is currently active/visible. Automatically coerced to a boolean value. |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| slideClick |
Type : EventEmitter
|
|
Emits an event when the slide is clicked. |
| click |
click()
|
|
Handles click events on the slide and emits a slideClick event. |
| onSlideClick |
onSlideClick()
|
Decorators :
@HostListener('click')
|
|
Handles click events on the slide and emits a slideClick event.
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| ariaLabel |
Type : string
|
|
The aria-label for the slide, assigned dynamically by the carousel. |
| banner |
Type : EclBannerComponent
|
Decorators :
@ContentChild(undefined)
|
|
Optionally captures a banner component projected into the slide. |
| el |
Type : unknown
|
Default value : inject(ElementRef)
|
| Public index |
Type : number
|
|
Internal slide index, assigned dynamically by the carousel. |
| cssClasses |
getcssClasses()
|
|
Computes the slide's CSS class.
Returns :
string
|