"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 shared_1 = require("../common/shared"); var animations_1 = require("@angular/animations"); var idx = 0; var Panel = /** @class */ (function () { function Panel(el) { this.el = el; this.collapsed = false; this.expandIcon = 'pi pi-plus'; this.collapseIcon = 'pi pi-minus'; this.showHeader = true; this.toggler = "icon"; this.collapsedChange = new core_1.EventEmitter(); this.onBeforeToggle = new core_1.EventEmitter(); this.onAfterToggle = new core_1.EventEmitter(); this.transitionOptions = '400ms cubic-bezier(0.86, 0, 0.07, 1)'; this.id = "ui-panel-" + idx++; } Panel.prototype.onHeaderClick = function (event) { if (this.toggler === 'header') { this.toggle(event); } }; Panel.prototype.onIconClick = function (event) { if (this.toggler === 'icon') { this.toggle(event); } }; Panel.prototype.toggle = function (event) { if (this.animating) { return false; } this.animating = true; this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed }); if (this.toggleable) { if (this.collapsed) this.expand(event); else this.collapse(event); } event.preventDefault(); }; Panel.prototype.expand = function (event) { this.collapsed = false; this.collapsedChange.emit(this.collapsed); }; Panel.prototype.collapse = function (event) { this.collapsed = true; this.collapsedChange.emit(this.collapsed); }; Panel.prototype.getBlockableElement = function () { return this.el.nativeElement.children[0]; }; Panel.prototype.onToggleDone = function (event) { this.animating = false; this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed }); }; __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], Panel.prototype, "toggleable", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Panel.prototype, "header", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], Panel.prototype, "collapsed", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], Panel.prototype, "style", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Panel.prototype, "styleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Panel.prototype, "expandIcon", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Panel.prototype, "collapseIcon", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], Panel.prototype, "showHeader", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Panel.prototype, "toggler", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Panel.prototype, "collapsedChange", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Panel.prototype, "onBeforeToggle", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], Panel.prototype, "onAfterToggle", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], Panel.prototype, "transitionOptions", void 0); __decorate([ core_1.ContentChild(shared_1.Footer), __metadata("design:type", Object) ], Panel.prototype, "footerFacet", void 0); Panel = __decorate([ core_1.Component({ selector: 'p-panel', template: "\n