ng-cw-v12/number-counter/number-counter.component.d.ts

Angular UI Component Library

import { OnDestroy, ElementRef, SimpleChanges, OnChanges } from '@angular/core';
import * as i0 from "@angular/core";
export declare type NcDirectionType = 'left' | 'right';
export declare class NumberCounterComponent implements OnDestroy, OnChanges {
    private elementRef;
    /** 要显示的数字 */
    ncValue: number;
    /** 每个数字动画持续时间 */
    ncDuration: number;
    /** 每个数字之间的延迟 */
    ncDelayMultiple: number;
    /** 存在每个数字之间的延迟时，数字方向 */
    ncDirection: NcDirectionType;
    /** 每个数字之间的间距 */
    ncGap: number;
    /** 开始前的延迟 */
    ncDelay: number;
    /** 是否在视图可见时才开始动画 */
    private _startOnView;
    set ncStartOnView(val: boolean | string);
    get ncStartOnView(): boolean;
    /** 是否只执行一次动画 */
    private _once;
    set ncOnce(val: boolean | string);
    get ncOnce(): boolean;
    digits: {
        numbers: number[];
        targetPosition: number;
        state: string;
        delay: number;
    }[];
    private observer;
    private timeout;
    constructor(elementRef: ElementRef);
    ngOnChanges(changes: SimpleChanges): void;
    ngOnDestroy(): void;
    private start;
    private clear;
    private setupIntersectionObserver;
    private processValue;
    private startAnimation;
    private resetAnimation;
    static ɵfac: i0.ɵɵFactoryDeclaration<NumberCounterComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<NumberCounterComponent, "nc-number-counter", never, { "ncValue": "ncValue"; "ncDuration": "ncDuration"; "ncDelayMultiple": "ncDelayMultiple"; "ncDirection": "ncDirection"; "ncGap": "ncGap"; "ncDelay": "ncDelay"; "ncStartOnView": "ncStartOnView"; "ncOnce": "ncOnce"; }, {}, never, never>;
}