ngx-carousel-ease/lib/carousel.component.d.ts

ngx-carousel-ease is a versatile Angular library providing a feature-rich, simple, and performant carousel component. This library supports infinite and responsive mode, mouse and touch event. Attention has been put to accessibility, performance, and frie

import { AfterViewInit, ChangeDetectorRef, Signal } from '@angular/core';
import { CarouselService } from './carousel.service';
import { AnimationsTiming } from './interfaces';
import { InfiniteSlider } from './infiniteSlider';
import { FiniteSlider } from './finiteSlider';
import * as i0 from "@angular/core";
export declare class CarouselComponent implements AfterViewInit {
    private cd;
    private carouselService;
    maxWidthCarousel: import("@angular/core").InputSignal<number | undefined>;
    infinite: import("@angular/core").InputSignal<boolean>;
    responsive: import("@angular/core").InputSignal<boolean>;
    autoSlide: import("@angular/core").InputSignal<boolean>;
    slideToShow: import("@angular/core").InputSignal<number>;
    slideToScroll: import("@angular/core").InputSignal<number>;
    autoslideLimitPercentCard: import("@angular/core").InputSignal<number>;
    strechingLimit: import("@angular/core").InputSignal<number>;
    slideWidth: import("@angular/core").InputSignal<number>;
    slideMaxWidth: import("@angular/core").InputSignal<number>;
    dots: import("@angular/core").InputSignal<boolean>;
    arrows: import("@angular/core").InputSignal<boolean>;
    counter: import("@angular/core").InputSignal<boolean>;
    enableMouseDrag: import("@angular/core").InputSignal<boolean>;
    enableTouch: import("@angular/core").InputSignal<boolean>;
    counterSeparator: import("@angular/core").InputSignal<string>;
    gapBetweenSlides: import("@angular/core").InputSignal<number>;
    animationTimingMs: import("@angular/core").InputSignal<number>;
    maxDomSize: import("@angular/core").InputSignal<number>;
    animationTimingFn: import("@angular/core").InputSignal<AnimationsTiming>;
    autoPlay: import("@angular/core").InputSignal<boolean>;
    autoPlayInterval: import("@angular/core").InputSignal<number>;
    autoPlayAtStart: import("@angular/core").InputSignal<boolean>;
    displayAutoPlayControls: import("@angular/core").InputSignal<boolean>;
    autoPlaySlideToScroll: import("@angular/core").InputSignal<number>;
    autoPlayDirection: import("@angular/core").InputSignal<"ltr" | "rtl">;
    private carouselContainer;
    private resizeEvent;
    private mouseUpEvent;
    private visibilityEvent;
    private previousWidth;
    private currentWidth;
    private isBrowser;
    private carousel;
    slider: InfiniteSlider | FiniteSlider;
    carouselDots: Signal<number>;
    carouselMaxScrollableContent: Signal<number>;
    carouselArrayNumberDots: Signal<number[]>;
    sliderCurrentSlide: Signal<number>;
    sliderCurrentTranslation: Signal<number>;
    sliderPlayActive: Signal<boolean>;
    sliderPlayButtonDisabled: Signal<boolean>;
    sliderDragging: Signal<boolean>;
    constructor(cd: ChangeDetectorRef, carouselService: CarouselService, platformId: Object);
    ngAfterViewInit(): void;
    instantiateSlider(): void;
    listeners(): void;
    /**
     * Reinitialise variables at resize
     */
    resize(): void;
    /**
     * Removes active subscriptions and clear interval autoplay.
     */
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "carousel", never, { "maxWidthCarousel": { "alias": "maxWidthCarousel"; "required": false; "isSignal": true; }; "infinite": { "alias": "infinite"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "autoSlide": { "alias": "autoSlide"; "required": false; "isSignal": true; }; "slideToShow": { "alias": "slideToShow"; "required": false; "isSignal": true; }; "slideToScroll": { "alias": "slideToScroll"; "required": false; "isSignal": true; }; "autoslideLimitPercentCard": { "alias": "autoslideLimitPercentCard"; "required": false; "isSignal": true; }; "strechingLimit": { "alias": "strechingLimit"; "required": false; "isSignal": true; }; "slideWidth": { "alias": "slideWidth"; "required": false; "isSignal": true; }; "slideMaxWidth": { "alias": "slideMaxWidth"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "enableMouseDrag": { "alias": "enableMouseDrag"; "required": false; "isSignal": true; }; "enableTouch": { "alias": "enableTouch"; "required": false; "isSignal": true; }; "counterSeparator": { "alias": "counterSeparator"; "required": false; "isSignal": true; }; "gapBetweenSlides": { "alias": "gapBetweenSlides"; "required": false; "isSignal": true; }; "animationTimingMs": { "alias": "animationTimingMs"; "required": false; "isSignal": true; }; "maxDomSize": { "alias": "maxDomSize"; "required": false; "isSignal": true; }; "animationTimingFn": { "alias": "animationTimingFn"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; "isSignal": true; }; "autoPlayAtStart": { "alias": "autoPlayAtStart"; "required": false; "isSignal": true; }; "displayAutoPlayControls": { "alias": "displayAutoPlayControls"; "required": false; "isSignal": true; }; "autoPlaySlideToScroll": { "alias": "autoPlaySlideToScroll"; "required": false; "isSignal": true; }; "autoPlayDirection": { "alias": "autoPlayDirection"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}