@qius.solutions/parallel-ui-angular 1.0.0

package/fesm2015/qius.solutions-parallel-ui-angular-overlay.mjs

@@ -0,0 +1,554 @@
+import { animation, style, animate, trigger, transition, useAnimation } from '@angular/animations';
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, ContentChildren, ViewChild, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@qius.solutions/parallel-ui-angular/api';
+import { QiusTemplate, SharedModule } from '@qius.solutions/parallel-ui-angular/api';
+import { DomHandler, ConnectedOverlayScrollHandler } from '@qius.solutions/parallel-ui-angular/dom';
+import { ObjectUtils, ZIndexUtils } from '@qius.solutions/parallel-ui-angular/utils';
+
+const OVERLAY_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => Overlay),
+    multi: true
+};
+const showOverlayContentAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{showTransitionParams}}')]);
+const hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}', style({ transform: '{{transform}}', opacity: 0 }))]);
+class Overlay {
+    constructor(document, platformId, el, renderer, config, overlayService, zone) {
+        this.document = document;
+        this.platformId = platformId;
+        this.el = el;
+        this.renderer = renderer;
+        this.config = config;
+        this.overlayService = overlayService;
+        this.zone = zone;
+        this.visibleChange = new EventEmitter();
+        this.onBeforeShow = new EventEmitter();
+        this.onShow = new EventEmitter();
+        this.onBeforeHide = new EventEmitter();
+        this.onHide = new EventEmitter();
+        this.onAnimationStart = new EventEmitter();
+        this.onAnimationDone = new EventEmitter();
+        this._visible = false;
+        this.modalVisible = false;
+        this.isOverlayClicked = false;
+        this.isOverlayContentClicked = false;
+        this.transformOptions = {
+            default: 'scaleY(0.8)',
+            center: 'scale(0.7)',
+            top: 'translate3d(0px, -100%, 0px)',
+            'top-start': 'translate3d(0px, -100%, 0px)',
+            'top-end': 'translate3d(0px, -100%, 0px)',
+            bottom: 'translate3d(0px, 100%, 0px)',
+            'bottom-start': 'translate3d(0px, 100%, 0px)',
+            'bottom-end': 'translate3d(0px, 100%, 0px)',
+            left: 'translate3d(-100%, 0px, 0px)',
+            'left-start': 'translate3d(-100%, 0px, 0px)',
+            'left-end': 'translate3d(-100%, 0px, 0px)',
+            right: 'translate3d(100%, 0px, 0px)',
+            'right-start': 'translate3d(100%, 0px, 0px)',
+            'right-end': 'translate3d(100%, 0px, 0px)'
+        };
+        this.window = this.document.defaultView;
+    }
+    get visible() {
+        return this._visible;
+    }
+    set visible(value) {
+        this._visible = value;
+        if (this._visible && !this.modalVisible) {
+            this.modalVisible = true;
+        }
+    }
+    get mode() {
+        var _a;
+        return this._mode || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.mode);
+    }
+    set mode(value) {
+        this._mode = value;
+    }
+    get style() {
+        var _a, _b;
+        return ObjectUtils.merge(this._style, this.modal ? (_a = this.overlayResponsiveOptions) === null || _a === void 0 ? void 0 : _a.style : (_b = this.overlayOptions) === null || _b === void 0 ? void 0 : _b.style);
+    }
+    set style(value) {
+        this._style = value;
+    }
+    get styleClass() {
+        var _a, _b;
+        return ObjectUtils.merge(this._styleClass, this.modal ? (_a = this.overlayResponsiveOptions) === null || _a === void 0 ? void 0 : _a.styleClass : (_b = this.overlayOptions) === null || _b === void 0 ? void 0 : _b.styleClass);
+    }
+    set styleClass(value) {
+        this._styleClass = value;
+    }
+    get contentStyle() {
+        var _a, _b;
+        return ObjectUtils.merge(this._contentStyle, this.modal ? (_a = this.overlayResponsiveOptions) === null || _a === void 0 ? void 0 : _a.contentStyle : (_b = this.overlayOptions) === null || _b === void 0 ? void 0 : _b.contentStyle);
+    }
+    set contentStyle(value) {
+        this._contentStyle = value;
+    }
+    get contentStyleClass() {
+        var _a, _b;
+        return ObjectUtils.merge(this._contentStyleClass, this.modal ? (_a = this.overlayResponsiveOptions) === null || _a === void 0 ? void 0 : _a.contentStyleClass : (_b = this.overlayOptions) === null || _b === void 0 ? void 0 : _b.contentStyleClass);
+    }
+    set contentStyleClass(value) {
+        this._contentStyleClass = value;
+    }
+    get target() {
+        var _a;
+        const value = this._target || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.target);
+        return value === undefined ? '@prev' : value;
+    }
+    set target(value) {
+        this._target = value;
+    }
+    get appendTo() {
+        var _a;
+        return this._appendTo || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.appendTo);
+    }
+    set appendTo(value) {
+        this._appendTo = value;
+    }
+    get autoZIndex() {
+        var _a;
+        const value = this._autoZIndex || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.autoZIndex);
+        return value === undefined ? true : value;
+    }
+    set autoZIndex(value) {
+        this._autoZIndex = value;
+    }
+    get baseZIndex() {
+        var _a;
+        const value = this._baseZIndex || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.baseZIndex);
+        return value === undefined ? 0 : value;
+    }
+    set baseZIndex(value) {
+        this._baseZIndex = value;
+    }
+    get showTransitionOptions() {
+        var _a;
+        const value = this._showTransitionOptions || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.showTransitionOptions);
+        return value === undefined ? '.12s cubic-bezier(0, 0, 0.2, 1)' : value;
+    }
+    set showTransitionOptions(value) {
+        this._showTransitionOptions = value;
+    }
+    get hideTransitionOptions() {
+        var _a;
+        const value = this._hideTransitionOptions || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.hideTransitionOptions);
+        return value === undefined ? '.1s linear' : value;
+    }
+    set hideTransitionOptions(value) {
+        this._hideTransitionOptions = value;
+    }
+    get listener() {
+        var _a;
+        return this._listener || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.listener);
+    }
+    set listener(value) {
+        this._listener = value;
+    }
+    get responsive() {
+        var _a;
+        return this._responsive || ((_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.responsive);
+    }
+    set responsive(val) {
+        this._responsive = val;
+    }
+    get options() {
+        return this._options;
+    }
+    set options(val) {
+        this._options = val;
+    }
+    get modal() {
+        var _a, _b;
+        if (isPlatformBrowser(this.platformId)) {
+            return this.mode === 'modal' || (this.overlayResponsiveOptions && ((_a = this.window) === null || _a === void 0 ? void 0 : _a.matchMedia(((_b = this.overlayResponsiveOptions.media) === null || _b === void 0 ? void 0 : _b.replace('@media', '')) || `(max-width: ${this.overlayResponsiveOptions.breakpoint})`).matches));
+        }
+    }
+    get overlayMode() {
+        return this.mode || (this.modal ? 'modal' : 'overlay');
+    }
+    get overlayOptions() {
+        var _a;
+        return Object.assign(Object.assign({}, (_a = this.config) === null || _a === void 0 ? void 0 : _a.overlayOptions), this.options); // TODO: Improve performance
+    }
+    get overlayResponsiveOptions() {
+        var _a;
+        return Object.assign(Object.assign({}, (_a = this.overlayOptions) === null || _a === void 0 ? void 0 : _a.responsive), this.responsive); // TODO: Improve performance
+    }
+    get overlayResponsiveDirection() {
+        var _a;
+        return ((_a = this.overlayResponsiveOptions) === null || _a === void 0 ? void 0 : _a.direction) || 'center';
+    }
+    get overlayEl() {
+        var _a;
+        return (_a = this.overlayViewChild) === null || _a === void 0 ? void 0 : _a.nativeElement;
+    }
+    get contentEl() {
+        var _a;
+        return (_a = this.contentViewChild) === null || _a === void 0 ? void 0 : _a.nativeElement;
+    }
+    get targetEl() {
+        var _a;
+        return DomHandler.getTargetElement(this.target, (_a = this.el) === null || _a === void 0 ? void 0 : _a.nativeElement);
+    }
+    ngAfterContentInit() {
+        var _a;
+        (_a = this.templates) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this.contentTemplate = item.template;
+                    break;
+                // TODO: new template types may be added.
+                default:
+                    this.contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    show(overlay, isFocus = false) {
+        var _a;
+        this.onVisibleChange(true);
+        this.handleEvents('onShow', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });
+        isFocus && DomHandler.focus(this.targetEl);
+        this.modal && DomHandler.addClass((_a = this.document) === null || _a === void 0 ? void 0 : _a.body, 'p-overflow-hidden');
+    }
+    hide(overlay, isFocus = false) {
+        var _a;
+        if (!this.visible) {
+            return;
+        }
+        else {
+            this.onVisibleChange(false);
+            this.handleEvents('onHide', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });
+            isFocus && DomHandler.focus(this.targetEl);
+            this.modal && DomHandler.removeClass((_a = this.document) === null || _a === void 0 ? void 0 : _a.body, 'p-overflow-hidden');
+        }
+    }
+    alignOverlay() {
+        !this.modal && DomHandler.alignOverlay(this.overlayEl, this.targetEl, this.appendTo);
+    }
+    onVisibleChange(visible) {
+        this._visible = visible;
+        this.visibleChange.emit(visible);
+    }
+    onOverlayClick(event) {
+        this.isOverlayClicked = true;
+    }
+    onOverlayContentClick(event) {
+        this.overlayService.add({
+            originalEvent: event,
+            target: this.targetEl
+        });
+        this.isOverlayContentClicked = true;
+    }
+    onOverlayContentAnimationStart(event) {
+        var _a;
+        switch (event.toState) {
+            case 'visible':
+                this.handleEvents('onBeforeShow', { overlay: this.overlayEl, target: this.targetEl, mode: this.overlayMode });
+                if (this.autoZIndex) {
+                    ZIndexUtils.set(this.overlayMode, this.overlayEl, this.baseZIndex + ((_a = this.config) === null || _a === void 0 ? void 0 : _a.zIndex[this.overlayMode]));
+                }
+                DomHandler.appendOverlay(this.overlayEl, this.appendTo === 'body' ? this.document.body : this.appendTo, this.appendTo);
+                this.alignOverlay();
+                break;
+            case 'void':
+                this.handleEvents('onBeforeHide', { overlay: this.overlayEl, target: this.targetEl, mode: this.overlayMode });
+                this.modal && DomHandler.addClass(this.overlayEl, 'p-component-overlay-leave');
+                break;
+        }
+        this.handleEvents('onAnimationStart', event);
+    }
+    onOverlayContentAnimationDone(event) {
+        const container = this.overlayEl || event.element.parentElement;
+        switch (event.toState) {
+            case 'visible':
+                this.show(container, true);
+                this.bindListeners();
+                break;
+            case 'void':
+                this.hide(container, true);
+                this.unbindListeners();
+                DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);
+                ZIndexUtils.clear(container);
+                this.modalVisible = false;
+                break;
+        }
+        this.handleEvents('onAnimationDone', event);
+    }
+    handleEvents(name, params) {
+        var _a, _b, _c;
+        this[name].emit(params);
+        this.options && this.options[name] && this.options[name](params);
+        ((_a = this.config) === null || _a === void 0 ? void 0 : _a.overlayOptions) && ((_b = this.config) === null || _b === void 0 ? void 0 : _b.overlayOptions)[name] && ((_c = this.config) === null || _c === void 0 ? void 0 : _c.overlayOptions)[name](params);
+    }
+    bindListeners() {
+        this.bindScrollListener();
+        this.bindDocumentClickListener();
+        this.bindDocumentResizeListener();
+        this.bindDocumentKeyboardListener();
+    }
+    unbindListeners() {
+        this.unbindScrollListener();
+        this.unbindDocumentClickListener();
+        this.unbindDocumentResizeListener();
+        this.unbindDocumentKeyboardListener();
+    }
+    bindScrollListener() {
+        if (!this.scrollHandler) {
+            this.scrollHandler = new ConnectedOverlayScrollHandler(this.targetEl, (event) => {
+                const valid = this.listener ? this.listener(event, { type: 'scroll', mode: this.overlayMode, valid: true }) : true;
+                valid && this.hide(event, true);
+            });
+        }
+        this.scrollHandler.bindScrollListener();
+    }
+    unbindScrollListener() {
+        if (this.scrollHandler) {
+            this.scrollHandler.unbindScrollListener();
+        }
+    }
+    bindDocumentClickListener() {
+        if (!this.documentClickListener) {
+            this.documentClickListener = this.renderer.listen(this.document, 'click', (event) => {
+                const isTargetClicked = this.targetEl && (this.targetEl.isSameNode(event.target) || (!this.isOverlayClicked && this.targetEl.contains(event.target)));
+                const isOutsideClicked = !isTargetClicked && !this.isOverlayContentClicked;
+                const valid = this.listener ? this.listener(event, { type: 'outside', mode: this.overlayMode, valid: event.which !== 3 && isOutsideClicked }) : isOutsideClicked;
+                valid && this.hide(event);
+                this.isOverlayClicked = this.isOverlayContentClicked = false;
+            });
+        }
+    }
+    unbindDocumentClickListener() {
+        if (this.documentClickListener) {
+            this.documentClickListener();
+            this.documentClickListener = null;
+        }
+    }
+    bindDocumentResizeListener() {
+        if (!this.documentResizeListener) {
+            this.documentResizeListener = this.renderer.listen(this.window, 'resize', (event) => {
+                const valid = this.listener ? this.listener(event, { type: 'resize', mode: this.overlayMode, valid: !DomHandler.isTouchDevice() }) : !DomHandler.isTouchDevice();
+                valid && this.hide(event, true);
+            });
+        }
+    }
+    unbindDocumentResizeListener() {
+        if (this.documentResizeListener) {
+            this.documentResizeListener();
+            this.documentResizeListener = null;
+        }
+    }
+    bindDocumentKeyboardListener() {
+        if (this.documentKeyboardListener) {
+            return;
+        }
+        this.zone.runOutsideAngular(() => {
+            this.documentKeyboardListener = this.renderer.listen(this.window, 'keydown', (event) => {
+                if (!this.overlayOptions.hideOnEscape || event.keyCode !== 27) {
+                    return;
+                }
+                const valid = this.listener ? this.listener(event, { type: 'keydown', mode: this.overlayMode, valid: !DomHandler.isTouchDevice() }) : !DomHandler.isTouchDevice();
+                if (valid) {
+                    this.zone.run(() => {
+                        this.hide(event, true);
+                    });
+                }
+            });
+        });
+    }
+    unbindDocumentKeyboardListener() {
+        if (this.documentKeyboardListener) {
+            this.documentKeyboardListener();
+            this.documentKeyboardListener = null;
+        }
+    }
+    ngOnDestroy() {
+        this.hide(this.overlayEl, true);
+        if (this.overlayEl) {
+            DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);
+            ZIndexUtils.clear(this.overlayEl);
+        }
+        if (this.scrollHandler) {
+            this.scrollHandler.destroy();
+            this.scrollHandler = null;
+        }
+        this.unbindListeners();
+    }
+}
+Overlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Overlay, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ParallelUIAngularConfig }, { token: i1.OverlayService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+Overlay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: Overlay, selector: "p-overlay", inputs: { visible: "visible", mode: "mode", style: "style", styleClass: "styleClass", contentStyle: "contentStyle", contentStyleClass: "contentStyleClass", target: "target", appendTo: "appendTo", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", listener: "listener", responsive: "responsive", options: "options" }, outputs: { visibleChange: "visibleChange", onBeforeShow: "onBeforeShow", onShow: "onShow", onBeforeHide: "onBeforeHide", onHide: "onHide", onAnimationStart: "onAnimationStart", onAnimationDone: "onAnimationDone" }, host: { classAttribute: "p-element" }, providers: [OVERLAY_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: QiusTemplate }], viewQueries: [{ propertyName: "overlayViewChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: `
+        <div
+            *ngIf="modalVisible"
+            #overlay
+            [ngStyle]="style"
+            [class]="styleClass"
+            [ngClass]="{
+                'p-overlay p-component': true,
+                'p-overlay-modal p-component-overlay p-component-overlay-enter': modal,
+                'p-overlay-center': modal && overlayResponsiveDirection === 'center',
+                'p-overlay-top': modal && overlayResponsiveDirection === 'top',
+                'p-overlay-top-start': modal && overlayResponsiveDirection === 'top-start',
+                'p-overlay-top-end': modal && overlayResponsiveDirection === 'top-end',
+                'p-overlay-bottom': modal && overlayResponsiveDirection === 'bottom',
+                'p-overlay-bottom-start': modal && overlayResponsiveDirection === 'bottom-start',
+                'p-overlay-bottom-end': modal && overlayResponsiveDirection === 'bottom-end',
+                'p-overlay-left': modal && overlayResponsiveDirection === 'left',
+                'p-overlay-left-start': modal && overlayResponsiveDirection === 'left-start',
+                'p-overlay-left-end': modal && overlayResponsiveDirection === 'left-end',
+                'p-overlay-right': modal && overlayResponsiveDirection === 'right',
+                'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start',
+                'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end'
+            }"
+            (click)="onOverlayClick($event)"
+        >
+            <div
+                *ngIf="visible"
+                #content
+                [ngStyle]="contentStyle"
+                [class]="contentStyleClass"
+                [ngClass]="'p-overlay-content'"
+                (click)="onOverlayContentClick($event)"
+                [@overlayContentAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions, transform: transformOptions[modal ? overlayResponsiveDirection : 'default'] } }"
+                (@overlayContentAnimation.start)="onOverlayContentAnimationStart($event)"
+                (@overlayContentAnimation.done)="onOverlayContentAnimationDone($event)"
+            >
+                <ng-content></ng-content>
+                <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: { mode: overlayMode } }"></ng-container>
+            </div>
+        </div>
+    `, isInline: true, styles: [".p-overlay{position:absolute;top:0;left:0}.p-overlay-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%}.p-overlay-content{transform-origin:inherit}.p-overlay-modal>.p-overlay-content{z-index:1;width:90%}.p-overlay-top{align-items:flex-start}.p-overlay-top-start{align-items:flex-start;justify-content:flex-start}.p-overlay-top-end{align-items:flex-start;justify-content:flex-end}.p-overlay-bottom{align-items:flex-end}.p-overlay-bottom-start{align-items:flex-end;justify-content:flex-start}.p-overlay-bottom-end{align-items:flex-end;justify-content:flex-end}.p-overlay-left{justify-content:flex-start}.p-overlay-left-start{justify-content:flex-start;align-items:flex-start}.p-overlay-left-end{justify-content:flex-start;align-items:flex-end}.p-overlay-right{justify-content:flex-end}.p-overlay-right-start{justify-content:flex-end;align-items:flex-start}.p-overlay-right-end{justify-content:flex-end;align-items:flex-end}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [trigger('overlayContentAnimation', [transition(':enter', [useAnimation(showOverlayContentAnimation)]), transition(':leave', [useAnimation(hideOverlayContentAnimation)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Overlay, decorators: [{
+            type: Component,
+            args: [{ selector: 'p-overlay', template: `
+        <div
+            *ngIf="modalVisible"
+            #overlay
+            [ngStyle]="style"
+            [class]="styleClass"
+            [ngClass]="{
+                'p-overlay p-component': true,
+                'p-overlay-modal p-component-overlay p-component-overlay-enter': modal,
+                'p-overlay-center': modal && overlayResponsiveDirection === 'center',
+                'p-overlay-top': modal && overlayResponsiveDirection === 'top',
+                'p-overlay-top-start': modal && overlayResponsiveDirection === 'top-start',
+                'p-overlay-top-end': modal && overlayResponsiveDirection === 'top-end',
+                'p-overlay-bottom': modal && overlayResponsiveDirection === 'bottom',
+                'p-overlay-bottom-start': modal && overlayResponsiveDirection === 'bottom-start',
+                'p-overlay-bottom-end': modal && overlayResponsiveDirection === 'bottom-end',
+                'p-overlay-left': modal && overlayResponsiveDirection === 'left',
+                'p-overlay-left-start': modal && overlayResponsiveDirection === 'left-start',
+                'p-overlay-left-end': modal && overlayResponsiveDirection === 'left-end',
+                'p-overlay-right': modal && overlayResponsiveDirection === 'right',
+                'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start',
+                'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end'
+            }"
+            (click)="onOverlayClick($event)"
+        >
+            <div
+                *ngIf="visible"
+                #content
+                [ngStyle]="contentStyle"
+                [class]="contentStyleClass"
+                [ngClass]="'p-overlay-content'"
+                (click)="onOverlayContentClick($event)"
+                [@overlayContentAnimation]="{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions, transform: transformOptions[modal ? overlayResponsiveDirection : 'default'] } }"
+                (@overlayContentAnimation.start)="onOverlayContentAnimationStart($event)"
+                (@overlayContentAnimation.done)="onOverlayContentAnimationDone($event)"
+            >
+                <ng-content></ng-content>
+                <ng-container *ngTemplateOutlet="contentTemplate; context: { $implicit: { mode: overlayMode } }"></ng-container>
+            </div>
+        </div>
+    `, animations: [trigger('overlayContentAnimation', [transition(':enter', [useAnimation(showOverlayContentAnimation)]), transition(':leave', [useAnimation(hideOverlayContentAnimation)])])], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [OVERLAY_VALUE_ACCESSOR], host: {
+                        class: 'p-element'
+                    }, styles: [".p-overlay{position:absolute;top:0;left:0}.p-overlay-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%}.p-overlay-content{transform-origin:inherit}.p-overlay-modal>.p-overlay-content{z-index:1;width:90%}.p-overlay-top{align-items:flex-start}.p-overlay-top-start{align-items:flex-start;justify-content:flex-start}.p-overlay-top-end{align-items:flex-start;justify-content:flex-end}.p-overlay-bottom{align-items:flex-end}.p-overlay-bottom-start{align-items:flex-end;justify-content:flex-start}.p-overlay-bottom-end{align-items:flex-end;justify-content:flex-end}.p-overlay-left{justify-content:flex-start}.p-overlay-left-start{justify-content:flex-start;align-items:flex-start}.p-overlay-left-end{justify-content:flex-start;align-items:flex-end}.p-overlay-right{justify-content:flex-end}.p-overlay-right-start{justify-content:flex-end;align-items:flex-start}.p-overlay-right-end{justify-content:flex-end;align-items:flex-end}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.ParallelUIAngularConfig }, { type: i1.OverlayService }, { type: i0.NgZone }];
+    }, propDecorators: { visible: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], contentStyle: [{
+                type: Input
+            }], contentStyleClass: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], autoZIndex: [{
+                type: Input
+            }], baseZIndex: [{
+                type: Input
+            }], showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], listener: [{
+                type: Input
+            }], responsive: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], onBeforeShow: [{
+                type: Output
+            }], onShow: [{
+                type: Output
+            }], onBeforeHide: [{
+                type: Output
+            }], onHide: [{
+                type: Output
+            }], onAnimationStart: [{
+                type: Output
+            }], onAnimationDone: [{
+                type: Output
+            }], templates: [{
+                type: ContentChildren,
+                args: [QiusTemplate]
+            }], overlayViewChild: [{
+                type: ViewChild,
+                args: ['overlay']
+            }], contentViewChild: [{
+                type: ViewChild,
+                args: ['content']
+            }] } });
+class OverlayModule {
+}
+OverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: OverlayModule, declarations: [Overlay], imports: [CommonModule, SharedModule], exports: [Overlay, SharedModule] });
+OverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OverlayModule, imports: [CommonModule, SharedModule, SharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, SharedModule],
+                    exports: [Overlay, SharedModule],
+                    declarations: [Overlay]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OVERLAY_VALUE_ACCESSOR, Overlay, OverlayModule };
+//# sourceMappingURL=qius.solutions-parallel-ui-angular-overlay.mjs.map

package/fesm2015/qius.solutions-parallel-ui-angular-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qius.solutions-parallel-ui-angular-overlay.mjs","sources":["../../src/app/components/overlay/overlay.ts","../../src/app/components/overlay/qius.solutions-parallel-ui-angular-overlay.ts"],"sourcesContent":["import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    NgModule,\n    NgZone,\n    OnDestroy,\n    Output,\n    PLATFORM_ID,\n    QueryList,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { OverlayModeType, OverlayOptions, OverlayService, ParallelUIAngularConfig, QiusTemplate, ResponsiveOverlayOptions, SharedModule } from '@qius.solutions/parallel-ui-angular/api';\nimport { ConnectedOverlayScrollHandler, DomHandler } from '@qius.solutions/parallel-ui-angular/dom';\nimport { ObjectUtils, ZIndexUtils } from '@qius.solutions/parallel-ui-angular/utils';\n\nexport const OVERLAY_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => Overlay),\n    multi: true\n};\n\nconst showOverlayContentAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{showTransitionParams}}')]);\n\nconst hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}', style({ transform: '{{transform}}', opacity: 0 }))]);\n\n@Component({\n    selector: 'p-overlay',\n    template: `\n        <div\n            *ngIf=\"modalVisible\"\n            #overlay\n            [ngStyle]=\"style\"\n            [class]=\"styleClass\"\n            [ngClass]=\"{\n                'p-overlay p-component': true,\n                'p-overlay-modal p-component-overlay p-component-overlay-enter': modal,\n                'p-overlay-center': modal && overlayResponsiveDirection === 'center',\n                'p-overlay-top': modal && overlayResponsiveDirection === 'top',\n                'p-overlay-top-start': modal && overlayResponsiveDirection === 'top-start',\n                'p-overlay-top-end': modal && overlayResponsiveDirection === 'top-end',\n                'p-overlay-bottom': modal && overlayResponsiveDirection === 'bottom',\n                'p-overlay-bottom-start': modal && overlayResponsiveDirection === 'bottom-start',\n                'p-overlay-bottom-end': modal && overlayResponsiveDirection === 'bottom-end',\n                'p-overlay-left': modal && overlayResponsiveDirection === 'left',\n                'p-overlay-left-start': modal && overlayResponsiveDirection === 'left-start',\n                'p-overlay-left-end': modal && overlayResponsiveDirection === 'left-end',\n                'p-overlay-right': modal && overlayResponsiveDirection === 'right',\n                'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start',\n                'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end'\n            }\"\n            (click)=\"onOverlayClick($event)\"\n        >\n            <div\n                *ngIf=\"visible\"\n                #content\n                [ngStyle]=\"contentStyle\"\n                [class]=\"contentStyleClass\"\n                [ngClass]=\"'p-overlay-content'\"\n                (click)=\"onOverlayContentClick($event)\"\n                [@overlayContentAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions, transform: transformOptions[modal ? overlayResponsiveDirection : 'default'] } }\"\n                (@overlayContentAnimation.start)=\"onOverlayContentAnimationStart($event)\"\n                (@overlayContentAnimation.done)=\"onOverlayContentAnimationDone($event)\"\n            >\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"contentTemplate; context: { $implicit: { mode: overlayMode } }\"></ng-container>\n            </div>\n        </div>\n    `,\n    animations: [trigger('overlayContentAnimation', [transition(':enter', [useAnimation(showOverlayContentAnimation)]), transition(':leave', [useAnimation(hideOverlayContentAnimation)])])],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [OVERLAY_VALUE_ACCESSOR],\n    styleUrls: ['./overlay.css'],\n    host: {\n        class: 'p-element'\n    }\n})\nexport class Overlay implements AfterContentInit, OnDestroy {\n    @Input() get visible(): boolean {\n        return this._visible;\n    }\n    set visible(value: boolean) {\n        this._visible = value;\n\n        if (this._visible && !this.modalVisible) {\n            this.modalVisible = true;\n        }\n    }\n\n    @Input() get mode(): OverlayModeType | string {\n        return this._mode || this.overlayOptions?.mode;\n    }\n    set mode(value: OverlayModeType | string) {\n        this._mode = value;\n    }\n\n    @Input() get style(): any {\n        return ObjectUtils.merge(this._style, this.modal ? this.overlayResponsiveOptions?.style : this.overlayOptions?.style);\n    }\n    set style(value: any) {\n        this._style = value;\n    }\n\n    @Input() get styleClass(): string {\n        return ObjectUtils.merge(this._styleClass, this.modal ? this.overlayResponsiveOptions?.styleClass : this.overlayOptions?.styleClass);\n    }\n    set styleClass(value: string) {\n        this._styleClass = value;\n    }\n\n    @Input() get contentStyle(): any {\n        return ObjectUtils.merge(this._contentStyle, this.modal ? this.overlayResponsiveOptions?.contentStyle : this.overlayOptions?.contentStyle);\n    }\n    set contentStyle(value: any) {\n        this._contentStyle = value;\n    }\n\n    @Input() get contentStyleClass(): string {\n        return ObjectUtils.merge(this._contentStyleClass, this.modal ? this.overlayResponsiveOptions?.contentStyleClass : this.overlayOptions?.contentStyleClass);\n    }\n    set contentStyleClass(value: string) {\n        this._contentStyleClass = value;\n    }\n\n    @Input() get target(): any {\n        const value = this._target || this.overlayOptions?.target;\n        return value === undefined ? '@prev' : value;\n    }\n    set target(value: any) {\n        this._target = value;\n    }\n\n    @Input() get appendTo(): any {\n        return this._appendTo || this.overlayOptions?.appendTo;\n    }\n    set appendTo(value: any) {\n        this._appendTo = value;\n    }\n\n    @Input() get autoZIndex(): boolean {\n        const value = this._autoZIndex || this.overlayOptions?.autoZIndex;\n        return value === undefined ? true : value;\n    }\n    set autoZIndex(value: boolean) {\n        this._autoZIndex = value;\n    }\n\n    @Input() get baseZIndex(): number {\n        const value = this._baseZIndex || this.overlayOptions?.baseZIndex;\n        return value === undefined ? 0 : value;\n    }\n    set baseZIndex(value: number) {\n        this._baseZIndex = value;\n    }\n\n    @Input() get showTransitionOptions(): string {\n        const value = this._showTransitionOptions || this.overlayOptions?.showTransitionOptions;\n        return value === undefined ? '.12s cubic-bezier(0, 0, 0.2, 1)' : value;\n    }\n    set showTransitionOptions(value: string) {\n        this._showTransitionOptions = value;\n    }\n\n    @Input() get hideTransitionOptions(): string {\n        const value = this._hideTransitionOptions || this.overlayOptions?.hideTransitionOptions;\n        return value === undefined ? '.1s linear' : value;\n    }\n    set hideTransitionOptions(value: string) {\n        this._hideTransitionOptions = value;\n    }\n\n    @Input() get listener(): any {\n        return this._listener || this.overlayOptions?.listener;\n    }\n    set listener(value: any) {\n        this._listener = value;\n    }\n\n    @Input() get responsive(): ResponsiveOverlayOptions | undefined {\n        return this._responsive || this.overlayOptions?.responsive;\n    }\n    set responsive(val: ResponsiveOverlayOptions | undefined) {\n        this._responsive = val;\n    }\n\n    @Input() get options(): OverlayOptions | undefined {\n        return this._options;\n    }\n    set options(val: OverlayOptions | undefined) {\n        this._options = val;\n    }\n\n    @Output() visibleChange: EventEmitter<any> = new EventEmitter();\n\n    @Output() onBeforeShow: EventEmitter<any> = new EventEmitter();\n\n    @Output() onShow: EventEmitter<any> = new EventEmitter();\n\n    @Output() onBeforeHide: EventEmitter<any> = new EventEmitter();\n\n    @Output() onHide: EventEmitter<any> = new EventEmitter();\n\n    @Output() onAnimationStart: EventEmitter<any> = new EventEmitter();\n\n    @Output() onAnimationDone: EventEmitter<any> = new EventEmitter();\n\n    @ContentChildren(QiusTemplate) templates: QueryList<any> | undefined;\n\n    @ViewChild('overlay') overlayViewChild: ElementRef | undefined;\n\n    @ViewChild('content') contentViewChild: ElementRef | undefined;\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    _visible: boolean = false;\n\n    _mode: OverlayModeType | string;\n\n    _style: any;\n\n    _styleClass: string | undefined;\n\n    _contentStyle: any;\n\n    _contentStyleClass: string | undefined;\n\n    _target: any;\n\n    _appendTo: 'body' | HTMLElement | undefined;\n\n    _autoZIndex: boolean | undefined;\n\n    _baseZIndex: number | undefined;\n\n    _showTransitionOptions: string | undefined;\n\n    _hideTransitionOptions: string | undefined;\n\n    _listener: any;\n\n    _responsive: ResponsiveOverlayOptions | undefined;\n\n    _options: OverlayOptions | undefined;\n\n    modalVisible: boolean = false;\n\n    isOverlayClicked: boolean = false;\n\n    isOverlayContentClicked: boolean = false;\n\n    scrollHandler: any;\n\n    documentClickListener: any;\n\n    documentResizeListener: any;\n\n    private documentKeyboardListener: VoidFunction | null;\n\n    private window: Window | null;\n\n    protected transformOptions: any = {\n        default: 'scaleY(0.8)',\n        center: 'scale(0.7)',\n        top: 'translate3d(0px, -100%, 0px)',\n        'top-start': 'translate3d(0px, -100%, 0px)',\n        'top-end': 'translate3d(0px, -100%, 0px)',\n        bottom: 'translate3d(0px, 100%, 0px)',\n        'bottom-start': 'translate3d(0px, 100%, 0px)',\n        'bottom-end': 'translate3d(0px, 100%, 0px)',\n        left: 'translate3d(-100%, 0px, 0px)',\n        'left-start': 'translate3d(-100%, 0px, 0px)',\n        'left-end': 'translate3d(-100%, 0px, 0px)',\n        right: 'translate3d(100%, 0px, 0px)',\n        'right-start': 'translate3d(100%, 0px, 0px)',\n        'right-end': 'translate3d(100%, 0px, 0px)'\n    };\n\n    get modal() {\n        if (isPlatformBrowser(this.platformId)) {\n            return this.mode === 'modal' || (this.overlayResponsiveOptions && this.window?.matchMedia(this.overlayResponsiveOptions.media?.replace('@media', '') || `(max-width: ${this.overlayResponsiveOptions.breakpoint})`).matches);\n        }\n    }\n\n    get overlayMode() {\n        return this.mode || (this.modal ? 'modal' : 'overlay');\n    }\n\n    get overlayOptions(): OverlayOptions {\n        return { ...this.config?.overlayOptions, ...this.options }; // TODO: Improve performance\n    }\n\n    get overlayResponsiveOptions(): ResponsiveOverlayOptions {\n        return { ...this.overlayOptions?.responsive, ...this.responsive }; // TODO: Improve performance\n    }\n\n    get overlayResponsiveDirection() {\n        return this.overlayResponsiveOptions?.direction || 'center';\n    }\n\n    get overlayEl() {\n        return this.overlayViewChild?.nativeElement;\n    }\n\n    get contentEl() {\n        return this.contentViewChild?.nativeElement;\n    }\n\n    get targetEl() {\n        return DomHandler.getTargetElement(this.target, this.el?.nativeElement);\n    }\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        @Inject(PLATFORM_ID) private platformId: any,\n        public el: ElementRef,\n        public renderer: Renderer2,\n        private config: ParallelUIAngularConfig,\n        public overlayService: OverlayService,\n        private zone: NgZone\n    ) {\n        this.window = this.document.defaultView;\n    }\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                // TODO: new template types may be added.\n                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    show(overlay?: HTMLElement, isFocus: boolean = false) {\n        this.onVisibleChange(true);\n        this.handleEvents('onShow', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });\n\n        isFocus && DomHandler.focus(this.targetEl);\n        this.modal && DomHandler.addClass(this.document?.body, 'p-overflow-hidden');\n    }\n\n    hide(overlay?: HTMLElement, isFocus: boolean = false) {\n        if (!this.visible) {\n            return;\n        } else {\n            this.onVisibleChange(false);\n            this.handleEvents('onHide', { overlay: overlay || this.overlayEl, target: this.targetEl, mode: this.overlayMode });\n            isFocus && DomHandler.focus(this.targetEl);\n            this.modal && DomHandler.removeClass(this.document?.body, 'p-overflow-hidden');\n        }\n    }\n\n    alignOverlay() {\n        !this.modal && DomHandler.alignOverlay(this.overlayEl, this.targetEl, this.appendTo);\n    }\n\n    onVisibleChange(visible: boolean) {\n        this._visible = visible;\n        this.visibleChange.emit(visible);\n    }\n\n    onOverlayClick(event) {\n        this.isOverlayClicked = true;\n    }\n\n    onOverlayContentClick(event: MouseEvent) {\n        this.overlayService.add({\n            originalEvent: event,\n            target: this.targetEl\n        });\n\n        this.isOverlayContentClicked = true;\n    }\n\n    onOverlayContentAnimationStart(event: AnimationEvent) {\n        switch (event.toState) {\n            case 'visible':\n                this.handleEvents('onBeforeShow', { overlay: this.overlayEl, target: this.targetEl, mode: this.overlayMode });\n\n                if (this.autoZIndex) {\n                    ZIndexUtils.set(this.overlayMode, this.overlayEl, this.baseZIndex + this.config?.zIndex[this.overlayMode]);\n                }\n\n                DomHandler.appendOverlay(this.overlayEl, this.appendTo === 'body' ? this.document.body : this.appendTo, this.appendTo);\n                this.alignOverlay();\n\n                break;\n\n            case 'void':\n                this.handleEvents('onBeforeHide', { overlay: this.overlayEl, target: this.targetEl, mode: this.overlayMode });\n\n                this.modal && DomHandler.addClass(this.overlayEl, 'p-component-overlay-leave');\n\n                break;\n        }\n\n        this.handleEvents('onAnimationStart', event);\n    }\n\n    onOverlayContentAnimationDone(event: AnimationEvent) {\n        const container = this.overlayEl || event.element.parentElement;\n\n        switch (event.toState) {\n            case 'visible':\n                this.show(container, true);\n                this.bindListeners();\n\n                break;\n\n            case 'void':\n                this.hide(container, true);\n                this.unbindListeners();\n\n                DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);\n                ZIndexUtils.clear(container);\n                this.modalVisible = false;\n\n                break;\n        }\n\n        this.handleEvents('onAnimationDone', event);\n    }\n\n    handleEvents(name: string, params: any) {\n        (this as any)[name].emit(params);\n        this.options && (this.options as any)[name] && (this.options as any)[name](params);\n        this.config?.overlayOptions && (this.config?.overlayOptions as any)[name] && (this.config?.overlayOptions as any)[name](params);\n    }\n\n    bindListeners() {\n        this.bindScrollListener();\n        this.bindDocumentClickListener();\n        this.bindDocumentResizeListener();\n        this.bindDocumentKeyboardListener();\n    }\n\n    unbindListeners() {\n        this.unbindScrollListener();\n        this.unbindDocumentClickListener();\n        this.unbindDocumentResizeListener();\n        this.unbindDocumentKeyboardListener();\n    }\n\n    bindScrollListener() {\n        if (!this.scrollHandler) {\n            this.scrollHandler = new ConnectedOverlayScrollHandler(this.targetEl, (event: any) => {\n                const valid = this.listener ? this.listener(event, { type: 'scroll', mode: this.overlayMode, valid: true }) : true;\n\n                valid && this.hide(event, true);\n            });\n        }\n\n        this.scrollHandler.bindScrollListener();\n    }\n\n    unbindScrollListener() {\n        if (this.scrollHandler) {\n            this.scrollHandler.unbindScrollListener();\n        }\n    }\n\n    bindDocumentClickListener() {\n        if (!this.documentClickListener) {\n            this.documentClickListener = this.renderer.listen(this.document, 'click', (event) => {\n                const isTargetClicked = this.targetEl && (this.targetEl.isSameNode(event.target) || (!this.isOverlayClicked && this.targetEl.contains(event.target)));\n                const isOutsideClicked = !isTargetClicked && !this.isOverlayContentClicked;\n                const valid = this.listener ? this.listener(event, { type: 'outside', mode: this.overlayMode, valid: event.which !== 3 && isOutsideClicked }) : isOutsideClicked;\n\n                valid && this.hide(event);\n                this.isOverlayClicked = this.isOverlayContentClicked = false;\n            });\n        }\n    }\n\n    unbindDocumentClickListener() {\n        if (this.documentClickListener) {\n            this.documentClickListener();\n            this.documentClickListener = null;\n        }\n    }\n\n    bindDocumentResizeListener() {\n        if (!this.documentResizeListener) {\n            this.documentResizeListener = this.renderer.listen(this.window, 'resize', (event) => {\n                const valid = this.listener ? this.listener(event, { type: 'resize', mode: this.overlayMode, valid: !DomHandler.isTouchDevice() }) : !DomHandler.isTouchDevice();\n\n                valid && this.hide(event, true);\n            });\n        }\n    }\n\n    unbindDocumentResizeListener() {\n        if (this.documentResizeListener) {\n            this.documentResizeListener();\n            this.documentResizeListener = null;\n        }\n    }\n\n    bindDocumentKeyboardListener(): void {\n        if (this.documentKeyboardListener) {\n            return;\n        }\n\n        this.zone.runOutsideAngular(() => {\n            this.documentKeyboardListener = this.renderer.listen(this.window, 'keydown', (event) => {\n                if (!this.overlayOptions.hideOnEscape || event.keyCode !== 27) {\n                    return;\n                }\n\n                const valid = this.listener ? this.listener(event, { type: 'keydown', mode: this.overlayMode, valid: !DomHandler.isTouchDevice() }) : !DomHandler.isTouchDevice();\n\n                if (valid) {\n                    this.zone.run(() => {\n                        this.hide(event, true);\n                    });\n                }\n            });\n        });\n    }\n\n    unbindDocumentKeyboardListener(): void {\n        if (this.documentKeyboardListener) {\n            this.documentKeyboardListener();\n            this.documentKeyboardListener = null;\n        }\n    }\n\n    ngOnDestroy() {\n        this.hide(this.overlayEl, true);\n\n        if (this.overlayEl) {\n            DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo);\n            ZIndexUtils.clear(this.overlayEl);\n        }\n\n        if (this.scrollHandler) {\n            this.scrollHandler.destroy();\n            this.scrollHandler = null;\n        }\n\n        this.unbindListeners();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule],\n    exports: [Overlay, SharedModule],\n    declarations: [Overlay]\n})\nexport class OverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}