primevue 4.2.1 → 4.2.3

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=0a30e53f&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 })\" 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')\" 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', '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        },\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 })\" 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')\" 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', '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        },\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=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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"}

package/drawer/style/index.mjs

@@ -2,11 +2,12 @@ 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    pointer-events: auto;\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-overlay-mask:dir(rtl) {\n    flex-direction: row-reverse;\n}\n");
+  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;
+    var position = _ref2.position,
+      modal = _ref2.modal;
     return {
       position: 'fixed',
       height: '100%',
@@ -15,8 +16,12 @@ var inlineStyles = {
       top: 0,
       display: 'flex',
       justifyContent: position === 'left' ? 'flex-start' : position === 'right' ? 'flex-end' : 'center',
-      alignItems: position === 'top' ? 'flex-start' : position === 'bottom' ? 'flex-end' : 'center'
+      alignItems: position === 'top' ? 'flex-start' : position === 'bottom' ? 'flex-end' : 'center',
+      pointerEvents: modal ? 'auto' : 'none'
     };
+  },
+  root: {
+    pointerEvents: 'auto'
   }
 };
 var classes = {

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    pointer-events: auto;\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-overlay-mask:dir(rtl) {\n    flex-direction: row-reverse;\n}\n`;\n\nconst inlineStyles = {\n    mask: ({ position }) => ({\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    })\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","height","width","left","top","display","justifyContent","alignItems","classes","_ref3","instance","props","positions","pos","find","item","modal","containerVisible","fullScreen","root","_ref4","header","title","pcCloseButton","content","footer","BaseStyle","extend","name"],"mappings":"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"}
+{"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":"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"}

package/dynamicdialog/DynamicDialog.vue

@@ -61,6 +61,7 @@ export default {
     methods: {
         onDialogHide(instance) {
             !this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });
+            delete this.instanceMap[instance.key];
         },
         onDialogAfterHide() {
             this.currentInstance && delete this.currentInstance;

package/dynamicdialog/index.mjs

@@ -65,6 +65,7 @@ var script = {
       !this.currentInstance && instance.options.onClose && instance.options.onClose({
         type: 'dialog-close'
       });
+      delete this.instanceMap[instance.key];
     },
     onDialogAfterHide: function onDialogAfterHide() {
       this.currentInstance && delete this.currentInstance;

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=d61378aa&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        },\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        },\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=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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"}

package/editor/Editor.vue

@@ -124,7 +124,7 @@ export default {
     methods: {
         renderValue(value) {
             if (this.quill) {
-                if (value) this.quill.setContents(this.quill.clipboard.convert(value));
+                if (value) this.quill.clipboard.dangerouslyPasteHTML(value);
                 else this.quill.setText('');
             }
         },

package/editor/index.mjs

@@ -96,7 +96,7 @@ var script = {
   methods: {
     renderValue: function renderValue(value) {
       if (this.quill) {
-        if (value) this.quill.setContents(this.quill.clipboard.convert(value));else this.quill.setText('');
+        if (value) this.quill.clipboard.dangerouslyPasteHTML(value);else this.quill.setText('');
       }
     },
     initQuill: function initQuill() {

package/editor/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/editor/BaseEditor.vue","../../src/editor/Editor.vue","../../src/editor/Editor.vue?vue&type=template&id=16db6b2f&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport EditorStyle from 'primevue/editor/style';\n\nexport default {\n    name: 'BaseEditor',\n    extends: BaseEditableHolder,\n    props: {\n        placeholder: String,\n        readonly: Boolean,\n        formats: Array,\n        editorStyle: null,\n        modules: null\n    },\n    style: EditorStyle,\n    provide() {\n        return {\n            $pcEditor: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div ref=\"toolbarElement\" :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n            <slot name=\"toolbar\">\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-header\" defaultValue=\"0\" v-bind=\"ptm('header')\">\n                        <option value=\"1\" v-bind=\"ptm('option')\">Heading</option>\n                        <option value=\"2\" v-bind=\"ptm('option')\">Subheading</option>\n                        <option value=\"0\" v-bind=\"ptm('option')\">Normal</option>\n                    </select>\n                    <select class=\"ql-font\" v-bind=\"ptm('font')\">\n                        <option v-bind=\"ptm('option')\"></option>\n                        <option value=\"serif\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"monospace\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-bold\" type=\"button\" v-bind=\"ptm('bold')\"></button>\n                    <button class=\"ql-italic\" type=\"button\" v-bind=\"ptm('italic')\"></button>\n                    <button class=\"ql-underline\" type=\"button\" v-bind=\"ptm('underline')\"></button>\n                </span>\n                <span :key=\"reRenderColorKey\" class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-color\" v-bind=\"ptm('color')\"></select>\n                    <select class=\"ql-background\" v-bind=\"ptm('background')\"></select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-list\" value=\"ordered\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <button class=\"ql-list\" value=\"bullet\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <select class=\"ql-align\" v-bind=\"ptm('select')\">\n                        <option defaultValue v-bind=\"ptm('option')\"></option>\n                        <option value=\"center\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"right\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"justify\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-link\" type=\"button\" v-bind=\"ptm('link')\"></button>\n                    <button class=\"ql-image\" type=\"button\" v-bind=\"ptm('image')\"></button>\n                    <button class=\"ql-code-block\" type=\"button\" v-bind=\"ptm('codeBlock')\"></button>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-clean\" type=\"button\" v-bind=\"ptm('clean')\"></button>\n                </span>\n            </slot>\n        </div>\n        <div ref=\"editorElement\" :class=\"cx('content')\" :style=\"editorStyle\" v-bind=\"ptm('content')\"></div>\n    </div>\n</template>\n\n<script>\nimport { isExist } from '@primeuix/utils/dom';\nimport BaseEditor from './BaseEditor.vue';\n\nconst QuillJS = (function () {\n    try {\n        return window.Quill;\n    } catch {\n        return null;\n    }\n})();\n\nexport default {\n    name: 'Editor',\n    extends: BaseEditor,\n    inheritAttrs: false,\n    emits: ['text-change', 'selection-change', 'load'],\n    data() {\n        return {\n            reRenderColorKey: 0\n        };\n    },\n    quill: null,\n    watch: {\n        modelValue(newValue, oldValue) {\n            if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {\n                this.reRenderColorKey++;\n                this.renderValue(newValue);\n            }\n        },\n        readonly() {\n            this.handleReadOnlyChange();\n        }\n    },\n    mounted() {\n        const configuration = {\n            modules: {\n                toolbar: this.$refs.toolbarElement,\n                ...this.modules\n            },\n            readOnly: this.readonly,\n            theme: 'snow',\n            formats: this.formats,\n            placeholder: this.placeholder\n        };\n\n        if (QuillJS) {\n            // Loaded by script only\n            this.quill = new QuillJS(this.$refs.editorElement, configuration);\n            this.initQuill();\n            this.handleLoad();\n        } else {\n            import('quill')\n                .then((module) => {\n                    if (module && isExist(this.$refs.editorElement)) {\n                        if (module.default) {\n                            // webpack\n                            this.quill = new module.default(this.$refs.editorElement, configuration);\n                        } else {\n                            // parceljs\n                            this.quill = new module(this.$refs.editorElement, configuration);\n                        }\n\n                        this.initQuill();\n                    }\n                })\n                .then(() => {\n                    this.handleLoad();\n                });\n        }\n    },\n    beforeUnmount() {\n        this.quill = null;\n    },\n    methods: {\n        renderValue(value) {\n            if (this.quill) {\n                if (value) this.quill.setContents(this.quill.clipboard.convert(value));\n                else this.quill.setText('');\n            }\n        },\n        initQuill() {\n            this.renderValue(this.d_value);\n\n            this.quill.on('text-change', (delta, oldContents, source) => {\n                if (source === 'user') {\n                    let html = this.$refs.editorElement.children[0].innerHTML;\n                    let text = this.quill.getText().trim();\n\n                    if (html === '<p><br></p>') {\n                        html = '';\n                    }\n\n                    this.writeValue(html);\n                    this.$emit('text-change', {\n                        htmlValue: html,\n                        textValue: text,\n                        delta: delta,\n                        source: source,\n                        instance: this.quill\n                    });\n                }\n            });\n\n            this.quill.on('selection-change', (range, oldRange, source) => {\n                let html = this.$refs.editorElement.children[0].innerHTML;\n                let text = this.quill.getText().trim();\n\n                this.$emit('selection-change', {\n                    htmlValue: html,\n                    textValue: text,\n                    range: range,\n                    oldRange: oldRange,\n                    source: source,\n                    instance: this.quill\n                });\n            });\n        },\n        handleLoad() {\n            if (this.quill && this.quill.getModule('toolbar')) {\n                this.$emit('load', { instance: this.quill });\n            }\n        },\n        handleReadOnlyChange() {\n            if (this.quill) this.quill.enable(!this.readonly);\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div ref=\"toolbarElement\" :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n            <slot name=\"toolbar\">\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-header\" defaultValue=\"0\" v-bind=\"ptm('header')\">\n                        <option value=\"1\" v-bind=\"ptm('option')\">Heading</option>\n                        <option value=\"2\" v-bind=\"ptm('option')\">Subheading</option>\n                        <option value=\"0\" v-bind=\"ptm('option')\">Normal</option>\n                    </select>\n                    <select class=\"ql-font\" v-bind=\"ptm('font')\">\n                        <option v-bind=\"ptm('option')\"></option>\n                        <option value=\"serif\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"monospace\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-bold\" type=\"button\" v-bind=\"ptm('bold')\"></button>\n                    <button class=\"ql-italic\" type=\"button\" v-bind=\"ptm('italic')\"></button>\n                    <button class=\"ql-underline\" type=\"button\" v-bind=\"ptm('underline')\"></button>\n                </span>\n                <span :key=\"reRenderColorKey\" class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-color\" v-bind=\"ptm('color')\"></select>\n                    <select class=\"ql-background\" v-bind=\"ptm('background')\"></select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-list\" value=\"ordered\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <button class=\"ql-list\" value=\"bullet\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <select class=\"ql-align\" v-bind=\"ptm('select')\">\n                        <option defaultValue v-bind=\"ptm('option')\"></option>\n                        <option value=\"center\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"right\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"justify\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-link\" type=\"button\" v-bind=\"ptm('link')\"></button>\n                    <button class=\"ql-image\" type=\"button\" v-bind=\"ptm('image')\"></button>\n                    <button class=\"ql-code-block\" type=\"button\" v-bind=\"ptm('codeBlock')\"></button>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-clean\" type=\"button\" v-bind=\"ptm('clean')\"></button>\n                </span>\n            </slot>\n        </div>\n        <div ref=\"editorElement\" :class=\"cx('content')\" :style=\"editorStyle\" v-bind=\"ptm('content')\"></div>\n    </div>\n</template>\n\n<script>\nimport { isExist } from '@primeuix/utils/dom';\nimport BaseEditor from './BaseEditor.vue';\n\nconst QuillJS = (function () {\n    try {\n        return window.Quill;\n    } catch {\n        return null;\n    }\n})();\n\nexport default {\n    name: 'Editor',\n    extends: BaseEditor,\n    inheritAttrs: false,\n    emits: ['text-change', 'selection-change', 'load'],\n    data() {\n        return {\n            reRenderColorKey: 0\n        };\n    },\n    quill: null,\n    watch: {\n        modelValue(newValue, oldValue) {\n            if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {\n                this.reRenderColorKey++;\n                this.renderValue(newValue);\n            }\n        },\n        readonly() {\n            this.handleReadOnlyChange();\n        }\n    },\n    mounted() {\n        const configuration = {\n            modules: {\n                toolbar: this.$refs.toolbarElement,\n                ...this.modules\n            },\n            readOnly: this.readonly,\n            theme: 'snow',\n            formats: this.formats,\n            placeholder: this.placeholder\n        };\n\n        if (QuillJS) {\n            // Loaded by script only\n            this.quill = new QuillJS(this.$refs.editorElement, configuration);\n            this.initQuill();\n            this.handleLoad();\n        } else {\n            import('quill')\n                .then((module) => {\n                    if (module && isExist(this.$refs.editorElement)) {\n                        if (module.default) {\n                            // webpack\n                            this.quill = new module.default(this.$refs.editorElement, configuration);\n                        } else {\n                            // parceljs\n                            this.quill = new module(this.$refs.editorElement, configuration);\n                        }\n\n                        this.initQuill();\n                    }\n                })\n                .then(() => {\n                    this.handleLoad();\n                });\n        }\n    },\n    beforeUnmount() {\n        this.quill = null;\n    },\n    methods: {\n        renderValue(value) {\n            if (this.quill) {\n                if (value) this.quill.setContents(this.quill.clipboard.convert(value));\n                else this.quill.setText('');\n            }\n        },\n        initQuill() {\n            this.renderValue(this.d_value);\n\n            this.quill.on('text-change', (delta, oldContents, source) => {\n                if (source === 'user') {\n                    let html = this.$refs.editorElement.children[0].innerHTML;\n                    let text = this.quill.getText().trim();\n\n                    if (html === '<p><br></p>') {\n                        html = '';\n                    }\n\n                    this.writeValue(html);\n                    this.$emit('text-change', {\n                        htmlValue: html,\n                        textValue: text,\n                        delta: delta,\n                        source: source,\n                        instance: this.quill\n                    });\n                }\n            });\n\n            this.quill.on('selection-change', (range, oldRange, source) => {\n                let html = this.$refs.editorElement.children[0].innerHTML;\n                let text = this.quill.getText().trim();\n\n                this.$emit('selection-change', {\n                    htmlValue: html,\n                    textValue: text,\n                    range: range,\n                    oldRange: oldRange,\n                    source: source,\n                    instance: this.quill\n                });\n            });\n        },\n        handleLoad() {\n            if (this.quill && this.quill.getModule('toolbar')) {\n                this.$emit('load', { instance: this.quill });\n            }\n        },\n        handleReadOnlyChange() {\n            if (this.quill) this.quill.enable(!this.readonly);\n        }\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","placeholder","String","readonly","Boolean","formats","Array","editorStyle","modules","style","EditorStyle","provide","$pcEditor","$parentInstance","QuillJS","window","Quill","_unused","BaseEditor","inheritAttrs","emits","data","reRenderColorKey","quill","watch","modelValue","newValue","oldValue","hasFocus","renderValue","handleReadOnlyChange","mounted","_this","configuration","_objectSpread","toolbar","$refs","toolbarElement","readOnly","theme","editorElement","initQuill","handleLoad","then","module","isExist","beforeUnmount","methods","value","setContents","clipboard","convert","setText","_this2","d_value","on","delta","oldContents","source","html","children","innerHTML","text","getText","trim","writeValue","$emit","htmlValue","textValue","instance","range","oldRange","getModule","enable","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","ptm","_renderSlot","defaultValue","type","key","$data"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/editor/BaseEditor.vue","../../src/editor/Editor.vue","../../src/editor/Editor.vue?vue&type=template&id=6103b712&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport EditorStyle from 'primevue/editor/style';\n\nexport default {\n    name: 'BaseEditor',\n    extends: BaseEditableHolder,\n    props: {\n        placeholder: String,\n        readonly: Boolean,\n        formats: Array,\n        editorStyle: null,\n        modules: null\n    },\n    style: EditorStyle,\n    provide() {\n        return {\n            $pcEditor: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div ref=\"toolbarElement\" :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n            <slot name=\"toolbar\">\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-header\" defaultValue=\"0\" v-bind=\"ptm('header')\">\n                        <option value=\"1\" v-bind=\"ptm('option')\">Heading</option>\n                        <option value=\"2\" v-bind=\"ptm('option')\">Subheading</option>\n                        <option value=\"0\" v-bind=\"ptm('option')\">Normal</option>\n                    </select>\n                    <select class=\"ql-font\" v-bind=\"ptm('font')\">\n                        <option v-bind=\"ptm('option')\"></option>\n                        <option value=\"serif\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"monospace\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-bold\" type=\"button\" v-bind=\"ptm('bold')\"></button>\n                    <button class=\"ql-italic\" type=\"button\" v-bind=\"ptm('italic')\"></button>\n                    <button class=\"ql-underline\" type=\"button\" v-bind=\"ptm('underline')\"></button>\n                </span>\n                <span :key=\"reRenderColorKey\" class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-color\" v-bind=\"ptm('color')\"></select>\n                    <select class=\"ql-background\" v-bind=\"ptm('background')\"></select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-list\" value=\"ordered\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <button class=\"ql-list\" value=\"bullet\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <select class=\"ql-align\" v-bind=\"ptm('select')\">\n                        <option defaultValue v-bind=\"ptm('option')\"></option>\n                        <option value=\"center\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"right\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"justify\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-link\" type=\"button\" v-bind=\"ptm('link')\"></button>\n                    <button class=\"ql-image\" type=\"button\" v-bind=\"ptm('image')\"></button>\n                    <button class=\"ql-code-block\" type=\"button\" v-bind=\"ptm('codeBlock')\"></button>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-clean\" type=\"button\" v-bind=\"ptm('clean')\"></button>\n                </span>\n            </slot>\n        </div>\n        <div ref=\"editorElement\" :class=\"cx('content')\" :style=\"editorStyle\" v-bind=\"ptm('content')\"></div>\n    </div>\n</template>\n\n<script>\nimport { isExist } from '@primeuix/utils/dom';\nimport BaseEditor from './BaseEditor.vue';\n\nconst QuillJS = (function () {\n    try {\n        return window.Quill;\n    } catch {\n        return null;\n    }\n})();\n\nexport default {\n    name: 'Editor',\n    extends: BaseEditor,\n    inheritAttrs: false,\n    emits: ['text-change', 'selection-change', 'load'],\n    data() {\n        return {\n            reRenderColorKey: 0\n        };\n    },\n    quill: null,\n    watch: {\n        modelValue(newValue, oldValue) {\n            if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {\n                this.reRenderColorKey++;\n                this.renderValue(newValue);\n            }\n        },\n        readonly() {\n            this.handleReadOnlyChange();\n        }\n    },\n    mounted() {\n        const configuration = {\n            modules: {\n                toolbar: this.$refs.toolbarElement,\n                ...this.modules\n            },\n            readOnly: this.readonly,\n            theme: 'snow',\n            formats: this.formats,\n            placeholder: this.placeholder\n        };\n\n        if (QuillJS) {\n            // Loaded by script only\n            this.quill = new QuillJS(this.$refs.editorElement, configuration);\n            this.initQuill();\n            this.handleLoad();\n        } else {\n            import('quill')\n                .then((module) => {\n                    if (module && isExist(this.$refs.editorElement)) {\n                        if (module.default) {\n                            // webpack\n                            this.quill = new module.default(this.$refs.editorElement, configuration);\n                        } else {\n                            // parceljs\n                            this.quill = new module(this.$refs.editorElement, configuration);\n                        }\n\n                        this.initQuill();\n                    }\n                })\n                .then(() => {\n                    this.handleLoad();\n                });\n        }\n    },\n    beforeUnmount() {\n        this.quill = null;\n    },\n    methods: {\n        renderValue(value) {\n            if (this.quill) {\n                if (value) this.quill.clipboard.dangerouslyPasteHTML(value);\n                else this.quill.setText('');\n            }\n        },\n        initQuill() {\n            this.renderValue(this.d_value);\n\n            this.quill.on('text-change', (delta, oldContents, source) => {\n                if (source === 'user') {\n                    let html = this.$refs.editorElement.children[0].innerHTML;\n                    let text = this.quill.getText().trim();\n\n                    if (html === '<p><br></p>') {\n                        html = '';\n                    }\n\n                    this.writeValue(html);\n                    this.$emit('text-change', {\n                        htmlValue: html,\n                        textValue: text,\n                        delta: delta,\n                        source: source,\n                        instance: this.quill\n                    });\n                }\n            });\n\n            this.quill.on('selection-change', (range, oldRange, source) => {\n                let html = this.$refs.editorElement.children[0].innerHTML;\n                let text = this.quill.getText().trim();\n\n                this.$emit('selection-change', {\n                    htmlValue: html,\n                    textValue: text,\n                    range: range,\n                    oldRange: oldRange,\n                    source: source,\n                    instance: this.quill\n                });\n            });\n        },\n        handleLoad() {\n            if (this.quill && this.quill.getModule('toolbar')) {\n                this.$emit('load', { instance: this.quill });\n            }\n        },\n        handleReadOnlyChange() {\n            if (this.quill) this.quill.enable(!this.readonly);\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div ref=\"toolbarElement\" :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n            <slot name=\"toolbar\">\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-header\" defaultValue=\"0\" v-bind=\"ptm('header')\">\n                        <option value=\"1\" v-bind=\"ptm('option')\">Heading</option>\n                        <option value=\"2\" v-bind=\"ptm('option')\">Subheading</option>\n                        <option value=\"0\" v-bind=\"ptm('option')\">Normal</option>\n                    </select>\n                    <select class=\"ql-font\" v-bind=\"ptm('font')\">\n                        <option v-bind=\"ptm('option')\"></option>\n                        <option value=\"serif\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"monospace\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-bold\" type=\"button\" v-bind=\"ptm('bold')\"></button>\n                    <button class=\"ql-italic\" type=\"button\" v-bind=\"ptm('italic')\"></button>\n                    <button class=\"ql-underline\" type=\"button\" v-bind=\"ptm('underline')\"></button>\n                </span>\n                <span :key=\"reRenderColorKey\" class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-color\" v-bind=\"ptm('color')\"></select>\n                    <select class=\"ql-background\" v-bind=\"ptm('background')\"></select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-list\" value=\"ordered\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <button class=\"ql-list\" value=\"bullet\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <select class=\"ql-align\" v-bind=\"ptm('select')\">\n                        <option defaultValue v-bind=\"ptm('option')\"></option>\n                        <option value=\"center\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"right\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"justify\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-link\" type=\"button\" v-bind=\"ptm('link')\"></button>\n                    <button class=\"ql-image\" type=\"button\" v-bind=\"ptm('image')\"></button>\n                    <button class=\"ql-code-block\" type=\"button\" v-bind=\"ptm('codeBlock')\"></button>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-clean\" type=\"button\" v-bind=\"ptm('clean')\"></button>\n                </span>\n            </slot>\n        </div>\n        <div ref=\"editorElement\" :class=\"cx('content')\" :style=\"editorStyle\" v-bind=\"ptm('content')\"></div>\n    </div>\n</template>\n\n<script>\nimport { isExist } from '@primeuix/utils/dom';\nimport BaseEditor from './BaseEditor.vue';\n\nconst QuillJS = (function () {\n    try {\n        return window.Quill;\n    } catch {\n        return null;\n    }\n})();\n\nexport default {\n    name: 'Editor',\n    extends: BaseEditor,\n    inheritAttrs: false,\n    emits: ['text-change', 'selection-change', 'load'],\n    data() {\n        return {\n            reRenderColorKey: 0\n        };\n    },\n    quill: null,\n    watch: {\n        modelValue(newValue, oldValue) {\n            if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {\n                this.reRenderColorKey++;\n                this.renderValue(newValue);\n            }\n        },\n        readonly() {\n            this.handleReadOnlyChange();\n        }\n    },\n    mounted() {\n        const configuration = {\n            modules: {\n                toolbar: this.$refs.toolbarElement,\n                ...this.modules\n            },\n            readOnly: this.readonly,\n            theme: 'snow',\n            formats: this.formats,\n            placeholder: this.placeholder\n        };\n\n        if (QuillJS) {\n            // Loaded by script only\n            this.quill = new QuillJS(this.$refs.editorElement, configuration);\n            this.initQuill();\n            this.handleLoad();\n        } else {\n            import('quill')\n                .then((module) => {\n                    if (module && isExist(this.$refs.editorElement)) {\n                        if (module.default) {\n                            // webpack\n                            this.quill = new module.default(this.$refs.editorElement, configuration);\n                        } else {\n                            // parceljs\n                            this.quill = new module(this.$refs.editorElement, configuration);\n                        }\n\n                        this.initQuill();\n                    }\n                })\n                .then(() => {\n                    this.handleLoad();\n                });\n        }\n    },\n    beforeUnmount() {\n        this.quill = null;\n    },\n    methods: {\n        renderValue(value) {\n            if (this.quill) {\n                if (value) this.quill.clipboard.dangerouslyPasteHTML(value);\n                else this.quill.setText('');\n            }\n        },\n        initQuill() {\n            this.renderValue(this.d_value);\n\n            this.quill.on('text-change', (delta, oldContents, source) => {\n                if (source === 'user') {\n                    let html = this.$refs.editorElement.children[0].innerHTML;\n                    let text = this.quill.getText().trim();\n\n                    if (html === '<p><br></p>') {\n                        html = '';\n                    }\n\n                    this.writeValue(html);\n                    this.$emit('text-change', {\n                        htmlValue: html,\n                        textValue: text,\n                        delta: delta,\n                        source: source,\n                        instance: this.quill\n                    });\n                }\n            });\n\n            this.quill.on('selection-change', (range, oldRange, source) => {\n                let html = this.$refs.editorElement.children[0].innerHTML;\n                let text = this.quill.getText().trim();\n\n                this.$emit('selection-change', {\n                    htmlValue: html,\n                    textValue: text,\n                    range: range,\n                    oldRange: oldRange,\n                    source: source,\n                    instance: this.quill\n                });\n            });\n        },\n        handleLoad() {\n            if (this.quill && this.quill.getModule('toolbar')) {\n                this.$emit('load', { instance: this.quill });\n            }\n        },\n        handleReadOnlyChange() {\n            if (this.quill) this.quill.enable(!this.readonly);\n        }\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","placeholder","String","readonly","Boolean","formats","Array","editorStyle","modules","style","EditorStyle","provide","$pcEditor","$parentInstance","QuillJS","window","Quill","_unused","BaseEditor","inheritAttrs","emits","data","reRenderColorKey","quill","watch","modelValue","newValue","oldValue","hasFocus","renderValue","handleReadOnlyChange","mounted","_this","configuration","_objectSpread","toolbar","$refs","toolbarElement","readOnly","theme","editorElement","initQuill","handleLoad","then","module","isExist","beforeUnmount","methods","value","clipboard","dangerouslyPasteHTML","setText","_this2","d_value","on","delta","oldContents","source","html","children","innerHTML","text","getText","trim","writeValue","$emit","htmlValue","textValue","instance","range","oldRange","getModule","enable","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","ptm","_renderSlot","defaultValue","type","key","$data"],"mappings":"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"}

package/imagecompare/ImageCompare.vue

@@ -7,49 +7,19 @@
 </template>
 
 <script>
+import { $dt } from '@primeuix/styled';
+import { setCSSProperty } from '@primeuix/utils/dom';
 import BaseImageCompare from './BaseImageCompare.vue';
 
 export default {
     name: 'ImageCompare',
     extends: BaseImageCompare,
-    mutationObserver: null,
-    data() {
-        return {
-            isRTL: false
-        };
-    },
-    beforeUnmount() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-    },
-    mounted() {
-        this.updateDirection();
-        this.observeDirectionChanges();
-    },
     methods: {
         onSlide(event) {
             const value = event.target.value;
             const image = event.target.previousElementSibling;
 
-            if (this.isRTL) {
-                image.style.clipPath = `polygon(${100 - value}% 0, 100% 0, 100% 100%, ${100 - value}% 100%)`;
-            } else {
-                image.style.clipPath = `polygon(0 0, ${value}% 0, ${value}% 100%, 0 100%)`;
-            }
-        },
-        updateDirection() {
-            this.isRTL = !!this.$el.closest('[dir="rtl"]');
-        },
-        observeDirectionChanges() {
-            const targetNode = document.documentElement;
-            const config = { attributes: true, attributeFilter: ['dir'] };
-
-            this.mutationObserver = new MutationObserver(() => {
-                this.updateDirection();
-            });
-
-            this.mutationObserver.observe(targetNode, config);
+            setCSSProperty(image, $dt('imagecompare.scope.x').name, `${value}%`);
         }
     }
 };

package/imagecompare/index.mjs

@@ -1,3 +1,5 @@
+import { $dt } from '@primeuix/styled';
+import { setCSSProperty } from '@primeuix/utils/dom';
 import BaseComponent from '@primevue/core/basecomponent';
 import ImageCompareStyle from 'primevue/imagecompare/style';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createElementVNode } from 'vue';
@@ -31,45 +33,11 @@ var script$1 = {
 var script = {
   name: 'ImageCompare',
   "extends": script$1,
-  mutationObserver: null,
-  data: function data() {
-    return {
-      isRTL: false
-    };
-  },
-  beforeUnmount: function beforeUnmount() {
-    if (this.mutationObserver) {
-      this.mutationObserver.disconnect();
-    }
-  },
-  mounted: function mounted() {
-    this.updateDirection();
-    this.observeDirectionChanges();
-  },
   methods: {
     onSlide: function onSlide(event) {
       var value = event.target.value;
       var image = event.target.previousElementSibling;
-      if (this.isRTL) {
-        image.style.clipPath = "polygon(".concat(100 - value, "% 0, 100% 0, 100% 100%, ").concat(100 - value, "% 100%)");
-      } else {
-        image.style.clipPath = "polygon(0 0, ".concat(value, "% 0, ").concat(value, "% 100%, 0 100%)");
-      }
-    },
-    updateDirection: function updateDirection() {
-      this.isRTL = !!this.$el.closest('[dir="rtl"]');
-    },
-    observeDirectionChanges: function observeDirectionChanges() {
-      var _this = this;
-      var targetNode = document.documentElement;
-      var config = {
-        attributes: true,
-        attributeFilter: ['dir']
-      };
-      this.mutationObserver = new MutationObserver(function () {
-        _this.updateDirection();
-      });
-      this.mutationObserver.observe(targetNode, config);
+      setCSSProperty(image, $dt('imagecompare.scope.x').name, "".concat(value, "%"));
     }
   }
 };