68ef226c-f83e-44c1-b8ed-e420a83c5d84

Committed 28 May 2025 10:31AM UTC coverage: 10.352% (-80.0%) from 90.316%

Build # 68ef226c-f83e-44c1-b8ed-e420a83c5d84

Build Type

Pull #3460

circleci

Committed by

pubuzhixing8

Commit Message

chore: xxx

Pull Request Pull Request #3460: refactor(icon): migrate signal input #TINFR-1476

Run Details

132 of 6823 branches covered (1.93%)

Branch coverage included in aggregate %.

10 of 14 new or added lines in 1 file covered. (71.43%)

11648 existing lines in 344 files now uncovered.

2078 of 14525 relevant lines covered (14.31%)

6.69 hits per line

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

11.76

/src/shared/directives/thy-scroll.directive.ts

import { Directive, ElementRef, OnInit, NgZone, OnDestroy, Output, EventEmitter, Input, inject } from '@angular/core';
import { Subject, Observable, Observer, fromEvent, Subscription } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
import { coerceBooleanProperty } from 'ngx-tethys/util';

const passiveEventListenerOptions = <AddEventListenerOptions>normalizePassiveListenerOptions({ passive: true });

/**
 * @name thyScroll
 */
@Directive({
    selector: '[thyScroll]'
})
export class ThyScrollDirective implements OnInit, OnDestroy {
    private elementRef = inject<ElementRef<any>>(ElementRef);
    private ngZone = inject(NgZone);

    private _destroyed = new Subject<void>();
    private _enable = true;
    private _initialled = false;
    private _subscription: Subscription;

    private _elementScrolled: Observable<Event> = new Observable((observer: Observer<Event>) =>
        this.ngZone.runOutsideAngular(() =>
            fromEvent(this.elementRef.nativeElement, 'scroll', passiveEventListenerOptions)
                .pipe(takeUntil(this._destroyed))
                .subscribe(observer)
        )
    );

    @Input({ transform: coerceBooleanProperty })
    set thyEnable(value: boolean) {
        this._enable = value;
        if (this._initialled) {
            if (this._enable && this._subscription === null) {
                this._subscription = this._elementScrolled.subscribe(() => this.thyOnScrolled.emit(this.elementRef));
            } else {
                if (this._subscription) {
                    this._subscription.unsubscribe();
                    this._subscription = null;
                }
            }
        }
    }

    /**
     * @description
     *
     * Note: the `thyOnScrolled` emits outside of the Angular zone since the `scroll` listener
     * is installed within the `<root>` zone.
     *
     * Consumers need to re-enter the Angular zone theirselves when the change detection is needeed to be run:
     * ```ts
     * @Component({
     *   template: '<div thyScroll (thyOnScrolled)="onScrolled()"></div>'
     * })
     * class ThyScrollComponent {
     *   onScrolled(): void {
     *     console.log(Zone.current); // <root>
     *     console.log(NgZone.isInAngularZone()); // false
     *   }
     * }
     * ```
     */
    @Output() thyOnScrolled: EventEmitter<ElementRef> = new EventEmitter<ElementRef>();

    ngOnInit() {
        if (this._enable) {
            this._subscription = this._elementScrolled.subscribe(() => this.thyOnScrolled.emit(this.elementRef));
        }
        this._initialled = true;
    }

    ngOnDestroy() {
        this._destroyed.next();
        this._destroyed.complete();
    }

    getElementRef(): ElementRef<HTMLElement> {
        return this.elementRef;
    }
}

1	import { Directive, ElementRef, OnInit, NgZone, OnDestroy, Output, EventEmitter, Input, inject } from '@angular/core';
2	import { Subject, Observable, Observer, fromEvent, Subscription } from 'rxjs';
3	import { takeUntil } from 'rxjs/operators';
4	import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
5	import { coerceBooleanProperty } from 'ngx-tethys/util';
6
7	const passiveEventListenerOptions = <AddEventListenerOptions>normalizePassiveListenerOptions({ passive: true });	1✔
8
9	/**
10	* @name thyScroll
11	*/	1✔
12	@Directive({
UNCOV 13	selector: '[thyScroll]'	×
UNCOV 14	})	×
UNCOV 15	export class ThyScrollDirective implements OnInit, OnDestroy {	×
UNCOV 16	private elementRef = inject<ElementRef<any>>(ElementRef);	×
UNCOV 17	private ngZone = inject(NgZone);	×
UNCOV 18		×
19	private _destroyed = new Subject<void>();
20	private _enable = true;
UNCOV 21	private _initialled = false;	×
22	private _subscription: Subscription;
23
UNCOV 24	private _elementScrolled: Observable<Event> = new Observable((observer: Observer<Event>) =>	×
UNCOV 25	this.ngZone.runOutsideAngular(() =>	×
26	fromEvent(this.elementRef.nativeElement, 'scroll', passiveEventListenerOptions)	×
27	.pipe(takeUntil(this._destroyed))	×
28	.subscribe(observer)
29	)
30	);	×
31		×
32	@Input({ transform: coerceBooleanProperty })	×
33	set thyEnable(value: boolean) {
34	this._enable = value;
35	if (this._initialled) {
36	if (this._enable && this._subscription === null) {
37	this._subscription = this._elementScrolled.subscribe(() => this.thyOnScrolled.emit(this.elementRef));
UNCOV 38	} else {	×
UNCOV 39	if (this._subscription) {	×
40	this._subscription.unsubscribe();
UNCOV 41	this._subscription = null;	×
42	}
43	}
UNCOV 44	}	×
UNCOV 45	}	×
46
47	/**
48	* @description	×
49	*
50	* Note: the `thyOnScrolled` emits outside of the Angular zone since the `scroll` listener	1✔
51	* is installed within the `<root>` zone.
52	*
53	* Consumers need to re-enter the Angular zone theirselves when the change detection is needeed to be run:
54	* ```ts
55	* @Component({	1✔
56	* template: '<div thyScroll (thyOnScrolled)="onScrolled()"></div>'
57	* })
58	* class ThyScrollComponent {
59	* onScrolled(): void {
60	* console.log(Zone.current); // <root>
61	* console.log(NgZone.isInAngularZone()); // false
62	* }
63	* }
64	* ```
65	*/
66	@Output() thyOnScrolled: EventEmitter<ElementRef> = new EventEmitter<ElementRef>();
67
68	ngOnInit() {
69	if (this._enable) {
70	this._subscription = this._elementScrolled.subscribe(() => this.thyOnScrolled.emit(this.elementRef));
71	}
72	this._initialled = true;
73	}
74
75	ngOnDestroy() {
76	this._destroyed.next();
77	this._destroyed.complete();
78	}
79
80	getElementRef(): ElementRef<HTMLElement> {
81	return this.elementRef;
82	}
83	}

atinc / ngx-tethys / 68ef226c-f83e-44c1-b8ed-e420a83c5d84

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