"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 animations_1 = require("@angular/animations"); var common_1 = require("@angular/common"); var domhandler_1 = require("../dom/domhandler"); var button_1 = require("../button/button"); var router_1 = require("@angular/router"); var router_2 = require("@angular/router"); var SplitButton = /** @class */ (function () { function SplitButton(el, renderer, router, cd) { this.el = el; this.renderer = renderer; this.router = router; this.cd = cd; this.iconPos = 'left'; this.onClick = new core_1.EventEmitter(); this.onDropdownClick = new core_1.EventEmitter(); this.showTransitionOptions = '225ms ease-out'; this.hideTransitionOptions = '195ms ease-in'; this.overlayVisible = false; } SplitButton.prototype.onDefaultButtonClick = function (event) { this.onClick.emit(event); }; SplitButton.prototype.itemClick = function (event, item) { if (item.disabled) { event.preventDefault(); return; } if (!item.url) { event.preventDefault(); } if (item.command) { item.command({ originalEvent: event, item: item }); } this.overlayVisible = false; }; SplitButton.prototype.show = function () { this.overlayVisible = !this.overlayVisible; }; SplitButton.prototype.onOverlayAnimationStart = function (event) { switch (event.toState) { case 'visible': this.overlay = event.element; this.appendOverlay(); this.overlay.style.zIndex = String(++domhandler_1.DomHandler.zindex); this.alignOverlay(); this.bindDocumentClickListener(); this.bindDocumentResizeListener(); break; case 'void': this.onOverlayHide(); break; } }; SplitButton.prototype.onDropdownButtonClick = function (event) { this.onDropdownClick.emit(event); this.dropdownClick = true; this.show(); }; SplitButton.prototype.alignOverlay = function () { if (this.appendTo) domhandler_1.DomHandler.absolutePosition(this.overlay, this.containerViewChild.nativeElement); else domhandler_1.DomHandler.relativePosition(this.overlay, this.containerViewChild.nativeElement); }; SplitButton.prototype.appendOverlay = function () { if (this.appendTo) { if (this.appendTo === 'body') document.body.appendChild(this.overlay); else domhandler_1.DomHandler.appendChild(this.overlay, this.appendTo); this.overlay.style.minWidth = domhandler_1.DomHandler.getWidth(this.el.nativeElement.children[0]) + 'px'; } }; SplitButton.prototype.restoreOverlayAppend = function () { if (this.overlay && this.appendTo) { this.el.nativeElement.appendChild(this.overlay); } }; SplitButton.prototype.bindDocumentClickListener = function () { var _this = this; if (!this.documentClickListener) { this.documentClickListener = this.renderer.listen('document', 'click', function () { if (_this.dropdownClick) { _this.dropdownClick = false; } else { _this.overlayVisible = false; _this.unbindDocumentClickListener(); _this.cd.markForCheck(); } }); } }; SplitButton.prototype.unbindDocumentClickListener = function () { if (this.documentClickListener) { this.documentClickListener(); this.documentClickListener = null; } }; SplitButton.prototype.bindDocumentResizeListener = function () { this.documentResizeListener = this.onWindowResize.bind(this); window.addEventListener('resize', this.documentResizeListener); }; SplitButton.prototype.unbindDocumentResizeListener = function () { if (this.documentResizeListener) { window.removeEventListener('resize', this.documentResizeListener); this.documentResizeListener = null; } }; SplitButton.prototype.onWindowResize = function () { this.overlayVisible = false; }; SplitButton.prototype.onOverlayHide = function () { this.unbindDocumentClickListener(); this.unbindDocumentResizeListener(); this.overlay = null; }; SplitButton.prototype.ngOnDestroy = function () { this.restoreOverlayAppend(); this.onOverlayHide(); }; __decorate([ core_1.Input(), __metadata("design:type", Array) ], SplitButton.prototype, "model", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "icon", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "iconPos", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "label", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], SplitButton.prototype, "onClick", void 0); __decorate([ core_1.Output(), __metadata("design:type", core_1.EventEmitter) ], SplitButton.prototype, "onDropdownClick", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], SplitButton.prototype, "style", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "styleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], SplitButton.prototype, "menuStyle", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "menuStyleClass", void 0); __decorate([ core_1.Input(), __metadata("design:type", Boolean) ], SplitButton.prototype, "disabled", void 0); __decorate([ core_1.Input(), __metadata("design:type", Number) ], SplitButton.prototype, "tabindex", void 0); __decorate([ core_1.Input(), __metadata("design:type", Object) ], SplitButton.prototype, "appendTo", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "dir", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "showTransitionOptions", void 0); __decorate([ core_1.Input(), __metadata("design:type", String) ], SplitButton.prototype, "hideTransitionOptions", void 0); __decorate([ core_1.ViewChild('container'), __metadata("design:type", core_1.ElementRef) ], SplitButton.prototype, "containerViewChild", void 0); __decorate([ core_1.ViewChild('defaultbtn'), __metadata("design:type", core_1.ElementRef) ], SplitButton.prototype, "buttonViewChild", void 0); SplitButton = __decorate([ core_1.Component({ selector: 'p-splitButton', template: "\n
\n \n
\n \n
\n
\n ", animations: [ animations_1.trigger('overlayAnimation', [ animations_1.state('void', animations_1.style({ transform: 'translateY(5%)', opacity: 0 })), animations_1.state('visible', animations_1.style({ transform: 'translateY(0)', opacity: 1 })), animations_1.transition('void => visible', animations_1.animate('{{showTransitionParams}}')), animations_1.transition('visible => void', animations_1.animate('{{hideTransitionParams}}')) ]) ] }), __metadata("design:paramtypes", [core_1.ElementRef, core_1.Renderer2, router_1.Router, core_1.ChangeDetectorRef]) ], SplitButton); return SplitButton; }()); exports.SplitButton = SplitButton; var SplitButtonModule = /** @class */ (function () { function SplitButtonModule() { } SplitButtonModule = __decorate([ core_1.NgModule({ imports: [common_1.CommonModule, button_1.ButtonModule, router_2.RouterModule], exports: [SplitButton, button_1.ButtonModule, router_2.RouterModule], declarations: [SplitButton] }) ], SplitButtonModule); return SplitButtonModule; }()); exports.SplitButtonModule = SplitButtonModule; //# sourceMappingURL=splitbutton.js.map