d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Directive, AfterContentInit, ContentChildren, QueryList, OnDestroy } from '@angular/core';
import { CdkDrag } from '@angular/cdk/drag-drop';
import { merge, Subject } from 'rxjs';
import { Constructor, MixinBase, mixinUnsubscribe, ThyUnsubscribe } from 'ngx-tethys/core';
import { takeUntil, startWith } from 'rxjs/operators';

const _MixinBase: Constructor<ThyUnsubscribe> & typeof MixinBase = mixinUnsubscribe(MixinBase);

/**
 * @private
 */
@Directive({
    selector: '[thyDragDrop]',
    standalone: true
})
export class ThyDragDropDirective extends _MixinBase implements AfterContentInit, OnDestroy {
    @ContentChildren(CdkDrag, { descendants: true }) draggables: QueryList<CdkDrag>;

    constructor() {
        super();
    }

    ngAfterContentInit() {
        if (this.draggables) {
            this.draggables.changes.pipe(startWith(this.draggables)).subscribe(() => {
                super.ngOnDestroy();
                this.ngUnsubscribe$ = new Subject();
                merge(
                    ...this.draggables.toArray().map(dragRef => {
                        return dragRef.started;
                    })
                )
                    .pipe(takeUntil(this.ngUnsubscribe$))
                    .subscribe(() => {
                        document.body.classList.add('thy-dragging-body');
                    });

                merge(...this.draggables.toArray().map(dragRef => dragRef.released))
                    .pipe(takeUntil(this.ngUnsubscribe$))
                    .subscribe(() => {
                        document.body.classList.remove('thy-dragging-body');
                    });
            });
        }
    }

    ngOnDestroy() {
        super.ngOnDestroy();
    }
}

1	import { Directive, AfterContentInit, ContentChildren, QueryList, OnDestroy } from '@angular/core';
2	import { CdkDrag } from '@angular/cdk/drag-drop';
3	import { merge, Subject } from 'rxjs';
4	import { Constructor, MixinBase, mixinUnsubscribe, ThyUnsubscribe } from 'ngx-tethys/core';
5	import { takeUntil, startWith } from 'rxjs/operators';
6
7	const _MixinBase: Constructor<ThyUnsubscribe> & typeof MixinBase = mixinUnsubscribe(MixinBase);	1✔
8
9	/**
10	* @private
11	*/	1✔
12	@Directive({
13	selector: '[thyDragDrop]',	×
14	standalone: true
15	})
16	export class ThyDragDropDirective extends _MixinBase implements AfterContentInit, OnDestroy {	×
17	@ContentChildren(CdkDrag, { descendants: true }) draggables: QueryList<CdkDrag>;	×
18		×
19	constructor() {	×
20	super();	×
21	}	×
22
23	ngAfterContentInit() {
24	if (this.draggables) {
25	this.draggables.changes.pipe(startWith(this.draggables)).subscribe(() => {	×
26	super.ngOnDestroy();
27	this.ngUnsubscribe$ = new Subject();	×
28	merge(
29	...this.draggables.toArray().map(dragRef => {
30	return dragRef.started;	×
31	})
32	)
33	.pipe(takeUntil(this.ngUnsubscribe$))
34	.subscribe(() => {
35	document.body.classList.add('thy-dragging-body');
36	});	×
37
38	merge(...this.draggables.toArray().map(dragRef => dragRef.released))	1✔
39	.pipe(takeUntil(this.ngUnsubscribe$))	1✔
40	.subscribe(() => {
41	document.body.classList.remove('thy-dragging-body');
42	});
43	});	1✔
44	}
45	}
46
47	ngOnDestroy() {
48	super.ngOnDestroy();
49	}
50	}

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