primevue/dialog/index.mjs.map

PrimeVue is an open source UI library for Vue 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 PrimeBloc

{"version":3,"file":"index.mjs","sources":["../../src/dialog/BaseDialog.vue","../../src/dialog/Dialog.vue","../../src/dialog/Dialog.vue?vue&type=template&id=f940dd5e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DialogStyle from 'primevue/dialog/style';\n\nexport default {\n    name: 'BaseDialog',\n    extends: BaseComponent,\n    props: {\n        header: {\n            type: null,\n            default: null\n        },\n        footer: {\n            type: null,\n            default: null\n        },\n        visible: {\n            type: Boolean,\n            default: false\n        },\n        modal: {\n            type: Boolean,\n            default: null\n        },\n        contentStyle: {\n            type: null,\n            default: null\n        },\n        contentClass: {\n            type: String,\n            default: null\n        },\n        contentProps: {\n            type: null,\n            default: null\n        },\n        maximizable: {\n            type: Boolean,\n            default: false\n        },\n        dismissableMask: {\n            type: Boolean,\n            default: false\n        },\n        closable: {\n            type: Boolean,\n            default: true\n        },\n        closeOnEscape: {\n            type: Boolean,\n            default: true\n        },\n        showHeader: {\n            type: Boolean,\n            default: true\n        },\n        blockScroll: {\n            type: Boolean,\n            default: false\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        position: {\n            type: String,\n            default: 'center'\n        },\n        breakpoints: {\n            type: Object,\n            default: null\n        },\n        draggable: {\n            type: Boolean,\n            default: true\n        },\n        keepInViewport: {\n            type: Boolean,\n            default: true\n        },\n        minX: {\n            type: Number,\n            default: 0\n        },\n        minY: {\n            type: Number,\n            default: 0\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        maximizeIcon: {\n            type: String,\n            default: undefined\n        },\n        minimizeIcon: {\n            type: String,\n            default: undefined\n        },\n        closeButtonProps: {\n            type: Object,\n            default: () => {\n                return {\n                    severity: 'secondary',\n                    text: true,\n                    rounded: true\n                };\n            }\n        },\n        maximizeButtonProps: {\n            type: Object,\n            default: () => {\n                return {\n                    severity: 'secondary',\n                    text: true,\n                    rounded: true\n                };\n            }\n        },\n        _instance: null\n    },\n    style: DialogStyle,\n    provide() {\n        return {\n            $pcDialog: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Portal :appendTo=\"appendTo\">\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position, modal })\" @mousedown=\"onMaskMouseDown\" @mouseup=\"onMaskMouseUp\" :data-p=\"dataP\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-dialog\" @enter=\"onEnter\" @after-enter=\"onAfterEnter\" @before-leave=\"onBeforeLeave\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" appear v-bind=\"ptm('transition')\">\n                <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap=\"{ disabled: !modal }\" :class=\"cx('root')\" :style=\"sx('root')\" role=\"dialog\" :aria-labelledby=\"ariaLabelledById\" :aria-modal=\"modal\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\" :maximizeCallback=\"(event) => maximize(event)\"></slot>\n                    <template v-else>\n                        <div v-if=\"showHeader\" :ref=\"headerContainerRef\" :class=\"cx('header')\" @mousedown=\"initDrag\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <span v-if=\"header\" :id=\"ariaLabelledById\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n                            </slot>\n                            <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n                                <slot v-if=\"maximizable\" name=\"maximizebutton\" :maximized=\"maximized\" :maximizeCallback=\"(event) => maximize(event)\">\n                                    <Button\n                                        :ref=\"maximizableRef\"\n                                        :autofocus=\"focusableMax\"\n                                        :class=\"cx('pcMaximizeButton')\"\n                                        @click=\"maximize\"\n                                        :tabindex=\"maximizable ? '0' : '-1'\"\n                                        :unstyled=\"unstyled\"\n                                        v-bind=\"maximizeButtonProps\"\n                                        :pt=\"ptm('pcMaximizeButton')\"\n                                        data-pc-group-section=\"headericon\"\n                                    >\n                                        <template #icon=\"slotProps\">\n                                            <slot name=\"maximizeicon\" :maximized=\"maximized\">\n                                                <component :is=\"maximizeIconComponent\" :class=\"[slotProps.class, maximized ? minimizeIcon : maximizeIcon]\" v-bind=\"ptm('pcMaximizeButton')['icon']\" />\n                                            </slot>\n                                        </template>\n                                    </Button>\n                                </slot>\n                                <slot v-if=\"closable\" name=\"closebutton\" :closeCallback=\"close\">\n                                    <Button\n                                        :ref=\"closeButtonRef\"\n                                        :autofocus=\"focusableClose\"\n                                        :class=\"cx('pcCloseButton')\"\n                                        @click=\"close\"\n                                        :aria-label=\"closeAriaLabel\"\n                                        :unstyled=\"unstyled\"\n                                        v-bind=\"closeButtonProps\"\n                                        :pt=\"ptm('pcCloseButton')\"\n                                        data-pc-group-section=\"headericon\"\n                                    >\n                                        <template #icon=\"slotProps\">\n                                            <slot name=\"closeicon\">\n                                                <component :is=\"closeIcon ? 'span' : 'TimesIcon'\" :class=\"[closeIcon, slotProps.class]\" v-bind=\"ptm('pcCloseButton')['icon']\"></component>\n                                            </slot>\n                                        </template>\n                                    </Button>\n                                </slot>\n                            </div>\n                        </div>\n                        <div :ref=\"contentRef\" :class=\"[cx('content'), contentClass]\" :style=\"contentStyle\" :data-p=\"dataP\" v-bind=\"{ ...contentProps, ...ptm('content') }\">\n                            <slot></slot>\n                        </div>\n                        <div v-if=\"footer || $slots.footer\" :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\">{{ footer }}</slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { addClass, addStyle, focus, getOuterHeight, getOuterWidth, getViewport, setAttribute } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport TimesIcon from '@primevue/icons/times';\nimport WindowMaximizeIcon from '@primevue/icons/windowmaximize';\nimport WindowMinimizeIcon from '@primevue/icons/windowminimize';\nimport Button from 'primevue/button';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport Ripple from 'primevue/ripple';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport { computed } from 'vue';\nimport BaseDialog from './BaseDialog.vue';\n\nexport default {\n    name: 'Dialog',\n    extends: BaseDialog,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'hide', 'after-hide', 'maximize', 'unmaximize', 'dragstart', 'dragend'],\n    provide() {\n        return {\n            dialogRef: computed(() => this._instance)\n        };\n    },\n    data() {\n        return {\n            containerVisible: this.visible,\n            maximized: false,\n            focusableMax: null,\n            focusableClose: null,\n            target: null\n        };\n    },\n    documentKeydownListener: null,\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    maximizableButton: null,\n    closeButton: null,\n    styleElement: null,\n    dragging: null,\n    documentDragListener: null,\n    documentDragEndListener: null,\n    lastPageX: null,\n    lastPageY: null,\n    maskMouseDownTarget: null,\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.unbindDocumentState();\n        this.unbindGlobalListeners();\n        this.destroyStyle();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndex.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    mounted() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        close() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.target = document.activeElement;\n            this.enableDocumentSettings();\n            this.bindGlobalListeners();\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.focus();\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n            }\n\n            if (this.dragging && this.documentDragEndListener) {\n                this.documentDragEndListener();\n            }\n        },\n        onLeave() {\n            this.$emit('hide');\n            focus(this.target);\n            this.target = null;\n            this.focusableClose = null;\n            this.focusableMax = null;\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndex.clear(this.mask);\n            }\n\n            this.containerVisible = false;\n            this.unbindDocumentState();\n            this.unbindGlobalListeners();\n            this.$emit('after-hide');\n        },\n        onMaskMouseDown(event) {\n            this.maskMouseDownTarget = event.target;\n        },\n        onMaskMouseUp() {\n            if (this.dismissableMask && this.modal && this.mask === this.maskMouseDownTarget) {\n                this.close();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.default && findFocusableElement(this.content);\n\n                    if (!focusTarget) {\n                        if (this.maximizable) {\n                            this.focusableMax = true;\n                            focusTarget = this.maximizableButton;\n                        } else {\n                            this.focusableClose = true;\n                            focusTarget = this.closeButton;\n                        }\n                    }\n                }\n            }\n\n            if (focusTarget) {\n                focus(focusTarget, { focusVisible: true });\n            }\n        },\n        maximize(event) {\n            if (this.maximized) {\n                this.maximized = false;\n                this.$emit('unmaximize', event);\n            } else {\n                this.maximized = true;\n                this.$emit('maximize', event);\n            }\n\n            if (!this.modal) {\n                this.maximized ? blockBodyScroll() : unblockBodyScroll();\n            }\n        },\n        enableDocumentSettings() {\n            if (this.modal || (!this.modal && this.blockScroll) || (this.maximizable && this.maximized)) {\n                blockBodyScroll();\n            }\n        },\n        unbindDocumentState() {\n            if (this.modal || (!this.modal && this.blockScroll) || (this.maximizable && this.maximized)) {\n                unblockBodyScroll();\n            }\n        },\n        onKeyDown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.close();\n            }\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeyDown.bind(this);\n                window.document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                window.document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        maskRef(el) {\n            this.mask = el;\n        },\n        contentRef(el) {\n            this.content = el;\n        },\n        headerContainerRef(el) {\n            this.headerContainer = el;\n        },\n        footerContainerRef(el) {\n            this.footerContainer = el;\n        },\n        maximizableRef(el) {\n            this.maximizableButton = el ? el.$el : undefined;\n        },\n        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = '';\n\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-dialog[${this.$attrSelector}] {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        initDrag(event) {\n            if (event.target.closest('div').getAttribute('data-pc-section') === 'headeractions') {\n                return;\n            }\n\n            if (this.draggable) {\n                this.dragging = true;\n                this.lastPageX = event.pageX;\n                this.lastPageY = event.pageY;\n\n                this.container.style.margin = '0';\n                document.body.setAttribute('data-p-unselectable-text', 'true');\n                !this.isUnstyled && addStyle(document.body, { 'user-select': 'none' });\n\n                this.$emit('dragstart', event);\n            }\n        },\n        bindGlobalListeners() {\n            if (this.draggable) {\n                this.bindDocumentDragListener();\n                this.bindDocumentDragEndListener();\n            }\n\n            if (this.closeOnEscape && this.closable) {\n                this.bindDocumentKeyDownListener();\n            }\n        },\n        unbindGlobalListeners() {\n            this.unbindDocumentDragListener();\n            this.unbindDocumentDragEndListener();\n            this.unbindDocumentKeyDownListener();\n        },\n        bindDocumentDragListener() {\n            this.documentDragListener = (event) => {\n                if (this.dragging) {\n                    let width = getOuterWidth(this.container);\n                    let height = getOuterHeight(this.container);\n                    let deltaX = event.pageX - this.lastPageX;\n                    let deltaY = event.pageY - this.lastPageY;\n                    let offset = this.container.getBoundingClientRect();\n                    let leftPos = offset.left + deltaX;\n                    let topPos = offset.top + deltaY;\n                    let viewport = getViewport();\n                    let containerComputedStyle = getComputedStyle(this.container);\n                    let marginLeft = parseFloat(containerComputedStyle.marginLeft);\n                    let marginTop = parseFloat(containerComputedStyle.marginTop);\n\n                    this.container.style.position = 'fixed';\n\n                    if (this.keepInViewport) {\n                        if (leftPos >= this.minX && leftPos + width < viewport.width) {\n                            this.lastPageX = event.pageX;\n                            this.container.style.left = leftPos - marginLeft + 'px';\n                        }\n\n                        if (topPos >= this.minY && topPos + height < viewport.height) {\n                            this.lastPageY = event.pageY;\n                            this.container.style.top = topPos - marginTop + 'px';\n                        }\n                    } else {\n                        this.lastPageX = event.pageX;\n                        this.container.style.left = leftPos - marginLeft + 'px';\n                        this.lastPageY = event.pageY;\n                        this.container.style.top = topPos - marginTop + 'px';\n                    }\n                }\n            };\n\n            window.document.addEventListener('mousemove', this.documentDragListener);\n        },\n        unbindDocumentDragListener() {\n            if (this.documentDragListener) {\n                window.document.removeEventListener('mousemove', this.documentDragListener);\n                this.documentDragListener = null;\n            }\n        },\n        bindDocumentDragEndListener() {\n            this.documentDragEndListener = (event) => {\n                if (this.dragging) {\n                    this.dragging = false;\n                    document.body.removeAttribute('data-p-unselectable-text');\n                    !this.isUnstyled && (document.body.style['user-select'] = '');\n\n                    this.$emit('dragend', event);\n                }\n            };\n\n            window.document.addEventListener('mouseup', this.documentDragEndListener);\n        },\n        unbindDocumentDragEndListener() {\n            if (this.documentDragEndListener) {\n                window.document.removeEventListener('mouseup', this.documentDragEndListener);\n                this.documentDragEndListener = null;\n            }\n        }\n    },\n    computed: {\n        maximizeIconComponent() {\n            return this.maximized ? (this.minimizeIcon ? 'span' : 'WindowMinimizeIcon') : this.maximizeIcon ? 'span' : 'WindowMaximizeIcon';\n        },\n        ariaLabelledById() {\n            return this.header != null || this.$attrs['aria-labelledby'] !== null ? this.$id + '_header' : null;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        },\n        dataP() {\n            return cn({\n                maximized: this.maximized,\n                modal: this.modal\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple,\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        WindowMinimizeIcon,\n        WindowMaximizeIcon,\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <Portal :appendTo=\"appendTo\">\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position, modal })\" @mousedown=\"onMaskMouseDown\" @mouseup=\"onMaskMouseUp\" :data-p=\"dataP\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-dialog\" @enter=\"onEnter\" @after-enter=\"onAfterEnter\" @before-leave=\"onBeforeLeave\" @leave=\"onLeave\" @after-leave=\"onAfterLeave\" appear v-bind=\"ptm('transition')\">\n                <div v-if=\"visible\" :ref=\"containerRef\" v-focustrap=\"{ disabled: !modal }\" :class=\"cx('root')\" :style=\"sx('root')\" role=\"dialog\" :aria-labelledby=\"ariaLabelledById\" :aria-modal=\"modal\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\" :maximizeCallback=\"(event) => maximize(event)\"></slot>\n                    <template v-else>\n                        <div v-if=\"showHeader\" :ref=\"headerContainerRef\" :class=\"cx('header')\" @mousedown=\"initDrag\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <span v-if=\"header\" :id=\"ariaLabelledById\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n                            </slot>\n                            <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n                                <slot v-if=\"maximizable\" name=\"maximizebutton\" :maximized=\"maximized\" :maximizeCallback=\"(event) => maximize(event)\">\n                                    <Button\n                                        :ref=\"maximizableRef\"\n                                        :autofocus=\"focusableMax\"\n                                        :class=\"cx('pcMaximizeButton')\"\n                                        @click=\"maximize\"\n                                        :tabindex=\"maximizable ? '0' : '-1'\"\n                                        :unstyled=\"unstyled\"\n                                        v-bind=\"maximizeButtonProps\"\n                                        :pt=\"ptm('pcMaximizeButton')\"\n                                        data-pc-group-section=\"headericon\"\n                                    >\n                                        <template #icon=\"slotProps\">\n                                            <slot name=\"maximizeicon\" :maximized=\"maximized\">\n                                                <component :is=\"maximizeIconComponent\" :class=\"[slotProps.class, maximized ? minimizeIcon : maximizeIcon]\" v-bind=\"ptm('pcMaximizeButton')['icon']\" />\n                                            </slot>\n                                        </template>\n                                    </Button>\n                                </slot>\n                                <slot v-if=\"closable\" name=\"closebutton\" :closeCallback=\"close\">\n                                    <Button\n                                        :ref=\"closeButtonRef\"\n                                        :autofocus=\"focusableClose\"\n                                        :class=\"cx('pcCloseButton')\"\n                                        @click=\"close\"\n                                        :aria-label=\"closeAriaLabel\"\n                                        :unstyled=\"unstyled\"\n                                        v-bind=\"closeButtonProps\"\n                                        :pt=\"ptm('pcCloseButton')\"\n                                        data-pc-group-section=\"headericon\"\n                                    >\n                                        <template #icon=\"slotProps\">\n                                            <slot name=\"closeicon\">\n                                                <component :is=\"closeIcon ? 'span' : 'TimesIcon'\" :class=\"[closeIcon, slotProps.class]\" v-bind=\"ptm('pcCloseButton')['icon']\"></component>\n                                            </slot>\n                                        </template>\n                                    </Button>\n                                </slot>\n                            </div>\n                        </div>\n                        <div :ref=\"contentRef\" :class=\"[cx('content'), contentClass]\" :style=\"contentStyle\" :data-p=\"dataP\" v-bind=\"{ ...contentProps, ...ptm('content') }\">\n                            <slot></slot>\n                        </div>\n                        <div v-if=\"footer || $slots.footer\" :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\">{{ footer }}</slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { addClass, addStyle, focus, getOuterHeight, getOuterWidth, getViewport, setAttribute } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport TimesIcon from '@primevue/icons/times';\nimport WindowMaximizeIcon from '@primevue/icons/windowmaximize';\nimport WindowMinimizeIcon from '@primevue/icons/windowminimize';\nimport Button from 'primevue/button';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport Ripple from 'primevue/ripple';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport { computed } from 'vue';\nimport BaseDialog from './BaseDialog.vue';\n\nexport default {\n    name: 'Dialog',\n    extends: BaseDialog,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'hide', 'after-hide', 'maximize', 'unmaximize', 'dragstart', 'dragend'],\n    provide() {\n        return {\n            dialogRef: computed(() => this._instance)\n        };\n    },\n    data() {\n        return {\n            containerVisible: this.visible,\n            maximized: false,\n            focusableMax: null,\n            focusableClose: null,\n            target: null\n        };\n    },\n    documentKeydownListener: null,\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    maximizableButton: null,\n    closeButton: null,\n    styleElement: null,\n    dragging: null,\n    documentDragListener: null,\n    documentDragEndListener: null,\n    lastPageX: null,\n    lastPageY: null,\n    maskMouseDownTarget: null,\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.unbindDocumentState();\n        this.unbindGlobalListeners();\n        this.destroyStyle();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndex.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    mounted() {\n        if (this.breakpoints) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        close() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.target = document.activeElement;\n            this.enableDocumentSettings();\n            this.bindGlobalListeners();\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.focus();\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n            }\n\n            if (this.dragging && this.documentDragEndListener) {\n                this.documentDragEndListener();\n            }\n        },\n        onLeave() {\n            this.$emit('hide');\n            focus(this.target);\n            this.target = null;\n            this.focusableClose = null;\n            this.focusableMax = null;\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndex.clear(this.mask);\n            }\n\n            this.containerVisible = false;\n            this.unbindDocumentState();\n            this.unbindGlobalListeners();\n            this.$emit('after-hide');\n        },\n        onMaskMouseDown(event) {\n            this.maskMouseDownTarget = event.target;\n        },\n        onMaskMouseUp() {\n            if (this.dismissableMask && this.modal && this.mask === this.maskMouseDownTarget) {\n                this.close();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.default && findFocusableElement(this.content);\n\n                    if (!focusTarget) {\n                        if (this.maximizable) {\n                            this.focusableMax = true;\n                            focusTarget = this.maximizableButton;\n                        } else {\n                            this.focusableClose = true;\n                            focusTarget = this.closeButton;\n                        }\n                    }\n                }\n            }\n\n            if (focusTarget) {\n                focus(focusTarget, { focusVisible: true });\n            }\n        },\n        maximize(event) {\n            if (this.maximized) {\n                this.maximized = false;\n                this.$emit('unmaximize', event);\n            } else {\n                this.maximized = true;\n                this.$emit('maximize', event);\n            }\n\n            if (!this.modal) {\n                this.maximized ? blockBodyScroll() : unblockBodyScroll();\n            }\n        },\n        enableDocumentSettings() {\n            if (this.modal || (!this.modal && this.blockScroll) || (this.maximizable && this.maximized)) {\n                blockBodyScroll();\n            }\n        },\n        unbindDocumentState() {\n            if (this.modal || (!this.modal && this.blockScroll) || (this.maximizable && this.maximized)) {\n                unblockBodyScroll();\n            }\n        },\n        onKeyDown(event) {\n            if (event.code === 'Escape' && this.closeOnEscape) {\n                this.close();\n            }\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeyDown.bind(this);\n                window.document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                window.document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        containerRef(el) {\n            this.container = el;\n        },\n        maskRef(el) {\n            this.mask = el;\n        },\n        contentRef(el) {\n            this.content = el;\n        },\n        headerContainerRef(el) {\n            this.headerContainer = el;\n        },\n        footerContainerRef(el) {\n            this.footerContainer = el;\n        },\n        maximizableRef(el) {\n            this.maximizableButton = el ? el.$el : undefined;\n        },\n        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = '';\n\n                for (let breakpoint in this.breakpoints) {\n                    innerHTML += `\n                        @media screen and (max-width: ${breakpoint}) {\n                            .p-dialog[${this.$attrSelector}] {\n                                width: ${this.breakpoints[breakpoint]} !important;\n                            }\n                        }\n                    `;\n                }\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        initDrag(event) {\n            if (event.target.closest('div').getAttribute('data-pc-section') === 'headeractions') {\n                return;\n            }\n\n            if (this.draggable) {\n                this.dragging = true;\n                this.lastPageX = event.pageX;\n                this.lastPageY = event.pageY;\n\n                this.container.style.margin = '0';\n                document.body.setAttribute('data-p-unselectable-text', 'true');\n                !this.isUnstyled && addStyle(document.body, { 'user-select': 'none' });\n\n                this.$emit('dragstart', event);\n            }\n        },\n        bindGlobalListeners() {\n            if (this.draggable) {\n                this.bindDocumentDragListener();\n                this.bindDocumentDragEndListener();\n            }\n\n            if (this.closeOnEscape && this.closable) {\n                this.bindDocumentKeyDownListener();\n            }\n        },\n        unbindGlobalListeners() {\n            this.unbindDocumentDragListener();\n            this.unbindDocumentDragEndListener();\n            this.unbindDocumentKeyDownListener();\n        },\n        bindDocumentDragListener() {\n            this.documentDragListener = (event) => {\n                if (this.dragging) {\n                    let width = getOuterWidth(this.container);\n                    let height = getOuterHeight(this.container);\n                    let deltaX = event.pageX - this.lastPageX;\n                    let deltaY = event.pageY - this.lastPageY;\n                    let offset = this.container.getBoundingClientRect();\n                    let leftPos = offset.left + deltaX;\n                    let topPos = offset.top + deltaY;\n                    let viewport = getViewport();\n                    let containerComputedStyle = getComputedStyle(this.container);\n                    let marginLeft = parseFloat(containerComputedStyle.marginLeft);\n                    let marginTop = parseFloat(containerComputedStyle.marginTop);\n\n                    this.container.style.position = 'fixed';\n\n                    if (this.keepInViewport) {\n                        if (leftPos >= this.minX && leftPos + width < viewport.width) {\n                            this.lastPageX = event.pageX;\n                            this.container.style.left = leftPos - marginLeft + 'px';\n                        }\n\n                        if (topPos >= this.minY && topPos + height < viewport.height) {\n                            this.lastPageY = event.pageY;\n                            this.container.style.top = topPos - marginTop + 'px';\n                        }\n                    } else {\n                        this.lastPageX = event.pageX;\n                        this.container.style.left = leftPos - marginLeft + 'px';\n                        this.lastPageY = event.pageY;\n                        this.container.style.top = topPos - marginTop + 'px';\n                    }\n                }\n            };\n\n            window.document.addEventListener('mousemove', this.documentDragListener);\n        },\n        unbindDocumentDragListener() {\n            if (this.documentDragListener) {\n                window.document.removeEventListener('mousemove', this.documentDragListener);\n                this.documentDragListener = null;\n            }\n        },\n        bindDocumentDragEndListener() {\n            this.documentDragEndListener = (event) => {\n                if (this.dragging) {\n                    this.dragging = false;\n                    document.body.removeAttribute('data-p-unselectable-text');\n                    !this.isUnstyled && (document.body.style['user-select'] = '');\n\n                    this.$emit('dragend', event);\n                }\n            };\n\n            window.document.addEventListener('mouseup', this.documentDragEndListener);\n        },\n        unbindDocumentDragEndListener() {\n            if (this.documentDragEndListener) {\n                window.document.removeEventListener('mouseup', this.documentDragEndListener);\n                this.documentDragEndListener = null;\n            }\n        }\n    },\n    computed: {\n        maximizeIconComponent() {\n            return this.maximized ? (this.minimizeIcon ? 'span' : 'WindowMinimizeIcon') : this.maximizeIcon ? 'span' : 'WindowMaximizeIcon';\n        },\n        ariaLabelledById() {\n            return this.header != null || this.$attrs['aria-labelledby'] !== null ? this.$id + '_header' : null;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        },\n        dataP() {\n            return cn({\n                maximized: this.maximized,\n                modal: this.modal\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple,\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        WindowMinimizeIcon,\n        WindowMaximizeIcon,\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","type","footer","visible","Boolean","modal","contentStyle","contentClass","String","contentProps","maximizable","dismissableMask","closable","closeOnEscape","showHeader","blockScroll","baseZIndex","Number","autoZIndex","position","breakpoints","Object","draggable","keepInViewport","minX","minY","appendTo","closeIcon","undefined","maximizeIcon","minimizeIcon","closeButtonProps","default","severity","text","rounded","maximizeButtonProps","_instance","style","DialogStyle","provide","$pcDialog","$parentInstance","BaseDialog","inheritAttrs","emits","_this","dialogRef","computed","data","containerVisible","maximized","focusableMax","focusableClose","target","documentKeydownListener","container","mask","content","headerContainer","footerContainer","maximizableButton","closeButton","styleElement","dragging","documentDragListener","documentDragEndListener","lastPageX","lastPageY","maskMouseDownTarget","updated","beforeUnmount","unbindDocumentState","unbindGlobalListeners","destroyStyle","ZIndex","clear","mounted","createStyle","methods","close","$emit","onEnter","document","activeElement","enableDocumentSettings","bindGlobalListeners","set","$primevue","config","zIndex","onAfterEnter","focus","onBeforeLeave","isUnstyled","addClass","onLeave","onAfterLeave","onMaskMouseDown","event","onMaskMouseUp","findFocusableElement","querySelector","focusTarget","$slots","focusVisible","maximize","blockBodyScroll","unblockBodyScroll","onKeyDown","code","bindDocumentKeyDownListener","bind","window","addEventListener","unbindDocumentKeyDownListener","removeEventListener","containerRef","el","maskRef","contentRef","headerContainerRef","footerContainerRef","maximizableRef","$el","closeButtonRef","_this$$primevue","createElement","setAttribute","csp","nonce","head","appendChild","innerHTML","breakpoint","concat","$attrSelector","removeChild","initDrag","closest","getAttribute","pageX","pageY","margin","body","addStyle","bindDocumentDragListener","bindDocumentDragEndListener","unbindDocumentDragListener","unbindDocumentDragEndListener","_this2","width","getOuterWidth","height","getOuterHeight","deltaX","deltaY","offset","getBoundingClientRect","leftPos","left","topPos","top","viewport","getViewport","containerComputedStyle","getComputedStyle","marginLeft","parseFloat","marginTop","_this3","removeAttribute","maximizeIconComponent","ariaLabelledById","$attrs","$id","closeAriaLabel","locale","aria","dataP","cn","directives","ripple","Ripple","focustrap","FocusTrap","components","Button","Portal","WindowMinimizeIcon","WindowMaximizeIcon","TimesIcon","_createBlock","_component_Portal","_ctx","$data","_openBlock","_createElementBlock","_mergeProps","ref","$options","cx","sx","onMousedown","apply","arguments","onMouseup","ptm","_createVNode","_Transition","appear","_withDirectives","role","ptmi","_renderSlot","closeCallback","maximizeCallback","_Fragment","key","id","_createElementVNode","_component_Button","autofocus","onClick","tabindex","unstyled","pt","icon","_withCtx","slotProps","_resolveDynamicComponent","_objectSpread"],"mappings":"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