{"version":3,"file":"axulus-uikit-dialog.mjs","sources":["../../src/app/components/dialog/dialog.ts","../../src/app/components/dialog/axulus-uikit-dialog.ts"],"sourcesContent":["import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Input,\n NgModule,\n NgZone,\n OnDestroy,\n OnInit,\n Output,\n QueryList,\n Renderer2,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n ViewRef\n} from '@angular/core';\nimport { Footer, Header, PrimeNGConfig, PrimeTemplate, SharedModule } from '@axulus/uikit/api';\nimport { DomHandler } from '@axulus/uikit/dom';\nimport { FocusTrapModule } from '@axulus/uikit/focustrap';\nimport { RippleModule } from '@axulus/uikit/ripple';\nimport { UniqueComponentId, ZIndexUtils } from '@axulus/uikit/utils';\n\nconst showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);\n\nconst hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);\n\n@Component({\n selector: 'p-dialog',\n template: `\n \n \n
\n
\n {{ header }}\n \n \n \n \n
\n \n \n \n \n \n \n
\n
\n
\n \n \n
\n
\n \n \n
\n \n \n `,\n animations: [\n trigger('animation', [\n transition('void => visible', [useAnimation(showAnimation)]),\n transition('visible => void', [useAnimation(hideAnimation)])\n ])\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['../dialog/dialog.css'],\n host: {\n class: 'p-element'\n }\n})\nexport class Dialog implements AfterContentInit, OnInit, OnDestroy {\n @Input() header: string;\n\n @Input() draggable: boolean = true;\n\n @Input() resizable: boolean = true;\n\n @Input() get positionLeft(): number {\n return 0;\n }\n\n set positionLeft(_positionLeft: number) {\n console.log('positionLeft property is deprecated.');\n }\n\n @Input() get positionTop(): number {\n return 0;\n }\n\n set positionTop(_positionTop: number) {\n console.log('positionTop property is deprecated.');\n }\n\n @Input() contentStyle: any;\n\n @Input() contentStyleClass: string;\n\n @Input() modal: boolean;\n\n @Input() closeOnEscape: boolean = true;\n\n @Input() dismissableMask: boolean;\n\n @Input() rtl: boolean;\n\n @Input() closable: boolean = true;\n\n @Input() get responsive(): boolean {\n return false;\n }\n\n set responsive(_responsive: boolean) {\n console.log('Responsive property is deprecated.');\n }\n\n @Input() appendTo: any;\n\n @Input() breakpoints: any;\n\n @Input() styleClass: string;\n\n @Input() maskStyleClass: string;\n\n @Input() showHeader: boolean = true;\n\n @Input() get breakpoint(): number {\n return 649;\n }\n\n set breakpoint(_breakpoint: number) {\n console.log('Breakpoint property is not utilized and deprecated, use breakpoints or CSS media queries instead.');\n }\n\n @Input() blockScroll: boolean = false;\n\n @Input() autoZIndex: boolean = true;\n\n @Input() baseZIndex: number = 0;\n\n @Input() minX: number = 0;\n\n @Input() minY: number = 0;\n\n @Input() focusOnShow: boolean = true;\n\n @Input() maximizable: boolean;\n\n @Input() keepInViewport: boolean = true;\n\n @Input() focusTrap: boolean = true;\n\n @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)';\n\n @Input() closeIcon: string = 'pi pi-times';\n\n @Input() closeAriaLabel: string;\n\n @Input() closeTabindex: string = '-1';\n\n @Input() minimizeIcon: string = 'pi pi-window-minimize';\n\n @Input() maximizeIcon: string = 'pi pi-window-maximize';\n\n @ContentChild(Header) headerFacet: QueryList
;\n\n @ContentChild(Footer) footerFacet: QueryList