primeng/fesm2022/primeng-dynamicdialog.mjs.map

PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeB

{"version":3,"file":"primeng-dynamicdialog.mjs","sources":["../../src/dynamicdialog/dynamicdialogcontent.ts","../../src/dynamicdialog/style/dynamicdialogstyle.ts","../../src/dynamicdialog/dynamicdialog-config.ts","../../src/dynamicdialog/dynamicdialog-ref.ts","../../src/dynamicdialog/dynamicdialog.ts","../../src/dynamicdialog/dynamicdialog-injector.ts","../../src/dynamicdialog/dialogservice.ts","../../src/dynamicdialog/primeng-dynamicdialog.ts"],"sourcesContent":["import { Directive, ViewContainerRef } from '@angular/core';\n\n@Directive({\n    selector: '[pDynamicDialogContent]',\n    standalone: true\n})\nexport class DynamicDialogContent {\n    constructor(public viewContainerRef: ViewContainerRef) {}\n}\n","import { Injectable } from '@angular/core';\nimport { DialogStyle } from 'primeng/dialog';\n\n@Injectable()\nexport class DynamicDialogStyle extends DialogStyle {\n    name = 'dialog';\n}\n\n/**\n *\n * DynamicDialog is a container to display content in an overlay window.\n *\n * [Live Demo](https://www.primeng.org/dynamicdialog)\n *\n * @module dynamicdialogstyle\n *\n */\nexport enum DynamicDialogClasses {\n    /**\n     * Class name of the mask element\n     */\n    mask = 'p-dialog-mask',\n    /**\n     * Class name of the root element\n     */\n    root = 'p-dialog',\n    /**\n     * Class name of the header element\n     */\n    header = 'p-dialog-header',\n    /**\n     * Class name of the title element\n     */\n    title = 'p-dialog-title',\n    /**\n     * Class name of the header actions element\n     */\n    headerActions = 'p-dialog-header-actions',\n    /**\n     * Class name of the maximize button element\n     */\n    pcMaximizeButton = 'p-dialog-maximize-button',\n    /**\n     * Class name of the close button element\n     */\n    pcCloseButton = 'p-dialog-close-button',\n    /**\n     * Class name of the content element\n     */\n    content = 'p-dialog-content',\n    /**\n     * Class name of the footer element\n     */\n    footer = 'p-dialog-footer'\n}\n\nexport interface DynamicDialogStyle {}\n","import { Type } from '@angular/core';\n\n/**\n * Dialogs can be created dynamically with any component as the content using a DialogService.\n * @group Components\n */\nexport class DynamicDialogConfig<DataType = any, InputValuesType extends Record<string, any> = {}> {\n    /**\n     * An object to pass to the component loaded inside the Dialog.\n     * @group Props\n     */\n    data?: DataType;\n    /**\n     * An object to pass to the component loaded inside the Dialog.\n     * @group Props\n     */\n    inputValues?: InputValuesType;\n    /**\n     * Header text of the dialog.\n     * @group Props\n     */\n    header?: string;\n    /**\n     * Identifies the element (or elements) that labels the element it is applied to.\n     * @group Props\n     */\n    ariaLabelledBy?: string;\n    /**\n     * Footer text of the dialog.\n     * @group Props\n     */\n    footer?: string;\n    /**\n     * Width of the dialog.\n     * @group Props\n     */\n    width?: string;\n    /**\n     * Height of the dialog.\n     * @group Props\n     */\n    height?: string;\n    /**\n     * Specifies if pressing escape key should hide the dialog.\n     * @group Props\n     */\n    closeOnEscape?: boolean = false;\n    /**\n     * Specifies if autofocus should happen on show.\n     * @group Props\n     */\n    focusOnShow?: boolean = true;\n    /**\n     * When enabled, can only focus on elements inside the dialog.\n     * @group Props\n     */\n    focusTrap?: boolean = true;\n    /**\n     * Base zIndex value to use in layering.\n     * @group Props\n     */\n    baseZIndex?: number;\n    /**\n     * Whether to re-enforce layering through applying zIndex.\n     * @group Props\n     */\n    autoZIndex?: boolean = false;\n    /**\n     * Specifies if clicking the modal background should hide the dialog.\n     * @group Props\n     */\n    dismissableMask?: boolean = false;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    rtl?: boolean = false;\n    /**\n     * Inline style of the comopnent.\n     * @group Props\n     */\n    style?: { [klass: string]: any } | null | undefined;\n    /**\n     * Inline style of the content.\n     * @group Props\n     */\n    contentStyle?: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    styleClass?: string;\n    /**\n     * Transition options of the animation.\n     * @group Props\n     */\n    transitionOptions?: string;\n    /**\n     * Adds a close icon to the header to hide the dialog.\n     * @group Props\n     */\n    closable?: boolean = false;\n    /**\n     * Whether to show the header or not.\n     * @group Props\n     */\n    showHeader?: boolean = false;\n    /**\n     * Defines if background should be blocked when dialog is displayed.\n     * @group Props\n     */\n    modal?: boolean = false;\n    /**\n     * Style class of the mask.\n     * @group Props\n     */\n    maskStyleClass?: string;\n    /**\n     * Enables resizing of the content.\n     * @group Props\n     */\n    resizable?: boolean = false;\n    /**\n     * Enables dragging to change the position using header.\n     * @group Props\n     */\n    draggable?: boolean = false;\n    /**\n     * Keeps dialog in the viewport.\n     * @group Props\n     */\n    keepInViewport?: boolean = false;\n    /**\n     * Minimum value for the left coordinate of dialog in dragging.\n     * @group Props\n     */\n    minX?: number;\n    /**\n     * Minimum value for the top coordinate of dialog in dragging.\n     * @group Props\n     */\n    minY?: number;\n    /**\n     * Whether the dialog can be displayed full screen.\n     * @group Props\n     */\n    maximizable?: boolean = false;\n    /**\n     * Name of the maximize icon.\n     * @group Props\n     */\n    maximizeIcon?: string;\n    /**\n     * Name of the minimize icon.\n     * @group Props\n     */\n    minimizeIcon?: string;\n    /**\n     * Position of the dialog, options are \"center\", \"top\", \"bottom\", \"left\", \"right\", \"top-left\", \"top-right\", \"bottom-left\" or \"bottom-right\".\n     * @group Props\n     */\n    position?: string;\n    /**\n     * Defines a string that labels the close button for accessibility.\n     * @group Props\n     */\n    closeAriaLabel?: string;\n    /**\n     * Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name).\n     * @group Props\n     */\n    appendTo?: any;\n    /**\n     * A boolean to determine if it can be duplicate.\n     * @group Props\n     */\n    duplicate?: boolean = false;\n    /**\n     * Object literal to define widths per screen size.\n     * @group Props\n     */\n    breakpoints?: any;\n    /**\n     * Dialog templates.\n     * @group Props\n     */\n    templates?: DynamicDialogTemplates;\n}\n\n/**\n * Defines valid templates in Dynamic Dialog.\n * @group Interface\n */\nexport interface DynamicDialogTemplates {\n    /**\n     * Template of the header.\n     */\n    header?: Type<any>;\n    /**\n     * Template of the content.\n     */\n    content?: Type<any>;\n    /**\n     * Template of the footer.\n     */\n    footer?: Type<any>;\n    /**\n     * Template of the minimize icon.\n     */\n    minimizeicon?: Type<any>;\n    /**\n     * Template of the maximize icon.\n     */\n    maximizeicon?: Type<any>;\n    /**\n     * Template of the close icon.\n     */\n    closeicon?: Type<any>;\n}\n","import { Observable, Subject } from 'rxjs';\nimport { Output, EventEmitter, Type } from '@angular/core';\n/**\n * Dynamic Dialog instance.\n * @group Components\n */\nexport class DynamicDialogRef<ComponentType = any> {\n    constructor() {}\n    /**\n     * Closes dialog.\n     * @group Method\n     */\n    close(result?: any) {\n        this._onClose.next(result);\n\n        setTimeout(() => {\n            this._onClose.complete();\n        }, 1000);\n    }\n    /**\n     * Destroys the dialog instance.\n     * @group Method\n     */\n    destroy() {\n        this._onDestroy.next(null);\n    }\n    /**\n     * Callback to invoke on drag start.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Method\n     */\n    dragStart(event: MouseEvent) {\n        this._onDragStart.next(event);\n    }\n    /**\n     * Callback to invoke on drag end.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Method\n     */\n    dragEnd(event: MouseEvent) {\n        this._onDragEnd.next(event);\n    }\n    /**\n     * Callback to invoke on resize start.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Method\n     */\n    resizeInit(event: MouseEvent) {\n        this._onResizeInit.next(event);\n    }\n    /**\n     * Callback to invoke on resize start.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Method\n     */\n    resizeEnd(event: MouseEvent) {\n        this._onResizeEnd.next(event);\n    }\n    /**\n     * Callback to invoke on dialog is maximized.\n     * @param {*} value - Size value.\n     * @group Method\n     */\n    maximize(value: any) {\n        this._onMaximize.next(value);\n    }\n\n    private readonly _onClose = new Subject<any>();\n    /**\n     * Event triggered on dialog is closed.\n     * @group Events\n     */\n    onClose: Observable<any> = this._onClose.asObservable();\n\n    private readonly _onDestroy = new Subject<any>();\n    /**\n     * Event triggered on dialog instance is destroyed.\n     * @group Events\n     */\n    onDestroy: Observable<any> = this._onDestroy.asObservable();\n\n    private readonly _onDragStart = new Subject<any>();\n    /**\n     * Event triggered on drag start.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Events\n     */\n    onDragStart: Observable<any> = this._onDragStart.asObservable();\n\n    private readonly _onDragEnd = new Subject<any>();\n    /**\n     * Event triggered on drag end.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Events\n     */\n    onDragEnd: Observable<any> = this._onDragEnd.asObservable();\n\n    private readonly _onResizeInit = new Subject<any>();\n    /**\n     * Event triggered on resize start.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Events\n     */\n    onResizeInit: Observable<any> = this._onResizeInit.asObservable();\n\n    private readonly _onResizeEnd = new Subject<any>();\n    /**\n     * Event triggered on resize end.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Events\n     */\n    onResizeEnd: Observable<any> = this._onResizeEnd.asObservable();\n\n    private readonly _onMaximize = new Subject<any>();\n    /**\n     * Event triggered on dialog is maximized.\n     * @param {*} value - Size value.\n     * @group Events\n     */\n    onMaximize: Observable<any> = this._onMaximize.asObservable();\n\n    /**\n     * Event triggered on child component load.\n     * @param {*} value - Chi.\n     * @group Events\n     */\n    readonly onChildComponentLoaded = new Subject<ComponentType>();\n}\n","import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ComponentRef, ElementRef, inject, NgModule, NgZone, OnDestroy, Optional, Renderer2, SkipSelf, Type, ViewChild, ViewEncapsulation, ViewRef } from '@angular/core';\nimport { addClass, getOuterHeight, getOuterWidth, getViewport, hasClass, removeClass, setAttribute, uuid } from '@primeuix/utils';\nimport { SharedModule, TranslationKeys } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { Button } from 'primeng/button';\nimport { DomHandler } from 'primeng/dom';\nimport { FocusTrap } from 'primeng/focustrap';\nimport { TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon } from 'primeng/icons';\nimport { Nullable, VoidListener } from 'primeng/ts-helpers';\nimport { ZIndexUtils } from 'primeng/utils';\nimport { DynamicDialogConfig } from './dynamicdialog-config';\nimport { DynamicDialogRef } from './dynamicdialog-ref';\nimport { DynamicDialogContent } from './dynamicdialogcontent';\nimport { DynamicDialogStyle } from './style/dynamicdialogstyle';\n\nconst showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}', style({ transform: 'none', opacity: 1 }))]);\n\nconst hideAnimation = animation([animate('{{transition}}', style({ transform: '{{transform}}', opacity: 0 }))]);\n\n@Component({\n    selector: 'p-dynamicDialog, p-dynamicdialog, p-dynamic-dialog',\n    standalone: true,\n    imports: [CommonModule, SharedModule, DynamicDialogContent, WindowMaximizeIcon, WindowMinimizeIcon, TimesIcon, Button, FocusTrap],\n    template: `\n        <div\n            #mask\n            [ngStyle]=\"{\n                position: 'fixed',\n                height: '100%',\n                width: '100%',\n                left: 0,\n                top: 0,\n                display: 'flex',\n                'justify-content': position === 'left' || position === 'topleft' || position === 'bottomleft' ? 'flex-start' : position === 'right' || position === 'topright' || position === 'bottomright' ? 'flex-end' : 'center',\n                'align-items': position === 'top' || position === 'topleft' || position === 'topright' ? 'flex-start' : position === 'bottom' || position === 'bottomleft' || position === 'bottomright' ? 'flex-end' : 'center',\n                'pointer-events': ddconfig.modal ? 'auto' : 'none'\n            }\"\n            [class]=\"ddconfig.maskStyleClass\"\n            [ngClass]=\"maskClass\"\n        >\n            <div\n                *ngIf=\"visible\"\n                #container\n                [ngClass]=\"{ 'p-dialog p-component': true, 'p-dialog-maximized': maximizable && maximized }\"\n                [ngStyle]=\"{ display: 'flex', 'flex-direction': 'column', 'pointer-events': 'auto' }\"\n                [style]=\"ddconfig.style\"\n                [class]=\"ddconfig.styleClass\"\n                [@animation]=\"{\n                    value: 'visible',\n                    params: {\n                        transform: transformOptions,\n                        transition: ddconfig.transitionOptions || '150ms cubic-bezier(0, 0, 0.2, 1)'\n                    }\n                }\"\n                (@animation.start)=\"onAnimationStart($event)\"\n                (@animation.done)=\"onAnimationEnd($event)\"\n                role=\"dialog\"\n                pFocusTrap\n                [pFocusTrapDisabled]=\"ddconfig.focusTrap === false\"\n                [style.width]=\"ddconfig.width\"\n                [style.height]=\"ddconfig.height\"\n                [attr.aria-labelledby]=\"ariaLabelledBy\"\n                [attr.aria-modal]=\"true\"\n                [attr.id]=\"dialogId\"\n            >\n                <div *ngIf=\"ddconfig.resizable\" [ngClass]=\"'p-resizable-handle'\" style=\"z-index: 90;\" (mousedown)=\"initResize($event)\"></div>\n                <div #titlebar [ngClass]=\"'p-dialog-header'\" (mousedown)=\"initDrag($event)\" *ngIf=\"ddconfig.showHeader !== false\">\n                    <ng-container *ngComponentOutlet=\"headerTemplate\"></ng-container>\n                    <ng-container *ngIf=\"!headerTemplate\">\n                        <span [ngClass]=\"'p-dialog-title'\" [id]=\"ariaLabelledBy\">{{ ddconfig.header }}</span>\n                        <div [ngClass]=\"'p-dialog-header-actions'\">\n                            <p-button *ngIf=\"ddconfig.maximizable\" [styleClass]=\"'p-dialog-maximize-button'\" (onClick)=\"maximize()\" (keydown.enter)=\"maximize()\" rounded text [tabindex]=\"maximizable ? '0' : '-1'\">\n                                <ng-container *ngIf=\"!maximizeIcon\">\n                                    <WindowMaximizeIcon *ngIf=\"!maximized && !maximizeIconTemplate\" />\n                                    <WindowMinimizeIcon *ngIf=\"maximized && !minimizeIconTemplate\" />\n                                </ng-container>\n                                <ng-container *ngIf=\"!maximized\">\n                                    <ng-template *ngTemplateOutlet=\"maximizeIconTemplate\"></ng-template>\n                                </ng-container>\n                                <ng-container *ngIf=\"maximized\">\n                                    <ng-template *ngTemplateOutlet=\"minimizeIconTemplate\"></ng-template>\n                                </ng-container>\n                            </p-button>\n                            <p-button *ngIf=\"closable\" [styleClass]=\"'p-dialog-close-button'\" [ariaLabel]=\"ddconfig.closeAriaLabel || defaultCloseAriaLabel\" (onClick)=\"hide()\" (keydown.enter)=\"hide()\" rounded text severity=\"secondary\">\n                                <ng-container *ngIf=\"!closeIconTemplate\">\n                                    <TimesIcon />\n                                </ng-container>\n                                <span *ngIf=\"closeIconTemplate\">\n                                    <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\n                                </span>\n                            </p-button>\n                        </div>\n                    </ng-container>\n                </div>\n                <div #content [ngClass]=\"'p-dialog-content'\" [ngStyle]=\"ddconfig.contentStyle\">\n                    <ng-template pDynamicDialogContent *ngIf=\"!contentTemplate\"></ng-template>\n                    <ng-container *ngComponentOutlet=\"contentTemplate\"></ng-container>\n                </div>\n                <div #footer [ngClass]=\"'p-dialog-footer'\" *ngIf=\"ddconfig.footer || footerTemplate\">\n                    <ng-container *ngIf=\"!footerTemplate\">\n                        {{ ddconfig.footer }}\n                    </ng-container>\n                    <ng-container *ngComponentOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            </div>\n        </div>\n    `,\n    animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n    providers: [DynamicDialogStyle]\n})\nexport class DynamicDialogComponent extends BaseComponent implements AfterViewInit, OnDestroy {\n    visible: boolean = true;\n\n    componentRef: Nullable<ComponentRef<any>>;\n\n    mask: Nullable<HTMLDivElement>;\n\n    resizing: boolean | undefined;\n\n    dragging: boolean | undefined;\n\n    maximized: boolean | undefined;\n\n    _style: any = {};\n\n    originalStyle: any;\n\n    lastPageX: number | undefined;\n\n    lastPageY: number | undefined;\n\n    ariaLabelledBy: string | undefined;\n\n    id: string = uuid('pn_id_');\n\n    styleElement: any;\n\n    @ViewChild(DynamicDialogContent) insertionPoint: Nullable<DynamicDialogContent>;\n\n    @ViewChild('mask') maskViewChild: Nullable<ElementRef>;\n\n    @ViewChild('content') contentViewChild: Nullable<ElementRef>;\n\n    @ViewChild('footer') footerViewChild: Nullable<ElementRef>;\n\n    @ViewChild('titlebar') headerViewChild: Nullable<ElementRef>;\n\n    childComponentType: Nullable<Type<any>>;\n\n    inputValues: Record<string, any>;\n\n    container: Nullable<HTMLDivElement>;\n\n    wrapper: Nullable<HTMLElement>;\n\n    documentKeydownListener: VoidListener;\n\n    documentEscapeListener: VoidListener;\n\n    maskClickListener: VoidListener;\n\n    transformOptions: string = 'scale(0.7)';\n\n    documentResizeListener: VoidListener;\n\n    documentResizeEndListener: VoidListener;\n\n    documentDragListener: VoidListener;\n\n    documentDragEndListener: VoidListener;\n\n    _componentStyle = inject(DynamicDialogStyle);\n\n    get minX(): number {\n        return this.ddconfig.minX ? this.ddconfig.minX : 0;\n    }\n\n    get minY(): number {\n        return this.ddconfig.minY ? this.ddconfig.minY : 0;\n    }\n\n    get keepInViewport(): boolean {\n        return this.ddconfig.keepInViewport!;\n    }\n\n    get maximizable(): boolean {\n        return this.ddconfig.maximizable!;\n    }\n\n    get maximizeIcon(): string {\n        return this.ddconfig.maximizeIcon!;\n    }\n\n    get minimizeIcon(): string {\n        return this.ddconfig.minimizeIcon!;\n    }\n\n    get closable() {\n        return this.ddconfig.closable!;\n    }\n\n    get style(): any {\n        return this._style;\n    }\n\n    get position(): string {\n        return this.ddconfig.position!;\n    }\n\n    get defaultCloseAriaLabel(): string {\n        return this.config.getTranslation(TranslationKeys.ARIA)['close'];\n    }\n\n    set style(value: any) {\n        if (value) {\n            this._style = { ...value };\n            this.originalStyle = value;\n        }\n    }\n\n    get parent() {\n        const domElements = Array.from(this.document.getElementsByClassName('p-dialog'));\n        if (domElements.length > 1) {\n            return domElements.pop();\n        }\n    }\n\n    get parentContent() {\n        const domElements = Array.from(this.document.getElementsByClassName('p-dialog'));\n        if (domElements.length > 0) {\n            const contentElements = domElements[domElements.length - 1].querySelector('.p-dialog-content');\n            if (contentElements) return Array.isArray(contentElements) ? contentElements[0] : contentElements;\n        }\n    }\n\n    get header() {\n        return this.ddconfig.header;\n    }\n\n    get data() {\n        return this.ddconfig.data;\n    }\n\n    get breakpoints() {\n        return this.ddconfig.breakpoints;\n    }\n\n    get footerTemplate() {\n        return this.ddconfig?.templates?.footer;\n    }\n\n    get headerTemplate() {\n        return this.ddconfig?.templates?.header;\n    }\n\n    get contentTemplate() {\n        return this.ddconfig?.templates?.content;\n    }\n\n    get minimizeIconTemplate(): any {\n        return this.ddconfig?.templates?.minimizeicon;\n    }\n\n    get maximizeIconTemplate(): any {\n        return this.ddconfig?.templates?.maximizeicon;\n    }\n\n    get closeIconTemplate() {\n        return this.ddconfig?.templates?.closeicon;\n    }\n\n    get maskClass() {\n        const positions = ['left', 'right', 'top', 'topleft', 'topright', 'bottom', 'bottomleft', 'bottomright'];\n        const pos = positions.find((item) => item === this.position);\n\n        return {\n            'p-dialog-mask': true,\n            'p-overlay-mask p-overlay-mask-enter': this.ddconfig.modal || this.ddconfig.dismissableMask,\n            [`p-dialog-${pos}`]: pos\n        };\n    }\n\n    get dialogId() {\n        return this.attrSelector;\n    }\n\n    private zIndexForLayering?: number;\n\n    constructor(\n        public renderer: Renderer2,\n        public ddconfig: DynamicDialogConfig,\n        private dialogRef: DynamicDialogRef,\n        public zone: NgZone,\n        @SkipSelf() @Optional() private parentDialog: DynamicDialogComponent\n    ) {\n        super();\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    }\n\n    createStyle() {\n        if (isPlatformBrowser(this.platformId)) {\n            if (!this.styleElement) {\n                this.styleElement = this.renderer.createElement('style');\n                this.styleElement.type = 'text/css';\n                this.renderer.appendChild(this.document.head, this.styleElement);\n                let innerHTML = '';\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-dialog[id=${this.dialogId}]:not(.p-dialog-maximized) {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);\n                setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);\n            }\n        }\n    }\n    destroyStyle() {\n        if (this.styleElement) {\n            this.renderer.removeChild(this.document.head, this.styleElement);\n            this.styleElement = null;\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        this.loadChildComponent(this.childComponentType!);\n        this.ariaLabelledBy = this.getAriaLabelledBy();\n        this.cd.detectChanges();\n    }\n\n    getAriaLabelledBy() {\n        return this.header !== null ? uuid('pn_id_') + '_header' : null;\n    }\n\n    loadChildComponent(componentType: Type<any>) {\n        let viewContainerRef = this.insertionPoint?.viewContainerRef;\n        viewContainerRef?.clear();\n\n        this.componentRef = viewContainerRef?.createComponent(componentType);\n\n        if (this.inputValues) {\n            Object.entries(this.inputValues).forEach(([key, value]) => {\n                this.componentRef.setInput(key, value);\n            });\n        }\n\n        this.dialogRef.onChildComponentLoaded.next(this.componentRef!.instance);\n    }\n\n    moveOnTop() {\n        if (this.ddconfig.autoZIndex !== false) {\n            ZIndexUtils.set('modal', this.container, (this.ddconfig.baseZIndex || 0) + this.config.zIndex.modal);\n            (this.wrapper as HTMLElement).style.zIndex = String(parseInt((this.container as HTMLDivElement).style.zIndex, 10) - 1);\n        } else {\n            this.zIndexForLayering = ZIndexUtils.generateZIndex('modal', (this.ddconfig.baseZIndex || 0) + this.config.zIndex.modal);\n        }\n    }\n\n    onAnimationStart(event: AnimationEvent) {\n        switch (event.toState) {\n            case 'visible':\n                this.container = event.element;\n                this.wrapper = (this.container as HTMLDivElement).parentElement;\n                this.moveOnTop();\n                if (this.parent) {\n                    this.unbindGlobalListeners();\n                }\n                this.bindGlobalListeners();\n                this.container?.setAttribute(this.id, '');\n\n                if (this.ddconfig.modal !== false) {\n                    this.enableModality();\n                }\n\n                if (this.ddconfig.focusOnShow !== false) {\n                    this.focus();\n                }\n                break;\n\n            case 'void':\n                if (this.wrapper && this.ddconfig.modal !== false) {\n                    addClass(this.wrapper, 'p-overlay-mask-leave');\n                }\n                break;\n        }\n    }\n\n    onAnimationEnd(event: AnimationEvent) {\n        if (event.toState === 'void') {\n            if (this.parentContent) {\n                this.focus(this.parentContent);\n            }\n            this.onContainerDestroy();\n            this.dialogRef.destroy();\n        }\n    }\n\n    onContainerDestroy() {\n        this.unbindGlobalListeners();\n\n        if (this.container && this.ddconfig.autoZIndex !== false) {\n            ZIndexUtils.clear(this.container);\n        }\n        if (this.zIndexForLayering) {\n            ZIndexUtils.revertZIndex(this.zIndexForLayering);\n        }\n\n        if (this.ddconfig.modal !== false) {\n            this.disableModality();\n        }\n        this.container = null;\n    }\n\n    close() {\n        this.visible = false;\n        this.cd.markForCheck();\n    }\n\n    hide() {\n        if (this.dialogRef) {\n            this.dialogRef.close();\n        }\n    }\n\n    enableModality() {\n        if (this.ddconfig.dismissableMask) {\n            this.maskClickListener = this.renderer.listen(this.wrapper, 'mousedown', (event: any) => {\n                if (this.wrapper && this.wrapper.isSameNode(event.target)) {\n                    this.hide();\n                }\n            });\n        }\n\n        if (this.ddconfig.modal !== false) {\n            addClass(this.document.body, 'p-overflow-hidden');\n        }\n    }\n\n    disableModality() {\n        if (this.wrapper) {\n            if (this.ddconfig.dismissableMask) {\n                this.unbindMaskClickListener();\n            }\n\n            if (this.ddconfig.modal !== false) {\n                removeClass(this.document.body, 'p-overflow-hidden');\n            }\n\n            if (!(this.cd as ViewRef).destroyed) {\n                this.cd.detectChanges();\n            }\n        }\n    }\n\n    focus(focusParentElement = this.contentViewChild.nativeElement) {\n        let focusable = DomHandler.getFocusableElement(focusParentElement, '[autofocus]');\n        if (focusable) {\n            this.zone.runOutsideAngular(() => {\n                setTimeout(() => focusable.focus(), 5);\n            });\n            return;\n        }\n        const focusableElement = DomHandler.getFocusableElement(focusParentElement);\n        if (focusableElement) {\n            this.zone.runOutsideAngular(() => {\n                setTimeout(() => focusableElement.focus(), 5);\n            });\n        } else if (this.footerViewChild) {\n            // If the content section is empty try to focus on footer\n            this.focus(this.footerViewChild.nativeElement);\n        } else if (!focusableElement && this.headerViewChild) {\n            this.focus(this.headerViewChild.nativeElement);\n        }\n    }\n\n    maximize() {\n        this.maximized = !this.maximized;\n\n        if (this.maximized) {\n            addClass(this.document.body, 'p-overflow-hidden');\n        } else {\n            removeClass(this.document.body, 'p-overflow-hidden');\n        }\n\n        this.dialogRef.maximize({ maximized: this.maximized });\n    }\n\n    initResize(event: MouseEvent) {\n        if (this.ddconfig.resizable) {\n            if (!this.documentResizeListener) {\n                this.bindDocumentResizeListeners();\n            }\n\n            this.resizing = true;\n            this.lastPageX = event.pageX;\n            this.lastPageY = event.pageY;\n            addClass(this.document.body, 'p-unselectable-text');\n            this.dialogRef.resizeInit(event);\n        }\n    }\n\n    onResize(event: MouseEvent) {\n        if (this.resizing) {\n            let deltaX = event.pageX - (this.lastPageX as number);\n            let deltaY = event.pageY - (this.lastPageY as number);\n            let containerWidth = getOuterWidth(this.container);\n            let containerHeight = getOuterHeight(this.container);\n            let contentHeight = getOuterHeight((<ElementRef>this.contentViewChild).nativeElement);\n            let newWidth = containerWidth + deltaX;\n            let newHeight = containerHeight + deltaY;\n            let minWidth = (this.container as HTMLDivElement).style.minWidth;\n            let minHeight = (this.container as HTMLDivElement).style.minHeight;\n            let offset = (this.container as HTMLDivElement).getBoundingClientRect();\n            let viewport = getViewport();\n            let hasBeenDragged = !parseInt((this.container as HTMLDivElement).style.top) || !parseInt((this.container as HTMLDivElement).style.left);\n\n            if (hasBeenDragged) {\n                newWidth += deltaX;\n                newHeight += deltaY;\n            }\n\n            if ((!minWidth || newWidth > parseInt(minWidth)) && offset.left + newWidth < viewport.width) {\n                this._style.width = newWidth + 'px';\n                (this.container as HTMLDivElement).style.width = this._style.width;\n            }\n\n            if ((!minHeight || newHeight > parseInt(minHeight)) && offset.top + newHeight < viewport.height) {\n                (<ElementRef>this.contentViewChild).nativeElement.style.height = contentHeight + newHeight - containerHeight + 'px';\n\n                if (this._style.height) {\n                    this._style.height = newHeight + 'px';\n                    (this.container as HTMLDivElement).style.height = this._style.height;\n                }\n            }\n\n            this.lastPageX = event.pageX;\n            this.lastPageY = event.pageY;\n        }\n    }\n\n    resizeEnd(event: MouseEvent) {\n        if (this.resizing) {\n            this.resizing = false;\n            removeClass(this.document.body, 'p-unselectable-text');\n            this.dialogRef.resizeEnd(event);\n        }\n    }\n\n    initDrag(event: MouseEvent) {\n        if (hasClass(event.target as any, 'p-dialog-header-icon') || hasClass((<HTMLElement>event.target).parentElement, 'p-dialog-header-icon')) {\n            return;\n        }\n\n        if (this.ddconfig.draggable) {\n            this.dragging = true;\n            this.lastPageX = event.pageX;\n            this.lastPageY = event.pageY;\n\n            (this.container as HTMLDivElement).style.margin = '0';\n            addClass(this.document.body, 'p-unselectable-text');\n            this.dialogRef.dragStart(event);\n        }\n    }\n\n    onDrag(event: MouseEvent) {\n        if (this.dragging) {\n            let containerWidth = getOuterWidth(this.container);\n            let containerHeight = getOuterHeight(this.container);\n            let deltaX = event.pageX - (this.lastPageX as number);\n            let deltaY = event.pageY - (this.lastPageY as number);\n            let offset = (this.container as HTMLDivElement).getBoundingClientRect();\n            let leftPos = offset.left + deltaX;\n            let topPos = offset.top + deltaY;\n            let viewport = getViewport();\n\n            (this.container as HTMLDivElement).style.position = 'fixed';\n\n            if (this.keepInViewport) {\n                if (leftPos >= this.minX && leftPos + containerWidth < viewport.width) {\n                    this._style.left = leftPos + 'px';\n                    this.lastPageX = event.pageX;\n                    (this.container as HTMLDivElement).style.left = leftPos + 'px';\n                }\n\n                if (topPos >= this.minY && topPos + containerHeight < viewport.height) {\n                    this._style.top = topPos + 'px';\n                    this.lastPageY = event.pageY;\n                    (this.container as HTMLDivElement).style.top = topPos + 'px';\n                }\n            } else {\n                this.lastPageX = event.pageX;\n                (this.container as HTMLDivElement).style.left = leftPos + 'px';\n                this.lastPageY = event.pageY;\n                (this.container as HTMLDivElement).style.top = topPos + 'px';\n            }\n        }\n    }\n\n    endDrag(event: MouseEvent) {\n        if (this.dragging) {\n            this.dragging = false;\n            removeClass(this.document.body, 'p-unselectable-text');\n            this.dialogRef.dragEnd(event);\n            this.cd.detectChanges();\n        }\n    }\n\n    resetPosition() {\n        (this.container as HTMLDivElement).style.position = '';\n        (this.container as HTMLDivElement).style.left = '';\n        (this.container as HTMLDivElement).style.top = '';\n        (this.container as HTMLDivElement).style.margin = '';\n    }\n\n    bindDocumentDragListener() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.zone.runOutsideAngular(() => {\n                this.documentDragListener = this.renderer.listen(this.document, 'mousemove', this.onDrag.bind(this));\n            });\n        }\n    }\n\n    bindDocumentDragEndListener() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.zone.runOutsideAngular(() => {\n                this.documentDragEndListener = this.renderer.listen(this.document, 'mouseup', this.endDrag.bind(this));\n            });\n        }\n    }\n\n    unbindDocumentDragEndListener() {\n        if (this.documentDragEndListener) {\n            this.documentDragEndListener();\n            this.documentDragListener = null;\n        }\n    }\n\n    unbindDocumentDragListener() {\n        if (this.documentDragListener) {\n            this.documentDragListener();\n            this.documentDragListener = null;\n        }\n    }\n\n    bindDocumentResizeListeners() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.zone.runOutsideAngular(() => {\n                this.documentResizeListener = this.renderer.listen(this.document, 'mousemove', this.onResize.bind(this));\n                this.documentResizeEndListener = this.renderer.listen(this.document, 'mouseup', this.resizeEnd.bind(this));\n            });\n        }\n    }\n\n    unbindDocumentResizeListeners() {\n        if (this.documentResizeListener && this.documentResizeEndListener) {\n            this.documentResizeListener();\n            this.documentResizeEndListener();\n            this.documentResizeListener = null;\n            this.documentResizeEndListener = null;\n        }\n    }\n\n    bindGlobalListeners() {\n        if (this.ddconfig.closeOnEscape !== false) {\n            this.bindDocumentEscapeListener();\n        }\n\n        if (this.ddconfig.resizable) {\n            this.bindDocumentResizeListeners();\n        }\n\n        if (this.ddconfig.draggable) {\n            this.bindDocumentDragListener();\n            this.bindDocumentDragEndListener();\n        }\n    }\n\n    unbindGlobalListeners() {\n        this.unbindDocumentEscapeListener();\n        this.unbindDocumentResizeListeners();\n        this.unbindDocumentDragListener();\n        this.unbindDocumentDragEndListener();\n    }\n\n    bindDocumentEscapeListener() {\n        const documentTarget: any = this.maskViewChild ? this.maskViewChild.nativeElement.ownerDocument : 'document';\n\n        this.documentEscapeListener = this.renderer.listen(documentTarget, 'keydown', (event) => {\n            if (event.which == 27) {\n                const currentZIndex = ZIndexUtils.getCurrent();\n                if (parseInt((this.container as HTMLDivElement).style.zIndex) == currentZIndex || this.zIndexForLayering == currentZIndex) {\n                    this.hide();\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    ngOnDestroy() {\n        this.onContainerDestroy();\n\n        if (this.componentRef) {\n            this.componentRef.destroy();\n        }\n        this.destroyStyle();\n        super.ngOnDestroy();\n    }\n}\n\n@NgModule({\n    imports: [DynamicDialogComponent, SharedModule],\n    exports: [DynamicDialogComponent, SharedModule]\n})\nexport class DynamicDialogModule {}\n","import { InjectOptions, Injector, ProviderToken, InjectFlags } from '@angular/core';\n\nexport class DynamicDialogInjector implements Injector {\n    constructor(\n        private _parentInjector: Injector,\n        private _additionalTokens: WeakMap<any, any>\n    ) {}\n\n    get<T>(token: ProviderToken<T>, notFoundValue?: T, options?: InjectOptions | InjectFlags): T {\n        const value = this._additionalTokens.get(token);\n\n        if (value) return value;\n\n        return this._parentInjector.get<any>(token, notFoundValue);\n    }\n}\n","import { DOCUMENT } from '@angular/common';\nimport { ApplicationRef, ComponentRef, EmbeddedViewRef, Inject, Injectable, Injector, Type, createComponent } from '@angular/core';\nimport { appendChild } from '@primeuix/utils';\nimport { DynamicDialogComponent } from './dynamicdialog';\nimport { DynamicDialogConfig } from './dynamicdialog-config';\nimport { DynamicDialogInjector } from './dynamicdialog-injector';\nimport { DynamicDialogRef } from './dynamicdialog-ref';\n\n/**\n * Dynamic Dialog component methods.\n * @group Service\n */\n@Injectable()\nexport class DialogService {\n    dialogComponentRefMap: Map<DynamicDialogRef<any>, ComponentRef<DynamicDialogComponent>> = new Map();\n\n    constructor(\n        private appRef: ApplicationRef,\n        private injector: Injector,\n        @Inject(DOCUMENT) private document: Document\n    ) {}\n    /**\n     * Displays the dialog using the dynamic dialog object options.\n     * @param {*} componentType - Dynamic component for content template.\n     * @param {DynamicDialogConfig} config - DynamicDialog object.\n     * @returns {DynamicDialogRef} DynamicDialog instance.\n     * @group Method\n     */\n    public open<T, DataType = any, InputValuesType extends Record<string, any> = {}>(componentType: Type<T>, config: DynamicDialogConfig<DataType, InputValuesType>): DynamicDialogRef<T> {\n        if (!this.duplicationPermission(componentType, config)) {\n            return null;\n        }\n\n        const dialogRef = this.appendDialogComponentToBody<T>(config, componentType);\n\n        this.dialogComponentRefMap.get(dialogRef).instance.childComponentType = componentType;\n        this.dialogComponentRefMap.get(dialogRef).instance.inputValues = config.inputValues;\n\n        return dialogRef;\n    }\n    /**\n     * Returns the dynamic dialog component instance.\n     * @param {ref} DynamicDialogRef - DynamicDialog instance.\n     * @group Method\n     */\n    public getInstance(ref: DynamicDialogRef<any>) {\n        return this.dialogComponentRefMap.get(ref).instance;\n    }\n\n    private appendDialogComponentToBody<T>(config: DynamicDialogConfig, componentType: Type<T>): DynamicDialogRef<T> {\n        const map = new WeakMap();\n        map.set(DynamicDialogConfig, config);\n\n        const dialogRef = new DynamicDialogRef<T>();\n        map.set(DynamicDialogRef, dialogRef);\n\n        const sub = dialogRef.onClose.subscribe(() => {\n            this.dialogComponentRefMap.get(dialogRef).instance.close();\n        });\n\n        const destroySub = dialogRef.onDestroy.subscribe(() => {\n            this.removeDialogComponentFromBody(dialogRef);\n            destroySub.unsubscribe();\n            sub.unsubscribe();\n        });\n\n        const componentRef = createComponent(DynamicDialogComponent, {\n            environmentInjector: this.appRef.injector,\n            elementInjector: new DynamicDialogInjector(this.injector, map)\n        });\n\n        this.appRef.attachView(componentRef.hostView);\n\n        const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;\n        if (!config.appendTo || config.appendTo === 'body') {\n            this.document.body.appendChild(domElem);\n        } else {\n            appendChild(config.appendTo, domElem);\n        }\n\n        this.dialogComponentRefMap.set(dialogRef, componentRef);\n\n        return dialogRef;\n    }\n\n    private removeDialogComponentFromBody(dialogRef: DynamicDialogRef<any>) {\n        if (!dialogRef || !this.dialogComponentRefMap.has(dialogRef)) {\n            return;\n        }\n\n        const dialogComponentRef = this.dialogComponentRefMap.get(dialogRef);\n        this.appRef.detachView(dialogComponentRef.hostView);\n        dialogComponentRef.destroy();\n        dialogComponentRef.changeDetectorRef.detectChanges();\n        this.dialogComponentRefMap.delete(dialogRef);\n    }\n\n    private duplicationPermission(componentType: Type<any>, config: DynamicDialogConfig): boolean {\n        if (config.duplicate) {\n            return true;\n        }\n        let permission = true;\n        for (const [key, value] of this.dialogComponentRefMap) {\n            if (value.instance.childComponentType === componentType) {\n                permission = false;\n                break;\n            }\n        }\n        return permission;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.DynamicDialogConfig","i2.DynamicDialogRef"],"mappings":"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