@teenageinterface/carousel
Version:
The `Carousel` component allows you to create a sliding carousel with configurable options such as auto-sliding, controls, and dot indicators.
41 lines (40 loc) • 1.83 kB
TypeScript
import { AfterContentInit, AfterViewChecked, QueryList, ElementRef } from '@angular/core';
import { SlideComponent } from './slide.component';
import { SafeStyle } from "@angular/platform-browser";
import * as i0 from "@angular/core";
export declare class CarouselComponent implements AfterContentInit, AfterViewChecked {
private hostRef;
slides: QueryList<SlideComponent>;
slideList: SlideComponent[];
currentIndex: number;
private autoSlideInterval;
private isDragging;
private startX;
private currentTranslate;
private prevTranslate;
private isInitialized;
autoSlideTime: number;
autoSlide: boolean;
dot: boolean;
controls: boolean;
width: number;
infinite: boolean;
type: "classic" | "modern";
onWindowResize(): void;
setWidth: SafeStyle;
constructor(hostRef: ElementRef);
ngAfterViewChecked(): void;
ngAfterContentInit(): void;
private updateSlideWidths;
private startAutoSlide;
pauseAutoSlide(): void;
resumeAutoSlide(): void;
goToSlide(index: number): void;
nextSlide(): void;
prevSlide(): void;
onDragStart(event: MouseEvent): void;
onDrag(event: MouseEvent): void;
onDragEnd(event: MouseEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "tiCarousel", never, { "autoSlideTime": { "alias": "autoSlideTime"; "required": false; }; "autoSlide": { "alias": "autoSlide"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "width": { "alias": "width"; "required": false; }; "infinite": { "alias": "infinite"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, ["slides"], ["*"], true, never>;
}