primevue 4.2.5 → 4.3.0

package/drawer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/drawer/BaseDrawer.vue","../../src/drawer/Drawer.vue","../../src/drawer/Drawer.vue?vue&type=template&id=a2e16c3e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DrawerStyle from 'primevue/drawer/style';\n\nexport default {\n    name: 'BaseDrawer',\n    extends: BaseComponent,\n    props: {\n        visible: {\n            type: Boolean,\n            default: false\n        },\n        position: {\n            type: String,\n            default: 'left'\n        },\n        header: {\n            type: null,\n            default: null\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        dismissable: {\n            type: Boolean,\n            default: true\n        },\n        showCloseIcon: {\n            type: Boolean,\n            default: true\n        },\n        closeButtonProps: {\n            type: Object,\n            default: () => {\n                return { severity: 'secondary', text: true, rounded: true };\n            }\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        modal: {\n            type: Boolean,\n            default: true\n        },\n        blockScroll: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: DrawerStyle,\n    provide() {\n        return {\n            $pcDrawer: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Portal>\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" @mousedown=\"onMaskClick\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position, modal })\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-drawer\" @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 :class=\"cx('root')\" :style=\"sx('root')\" role=\"complementary\" :aria-modal=\"modal\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\"></slot>\n                    <template v-else>\n                        <div :ref=\"headerContainerRef\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <div v-if=\"header\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</div>\n                            </slot>\n                            <Button\n                                v-if=\"showCloseIcon\"\n                                :ref=\"closeButtonRef\"\n                                type=\"button\"\n                                :class=\"cx('pcCloseButton')\"\n                                :aria-label=\"closeAriaLabel\"\n                                :unstyled=\"unstyled\"\n                                @click=\"hide\"\n                                v-bind=\"closeButtonProps\"\n                                :pt=\"ptm('pcCloseButton')\"\n                                data-pc-group-section=\"iconcontainer\"\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                        </div>\n                        <div :ref=\"contentRef\" :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                            <slot></slot>\n                        </div>\n                        <div v-if=\"$slots.footer\" :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { addClass, blockBodyScroll, focus, unblockBodyScroll } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport TimesIcon from '@primevue/icons/times';\nimport Button from 'primevue/button';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport BaseDrawer from './BaseDrawer.vue';\n\nexport default {\n    name: 'Drawer',\n    extends: BaseDrawer,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'after-show', 'hide', 'after-hide'],\n    data() {\n        return {\n            containerVisible: this.visible\n        };\n    },\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    closeButton: null,\n    outsideClickListener: null,\n    documentKeydownListener: null,\n    watch: {\n        dismissable(newValue) {\n            if (newValue) {\n                this.enableDocumentSettings();\n            } else {\n                this.disableDocumentSettings();\n            }\n        }\n    },\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.disableDocumentSettings();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndex.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    methods: {\n        hide() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.focus();\n            this.bindDocumentKeyDownListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.enableDocumentSettings();\n            this.$emit('after-show');\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n            }\n        },\n        onLeave() {\n            this.$emit('hide');\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndex.clear(this.mask);\n            }\n\n            this.unbindDocumentKeyDownListener();\n            this.containerVisible = false;\n            this.disableDocumentSettings();\n            this.$emit('after-hide');\n        },\n        onMaskClick(event) {\n            if (this.dismissable && this.modal && this.mask === event.target) {\n                this.hide();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.default && findFocusableElement(this.container);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n                    if (!focusTarget) {\n                        focusTarget = this.closeButton;\n                    }\n                }\n            }\n\n            focusTarget && focus(focusTarget);\n        },\n        enableDocumentSettings() {\n            if (this.dismissable && !this.modal) {\n                this.bindOutsideClickListener();\n            }\n\n            if (this.blockScroll) {\n                blockBodyScroll();\n            }\n        },\n        disableDocumentSettings() {\n            this.unbindOutsideClickListener();\n\n            if (this.blockScroll) {\n                unblockBodyScroll();\n            }\n        },\n        onKeydown(event) {\n            if (event.code === 'Escape') {\n                this.hide();\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        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeydown;\n                document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener) {\n                this.outsideClickListener = (event) => {\n                    if (this.isOutsideClicked(event)) {\n                        this.hide();\n                    }\n                };\n\n                document.addEventListener('click', this.outsideClickListener);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener);\n                this.outsideClickListener = null;\n            }\n        },\n        isOutsideClicked(event) {\n            return this.container && !this.container.contains(event.target);\n        }\n    },\n    computed: {\n        fullScreen() {\n            return this.position === 'full';\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <Portal>\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" @mousedown=\"onMaskClick\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position, modal })\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-drawer\" @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 :class=\"cx('root')\" :style=\"sx('root')\" role=\"complementary\" :aria-modal=\"modal\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\"></slot>\n                    <template v-else>\n                        <div :ref=\"headerContainerRef\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <div v-if=\"header\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</div>\n                            </slot>\n                            <Button\n                                v-if=\"showCloseIcon\"\n                                :ref=\"closeButtonRef\"\n                                type=\"button\"\n                                :class=\"cx('pcCloseButton')\"\n                                :aria-label=\"closeAriaLabel\"\n                                :unstyled=\"unstyled\"\n                                @click=\"hide\"\n                                v-bind=\"closeButtonProps\"\n                                :pt=\"ptm('pcCloseButton')\"\n                                data-pc-group-section=\"iconcontainer\"\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                        </div>\n                        <div :ref=\"contentRef\" :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                            <slot></slot>\n                        </div>\n                        <div v-if=\"$slots.footer\" :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { addClass, blockBodyScroll, focus, unblockBodyScroll } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport TimesIcon from '@primevue/icons/times';\nimport Button from 'primevue/button';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport BaseDrawer from './BaseDrawer.vue';\n\nexport default {\n    name: 'Drawer',\n    extends: BaseDrawer,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'after-show', 'hide', 'after-hide'],\n    data() {\n        return {\n            containerVisible: this.visible\n        };\n    },\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    closeButton: null,\n    outsideClickListener: null,\n    documentKeydownListener: null,\n    watch: {\n        dismissable(newValue) {\n            if (newValue) {\n                this.enableDocumentSettings();\n            } else {\n                this.disableDocumentSettings();\n            }\n        }\n    },\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.disableDocumentSettings();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndex.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    methods: {\n        hide() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.focus();\n            this.bindDocumentKeyDownListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.enableDocumentSettings();\n            this.$emit('after-show');\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n            }\n        },\n        onLeave() {\n            this.$emit('hide');\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndex.clear(this.mask);\n            }\n\n            this.unbindDocumentKeyDownListener();\n            this.containerVisible = false;\n            this.disableDocumentSettings();\n            this.$emit('after-hide');\n        },\n        onMaskClick(event) {\n            if (this.dismissable && this.modal && this.mask === event.target) {\n                this.hide();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.default && findFocusableElement(this.container);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n                    if (!focusTarget) {\n                        focusTarget = this.closeButton;\n                    }\n                }\n            }\n\n            focusTarget && focus(focusTarget);\n        },\n        enableDocumentSettings() {\n            if (this.dismissable && !this.modal) {\n                this.bindOutsideClickListener();\n            }\n\n            if (this.blockScroll) {\n                blockBodyScroll();\n            }\n        },\n        disableDocumentSettings() {\n            this.unbindOutsideClickListener();\n\n            if (this.blockScroll) {\n                unblockBodyScroll();\n            }\n        },\n        onKeydown(event) {\n            if (event.code === 'Escape') {\n                this.hide();\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        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeydown;\n                document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener) {\n                this.outsideClickListener = (event) => {\n                    if (this.isOutsideClicked(event)) {\n                        this.hide();\n                    }\n                };\n\n                document.addEventListener('click', this.outsideClickListener);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener);\n                this.outsideClickListener = null;\n            }\n        },\n        isOutsideClicked(event) {\n            return this.container && !this.container.contains(event.target);\n        }\n    },\n    computed: {\n        fullScreen() {\n            return this.position === 'full';\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","visible","type","Boolean","position","String","header","baseZIndex","Number","autoZIndex","dismissable","showCloseIcon","closeButtonProps","Object","default","severity","text","rounded","closeIcon","undefined","modal","blockScroll","style","DrawerStyle","provide","$pcDrawer","$parentInstance","BaseDrawer","inheritAttrs","emits","data","containerVisible","container","mask","content","headerContainer","footerContainer","closeButton","outsideClickListener","documentKeydownListener","watch","newValue","enableDocumentSettings","disableDocumentSettings","updated","beforeUnmount","ZIndex","clear","methods","hide","$emit","onEnter","focus","bindDocumentKeyDownListener","set","$primevue","config","zIndex","onAfterEnter","onBeforeLeave","isUnstyled","addClass","onLeave","onAfterLeave","unbindDocumentKeyDownListener","onMaskClick","event","target","findFocusableElement","querySelector","focusTarget","$slots","footer","bindOutsideClickListener","blockBodyScroll","unbindOutsideClickListener","unblockBodyScroll","onKeydown","code","containerRef","el","maskRef","contentRef","headerContainerRef","footerContainerRef","closeButtonRef","$el","document","addEventListener","removeEventListener","_this","isOutsideClicked","contains","computed","fullScreen","closeAriaLabel","locale","aria","close","directives","focustrap","FocusTrap","components","Button","Portal","TimesIcon","_createBlock","_component_Portal","$data","_openBlock","_createElementBlock","_mergeProps","ref","$options","onMousedown","apply","arguments","_ctx","cx","sx","ptm","_createVNode","_Transition","appear","_withDirectives","role","ptmi","_renderSlot","closeCallback","_Fragment","key","_createElementVNode","_component_Button","unstyled","onClick","pt","icon","_withCtx","slotProps","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/drawer/BaseDrawer.vue","../../src/drawer/Drawer.vue","../../src/drawer/Drawer.vue?vue&type=template&id=45071c85&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DrawerStyle from 'primevue/drawer/style';\n\nexport default {\n    name: 'BaseDrawer',\n    extends: BaseComponent,\n    props: {\n        visible: {\n            type: Boolean,\n            default: false\n        },\n        position: {\n            type: String,\n            default: 'left'\n        },\n        header: {\n            type: null,\n            default: null\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        dismissable: {\n            type: Boolean,\n            default: true\n        },\n        showCloseIcon: {\n            type: Boolean,\n            default: true\n        },\n        closeButtonProps: {\n            type: Object,\n            default: () => {\n                return { severity: 'secondary', text: true, rounded: true };\n            }\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        modal: {\n            type: Boolean,\n            default: true\n        },\n        blockScroll: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: DrawerStyle,\n    provide() {\n        return {\n            $pcDrawer: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <Portal>\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" @mousedown=\"onMaskClick\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position, modal })\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-drawer\" @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 :class=\"cx('root')\" :style=\"sx('root')\" role=\"complementary\" :aria-modal=\"modal\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\"></slot>\n                    <template v-else>\n                        <div :ref=\"headerContainerRef\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <div v-if=\"header\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</div>\n                            </slot>\n                            <Button\n                                v-if=\"showCloseIcon\"\n                                :ref=\"closeButtonRef\"\n                                type=\"button\"\n                                :class=\"cx('pcCloseButton')\"\n                                :aria-label=\"closeAriaLabel\"\n                                :unstyled=\"unstyled\"\n                                @click=\"hide\"\n                                v-bind=\"closeButtonProps\"\n                                :pt=\"ptm('pcCloseButton')\"\n                                data-pc-group-section=\"iconcontainer\"\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                        </div>\n                        <div :ref=\"contentRef\" :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                            <slot></slot>\n                        </div>\n                        <div v-if=\"$slots.footer\" :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { addClass, focus } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport TimesIcon from '@primevue/icons/times';\nimport Button from 'primevue/button';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseDrawer from './BaseDrawer.vue';\n\nexport default {\n    name: 'Drawer',\n    extends: BaseDrawer,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'after-show', 'hide', 'after-hide', 'before-hide'],\n    data() {\n        return {\n            containerVisible: this.visible\n        };\n    },\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    closeButton: null,\n    outsideClickListener: null,\n    documentKeydownListener: null,\n    watch: {\n        dismissable(newValue) {\n            if (newValue) {\n                this.enableDocumentSettings();\n            } else {\n                this.disableDocumentSettings();\n            }\n        }\n    },\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.disableDocumentSettings();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndex.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    methods: {\n        hide() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.focus();\n            this.bindDocumentKeyDownListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.enableDocumentSettings();\n            this.$emit('after-show');\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n            }\n\n            this.$emit('before-hide');\n        },\n        onLeave() {\n            this.$emit('hide');\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndex.clear(this.mask);\n            }\n\n            this.unbindDocumentKeyDownListener();\n            this.containerVisible = false;\n            this.disableDocumentSettings();\n            this.$emit('after-hide');\n        },\n        onMaskClick(event) {\n            if (this.dismissable && this.modal && this.mask === event.target) {\n                this.hide();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.default && findFocusableElement(this.container);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n                    if (!focusTarget) {\n                        focusTarget = this.closeButton;\n                    }\n                }\n            }\n\n            focusTarget && focus(focusTarget);\n        },\n        enableDocumentSettings() {\n            if (this.dismissable && !this.modal) {\n                this.bindOutsideClickListener();\n            }\n\n            if (this.blockScroll) {\n                blockBodyScroll();\n            }\n        },\n        disableDocumentSettings() {\n            this.unbindOutsideClickListener();\n\n            if (this.blockScroll) {\n                unblockBodyScroll();\n            }\n        },\n        onKeydown(event) {\n            if (event.code === 'Escape') {\n                this.hide();\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        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeydown;\n                document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener) {\n                this.outsideClickListener = (event) => {\n                    if (this.isOutsideClicked(event)) {\n                        this.hide();\n                    }\n                };\n\n                document.addEventListener('click', this.outsideClickListener, true);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener, true);\n                this.outsideClickListener = null;\n            }\n        },\n        isOutsideClicked(event) {\n            return this.container && !this.container.contains(event.target);\n        }\n    },\n    computed: {\n        fullScreen() {\n            return this.position === 'full';\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <Portal>\n        <div v-if=\"containerVisible\" :ref=\"maskRef\" @mousedown=\"onMaskClick\" :class=\"cx('mask')\" :style=\"sx('mask', true, { position, modal })\" v-bind=\"ptm('mask')\">\n            <transition name=\"p-drawer\" @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 :class=\"cx('root')\" :style=\"sx('root')\" role=\"complementary\" :aria-modal=\"modal\" v-bind=\"ptmi('root')\">\n                    <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"hide\"></slot>\n                    <template v-else>\n                        <div :ref=\"headerContainerRef\" :class=\"cx('header')\" v-bind=\"ptm('header')\">\n                            <slot name=\"header\" :class=\"cx('title')\">\n                                <div v-if=\"header\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</div>\n                            </slot>\n                            <Button\n                                v-if=\"showCloseIcon\"\n                                :ref=\"closeButtonRef\"\n                                type=\"button\"\n                                :class=\"cx('pcCloseButton')\"\n                                :aria-label=\"closeAriaLabel\"\n                                :unstyled=\"unstyled\"\n                                @click=\"hide\"\n                                v-bind=\"closeButtonProps\"\n                                :pt=\"ptm('pcCloseButton')\"\n                                data-pc-group-section=\"iconcontainer\"\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                        </div>\n                        <div :ref=\"contentRef\" :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                            <slot></slot>\n                        </div>\n                        <div v-if=\"$slots.footer\" :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { addClass, focus } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport TimesIcon from '@primevue/icons/times';\nimport Button from 'primevue/button';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseDrawer from './BaseDrawer.vue';\n\nexport default {\n    name: 'Drawer',\n    extends: BaseDrawer,\n    inheritAttrs: false,\n    emits: ['update:visible', 'show', 'after-show', 'hide', 'after-hide', 'before-hide'],\n    data() {\n        return {\n            containerVisible: this.visible\n        };\n    },\n    container: null,\n    mask: null,\n    content: null,\n    headerContainer: null,\n    footerContainer: null,\n    closeButton: null,\n    outsideClickListener: null,\n    documentKeydownListener: null,\n    watch: {\n        dismissable(newValue) {\n            if (newValue) {\n                this.enableDocumentSettings();\n            } else {\n                this.disableDocumentSettings();\n            }\n        }\n    },\n    updated() {\n        if (this.visible) {\n            this.containerVisible = this.visible;\n        }\n    },\n    beforeUnmount() {\n        this.disableDocumentSettings();\n\n        if (this.mask && this.autoZIndex) {\n            ZIndex.clear(this.mask);\n        }\n\n        this.container = null;\n        this.mask = null;\n    },\n    methods: {\n        hide() {\n            this.$emit('update:visible', false);\n        },\n        onEnter() {\n            this.$emit('show');\n            this.focus();\n            this.bindDocumentKeyDownListener();\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);\n            }\n        },\n        onAfterEnter() {\n            this.enableDocumentSettings();\n            this.$emit('after-show');\n        },\n        onBeforeLeave() {\n            if (this.modal) {\n                !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n            }\n\n            this.$emit('before-hide');\n        },\n        onLeave() {\n            this.$emit('hide');\n        },\n        onAfterLeave() {\n            if (this.autoZIndex) {\n                ZIndex.clear(this.mask);\n            }\n\n            this.unbindDocumentKeyDownListener();\n            this.containerVisible = false;\n            this.disableDocumentSettings();\n            this.$emit('after-hide');\n        },\n        onMaskClick(event) {\n            if (this.dismissable && this.modal && this.mask === event.target) {\n                this.hide();\n            }\n        },\n        focus() {\n            const findFocusableElement = (container) => {\n                return container && container.querySelector('[autofocus]');\n            };\n\n            let focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);\n\n            if (!focusTarget) {\n                focusTarget = this.$slots.default && findFocusableElement(this.container);\n\n                if (!focusTarget) {\n                    focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);\n\n                    if (!focusTarget) {\n                        focusTarget = this.closeButton;\n                    }\n                }\n            }\n\n            focusTarget && focus(focusTarget);\n        },\n        enableDocumentSettings() {\n            if (this.dismissable && !this.modal) {\n                this.bindOutsideClickListener();\n            }\n\n            if (this.blockScroll) {\n                blockBodyScroll();\n            }\n        },\n        disableDocumentSettings() {\n            this.unbindOutsideClickListener();\n\n            if (this.blockScroll) {\n                unblockBodyScroll();\n            }\n        },\n        onKeydown(event) {\n            if (event.code === 'Escape') {\n                this.hide();\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        closeButtonRef(el) {\n            this.closeButton = el ? el.$el : undefined;\n        },\n        bindDocumentKeyDownListener() {\n            if (!this.documentKeydownListener) {\n                this.documentKeydownListener = this.onKeydown;\n                document.addEventListener('keydown', this.documentKeydownListener);\n            }\n        },\n        unbindDocumentKeyDownListener() {\n            if (this.documentKeydownListener) {\n                document.removeEventListener('keydown', this.documentKeydownListener);\n                this.documentKeydownListener = null;\n            }\n        },\n        bindOutsideClickListener() {\n            if (!this.outsideClickListener) {\n                this.outsideClickListener = (event) => {\n                    if (this.isOutsideClicked(event)) {\n                        this.hide();\n                    }\n                };\n\n                document.addEventListener('click', this.outsideClickListener, true);\n            }\n        },\n        unbindOutsideClickListener() {\n            if (this.outsideClickListener) {\n                document.removeEventListener('click', this.outsideClickListener, true);\n                this.outsideClickListener = null;\n            }\n        },\n        isOutsideClicked(event) {\n            return this.container && !this.container.contains(event.target);\n        }\n    },\n    computed: {\n        fullScreen() {\n            return this.position === 'full';\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        focustrap: FocusTrap\n    },\n    components: {\n        Button,\n        Portal,\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","visible","type","Boolean","position","String","header","baseZIndex","Number","autoZIndex","dismissable","showCloseIcon","closeButtonProps","Object","default","severity","text","rounded","closeIcon","undefined","modal","blockScroll","style","DrawerStyle","provide","$pcDrawer","$parentInstance","BaseDrawer","inheritAttrs","emits","data","containerVisible","container","mask","content","headerContainer","footerContainer","closeButton","outsideClickListener","documentKeydownListener","watch","newValue","enableDocumentSettings","disableDocumentSettings","updated","beforeUnmount","ZIndex","clear","methods","hide","$emit","onEnter","focus","bindDocumentKeyDownListener","set","$primevue","config","zIndex","onAfterEnter","onBeforeLeave","isUnstyled","addClass","onLeave","onAfterLeave","unbindDocumentKeyDownListener","onMaskClick","event","target","findFocusableElement","querySelector","focusTarget","$slots","footer","bindOutsideClickListener","blockBodyScroll","unbindOutsideClickListener","unblockBodyScroll","onKeydown","code","containerRef","el","maskRef","contentRef","headerContainerRef","footerContainerRef","closeButtonRef","$el","document","addEventListener","removeEventListener","_this","isOutsideClicked","contains","computed","fullScreen","closeAriaLabel","locale","aria","close","directives","focustrap","FocusTrap","components","Button","Portal","TimesIcon","_createBlock","_component_Portal","$data","_openBlock","_createElementBlock","_mergeProps","ref","$options","onMousedown","apply","arguments","_ctx","cx","sx","ptm","_createVNode","_Transition","appear","_withDirectives","role","ptmi","_renderSlot","closeCallback","_Fragment","key","_createElementVNode","_component_Button","unstyled","onClick","pt","icon","_withCtx","slotProps","_resolveDynamicComponent"],"mappings":"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"}

package/drawer/style/index.mjs

@@ -1,13 +1,10 @@
+import { style } from '@primeuix/styles/drawer';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-drawer {\n    display: flex;\n    flex-direction: column;\n    transform: translate3d(0px, 0px, 0px);\n    position: relative;\n    transition: transform 0.3s;\n    background: ".concat(dt('drawer.background'), ";\n    color: ").concat(dt('drawer.color'), ";\n    border: 1px solid ").concat(dt('drawer.border.color'), ";\n    box-shadow: ").concat(dt('drawer.shadow'), ";\n}\n\n.p-drawer-content {\n    overflow-y: auto;\n    flex-grow: 1;\n    padding: ").concat(dt('drawer.content.padding'), ";\n}\n\n.p-drawer-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n    padding: ").concat(dt('drawer.header.padding'), ";\n}\n\n.p-drawer-footer {\n    padding: ").concat(dt('drawer.footer.padding'), ";\n}\n\n.p-drawer-title {\n    font-weight: ").concat(dt('drawer.title.font.weight'), ";\n    font-size: ").concat(dt('drawer.title.font.size'), ";\n}\n\n.p-drawer-full .p-drawer {\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-height: 100%;\n    top: 0px !important;\n    left: 0px !important;\n    border-width: 1px;\n}\n\n.p-drawer-left .p-drawer-enter-from,\n.p-drawer-left .p-drawer-leave-to {\n    transform: translateX(-100%);\n}\n\n.p-drawer-right .p-drawer-enter-from,\n.p-drawer-right .p-drawer-leave-to {\n    transform: translateX(100%);\n}\n\n.p-drawer-top .p-drawer-enter-from,\n.p-drawer-top .p-drawer-leave-to {\n    transform: translateY(-100%);\n}\n\n.p-drawer-bottom .p-drawer-enter-from,\n.p-drawer-bottom .p-drawer-leave-to {\n    transform: translateY(100%);\n}\n\n.p-drawer-full .p-drawer-enter-from,\n.p-drawer-full .p-drawer-leave-to {\n    opacity: 0;\n}\n\n.p-drawer-full .p-drawer-enter-active,\n.p-drawer-full .p-drawer-leave-active {\n    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-drawer-left .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-inline-end-width: 1px;\n}\n\n.p-drawer-right .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-inline-start-width: 1px;\n}\n\n.p-drawer-top .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-block-end-width: 1px;\n}\n\n.p-drawer-bottom .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-block-start-width: 1px;\n}\n\n.p-drawer-left .p-drawer-content,\n.p-drawer-right .p-drawer-content,\n.p-drawer-top .p-drawer-content,\n.p-drawer-bottom .p-drawer-content {\n    width: 100%;\n    height: 100%;\n}\n\n.p-drawer-open {\n    display: flex;\n}\n\n.p-drawer-mask:dir(rtl) {\n    flex-direction: row-reverse;\n}\n");
-};
 var inlineStyles = {
-  mask: function mask(_ref2) {
-    var position = _ref2.position,
-      modal = _ref2.modal;
+  mask: function mask(_ref) {
+    var position = _ref.position,
+      modal = _ref.modal;
     return {
       position: 'fixed',
       height: '100%',
@@ -25,9 +22,9 @@ var inlineStyles = {
   }
 };
 var classes = {
-  mask: function mask(_ref3) {
-    var instance = _ref3.instance,
-      props = _ref3.props;
+  mask: function mask(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
     var positions = ['left', 'right', 'top', 'bottom'];
     var pos = positions.find(function (item) {
       return item === props.position;
@@ -38,8 +35,8 @@ var classes = {
       'p-drawer-full': instance.fullScreen
     }, pos ? "p-drawer-".concat(pos) : ''];
   },
-  root: function root(_ref4) {
-    var instance = _ref4.instance;
+  root: function root(_ref3) {
+    var instance = _ref3.instance;
     return ['p-drawer p-component', {
       'p-drawer-full': instance.fullScreen
     }];
@@ -52,7 +49,7 @@ var classes = {
 };
 var DrawerStyle = BaseStyle.extend({
   name: 'drawer',
-  theme: theme,
+  style: style,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/drawer/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/drawer/style/DrawerStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-drawer {\n    display: flex;\n    flex-direction: column;\n    transform: translate3d(0px, 0px, 0px);\n    position: relative;\n    transition: transform 0.3s;\n    background: ${dt('drawer.background')};\n    color: ${dt('drawer.color')};\n    border: 1px solid ${dt('drawer.border.color')};\n    box-shadow: ${dt('drawer.shadow')};\n}\n\n.p-drawer-content {\n    overflow-y: auto;\n    flex-grow: 1;\n    padding: ${dt('drawer.content.padding')};\n}\n\n.p-drawer-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n    padding: ${dt('drawer.header.padding')};\n}\n\n.p-drawer-footer {\n    padding: ${dt('drawer.footer.padding')};\n}\n\n.p-drawer-title {\n    font-weight: ${dt('drawer.title.font.weight')};\n    font-size: ${dt('drawer.title.font.size')};\n}\n\n.p-drawer-full .p-drawer {\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-height: 100%;\n    top: 0px !important;\n    left: 0px !important;\n    border-width: 1px;\n}\n\n.p-drawer-left .p-drawer-enter-from,\n.p-drawer-left .p-drawer-leave-to {\n    transform: translateX(-100%);\n}\n\n.p-drawer-right .p-drawer-enter-from,\n.p-drawer-right .p-drawer-leave-to {\n    transform: translateX(100%);\n}\n\n.p-drawer-top .p-drawer-enter-from,\n.p-drawer-top .p-drawer-leave-to {\n    transform: translateY(-100%);\n}\n\n.p-drawer-bottom .p-drawer-enter-from,\n.p-drawer-bottom .p-drawer-leave-to {\n    transform: translateY(100%);\n}\n\n.p-drawer-full .p-drawer-enter-from,\n.p-drawer-full .p-drawer-leave-to {\n    opacity: 0;\n}\n\n.p-drawer-full .p-drawer-enter-active,\n.p-drawer-full .p-drawer-leave-active {\n    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-drawer-left .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-inline-end-width: 1px;\n}\n\n.p-drawer-right .p-drawer {\n    width: 20rem;\n    height: 100%;\n    border-inline-start-width: 1px;\n}\n\n.p-drawer-top .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-block-end-width: 1px;\n}\n\n.p-drawer-bottom .p-drawer {\n    height: 10rem;\n    width: 100%;\n    border-block-start-width: 1px;\n}\n\n.p-drawer-left .p-drawer-content,\n.p-drawer-right .p-drawer-content,\n.p-drawer-top .p-drawer-content,\n.p-drawer-bottom .p-drawer-content {\n    width: 100%;\n    height: 100%;\n}\n\n.p-drawer-open {\n    display: flex;\n}\n\n.p-drawer-mask:dir(rtl) {\n    flex-direction: row-reverse;\n}\n`;\n\nconst inlineStyles = {\n    mask: ({ position, modal }) => ({\n        position: 'fixed',\n        height: '100%',\n        width: '100%',\n        left: 0,\n        top: 0,\n        display: 'flex',\n        justifyContent: position === 'left' ? 'flex-start' : position === 'right' ? 'flex-end' : 'center',\n        alignItems: position === 'top' ? 'flex-start' : position === 'bottom' ? 'flex-end' : 'center',\n        pointerEvents: modal ? 'auto' : 'none'\n    }),\n    root: {\n        pointerEvents: 'auto'\n    }\n};\n\nconst classes = {\n    mask: ({ instance, props }) => {\n        const positions = ['left', 'right', 'top', 'bottom'];\n        const pos = positions.find((item) => item === props.position);\n\n        return [\n            'p-drawer-mask',\n            {\n                'p-overlay-mask p-overlay-mask-enter': props.modal,\n                'p-drawer-open': instance.containerVisible,\n                'p-drawer-full': instance.fullScreen\n            },\n            pos ? `p-drawer-${pos}` : ''\n        ];\n    },\n    root: ({ instance }) => [\n        'p-drawer p-component',\n        {\n            'p-drawer-full': instance.fullScreen\n        }\n    ],\n    header: 'p-drawer-header',\n    title: 'p-drawer-title',\n    pcCloseButton: 'p-drawer-close-button',\n    content: 'p-drawer-content',\n    footer: 'p-drawer-footer'\n};\n\nexport default BaseStyle.extend({\n    name: 'drawer',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","mask","_ref2","position","modal","height","width","left","top","display","justifyContent","alignItems","pointerEvents","root","classes","_ref3","instance","props","positions","pos","find","item","containerVisible","fullScreen","_ref4","header","title","pcCloseButton","content","footer","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,wLAAA,CAAAC,MAAA,CAODD,EAAE,CAAC,mBAAmB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC5BD,EAAE,CAAC,cAAc,CAAC,EAAA,2BAAA,CAAA,CAAAC,MAAA,CACPD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,eAAe,CAAC,EAAA,sFAAA,CAAA,CAAAC,MAAA,CAMtBD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,mJAAAA,CAAAA,CAAAA,MAAA,CAQ5BD,EAAE,CAAC,uBAAuB,CAAC,EAAA,2CAAA,CAAA,CAAAC,MAAA,CAI3BD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,8CAAAA,CAAAA,CAAAA,MAAA,CAIvBD,EAAE,CAAC,0BAA0B,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CAChCD,EAAE,CAAC,wBAAwB,CAAC,EAAA,+oDAAA,CAAA;AAAA,CAmF5C;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAAA,OAAQ;AAC5BD,MAAAA,QAAQ,EAAE,OAAO;AACjBE,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAEP,QAAQ,KAAK,MAAM,GAAG,YAAY,GAAGA,QAAQ,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ;AACjGQ,MAAAA,UAAU,EAAER,QAAQ,KAAK,KAAK,GAAG,YAAY,GAAGA,QAAQ,KAAK,QAAQ,GAAG,UAAU,GAAG,QAAQ;AAC7FS,MAAAA,aAAa,EAAER,KAAK,GAAG,MAAM,GAAG;KACnC;GAAC;AACFS,EAAAA,IAAI,EAAE;AACFD,IAAAA,aAAa,EAAE;AACnB;AACJ,CAAC;AAED,IAAME,OAAO,GAAG;AACZb,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAc,KAAA,EAA2B;AAAA,IAAA,IAAtBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACpB,IAAMC,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;AACpD,IAAA,IAAMC,GAAG,GAAGD,SAAS,CAACE,IAAI,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,KAAKJ,KAAK,CAACd,QAAQ;KAAC,CAAA;IAE7D,OAAO,CACH,eAAe,EACf;MACI,qCAAqC,EAAEc,KAAK,CAACb,KAAK;MAClD,eAAe,EAAEY,QAAQ,CAACM,gBAAgB;MAC1C,eAAe,EAAEN,QAAQ,CAACO;KAC7B,EACDJ,GAAG,GAAApB,WAAAA,CAAAA,MAAA,CAAeoB,GAAG,CAAA,GAAK,EAAE,CAC/B;GACJ;AACDN,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAW,KAAA,EAAA;AAAA,IAAA,IAAKR,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;IAAA,OAAO,CACpB,sBAAsB,EACtB;MACI,eAAe,EAAEA,QAAQ,CAACO;AAC9B,KAAC,CACJ;AAAA,GAAA;AACDE,EAAAA,MAAM,EAAE,iBAAiB;AACzBC,EAAAA,KAAK,EAAE,gBAAgB;AACvBC,EAAAA,aAAa,EAAE,uBAAuB;AACtCC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,MAAM,EAAE;AACZ,CAAC;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdpC,EAAAA,KAAK,EAALA,KAAK;AACLkB,EAAAA,OAAO,EAAPA,OAAO;AACPd,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/drawer/style/DrawerStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/drawer';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst inlineStyles = {\n    mask: ({ position, modal }) => ({\n        position: 'fixed',\n        height: '100%',\n        width: '100%',\n        left: 0,\n        top: 0,\n        display: 'flex',\n        justifyContent: position === 'left' ? 'flex-start' : position === 'right' ? 'flex-end' : 'center',\n        alignItems: position === 'top' ? 'flex-start' : position === 'bottom' ? 'flex-end' : 'center',\n        pointerEvents: modal ? 'auto' : 'none'\n    }),\n    root: {\n        pointerEvents: 'auto'\n    }\n};\n\nconst classes = {\n    mask: ({ instance, props }) => {\n        const positions = ['left', 'right', 'top', 'bottom'];\n        const pos = positions.find((item) => item === props.position);\n\n        return [\n            'p-drawer-mask',\n            {\n                'p-overlay-mask p-overlay-mask-enter': props.modal,\n                'p-drawer-open': instance.containerVisible,\n                'p-drawer-full': instance.fullScreen\n            },\n            pos ? `p-drawer-${pos}` : ''\n        ];\n    },\n    root: ({ instance }) => [\n        'p-drawer p-component',\n        {\n            'p-drawer-full': instance.fullScreen\n        }\n    ],\n    header: 'p-drawer-header',\n    title: 'p-drawer-title',\n    pcCloseButton: 'p-drawer-close-button',\n    content: 'p-drawer-content',\n    footer: 'p-drawer-footer'\n};\n\nexport default BaseStyle.extend({\n    name: 'drawer',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["inlineStyles","mask","_ref","position","modal","height","width","left","top","display","justifyContent","alignItems","pointerEvents","root","classes","_ref2","instance","props","positions","pos","find","item","containerVisible","fullScreen","concat","_ref3","header","title","pcCloseButton","content","footer","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAA,OAAQ;AAC5BD,MAAAA,QAAQ,EAAE,OAAO;AACjBE,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,cAAc,EAAEP,QAAQ,KAAK,MAAM,GAAG,YAAY,GAAGA,QAAQ,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ;AACjGQ,MAAAA,UAAU,EAAER,QAAQ,KAAK,KAAK,GAAG,YAAY,GAAGA,QAAQ,KAAK,QAAQ,GAAG,UAAU,GAAG,QAAQ;AAC7FS,MAAAA,aAAa,EAAER,KAAK,GAAG,MAAM,GAAG;KACnC;GAAC;AACFS,EAAAA,IAAI,EAAE;AACFD,IAAAA,aAAa,EAAE;AACnB;AACJ,CAAC;AAED,IAAME,OAAO,GAAG;AACZb,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAc,KAAA,EAA2B;AAAA,IAAA,IAAtBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACpB,IAAMC,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;AACpD,IAAA,IAAMC,GAAG,GAAGD,SAAS,CAACE,IAAI,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,OAAKA,IAAI,KAAKJ,KAAK,CAACd,QAAQ;KAAC,CAAA;IAE7D,OAAO,CACH,eAAe,EACf;MACI,qCAAqC,EAAEc,KAAK,CAACb,KAAK;MAClD,eAAe,EAAEY,QAAQ,CAACM,gBAAgB;MAC1C,eAAe,EAAEN,QAAQ,CAACO;KAC7B,EACDJ,GAAG,GAAAK,WAAAA,CAAAA,MAAA,CAAeL,GAAG,CAAA,GAAK,EAAE,CAC/B;GACJ;AACDN,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAY,KAAA,EAAA;AAAA,IAAA,IAAKT,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAA,OAAO,CACpB,sBAAsB,EACtB;MACI,eAAe,EAAEA,QAAQ,CAACO;AAC9B,KAAC,CACJ;AAAA,GAAA;AACDG,EAAAA,MAAM,EAAE,iBAAiB;AACzBC,EAAAA,KAAK,EAAE,gBAAgB;AACvBC,EAAAA,aAAa,EAAE,uBAAuB;AACtCC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,MAAM,EAAE;AACZ,CAAC;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,KAAK,EAALA,KAAK;AACLpB,EAAAA,OAAO,EAAPA,OAAO;AACPd,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}

package/dynamicdialog/DynamicDialog.vue

@@ -1,6 +1,6 @@
 <template>
     <template v-for="(instance, key) in instanceMap" :key="key">
-        <DDialog v-model:visible="instance.visible" :_instance="instance" v-bind="instance.options.props" @hide="onDialogHide(instance)" @after-hide="onDialogAfterHide">
+        <DDialog v-model:visible="instance.visible" :_instance="instance" v-bind="instance.options.props" @hide="onDialogHide(instance)" @after-hide="onDialogAfterHide(instance)">
             <template v-if="instance.options.templates && instance.options.templates.header" #header>
                 <component v-for="(header, index) in getTemplateItems(instance.options.templates.header)" :is="header" :key="index + '_header'" v-bind="instance.options.emits"></component>
             </template>
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevue/core/utils';
+import { uuid } from '@primeuix/utils';
 import Dialog from 'primevue/dialog';
 import DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';
 import BaseDynamicDialog from './BaseDynamicDialog.vue';
@@ -32,7 +32,7 @@ export default {
     currentInstance: null,
     mounted() {
         this.openListener = ({ instance }) => {
-            const key = UniqueComponentId() + '_dynamic_dialog';
+            const key = uuid() + '_dynamic_dialog';
 
             instance.visible = true;
             instance.key = key;
@@ -61,11 +61,11 @@ export default {
     methods: {
         onDialogHide(instance) {
             !this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });
-            delete this.instanceMap[instance.key];
         },
-        onDialogAfterHide() {
+        onDialogAfterHide(instance) {
             this.currentInstance && delete this.currentInstance;
             this.currentInstance = null;
+            delete this.instanceMap[instance.key];
         },
         getTemplateItems(template) {
             return Array.isArray(template) ? template : [template];

package/dynamicdialog/index.mjs

@@ -1,9 +1,9 @@
-import { UniqueComponentId } from '@primevue/core/utils';
+import { uuid } from '@primeuix/utils';
 import Dialog from 'primevue/dialog';
 import DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';
 import BaseComponent from '@primevue/core/basecomponent';
 import DynamicDialogStyle from 'primevue/dynamicdialog/style';
-import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, mergeProps, createSlots, withCtx, resolveDynamicComponent } from 'vue';
+import { resolveComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, mergeProps, createSlots, withCtx, resolveDynamicComponent } from 'vue';
 
 var script$1 = {
   name: 'BaseDynamicDialog',
@@ -34,7 +34,7 @@ var script = {
     var _this = this;
     this.openListener = function (_ref) {
       var instance = _ref.instance;
-      var key = UniqueComponentId() + '_dynamic_dialog';
+      var key = uuid() + '_dynamic_dialog';
       instance.visible = true;
       instance.key = key;
       _this.instanceMap[key] = instance;
@@ -65,11 +65,11 @@ var script = {
       !this.currentInstance && instance.options.onClose && instance.options.onClose({
         type: 'dialog-close'
       });
-      delete this.instanceMap[instance.key];
     },
-    onDialogAfterHide: function onDialogAfterHide() {
+    onDialogAfterHide: function onDialogAfterHide(instance) {
       this.currentInstance && delete this.currentInstance;
       this.currentInstance = null;
+      delete this.instanceMap[instance.key];
     },
     getTemplateItems: function getTemplateItems(template) {
       return Array.isArray(template) ? template : [template];
@@ -95,7 +95,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onHide: function onHide($event) {
         return $options.onDialogHide(instance);
       },
-      onAfterHide: $options.onDialogAfterHide
+      onAfterHide: function onAfterHide($event) {
+        return $options.onDialogAfterHide(instance);
+      }
     }), createSlots({
       "default": withCtx(function () {
         return [(openBlock(), createBlock(resolveDynamicComponent(instance.content), mergeProps({

package/dynamicdialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/dynamicdialog/BaseDynamicDialog.vue","../../src/dynamicdialog/DynamicDialog.vue","../../src/dynamicdialog/DynamicDialog.vue?vue&type=template&id=062216e0&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DynamicDialogStyle from 'primevue/dynamicdialog/style';\n\nexport default {\n    name: 'BaseDynamicDialog',\n    extends: BaseComponent,\n    props: {},\n    style: DynamicDialogStyle,\n    provide() {\n        return {\n            $pcDynamicDialog: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <template v-for=\"(instance, key) in instanceMap\" :key=\"key\">\n        <DDialog v-model:visible=\"instance.visible\" :_instance=\"instance\" v-bind=\"instance.options.props\" @hide=\"onDialogHide(instance)\" @after-hide=\"onDialogAfterHide\">\n            <template v-if=\"instance.options.templates && instance.options.templates.header\" #header>\n                <component v-for=\"(header, index) in getTemplateItems(instance.options.templates.header)\" :is=\"header\" :key=\"index + '_header'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n            <component :is=\"instance.content\" v-bind=\"instance.options.emits\"></component>\n            <template v-if=\"instance.options.templates && instance.options.templates.footer\" #footer>\n                <component v-for=\"(footer, index) in getTemplateItems(instance.options.templates.footer)\" :is=\"footer\" :key=\"index + '_footer'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n        </DDialog>\n    </template>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Dialog from 'primevue/dialog';\nimport DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';\nimport BaseDynamicDialog from './BaseDynamicDialog.vue';\n\nexport default {\n    name: 'DynamicDialog',\n    extends: BaseDynamicDialog,\n    inheritAttrs: false,\n    data() {\n        return {\n            instanceMap: {}\n        };\n    },\n    openListener: null,\n    closeListener: null,\n    currentInstance: null,\n    mounted() {\n        this.openListener = ({ instance }) => {\n            const key = UniqueComponentId() + '_dynamic_dialog';\n\n            instance.visible = true;\n            instance.key = key;\n            this.instanceMap[key] = instance;\n        };\n\n        this.closeListener = ({ instance, params }) => {\n            const key = instance.key;\n            const currentInstance = this.instanceMap[key];\n\n            if (currentInstance) {\n                currentInstance.visible = false;\n                currentInstance.options.onClose && currentInstance.options.onClose({ data: params, type: 'config-close' });\n\n                this.currentInstance = currentInstance;\n            }\n        };\n\n        DynamicDialogEventBus.on('open', this.openListener);\n        DynamicDialogEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        DynamicDialogEventBus.off('open', this.openListener);\n        DynamicDialogEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        onDialogHide(instance) {\n            !this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });\n            delete this.instanceMap[instance.key];\n        },\n        onDialogAfterHide() {\n            this.currentInstance && delete this.currentInstance;\n            this.currentInstance = null;\n        },\n        getTemplateItems(template) {\n            return Array.isArray(template) ? template : [template];\n        }\n    },\n    components: {\n        DDialog: Dialog\n    }\n};\n</script>\n","<template>\n    <template v-for=\"(instance, key) in instanceMap\" :key=\"key\">\n        <DDialog v-model:visible=\"instance.visible\" :_instance=\"instance\" v-bind=\"instance.options.props\" @hide=\"onDialogHide(instance)\" @after-hide=\"onDialogAfterHide\">\n            <template v-if=\"instance.options.templates && instance.options.templates.header\" #header>\n                <component v-for=\"(header, index) in getTemplateItems(instance.options.templates.header)\" :is=\"header\" :key=\"index + '_header'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n            <component :is=\"instance.content\" v-bind=\"instance.options.emits\"></component>\n            <template v-if=\"instance.options.templates && instance.options.templates.footer\" #footer>\n                <component v-for=\"(footer, index) in getTemplateItems(instance.options.templates.footer)\" :is=\"footer\" :key=\"index + '_footer'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n        </DDialog>\n    </template>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Dialog from 'primevue/dialog';\nimport DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';\nimport BaseDynamicDialog from './BaseDynamicDialog.vue';\n\nexport default {\n    name: 'DynamicDialog',\n    extends: BaseDynamicDialog,\n    inheritAttrs: false,\n    data() {\n        return {\n            instanceMap: {}\n        };\n    },\n    openListener: null,\n    closeListener: null,\n    currentInstance: null,\n    mounted() {\n        this.openListener = ({ instance }) => {\n            const key = UniqueComponentId() + '_dynamic_dialog';\n\n            instance.visible = true;\n            instance.key = key;\n            this.instanceMap[key] = instance;\n        };\n\n        this.closeListener = ({ instance, params }) => {\n            const key = instance.key;\n            const currentInstance = this.instanceMap[key];\n\n            if (currentInstance) {\n                currentInstance.visible = false;\n                currentInstance.options.onClose && currentInstance.options.onClose({ data: params, type: 'config-close' });\n\n                this.currentInstance = currentInstance;\n            }\n        };\n\n        DynamicDialogEventBus.on('open', this.openListener);\n        DynamicDialogEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        DynamicDialogEventBus.off('open', this.openListener);\n        DynamicDialogEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        onDialogHide(instance) {\n            !this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });\n            delete this.instanceMap[instance.key];\n        },\n        onDialogAfterHide() {\n            this.currentInstance && delete this.currentInstance;\n            this.currentInstance = null;\n        },\n        getTemplateItems(template) {\n            return Array.isArray(template) ? template : [template];\n        }\n    },\n    components: {\n        DDialog: Dialog\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","style","DynamicDialogStyle","provide","$pcDynamicDialog","$parentInstance","BaseDynamicDialog","inheritAttrs","data","instanceMap","openListener","closeListener","currentInstance","mounted","_this","_ref","instance","key","UniqueComponentId","visible","_ref2","params","options","onClose","type","DynamicDialogEventBus","on","beforeUnmount","off","methods","onDialogHide","onDialogAfterHide","getTemplateItems","template","Array","isArray","components","DDialog","Dialog","_openBlock","_createElementBlock","_Fragment","_renderList","$data","_createBlock","_component_DDialog","_mergeProps","onUpdateVisible","$event","_instance","onHide","$options","onAfterHide","_resolveDynamicComponent","content","ref_for","emits","templates","header","index","footer"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/dynamicdialog/BaseDynamicDialog.vue","../../src/dynamicdialog/DynamicDialog.vue","../../src/dynamicdialog/DynamicDialog.vue?vue&type=template&id=4e9ba053&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DynamicDialogStyle from 'primevue/dynamicdialog/style';\n\nexport default {\n    name: 'BaseDynamicDialog',\n    extends: BaseComponent,\n    props: {},\n    style: DynamicDialogStyle,\n    provide() {\n        return {\n            $pcDynamicDialog: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <template v-for=\"(instance, key) in instanceMap\" :key=\"key\">\n        <DDialog v-model:visible=\"instance.visible\" :_instance=\"instance\" v-bind=\"instance.options.props\" @hide=\"onDialogHide(instance)\" @after-hide=\"onDialogAfterHide(instance)\">\n            <template v-if=\"instance.options.templates && instance.options.templates.header\" #header>\n                <component v-for=\"(header, index) in getTemplateItems(instance.options.templates.header)\" :is=\"header\" :key=\"index + '_header'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n            <component :is=\"instance.content\" v-bind=\"instance.options.emits\"></component>\n            <template v-if=\"instance.options.templates && instance.options.templates.footer\" #footer>\n                <component v-for=\"(footer, index) in getTemplateItems(instance.options.templates.footer)\" :is=\"footer\" :key=\"index + '_footer'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n        </DDialog>\n    </template>\n</template>\n\n<script>\nimport { uuid } from '@primeuix/utils';\nimport Dialog from 'primevue/dialog';\nimport DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';\nimport BaseDynamicDialog from './BaseDynamicDialog.vue';\n\nexport default {\n    name: 'DynamicDialog',\n    extends: BaseDynamicDialog,\n    inheritAttrs: false,\n    data() {\n        return {\n            instanceMap: {}\n        };\n    },\n    openListener: null,\n    closeListener: null,\n    currentInstance: null,\n    mounted() {\n        this.openListener = ({ instance }) => {\n            const key = uuid() + '_dynamic_dialog';\n\n            instance.visible = true;\n            instance.key = key;\n            this.instanceMap[key] = instance;\n        };\n\n        this.closeListener = ({ instance, params }) => {\n            const key = instance.key;\n            const currentInstance = this.instanceMap[key];\n\n            if (currentInstance) {\n                currentInstance.visible = false;\n                currentInstance.options.onClose && currentInstance.options.onClose({ data: params, type: 'config-close' });\n\n                this.currentInstance = currentInstance;\n            }\n        };\n\n        DynamicDialogEventBus.on('open', this.openListener);\n        DynamicDialogEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        DynamicDialogEventBus.off('open', this.openListener);\n        DynamicDialogEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        onDialogHide(instance) {\n            !this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });\n        },\n        onDialogAfterHide(instance) {\n            this.currentInstance && delete this.currentInstance;\n            this.currentInstance = null;\n            delete this.instanceMap[instance.key];\n        },\n        getTemplateItems(template) {\n            return Array.isArray(template) ? template : [template];\n        }\n    },\n    components: {\n        DDialog: Dialog\n    }\n};\n</script>\n","<template>\n    <template v-for=\"(instance, key) in instanceMap\" :key=\"key\">\n        <DDialog v-model:visible=\"instance.visible\" :_instance=\"instance\" v-bind=\"instance.options.props\" @hide=\"onDialogHide(instance)\" @after-hide=\"onDialogAfterHide(instance)\">\n            <template v-if=\"instance.options.templates && instance.options.templates.header\" #header>\n                <component v-for=\"(header, index) in getTemplateItems(instance.options.templates.header)\" :is=\"header\" :key=\"index + '_header'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n            <component :is=\"instance.content\" v-bind=\"instance.options.emits\"></component>\n            <template v-if=\"instance.options.templates && instance.options.templates.footer\" #footer>\n                <component v-for=\"(footer, index) in getTemplateItems(instance.options.templates.footer)\" :is=\"footer\" :key=\"index + '_footer'\" v-bind=\"instance.options.emits\"></component>\n            </template>\n        </DDialog>\n    </template>\n</template>\n\n<script>\nimport { uuid } from '@primeuix/utils';\nimport Dialog from 'primevue/dialog';\nimport DynamicDialogEventBus from 'primevue/dynamicdialogeventbus';\nimport BaseDynamicDialog from './BaseDynamicDialog.vue';\n\nexport default {\n    name: 'DynamicDialog',\n    extends: BaseDynamicDialog,\n    inheritAttrs: false,\n    data() {\n        return {\n            instanceMap: {}\n        };\n    },\n    openListener: null,\n    closeListener: null,\n    currentInstance: null,\n    mounted() {\n        this.openListener = ({ instance }) => {\n            const key = uuid() + '_dynamic_dialog';\n\n            instance.visible = true;\n            instance.key = key;\n            this.instanceMap[key] = instance;\n        };\n\n        this.closeListener = ({ instance, params }) => {\n            const key = instance.key;\n            const currentInstance = this.instanceMap[key];\n\n            if (currentInstance) {\n                currentInstance.visible = false;\n                currentInstance.options.onClose && currentInstance.options.onClose({ data: params, type: 'config-close' });\n\n                this.currentInstance = currentInstance;\n            }\n        };\n\n        DynamicDialogEventBus.on('open', this.openListener);\n        DynamicDialogEventBus.on('close', this.closeListener);\n    },\n    beforeUnmount() {\n        DynamicDialogEventBus.off('open', this.openListener);\n        DynamicDialogEventBus.off('close', this.closeListener);\n    },\n    methods: {\n        onDialogHide(instance) {\n            !this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });\n        },\n        onDialogAfterHide(instance) {\n            this.currentInstance && delete this.currentInstance;\n            this.currentInstance = null;\n            delete this.instanceMap[instance.key];\n        },\n        getTemplateItems(template) {\n            return Array.isArray(template) ? template : [template];\n        }\n    },\n    components: {\n        DDialog: Dialog\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","style","DynamicDialogStyle","provide","$pcDynamicDialog","$parentInstance","BaseDynamicDialog","inheritAttrs","data","instanceMap","openListener","closeListener","currentInstance","mounted","_this","_ref","instance","key","uuid","visible","_ref2","params","options","onClose","type","DynamicDialogEventBus","on","beforeUnmount","off","methods","onDialogHide","onDialogAfterHide","getTemplateItems","template","Array","isArray","components","DDialog","Dialog","_openBlock","_createElementBlock","_Fragment","_renderList","$data","_createBlock","_component_DDialog","_mergeProps","onUpdateVisible","$event","_instance","onHide","$options","onAfterHide","_resolveDynamicComponent","content","ref_for","emits","templates","header","index","footer"],"mappings":"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"}

package/editor/Editor.vue

@@ -19,7 +19,7 @@
                     <button class="ql-italic" type="button" v-bind="ptm('italic')"></button>
                     <button class="ql-underline" type="button" v-bind="ptm('underline')"></button>
                 </span>
-                <span :key="reRenderColorKey" class="ql-formats" v-bind="ptm('formats')">
+                <span class="ql-formats" v-bind="ptm('formats')">
                     <select class="ql-color" v-bind="ptm('color')"></select>
                     <select class="ql-background" v-bind="ptm('background')"></select>
                 </span>
@@ -64,16 +64,10 @@ export default {
     extends: BaseEditor,
     inheritAttrs: false,
     emits: ['text-change', 'selection-change', 'load'],
-    data() {
-        return {
-            reRenderColorKey: 0
-        };
-    },
     quill: null,
     watch: {
         modelValue(newValue, oldValue) {
             if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {
-                this.reRenderColorKey++;
                 this.renderValue(newValue);
             }
         },
@@ -124,8 +118,12 @@ export default {
     methods: {
         renderValue(value) {
             if (this.quill) {
-                if (value) this.quill.clipboard.dangerouslyPasteHTML(value);
-                else this.quill.setText('');
+                if (value) {
+                    const delta = this.quill.clipboard.convert({ html: value });
+                    this.quill.setContents(delta);
+                } else {
+                    this.quill.setText('');
+                }
             }
         },
         initQuill() {
@@ -133,7 +131,7 @@ export default {
 
             this.quill.on('text-change', (delta, oldContents, source) => {
                 if (source === 'user') {
-                    let html = this.$refs.editorElement.children[0].innerHTML;
+                    let html = this.quill.getSemanticHTML();
                     let text = this.quill.getText().trim();
 
                     if (html === '<p><br></p>') {
@@ -152,7 +150,7 @@ export default {
             });
 
             this.quill.on('selection-change', (range, oldRange, source) => {
-                let html = this.$refs.editorElement.children[0].innerHTML;
+                let html = this.quill.getSemanticHTML();
                 let text = this.quill.getText().trim();
 
                 this.$emit('selection-change', {

package/editor/index.d.ts

@@ -26,10 +26,6 @@ export interface EditorPassThroughMethodOptions {
      * Defines valid properties.
      */
     props: EditorProps;
-    /**
-     * Defines current inline state.
-     */
-    state: EditorState;
     /**
      * Defines valid attributes.
      */
@@ -198,17 +194,6 @@ export interface EditorPassThroughAttributes {
     [key: string]: any;
 }
 
-/**
- * Defines current inline state in Editor component.
- */
-export interface EditorState {
-    /**
-     * Current rerendered color key as a number.
-     * @defaultValue 0
-     */
-    reRenderColorKey: number;
-}
-
 /**
  * Defines valid properties in Editor component.
  */

package/editor/index.mjs

@@ -1,7 +1,7 @@
 import { isExist } from '@primeuix/utils/dom';
 import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import EditorStyle from 'primevue/editor/style';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { createElementBlock, openBlock, mergeProps, createElementVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 
 var script$1 = {
   name: 'BaseEditor',
@@ -24,10 +24,10 @@ var script$1 = {
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var QuillJS = function () {
   try {
     return window.Quill;
@@ -40,16 +40,10 @@ var script = {
   "extends": script$1,
   inheritAttrs: false,
   emits: ['text-change', 'selection-change', 'load'],
-  data: function data() {
-    return {
-      reRenderColorKey: 0
-    };
-  },
   quill: null,
   watch: {
     modelValue: function modelValue(newValue, oldValue) {
       if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {
-        this.reRenderColorKey++;
         this.renderValue(newValue);
       }
     },
@@ -96,7 +90,14 @@ var script = {
   methods: {
     renderValue: function renderValue(value) {
       if (this.quill) {
-        if (value) this.quill.clipboard.dangerouslyPasteHTML(value);else this.quill.setText('');
+        if (value) {
+          var delta = this.quill.clipboard.convert({
+            html: value
+          });
+          this.quill.setContents(delta);
+        } else {
+          this.quill.setText('');
+        }
       }
     },
     initQuill: function initQuill() {
@@ -104,7 +105,7 @@ var script = {
       this.renderValue(this.d_value);
       this.quill.on('text-change', function (delta, oldContents, source) {
         if (source === 'user') {
-          var html = _this2.$refs.editorElement.children[0].innerHTML;
+          var html = _this2.quill.getSemanticHTML();
           var text = _this2.quill.getText().trim();
           if (html === '<p><br></p>') {
             html = '';
@@ -120,7 +121,7 @@ var script = {
         }
       });
       this.quill.on('selection-change', function (range, oldRange, source) {
-        var html = _this2.$refs.editorElement.children[0].innerHTML;
+        var html = _this2.quill.getSemanticHTML();
         var text = _this2.quill.getText().trim();
         _this2.$emit('selection-change', {
           htmlValue: html,
@@ -180,14 +181,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, _ctx.ptm('italic')), null, 16), createElementVNode("button", mergeProps({
       "class": "ql-underline",
       type: "button"
-    }, _ctx.ptm('underline')), null, 16)], 16), (openBlock(), createElementBlock("span", mergeProps({
-      key: $data.reRenderColorKey,
+    }, _ctx.ptm('underline')), null, 16)], 16), createElementVNode("span", mergeProps({
       "class": "ql-formats"
     }, _ctx.ptm('formats')), [createElementVNode("select", mergeProps({
       "class": "ql-color"
     }, _ctx.ptm('color')), null, 16), createElementVNode("select", mergeProps({
       "class": "ql-background"
-    }, _ctx.ptm('background')), null, 16)], 16)), createElementVNode("span", mergeProps({
+    }, _ctx.ptm('background')), null, 16)], 16), createElementVNode("span", mergeProps({
       "class": "ql-formats"
     }, _ctx.ptm('formats')), [createElementVNode("button", mergeProps({
       "class": "ql-list",