d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ChangeDetectorRef, QueryList, Renderer2 } from '@angular/core';
import { Platform } from '@angular/cdk/platform';
import { Observable, Subject } from 'rxjs';
import { ThyCarouselComponent } from '../carousel.component';
import { ThyDistanceVector } from '../typings';
import { ThyCarouselItemDirective } from '../carousel-item.directive';
import { ThyCarouselBaseEngine } from '../engine/carousel-base';

export class ThyCarouselNoopEngine extends ThyCarouselBaseEngine {
    constructor(thyCarouselComponent: ThyCarouselComponent, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform) {
        super(thyCarouselComponent, cdr, renderer, platform);
    }

    dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void {}

    initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void {
        this.initializeContents(contents);
    }

    switch(to: number, from: number): Observable<void> {
        const switch$ = new Subject<void>();
        this.renderer.setStyle(
            this.wrapperEl,
            `transform`,
            `translate3d(${(-(to + this.length) % this.length) * this.contentWidth}px,0 , 0)`
        );
        setTimeout(() => {
            switch$.next();
        }, 0);
        setTimeout(() => {
            switch$.complete();
        }, 0);
        return switch$.asObservable();
    }

    correctionOffset(): void {
        super.correctionOffset();
        const { activeIndex } = this.carouselComponent!;
        this.renderer.setStyle(this.wrapperEl, `transform`, `translate3d(${-activeIndex * this.contentWidth}px,0 , 0)`);
    }
}

1	import { ChangeDetectorRef, QueryList, Renderer2 } from '@angular/core';
2	import { Platform } from '@angular/cdk/platform';
3	import { Observable, Subject } from 'rxjs';
4	import { ThyCarouselComponent } from '../carousel.component';
5	import { ThyDistanceVector } from '../typings';	×
6	import { ThyCarouselItemDirective } from '../carousel-item.directive';
7	import { ThyCarouselBaseEngine } from '../engine/carousel-base';
8
9	export class ThyCarouselNoopEngine extends ThyCarouselBaseEngine {	×
10	constructor(thyCarouselComponent: ThyCarouselComponent, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform) {
11	super(thyCarouselComponent, cdr, renderer, platform);
12	}	×
13		×
14	dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void {}	×
15		×
16	initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> \| null): void {
17	this.initializeContents(contents);	×
18	}	×
19
20	switch(to: number, from: number): Observable<void> {	×
21	const switch$ = new Subject<void>();
22	this.renderer.setStyle(
23	this.wrapperEl,	×
24	`transform`,	×
25	`translate3d(${(-(to + this.length) % this.length) * this.contentWidth}px,0 , 0)`	×
26	);
27	setTimeout(() => {
28	switch$.next();
29	}, 0);
30	setTimeout(() => {
31	switch$.complete();
32	}, 0);
33	return switch$.asObservable();
34	}
35
36	correctionOffset(): void {
37	super.correctionOffset();
38	const { activeIndex } = this.carouselComponent!;
39	this.renderer.setStyle(this.wrapperEl, `transform`, `translate3d(${-activeIndex * this.contentWidth}px,0 , 0)`);
40	}
41	}

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

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous