carousel-angular
Version:
A simple carousel component for Angular 14+ based on 'angular-responsive-carousel' by Ivy Laboratory http://ivylab.space
90 lines (89 loc) • 3.75 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, SimpleChanges } from '@angular/core';
import { Properties as CarouselProperties } from './interfaces';
import * as i0 from "@angular/core";
export declare class CarouselComponent implements OnDestroy {
private elementRef;
private ref;
carousel: any;
container: any;
utils: any;
cells: any;
slide: any;
touches: any;
landscapeMode: any;
_isCounter: boolean;
_cellWidth: number | '100%';
isMoving: boolean;
isNgContent: boolean;
cellLength: number;
dotsArr: any;
carouselProperties: CarouselProperties;
savedCarouselWidth: number;
get slideCounter(): any;
get lapCounter(): any;
get isLandscape(): boolean;
get isSafari(): any;
get counter(): string;
get cellsElement(): any;
get isArrows(): boolean;
get isCounter(): boolean;
get activeDotIndex(): number;
get cellLimit(): any;
get carouselWidth(): any;
events: EventEmitter<any>;
id: number;
height: number;
width: number;
autoplay: boolean;
autoplayInterval: number;
pauseOnHover: boolean;
dots: boolean;
borderRadius: number;
margin: number;
objectFit: 'contain' | 'cover' | 'none';
minSwipeDistance: number;
transitionDuration: number;
transitionTimingFunction: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
videoProperties: any;
counterSeparator: string;
overflowCellsLimit: number;
listeners: 'auto' | 'mouse and touch';
cellsToShow: number;
cellsToScroll: number;
freeScroll: boolean;
arrows: boolean;
arrowsOutside: boolean;
arrowsTheme: 'light' | 'dark';
set cellWidth(value: number | '100%');
set isCounter(value: boolean);
hostClassCarousel: boolean;
hostStyleHeight: string;
hostStyleWidth: string;
onWindowResize(event: any): void;
onMouseEnter(): void;
onMouseLeave(): void;
onDragStart(): boolean;
constructor(elementRef: ElementRef, ref: ChangeDetectorRef);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
initCarousel(): void;
resize(): void;
detectDomChanges(): void;
onDomChanges(): void;
setDimensions(): void;
handleTouchstart: (event: any) => void;
handleHorizontalSwipe: (event: any) => void;
handleTouchend: (event: any) => void;
handleTap: (event: any) => void;
handleTransitionendCellContainer(event: any): void;
getCellWidth(): any;
next(): void;
prev(): void;
isNextArrowDisabled(): any;
isPrevArrowDisabled(): any;
getCellLength(): any;
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "carousel, [carousel]", never, { "id": "id"; "height": "height"; "width": "width"; "autoplay": "autoplay"; "autoplayInterval": "autoplayInterval"; "pauseOnHover": "pauseOnHover"; "dots": "dots"; "borderRadius": "borderRadius"; "margin": "margin"; "objectFit": "objectFit"; "minSwipeDistance": "minSwipeDistance"; "transitionDuration": "transitionDuration"; "transitionTimingFunction": "transitionTimingFunction"; "videoProperties": "videoProperties"; "counterSeparator": "counterSeparator"; "overflowCellsLimit": "overflowCellsLimit"; "listeners": "listeners"; "cellsToShow": "cellsToShow"; "cellsToScroll": "cellsToScroll"; "freeScroll": "freeScroll"; "arrows": "arrows"; "arrowsOutside": "arrowsOutside"; "arrowsTheme": "arrowsTheme"; "cellWidth": "cellWidth"; "isCounter": "counter"; }, { "events": "events"; }, never, ["*"], false>;
}