"use strict"; var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __metadata = (this && this.__metadata) || function (k, v) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); }; Object.defineProperty(exports, "__esModule", { value: true }); var core_1 = require("@angular/core"); var common_1 = require("@angular/common"); var domhandler_1 = require("../dom/domhandler"); var animations_1 = require("@angular/animations"); var OverlayPanel = /** @class */ (function () { function OverlayPanel(el, renderer, cd, zone) { this.el = el; this.renderer = renderer; this.cd = cd; this.zone = zone; this.dismissable = true; this.autoZIndex = true; this.baseZIndex = 0; this.showTransitionOptions = '225ms ease-out'; this.hideTransitionOptions = '195ms ease-in'; this.onShow = new core_1.EventEmitter(); this.onHide = new core_1.EventEmitter(); this.visible = false; } OverlayPanel.prototype.bindDocumentClickListener = function () { var _this = this; if (!this.documentClickListener && this.dismissable) { this.zone.runOutsideAngular(function () { var documentEvent = domhandler_1.DomHandler.isIOS() ? 'touchstart' : 'click'; _this.documentClickListener = _this.renderer.listen('document', documentEvent, function (event) { if (!_this.container.contains(event.target) && _this.target !== event.target && !_this.target.contains(event.target)) { _this.zone.run(function () { _this.hide(); }); } _this.cd.markForCheck(); }); }); } }; OverlayPanel.prototype.unbindDocumentClickListener = function () { if (this.documentClickListener) { this.documentClickListener(); this.documentClickListener = null; } }; OverlayPanel.prototype.toggle = function (event, target) { var _this = this; if (this.visible) { this.visible = false; if (this.hasTargetChanged(event, target)) { this.target = target || event.currentTarget || event.target; setTimeout(function () { _this.visible = true; }, 200); } } else { this.show(event, target); } }; OverlayPanel.prototype.show = function (event, target) { this.target = target || event.currentTarget || event.target; this.visible = true; }; OverlayPanel.prototype.hasTargetChanged = function (event, target) { return this.target != null && this.target !== (target || event.currentTarget || event.target); }; OverlayPanel.prototype.appendContainer = function () { if (this.appendTo) { if (this.appendTo === 'body') document.body.appendChild(this.container); else domhandler_1.DomHandler.appendChild(this.container, this.appendTo); } }; OverlayPanel.prototype.restoreAppend = function () { if (this.container && this.appendTo) { this.el.nativeElement.appendChild(this.container); } }; OverlayPanel.prototype.onAnimationStart = function (event) { switch (event.toState) { case 'visible': this.container = event.element; this.onShow.emit(null); this.appendContainer(); if (this.autoZIndex) { this.container.style.zIndex = String(this.baseZIndex + (++domhandler_1.DomHandler.zindex)); } domhandler_1.DomHandler.absolutePosition(this.container, this.target); if (domhandler_1.DomHandler.getOffset(this.container).top < domhandler_1.DomHandler.getOffset(this.target).top) { domhandler_1.DomHandler.addClass(this.container, 'ui-overlaypanel-flipped'); } if (domhandler_1.DomHandler.getOffset(this.container).left < domhandler_1.DomHandler.getOffset(this.target).left && domhandler_1.DomHandler.getOffset(this.container).left > 0) { domhandler_1.DomHandler.addClass(this.container, 'ui-overlaypanel-shifted'); } this.bindDocumentClickListener(); this.bindDocumentResizeListener(); break; case 'void': this.onContainerDestroy(); this.onHide.emit({}); break; } }; OverlayPanel.prototype.hide = function () { this.visible = false; }; OverlayPanel.prototype.onCloseClick = function (event) { this.hide(); event.preventDefault(); }; OverlayPanel.prototype.onWindowResize = function (event) { this.hide(); }; OverlayPanel.prototype.bindDocumentResizeListener = function () { this.documentResizeListener = this.onWindowResize.bind(this); window.addEventListener('resize', this.documentResizeListener); }; OverlayPanel.prototype.unbindDocumentResizeListener = function () { if (this.documentResizeListener) { window.removeEventListener('resize', this.documentResizeListener); this.documentResizeListener = null; } }; OverlayPanel.prototype.onContainerDestroy = function () { this.unbindDocumentClickListener(); this.unbindDocumentResizeListener(); }; OverlayPanel.prototype.ngOnDestroy = function () { this.target = null; if (this.container) { this.restoreAppend(); this.onContainerDestroy(); } }; __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], OverlayPanel.prototype, "dismissable", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], OverlayPanel.prototype, "showCloseIcon", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], OverlayPanel.prototype, "style", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], OverlayPanel.prototype, "styleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], OverlayPanel.prototype, "appendTo", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], OverlayPanel.prototype, "autoZIndex", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], OverlayPanel.prototype, "baseZIndex", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], OverlayPanel.prototype, "showTransitionOptions", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], OverlayPanel.prototype, "hideTransitionOptions", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], OverlayPanel.prototype, "onShow", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], OverlayPanel.prototype, "onHide", void 0); OverlayPanel = __decorate([ core_1.Component({ selector: 'p-overlayPanel', template: "\n