react-stacked-center-carousel
Version:
A responsive, performant, well animated, swipeable, center mode carousel that stacks its slide
45 lines (44 loc) • 1.39 kB
TypeScript
import React from 'react';
import { props, state } from './interfaces';
export default class StackedCarousel extends React.PureComponent<props, state> {
static defaultScaleFactor: number;
static defaultTransitionTime: number;
private height;
private listRef;
private slidePerSide;
private clearSlideTimeout;
private slideInfoMap;
private sortedSlideInfo;
private keyCount;
private addedSlide;
private centerPosition;
private maxZIndex;
private renderedSlidePerSide;
private validateProps;
private initializeProperties;
private calculateScaleAndOffsets;
getZIndex: (slideIndex: number) => number;
constructor(props: props);
componentDidMount(): void;
componentWillUnmount(): void;
componentDidUpdate(prevProps: props): void;
private updateHeight;
private modDataRange;
private debouncedClearInvisibleSlide;
private clearUselessSlide;
private safeGetSlideInfo;
private getInsertionInfo;
private moveCarousel;
private getSwipeX;
private getSlideDOMInfo;
private getSlideScaleAndOpacity;
private centerOffset;
private onSwipeStart;
private onSwipe;
private resetSlides;
private onSwipeEnd;
goNext: () => void;
goBack: () => void;
swipeTo: (steps: number) => void;
render(): JSX.Element;
}