atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ChangeDetectorRef, Renderer2, QueryList } from '@angular/core';

import { Platform } from '@angular/cdk/platform';

import { ThyCarouselItemDirective } from '../carousel-item.directive';

import { ThyCarouselComponent } from '../carousel.component';

export abstract class ThyCarouselBaseEngine implements ThyCarouselEngine {

    protected contentHeight: number;

    protected readonly carouselComponent: ThyCarouselComponent;

    protected get maxIndex(): number {

        thyCarouselComponent: ThyCarouselComponent,

        protected platform: Platform

    ) {

        this.carouselComponent = thyCarouselComponent;

        this.wrapperEl = wrapperEl;

        this.playTime = playTime;

        const { width, height } = wrapperEl.getBoundingClientRect();

        this.contentHeight = height;

        this.contentWidth = width;

        this.contents = contents?.toArray();

        this.length = this.contents.length;

        if (this.platform.isBrowser && this.contents.length) {

            this.renderer.setStyle(this.wrapperEl, 'transform', 'translate3d(0, 0, 0)');

            this.renderer.setStyle(this.wrapperEl, `height`, `${this.contentHeight}px`);

        }

        this.contents.forEach(content => {

            content.el.removeAttribute('style');

        });

    }

    abstract dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void;

    abstract initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void;

    abstract switch(to: number, from: number): Observable<void>;

    correctionOffset(): void {

        const carousel = this.carouselComponent!;

        const { wrapperEl } = carousel;

        const { width, height } = wrapperEl.getBoundingClientRect();

        this.contentWidth = width;

        this.contentHeight = height;

    }

}