{"version":3,"sources":["../../src/app/components/confirmpopup/confirmpopup.ts"],"names":["ConfirmPopup","el","confirmationService","renderer","cd","config","_this","this","showTransitionOptions","hideTransitionOptions","autoZIndex","baseZIndex","subscription","requireConfirmation$","subscribe","confirmation","key","accept","acceptEvent","EventEmitter","reject","rejectEvent","visible","hide","Object","defineProperty","prototype","_visible","value","markForCheck","onAnimationStart","event","toState","container","element","document","body","appendChild","align","bindListeners","onAnimationEnd","onContainerDestroy","style","zIndex","String","DomHandler","zindex","absolutePosition","target","containerOffset","getOffset","targetOffset","arrowLeft","left","setProperty","top","addClass","emit","bindDocumentClickListener","bindDocumentResizeListener","bindScrollListener","unbindListeners","unbindDocumentClickListener","unbindDocumentResizeListener","unbindScrollListener","documentClickListener","documentEvent","isIOS","documentTarget","nativeElement","ownerDocument","listen","targetElement","contains","onWindowResize","documentResizeListener","bind","window","addEventListener","removeEventListener","scrollHandler","ConnectedOverlayScrollHandler","unsubscribeConfirmationSubscriptions","unsubscribe","acceptLabel","getTranslation","TranslationKeys","ACCEPT","rejectLabel","REJECT","ngOnDestroy","Component","args","selector","template","animations","trigger","state","transform","opacity","transition","animate","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","ElementRef","ConfirmationService","Renderer2","ChangeDetectorRef","PrimeNGConfig","Input","NgModule","imports","CommonModule","ButtonModule","exports","declarations"],"mappings":"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","sourcesContent":["import {NgModule ,Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, ChangeDetectorRef, OnDestroy, Input, EventEmitter, Renderer2} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {Confirmation, ConfirmationService, PrimeNGConfig, TranslationKeys} from 'primeng/api';\nimport {Subscription} from 'rxjs';\nimport {ButtonModule} from 'primeng/button';\nimport {trigger,state,style,transition,animate,AnimationEvent} from '@angular/animations';\nimport {DomHandler, ConnectedOverlayScrollHandler} from 'primeng/dom';\n\n@Component({\n    selector: 'p-confirmPopup',\n    template: `\n        <div *ngIf=\"visible\" [ngClass]=\"'p-confirm-popup p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\"\n            [@animation]=\"{value: 'open', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}\"\n            (@animation.start)=\"onAnimationStart($event)\" (@animation.done)=\"onAnimationEnd($event)\">\n            <div #content class=\"p-confirm-popup-content\">\n                <i [ngClass]=\"'p-confirm-popup-icon'\" [class]=\"confirmation.icon\" *ngIf=\"confirmation.icon\"></i>\n                <span class=\"p-confirm-popup-message\">{{confirmation.message}}</span>\n            </div>\n            <div class=\"p-confirm-popup-footer\">\n                <button type=\"button\" pButton [icon]=\"confirmation.rejectIcon\" [label]=\"rejectButtonLabel\" (click)=\"reject()\" [ngClass]=\"'p-confirm-popup-reject p-button-sm'\"\n                    [class]=\"confirmation.rejectButtonStyleClass || 'p-button-text'\" *ngIf=\"confirmation.rejectVisible !== false\" [attr.aria-label]=\"rejectButtonLabel\"></button>\n                <button type=\"button\" pButton [icon]=\"confirmation.acceptIcon\" [label]=\"acceptButtonLabel\" (click)=\"accept()\" [ngClass]=\"'p-confirm-popup-accept p-button-sm'\"\n                    [class]=\"confirmation.acceptButtonStyleClass\" *ngIf=\"confirmation.acceptVisible !== false\" [attr.aria-label]=\"acceptButtonLabel\"></button>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('animation', [\n            state('void', style({\n                transform: 'scaleY(0.8)',\n                opacity: 0\n            })),\n            state('open', style({\n                transform: 'translateY(0)',\n                opacity: 1\n            })),\n            transition('void => open', animate('{{showTransitionParams}}')),\n            transition('open => void', animate('{{hideTransitionParams}}')),\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./confirmpopup.css']\n})\nexport class ConfirmPopup implements OnDestroy {\n\n    @Input() key: string;\n\n    @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';\n\n    @Input() hideTransitionOptions: string = '.1s linear';\n\n    @Input() autoZIndex: boolean = true;\n\n    @Input() baseZIndex: number = 0;\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    container: HTMLDivElement;\n\n    subscription: Subscription;\n\n    confirmation: Confirmation;\n\n    _visible: boolean;\n\n    documentClickListener: any;\n\n    documentResizeListener: any;\n\n    scrollHandler: any;\n\n    @Input() get visible(): any {\n        return this._visible;\n    }\n    set visible(value:any) {\n        this._visible = value;\n        this.cd.markForCheck();\n    }\n\n    constructor(public el: ElementRef, private confirmationService: ConfirmationService, public renderer: Renderer2, private cd: ChangeDetectorRef, public config: PrimeNGConfig) {\n        this.subscription = this.confirmationService.requireConfirmation$.subscribe(confirmation => {\n            if (!confirmation) {\n                this.hide();\n                return;\n            }\n\n            if (confirmation.key === this.key) {\n                this.confirmation = confirmation;\n                if (this.confirmation.accept) {\n                    this.confirmation.acceptEvent = new EventEmitter();\n                    this.confirmation.acceptEvent.subscribe(this.confirmation.accept);\n                }\n\n                if (this.confirmation.reject) {\n                    this.confirmation.rejectEvent = new EventEmitter();\n                    this.confirmation.rejectEvent.subscribe(this.confirmation.reject);\n                }\n\n                this.visible = true;\n            }\n        });\n    }\n\n    onAnimationStart(event: AnimationEvent) {\n        if (event.toState === 'open') {\n            this.container = event.element;\n            document.body.appendChild(this.container);\n            this.align();\n            this.bindListeners();\n        }\n    }\n\n    onAnimationEnd(event: AnimationEvent) {\n        switch (event.toState) {\n            case 'void':\n                this.onContainerDestroy();\n            break;\n        }\n    }\n\n    align() {\n        if (this.autoZIndex) {\n            this.container.style.zIndex = String(this.baseZIndex + (++DomHandler.zindex));\n        }\n\n        DomHandler.absolutePosition(this.container, this.confirmation.target);\n\n        const containerOffset = DomHandler.getOffset(this.container);\n        const targetOffset = DomHandler.getOffset(this.confirmation.target);\n        let arrowLeft = 0;\n\n        if (containerOffset.left < targetOffset.left) {\n            arrowLeft = targetOffset.left - containerOffset.left;\n        }\n        this.container.style.setProperty('--overlayArrowLeft', `${arrowLeft}px`);\n\n        if (containerOffset.top < targetOffset.top) {\n            DomHandler.addClass(this.container, 'p-confirm-popup-flipped');\n        }\n    }\n\n    hide() {\n        this.visible = false;\n    }\n\n    accept() {\n        if (this.confirmation.acceptEvent) {\n            this.confirmation.acceptEvent.emit();\n        }\n\n        this.hide();\n    }\n\n    reject() {\n        if (this.confirmation.rejectEvent) {\n            this.confirmation.rejectEvent.emit();\n        }\n\n        this.hide();\n    }\n\n    bindListeners() {\n        this.bindDocumentClickListener();\n        this.bindDocumentResizeListener();\n        this.bindScrollListener();\n    }\n\n    unbindListeners() {\n        this.unbindDocumentClickListener();\n        this.unbindDocumentResizeListener();\n        this.unbindScrollListener();\n    }\n\n    bindDocumentClickListener() {\n        if (!this.documentClickListener) {\n            let documentEvent = DomHandler.isIOS() ? 'touchstart' : 'click';\n            const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : document;\n\n            this.documentClickListener = this.renderer.listen(documentTarget, documentEvent, (event) => {\n                let targetElement = <HTMLElement> this.confirmation.target;\n                if (this.container !== event.target && !this.container.contains(event.target) &&\n                    targetElement !== event.target && !targetElement.contains(event.target)) {\n                    this.hide();\n                }\n            });\n        }\n    }\n\n    unbindDocumentClickListener() {\n        if (this.documentClickListener) {\n            this.documentClickListener();\n            this.documentClickListener = null;\n        }\n    }\n\n    onWindowResize() {\n        this.hide();\n    }\n\n    bindDocumentResizeListener() {\n        this.documentResizeListener = this.onWindowResize.bind(this);\n        window.addEventListener('resize', this.documentResizeListener);\n    }\n\n    unbindDocumentResizeListener() {\n        if (this.documentResizeListener) {\n            window.removeEventListener('resize', this.documentResizeListener);\n            this.documentResizeListener = null;\n        }\n    }\n\n    bindScrollListener() {\n        if (!this.scrollHandler) {\n            this.scrollHandler = new ConnectedOverlayScrollHandler(this.confirmation.target, () => {\n                if (this.visible) {\n                    this.hide();\n                }\n            });\n        }\n\n        this.scrollHandler.bindScrollListener();\n    }\n\n    unbindScrollListener() {\n        if (this.scrollHandler) {\n            this.scrollHandler.unbindScrollListener();\n        }\n    }\n\n    unsubscribeConfirmationSubscriptions() {\n        if (this.confirmation) {\n            if (this.confirmation.acceptEvent) {\n                this.confirmation.acceptEvent.unsubscribe();\n            }\n\n            if (this.confirmation.rejectEvent) {\n                this.confirmation.rejectEvent.unsubscribe();\n            }\n        }\n    }\n\n    onContainerDestroy() {\n        this.unbindListeners();\n        this.unsubscribeConfirmationSubscriptions();\n        this.confirmation = null;\n        this.container = null;\n    }\n\n    get acceptButtonLabel(): string {\n        return this.confirmation.acceptLabel || this.config.getTranslation(TranslationKeys.ACCEPT);\n    }\n\n    get rejectButtonLabel(): string {\n        return this.confirmation.rejectLabel || this.config.getTranslation(TranslationKeys.REJECT);\n    }\n\n    ngOnDestroy() {\n        this.onContainerDestroy();\n\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule,ButtonModule],\n    exports: [ConfirmPopup],\n    declarations: [ConfirmPopup]\n})\nexport class ConfirmPopupModule { }\n"]}