number-flip-animation
Version:
Small typescript package for animating the change of a number using a flip/slide animation.
26 lines (25 loc) • 927 B
TypeScript
export declare class NumberFlip {
private rootElement;
private durationSlide;
private durationFade;
private numberFormatter;
private decimalSeparator;
private wrapperClassname;
private digitClassname;
constructor({ rootElement, durationSlide, durationFade, initialNumber, animateInitialNumber, numberFormatter, decimalSeparator, wrapperClassname, digitClassname, }: {
rootElement: HTMLElement;
durationSlide?: number;
durationFade?: number;
initialNumber?: number;
animateInitialNumber?: boolean;
numberFormatter?: (num: number) => string;
decimalSeparator?: string;
wrapperClassname?: string;
digitClassname?: string;
});
setNumber(num: number, animate?: boolean): void;
private adjustAmountOfDigitContainers;
private setDigitInContainers;
private getDigitsOfNumber;
private calculateTranslateY;
}