| 1 | {"version":3,"sources":["ng://primeng/sidebar/sidebar.ts"],"names":["Sidebar","el","renderer","this","position","blockScroll","autoZIndex","baseZIndex","modal","dismissible","showCloseIcon","closeOnEscape","onShow","EventEmitter","onHide","visibleChange","prototype","ngAfterViewInit","initialized","appendTo","document","body","appendChild","containerViewChild","nativeElement","DomHandler","visible","show","Object","defineProperty","_visible","val","preventVisibleChangePropagation","hide","ngAfterViewChecked","executePostDisplayActions","emit","style","zIndex","String","zindex","enableModality","disableModality","close","event","preventDefault","_this","mask","createElement","parseInt","addMultipleClasses","maskClickListener","listen","addClass","unbindMaskClickListener","removeChild","removeClass","onAnimationStart","toState","bindDocumentEscapeListener","unbindGlobalListeners","documentEscapeListener","which","unbindDocumentEscapeListener","ngOnDestroy","ElementRef","Renderer2","__decorate","Input","ViewChild","Output","Component","selector","template","animations","trigger","state","opacity","transition","animate","changeDetection","ChangeDetectionStrategy","Default","SidebarModule","NgModule","imports","CommonModule","exports","declarations"],"mappings":"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","sourcesContent":["import {NgModule,Component,AfterViewInit,AfterViewChecked,OnDestroy,Input,Output,EventEmitter,ViewChild,ElementRef,Renderer2,ChangeDetectionStrategy} from '@angular/core';\nimport {trigger, state, style, transition, animate} from '@angular/animations';\nimport {CommonModule} from '@angular/common';\nimport {DomHandler} from 'primeng/dom';\n\n@Component({\n selector: 'p-sidebar',\n template: `\n <div #container [ngClass]=\"{'ui-sidebar ui-widget ui-widget-content ui-shadow':true, 'ui-sidebar-active': visible, \n 'ui-sidebar-left': (position === 'left'), 'ui-sidebar-right': (position === 'right'),\n 'ui-sidebar-top': (position === 'top'), 'ui-sidebar-bottom': (position === 'bottom'), \n 'ui-sidebar-full': fullScreen}\"\n [@panelState]=\"visible ? 'visible' : 'hidden'\" (@panelState.start)=\"onAnimationStart($event)\" [ngStyle]=\"style\" [class]=\"styleClass\" role=\"complementary\" [attr.aria-modal]=\"modal\">\n <a [ngClass]=\"{'ui-sidebar-close ui-corner-all':true}\" *ngIf=\"showCloseIcon\" tabindex=\"0\" role=\"button\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\" [attr.aria-label]=\"ariaCloseLabel\">\n <span class=\"pi pi-times\"></span>\n </a>\n <ng-content></ng-content>\n </div>\n `,\n animations: [\n trigger('panelState', [\n state('hidden', style({\n opacity: 0\n })),\n state('visible', style({\n opacity: 1\n })),\n transition('visible => hidden', animate('300ms ease-in')),\n transition('hidden => visible', animate('300ms ease-out'))\n ])\n ],\n changeDetection: ChangeDetectionStrategy.Default\n})\nexport class Sidebar implements AfterViewInit, AfterViewChecked, OnDestroy {\n\n @Input() position: string = 'left';\n\n @Input() fullScreen: boolean;\n\n @Input() appendTo: string;\n\n @Input() blockScroll: boolean = false;\n\n @Input() style: any;\n\n @Input() styleClass: string;\n\n @Input() ariaCloseLabel: string;\n\n @Input() autoZIndex: boolean = true;\n\n @Input() baseZIndex: number = 0;\n\n @Input() modal: boolean = true;\n\n @Input() dismissible: boolean = true;\n\n @Input() showCloseIcon: boolean = true;\n\n @Input() closeOnEscape: boolean = true;\n\n @ViewChild('container') containerViewChild: ElementRef;\n\n @Output() onShow: EventEmitter<any> = new EventEmitter();\n\n @Output() onHide: EventEmitter<any> = new EventEmitter();\n\n @Output() visibleChange:EventEmitter<any> = new EventEmitter();\n\n initialized: boolean;\n\n _visible: boolean;\n\n preventVisibleChangePropagation: boolean;\n\n mask: HTMLDivElement;\n\n maskClickListener: Function;\n\n documentEscapeListener: Function;\n\n executePostDisplayActions: boolean;\n\n constructor(public el: ElementRef, public renderer: Renderer2) {}\n\n ngAfterViewInit() {\n this.initialized = true;\n\n if (this.appendTo) {\n if (this.appendTo === 'body')\n document.body.appendChild(this.containerViewChild.nativeElement);\n else\n DomHandler.appendChild(this.containerViewChild.nativeElement, this.appendTo);\n }\n\n if (this.visible) {\n this.show();\n }\n }\n\n @Input() get visible(): boolean {\n return this._visible;\n }\n\n set visible(val:boolean) {\n this._visible = val;\n\n if (this.initialized && this.containerViewChild && this.containerViewChild.nativeElement) {\n if (this._visible)\n this.show();\n else {\n if (this.preventVisibleChangePropagation)\n this.preventVisibleChangePropagation = false;\n else\n this.hide();\n }\n }\n }\n\n ngAfterViewChecked() {\n if (this.executePostDisplayActions) {\n this.onShow.emit({});\n this.executePostDisplayActions = false;\n }\n }\n\n show() {\n this.executePostDisplayActions = true;\n if (this.autoZIndex) {\n this.containerViewChild.nativeElement.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));\n }\n\n if (this.modal) {\n this.enableModality();\n }\n }\n\n hide() {\n this.onHide.emit({});\n\n if (this.modal) {\n this.disableModality();\n }\n }\n\n close(event: Event) {\n this.preventVisibleChangePropagation = true;\n this.hide();\n this.visibleChange.emit(false);\n event.preventDefault();\n }\n\n enableModality() {\n if (!this.mask) {\n this.mask = document.createElement('div');\n this.mask.style.zIndex = String(parseInt(this.containerViewChild.nativeElement.style.zIndex) - 1);\n DomHandler.addMultipleClasses(this.mask, 'ui-widget-overlay ui-sidebar-mask');\n \n if (this.dismissible){\n this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => {\n if (this.dismissible) {\n this.close(event);\n }\n });\n }\n\n document.body.appendChild(this.mask);\n if (this.blockScroll) {\n DomHandler.addClass(document.body, 'ui-overflow-hidden');\n }\n }\n }\n\n disableModality() {\n if (this.mask) {\n this.unbindMaskClickListener();\n document.body.removeChild(this.mask);\n if (this.blockScroll) {\n DomHandler.removeClass(document.body, 'ui-overflow-hidden');\n }\n this.mask = null;\n }\n }\n\n onAnimationStart(event){\n switch(event.toState) {\n case 'visible':\n if (this.closeOnEscape) {\n this.bindDocumentEscapeListener();\n }\n break;\n \n case 'hidden':\n this.unbindGlobalListeners();\n break;\n }\n }\n\n bindDocumentEscapeListener() {\n this.documentEscapeListener = this.renderer.listen('document', 'keydown', (event) => {\n if (event.which == 27) {\n if (parseInt(this.containerViewChild.nativeElement.style.zIndex) === (DomHandler.zindex + this.baseZIndex)) {\n this.close(event);\n }\n }\n });\n }\n\n unbindDocumentEscapeListener() {\n if (this.documentEscapeListener) {\n this.documentEscapeListener();\n this.documentEscapeListener = null;\n }\n }\n\n unbindMaskClickListener() {\n if (this.maskClickListener) {\n this.maskClickListener();\n this.maskClickListener = null;\n }\n }\n\n unbindGlobalListeners() {\n this.unbindMaskClickListener();\n this.unbindDocumentEscapeListener();\n }\n\n ngOnDestroy() {\n this.initialized = false;\n\n if (this.visible) {\n this.hide();\n }\n\n if (this.appendTo) {\n this.el.nativeElement.appendChild(this.containerViewChild.nativeElement);\n }\n\n\t\tthis.unbindGlobalListeners();\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [Sidebar],\n declarations: [Sidebar]\n})\nexport class SidebarModule { }\n"]} |