a4-overlay/fesm2015/a4-overlay.js

import { Component, ChangeDetectionStrategy, Injectable, ComponentFactoryResolver, ApplicationRef, ɵɵdefineInjectable, ɵɵinject, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BehaviorSubject } from 'rxjs';
import { filter } from 'rxjs/operators';

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class OverlayComponent {
}
OverlayComponent.decorators = [
    { type: Component, args: [{
                // tslint:disable-next-line:component-selector
                selector: 'a4-overlay',
                template: ``,
                changeDetection: ChangeDetectionStrategy.OnPush,
                styles: [`
  :host {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 999;
  }
  `]
            }] }
];

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
/** @enum {number} */
const BusCommand = {
    SHOW: 0, HIDE: 1,
};
BusCommand[BusCommand.SHOW] = 'SHOW';
BusCommand[BusCommand.HIDE] = 'HIDE';
class OverlayService {
    /**
     * @param {?} resolver
     * @param {?} applicationRef
     */
    constructor(resolver, applicationRef) {
        this.resolver = resolver;
        this.applicationRef = applicationRef;
        this.count = 0;
        this.bus$ = new BehaviorSubject(null);
        this.bus$.
            pipe(filter((/**
         * @param {?} p
         * @return {?}
         */
        p => !!p)))
            .subscribe((/**
         * @param {?} p
         * @return {?}
         */
        p => {
            setTimeout((/**
             * @return {?}
             */
            () => {
                if (p.command === BusCommand.SHOW) {
                    this.doShow(p.dynamicComponent);
                }
                else {
                    this.doHide();
                }
            }), 0);
        }));
    }
    /**
     * @private
     * @return {?}
     */
    get viewContainerRef() {
        if (this.applicationRef.components.length === 0) {
            return null;
        }
        /** @type {?} */
        const appInstance = this.applicationRef.components[0].instance;
        if (!appInstance.viewContainerRef) {
            /** @type {?} */
            const appName = this.applicationRef.componentTypes[0].name;
            throw new Error(`Missing 'viewContainerRef' declaration in ${appName} constructor`);
        }
        return appInstance.viewContainerRef;
    }
    /**
     * @private
     * @param {?} dynamicComponent
     * @return {?}
     */
    doShow(dynamicComponent) {
        if (this.viewContainerRef) {
            if (this.count === 0) {
                /** @type {?} */
                const factory = this.resolver.resolveComponentFactory(OverlayComponent);
                this.componentRef = this.viewContainerRef.createComponent(factory);
                if (dynamicComponent) {
                    /** @type {?} */
                    const dynamicFactory = this.resolver.resolveComponentFactory(dynamicComponent);
                    this.dynamicComponentRef = this.viewContainerRef.createComponent(dynamicFactory);
                }
            }
            this.count++;
        }
    }
    /**
     * @return {?}
     */
    doHide() {
        if (this.count > 0) {
            this.count--;
            if (this.count === 0) {
                this.componentRef.destroy();
                if (this.dynamicComponentRef) {
                    this.dynamicComponentRef.destroy();
                    this.dynamicComponentRef = null;
                }
            }
        }
    }
    /**
     * @param {?=} dynamicComponent
     * @return {?}
     */
    show(dynamicComponent = null) {
        this.bus$.next({ command: BusCommand.SHOW, dynamicComponent });
    }
    /**
     * @return {?}
     */
    hide() {
        this.bus$.next({ command: BusCommand.HIDE });
    }
    /**
     * @return {?}
     */
    get attachedComponent() {
        return this.dynamicComponentRef;
    }
}
OverlayService.decorators = [
    { type: Injectable, args: [{
                providedIn: 'root'
            },] }
];
/** @nocollapse */
OverlayService.ctorParameters = () => [
    { type: ComponentFactoryResolver },
    { type: ApplicationRef }
];
/** @nocollapse */ OverlayService.ngInjectableDef = ɵɵdefineInjectable({ factory: function OverlayService_Factory() { return new OverlayService(ɵɵinject(ComponentFactoryResolver), ɵɵinject(ApplicationRef)); }, token: OverlayService, providedIn: "root" });

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
class OverlayModule {
}
OverlayModule.decorators = [
    { type: NgModule, args: [{
                imports: [
                    CommonModule
                ],
                declarations: [
                    OverlayComponent
                ],
                providers: [
                    OverlayService
                ],
                entryComponents: [
                    OverlayComponent
                ]
            },] }
];

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */

export { OverlayComponent, OverlayModule, OverlayService };
//# sourceMappingURL=a4-overlay.js.map