d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, HostBinding, Input, OnInit, ContentChildren, QueryList, NgZone, OnDestroy, AfterContentInit } from '@angular/core';
import { Observable, defer, Subject, merge, combineLatest } from 'rxjs';
import { ThyOptionVisibleChangeEvent, ThyOptionComponent } from '../option.component';
import { take, switchMap, startWith, takeUntil, reduce, debounceTime, map } from 'rxjs/operators';
import { THY_OPTION_GROUP_COMPONENT } from '../option.token';
import { InputBoolean } from 'ngx-tethys/core';

/**
 * @private
 */
@Component({
    selector: 'thy-option-group',
    templateUrl: './option-group.component.html',
    providers: [
        {
            provide: THY_OPTION_GROUP_COMPONENT,
            useExisting: ThySelectOptionGroupComponent
        }
    ],
    standalone: true
})
export class ThySelectOptionGroupComponent implements OnDestroy, AfterContentInit {
    _hidden = false;
    @Input()
    @InputBoolean()
    @HostBinding(`class.disabled`)
    thyDisabled: boolean;

    @HostBinding('class.thy-option-item-group') _isOptionGroup = true;

    @HostBinding('class.thy-select-option-group-hidden')
    get hidden(): boolean {
        return this._hidden;
    }

    @Input() thyGroupLabel: string;

    @ContentChildren(ThyOptionComponent) options: QueryList<ThyOptionComponent>;

    _destroy$: Subject<void> = new Subject<void>();

    optionVisibleChanges: Observable<ThyOptionVisibleChangeEvent> = defer(() => {
        if (this.options) {
            return merge(...this.options.map(option => option.visibleChange));
        }
        return this._ngZone.onStable.asObservable().pipe(
            take(1),
            switchMap(() => this.optionVisibleChanges)
        );
    }) as Observable<ThyOptionVisibleChangeEvent>;

    constructor(private _ngZone: NgZone) {}

    ngAfterContentInit() {
        this.options.changes.pipe(startWith(null), takeUntil(this._destroy$)).subscribe(() => {
            this._resetOptions();
        });
    }

    _resetOptions() {
        const changedOrDestroyed$ = merge(this.options.changes, this._destroy$);
        merge(...this.options.map(option => option.visibleChange))
            .pipe(
                takeUntil(changedOrDestroyed$),
                debounceTime(10),
                map((event: ThyOptionVisibleChangeEvent) => {
                    const hasOption = this.options.find(option => {
                        if (!option.hidden) {
                            return true;
                        }
                    });
                    if (hasOption) {
                        return false;
                    } else {
                        return true;
                    }
                })
            )
            .subscribe((data: boolean) => {
                this._hidden = data;
            });
    }

    ngOnDestroy() {
        this._destroy$.next();
        this._destroy$.complete();
    }
}

1	import { Component, HostBinding, Input, OnInit, ContentChildren, QueryList, NgZone, OnDestroy, AfterContentInit } from '@angular/core';
2	import { Observable, defer, Subject, merge, combineLatest } from 'rxjs';
3	import { ThyOptionVisibleChangeEvent, ThyOptionComponent } from '../option.component';
4	import { take, switchMap, startWith, takeUntil, reduce, debounceTime, map } from 'rxjs/operators';
5	import { THY_OPTION_GROUP_COMPONENT } from '../option.token';
6	import { InputBoolean } from 'ngx-tethys/core';
7
8	/**
9	* @private
10	*/
11	@Component({
12	selector: 'thy-option-group',
13	templateUrl: './option-group.component.html',	1✔
14	providers: [
15	{	×
16	provide: THY_OPTION_GROUP_COMPONENT,
17	useExisting: ThySelectOptionGroupComponent
18	}	×
19	],	×
20	standalone: true	×
21	})	×
22	export class ThySelectOptionGroupComponent implements OnDestroy, AfterContentInit {	×
23	_hidden = false;	×
24	@Input()	×
25	@InputBoolean()
26	@HostBinding(`class.disabled`)	×
27	thyDisabled: boolean;
28
29	@HostBinding('class.thy-option-item-group') _isOptionGroup = true;
30		×
31	@HostBinding('class.thy-select-option-group-hidden')	×
32	get hidden(): boolean {
33	return this._hidden;
34	}
35		×
36	@Input() thyGroupLabel: string;	×
37
38	@ContentChildren(ThyOptionComponent) options: QueryList<ThyOptionComponent>;	×
39		×
40	_destroy$: Subject<void> = new Subject<void>();	×
41
42	optionVisibleChanges: Observable<ThyOptionVisibleChangeEvent> = defer(() => {
43	if (this.options) {	×
44	return merge(...this.options.map(option => option.visibleChange));	×
45	}
46	return this._ngZone.onStable.asObservable().pipe(
47	take(1),	×
48	switchMap(() => this.optionVisibleChanges)
49	);
50	}) as Observable<ThyOptionVisibleChangeEvent>;
51		×
52	constructor(private _ngZone: NgZone) {}
53
54	ngAfterContentInit() {
55	this.options.changes.pipe(startWith(null), takeUntil(this._destroy$)).subscribe(() => {	×
56	this._resetOptions();	×
57	});
58	}	1✔
59
60	_resetOptions() {
61	const changedOrDestroyed$ = merge(this.options.changes, this._destroy$);	1✔
62	merge(...this.options.map(option => option.visibleChange))
63	.pipe(
64	takeUntil(changedOrDestroyed$),
65	debounceTime(10),
66	map((event: ThyOptionVisibleChangeEvent) => {
67	const hasOption = this.options.find(option => {
68	if (!option.hidden) {
69	return true;	1✔
70	}
71	});
72	if (hasOption) {
73	return false;	1✔
74	} else {
75	return true;
76	}
77	})
78	)
79	.subscribe((data: boolean) => {
80	this._hidden = data;
81	});
82	}
83
84	ngOnDestroy() {
85	this._destroy$.next();
86	this._destroy$.complete();
87	}
88	}

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