d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Observable, Subject } from 'rxjs';

import { AnimationEvent } from '@angular/animations';
import { CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
import { ChangeDetectorRef, ComponentRef, EmbeddedViewRef, EventEmitter } from '@angular/core';

import { ThyAbstractOverlayConfig, ThyAbstractOverlayOptions } from './abstract-overlay.config';

export function throwPopoverContentAlreadyAttachedError(name: string) {
    throw Error(`Attempting to attach ${name} content after content is already attached`);
}

export abstract class ThyAbstractOverlayContainer<TData = unknown> {
    id?: string;

    animationState: string;

    animationStateChanged = new EventEmitter<AnimationEvent>();

    containerDestroy = new Subject<void>();

    abstract config: ThyAbstractOverlayConfig<TData>;

    /**portal outlet */
    abstract portalOutlet: CdkPortalOutlet;

    /**
     * Opening overlay animation done
     */
    abstract animationOpeningDone: Observable<AnimationEvent>;

    /**
     * Closing overlay animation done
     */
    abstract animationClosingDone: Observable<AnimationEvent>;

    /** Before attach content(TemplatePortal or ComponentPortal) portal to portalOutlet*/
    abstract beforeAttachPortal(): void;

    /** Before detach content*/
    beforeDetachPortal() {}

    constructor(private options: ThyAbstractOverlayOptions, protected changeDetectorRef: ChangeDetectorRef) {}

    /**
     * Attach a TemplatePortal as content to this overlay container.
     * @param portal Portal to be attached as the overlay content.
     */
    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C> {
        if (this.portalOutlet.hasAttached()) {
            throwPopoverContentAlreadyAttachedError(this.options.name);
        }

        this.beforeAttachPortal();
        return this.portalOutlet.attachTemplatePortal(portal);
    }

    /**
     * Attach a ComponentPortal as content to this overlay container.
     * @param portal Portal to be attached as the overlay content.
     */
    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {
        if (this.portalOutlet.hasAttached()) {
            throwPopoverContentAlreadyAttachedError(this.options.name);
        }
        this.beforeAttachPortal();
        return this.portalOutlet.attachComponentPortal(portal);
    }

    startExitAnimation() {
        if (this.options.animationEnabled) {
            this.animationState = 'exit';
        } else {
            // this.animationClosingDone.
        }
        this.beforeDetachPortal();

        // Mark the container for check so it can react if the
        // view container is using OnPush change detection.
        this.changeDetectorRef.markForCheck();
    }

    destroy() {
        this.containerDestroy.next();
    }
}

1	import { Observable, Subject } from 'rxjs';
2
3	import { AnimationEvent } from '@angular/animations';
4	import { CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';	×
5	import { ChangeDetectorRef, ComponentRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
6
7	import { ThyAbstractOverlayConfig, ThyAbstractOverlayOptions } from './abstract-overlay.config';
8
9	export function throwPopoverContentAlreadyAttachedError(name: string) {
10	throw Error(`Attempting to attach ${name} content after content is already attached`);	×
11	}	×
12		×
13	export abstract class ThyAbstractOverlayContainer<TData = unknown> {	×
14	id?: string;
15
16	animationState: string;
17
18	animationStateChanged = new EventEmitter<AnimationEvent>();
19
20	containerDestroy = new Subject<void>();	×
21		×
22	abstract config: ThyAbstractOverlayConfig<TData>;
23		×
24	/*portal outlet /	×
25	abstract portalOutlet: CdkPortalOutlet;
26
27	/**
28	* Opening overlay animation done
29	*/
30	abstract animationOpeningDone: Observable<AnimationEvent>;
31		×
32	/**	×
33	* Closing overlay animation done
34	*/	×
35	abstract animationClosingDone: Observable<AnimationEvent>;	×
36
37	/** Before attach content(TemplatePortal or ComponentPortal) portal to portalOutlet*/
38	abstract beforeAttachPortal(): void;	×
39		×
40	/** Before detach content*/
41	beforeDetachPortal() {}
42
43	constructor(private options: ThyAbstractOverlayOptions, protected changeDetectorRef: ChangeDetectorRef) {}
44		×
45	/**
46	* Attach a TemplatePortal as content to this overlay container.
47	* @param portal Portal to be attached as the overlay content.	×
48	*/
49	attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C> {
50	if (this.portalOutlet.hasAttached()) {	×
51	throwPopoverContentAlreadyAttachedError(this.options.name);
52	}
53
54	this.beforeAttachPortal();
55	return this.portalOutlet.attachTemplatePortal(portal);
56	}
57
58	/**
59	* Attach a ComponentPortal as content to this overlay container.
60	* @param portal Portal to be attached as the overlay content.
61	*/
62	attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {
63	if (this.portalOutlet.hasAttached()) {
64	throwPopoverContentAlreadyAttachedError(this.options.name);
65	}
66	this.beforeAttachPortal();
67	return this.portalOutlet.attachComponentPortal(portal);
68	}
69
70	startExitAnimation() {
71	if (this.options.animationEnabled) {
72	this.animationState = 'exit';
73	} else {
74	// this.animationClosingDone.
75	}
76	this.beforeDetachPortal();
77
78	// Mark the container for check so it can react if the
79	// view container is using OnPush change detection.
80	this.changeDetectorRef.markForCheck();
81	}
82
83	destroy() {
84	this.containerDestroy.next();
85	}
86	}

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