primevue 4.0.4 → 4.0.6

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=ecce2c26&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    watch: {\n        dismissable(newValue) {\n            if (newValue) {\n                this.bindOutsideClickListener();\n            } else {\n                this.unbindOutsideClickListener();\n            }\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    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    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","watch","newValue","bindOutsideClickListener","unbindOutsideClickListener","BaseDrawer","inheritAttrs","emits","data","containerVisible","container","mask","content","headerContainer","footerContainer","closeButton","outsideClickListener","documentKeydownListener","updated","beforeUnmount","disableDocumentSettings","ZIndex","clear","methods","hide","$emit","onEnter","focus","bindDocumentKeyDownListener","set","$primevue","config","zIndex","onAfterEnter","enableDocumentSettings","onBeforeLeave","isUnstyled","addClass","onLeave","onAfterLeave","unbindDocumentKeyDownListener","onMaskClick","event","target","findFocusableElement","querySelector","focusTarget","$slots","footer","blockBodyScroll","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=5b113e47&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.bindOutsideClickListener();\n            } else {\n                this.unbindOutsideClickListener();\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.bindOutsideClickListener();\n            } else {\n                this.unbindOutsideClickListener();\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","bindOutsideClickListener","unbindOutsideClickListener","updated","beforeUnmount","disableDocumentSettings","ZIndex","clear","methods","hide","$emit","onEnter","focus","bindDocumentKeyDownListener","set","$primevue","config","zIndex","onAfterEnter","enableDocumentSettings","onBeforeLeave","isUnstyled","addClass","onLeave","onAfterLeave","unbindDocumentKeyDownListener","onMaskClick","event","target","findFocusableElement","querySelector","focusTarget","$slots","footer","blockBodyScroll","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/fileupload/FileUpload.vue

@@ -55,14 +55,23 @@
         </div>
     </div>
     <div v-else-if="isBasic" :class="cx('root')" v-bind="ptmi('root')">
-        <Message v-for="msg of messages" :key="msg" severity="error" @close="onMessageClose" :unstyled="unstyled" :pt="ptm('pcMessages')">{{ msg }}</Message>
-        <Button :label="chooseButtonLabel" :class="chooseButtonClass" :style="style" :disabled="disabled" :unstyled="unstyled" @mouseup="onBasicUploaderClick" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-bind="ptm('pcButton')">
+        <Message v-for="msg of messages" :key="msg" severity="error" @close="onMessageClose" :unstyled="unstyled" :pt="ptm('pcMessage')">{{ msg }}</Message>
+        <Button
+            :label="chooseButtonLabel"
+            :class="chooseButtonClass"
+            :style="style"
+            :disabled="disabled"
+            :unstyled="unstyled"
+            @mouseup="onBasicUploaderClick"
+            @keydown.enter="choose"
+            @focus="onFocus"
+            @blur="onBlur"
+            v-bind="chooseButtonProps"
+            :pt="ptm('pcChooseButton')"
+        >
             <template #icon="iconProps">
-                <slot v-if="!hasFiles || auto" name="uploadicon">
-                    <component :is="uploadIcon ? 'span' : 'UploadIcon'" :class="[iconProps.class, uploadIcon]" aria-hidden="true" v-bind="ptm('pcButton')['icon']" />
-                </slot>
-                <slot v-else name="chooseicon">
-                    <component :is="chooseIcon ? 'span' : 'PlusIcon'" :class="[iconProps.class, chooseIcon]" aria-hidden="true" v-bind="ptm('pcButton')['icon']" />
+                <slot name="chooseicon">
+                    <component :is="chooseIcon ? 'span' : 'PlusIcon'" :class="[iconProps.class, chooseIcon]" aria-hidden="true" v-bind="ptm('pcChooseButton')['icon']" />
                 </slot>
             </template>
         </Button>
@@ -71,7 +80,7 @@
                 {{ basicFileChosenLabel }}
             </span>
         </slot>
-        <input v-if="!hasFiles" ref="fileInput" type="file" :accept="accept" :disabled="disabled" :multiple="multiple" @change="onFileSelect" @focus="onFocus" @blur="onBlur" v-bind="ptm('input')" />
+        <input ref="fileInput" type="file" :accept="accept" :disabled="disabled" :multiple="multiple" @change="onFileSelect" @focus="onFocus" @blur="onBlur" v-bind="ptm('input')" />
     </div>
 </template>
 
@@ -108,7 +117,7 @@ export default {
             if (this.hasFiles) this.uploader();
         },
         onBasicUploaderClick(event) {
-            if (event.button === 0 && !this.hasFiles) this.$refs.fileInput.click();
+            if (event.button === 0) this.$refs.fileInput.click();
         },
         onFileSelect(event) {
             if (event.type !== 'drop' && this.isIE11() && this.duplicateIEEvent) {
@@ -117,6 +126,10 @@ export default {
                 return;
             }
 
+            if (this.isBasic && this.hasFiles) {
+                this.files = [];
+            }
+
             this.messages = [];
             this.files = this.files || [];
             let files = event.dataTransfer ? event.dataTransfer.files : event.target.files;

package/fileupload/index.d.ts

@@ -274,16 +274,6 @@ export interface FileUploadPassThroughOptions {
      * Used to pass attributes to the empty's DOM element.
      */
     empty?: FileUploadPassThroughOptionType;
-    /**
-     * Used to pass attributes to the messages' DOM element.
-     * @see {@link MessagePassThroughOptions}
-     */
-    pcMessages?: MessagePassThroughOptions<FileUploadPassThroughMethodOptions>;
-    /**
-     * Used to pass attributes to the basic mode's button's DOM element.
-     * @see {@link ButtonPassThroughOptions}
-     */
-    pcButton?: ButtonPassThroughOptions<FileUploadPassThroughMethodOptions>;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/fileupload/index.mjs

@@ -283,13 +283,16 @@ var script = {
       if (this.hasFiles) this.uploader();
     },
     onBasicUploaderClick: function onBasicUploaderClick(event) {
-      if (event.button === 0 && !this.hasFiles) this.$refs.fileInput.click();
+      if (event.button === 0) this.$refs.fileInput.click();
     },
     onFileSelect: function onFileSelect(event) {
       if (event.type !== 'drop' && this.isIE11() && this.duplicateIEEvent) {
         this.duplicateIEEvent = false;
         return;
       }
+      if (this.isBasic && this.hasFiles) {
+        this.files = [];
+      }
       this.messages = [];
       this.files = this.files || [];
       var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
@@ -801,7 +804,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       severity: "error",
       onClose: $options.onMessageClose,
       unstyled: _ctx.unstyled,
-      pt: _ctx.ptm('pcMessages')
+      pt: _ctx.ptm('pcMessage')
     }, {
       "default": withCtx(function () {
         return [createTextVNode(toDisplayString(msg), 1)];
@@ -818,26 +821,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeydown: withKeys($options.choose, ["enter"]),
     onFocus: $options.onFocus,
     onBlur: $options.onBlur
-  }, _ctx.ptm('pcButton')), {
+  }, _ctx.chooseButtonProps, {
+    pt: _ctx.ptm('pcChooseButton')
+  }), {
     icon: withCtx(function (iconProps) {
-      return [!$options.hasFiles || _ctx.auto ? renderSlot(_ctx.$slots, "uploadicon", {
-        key: 0
-      }, function () {
-        return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.uploadIcon ? 'span' : 'UploadIcon'), mergeProps({
-          "class": [iconProps["class"], _ctx.uploadIcon],
-          "aria-hidden": "true"
-        }, _ctx.ptm('pcButton')['icon']), null, 16, ["class"]))];
-      }) : renderSlot(_ctx.$slots, "chooseicon", {
-        key: 1
-      }, function () {
+      return [renderSlot(_ctx.$slots, "chooseicon", {}, function () {
         return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.chooseIcon ? 'span' : 'PlusIcon'), mergeProps({
           "class": [iconProps["class"], _ctx.chooseIcon],
           "aria-hidden": "true"
-        }, _ctx.ptm('pcButton')['icon']), null, 16, ["class"]))];
+        }, _ctx.ptm('pcChooseButton')['icon']), null, 16, ["class"]))];
       })];
     }),
     _: 3
-  }, 16, ["label", "class", "style", "disabled", "unstyled", "onMouseup", "onKeydown", "onFocus", "onBlur"]), !_ctx.auto ? renderSlot(_ctx.$slots, "filelabel", {
+  }, 16, ["label", "class", "style", "disabled", "unstyled", "onMouseup", "onKeydown", "onFocus", "onBlur", "pt"]), !_ctx.auto ? renderSlot(_ctx.$slots, "filelabel", {
     key: 0,
     "class": normalizeClass(_ctx.cx('filelabel'))
   }, function () {
@@ -845,8 +841,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "class": normalizeClass(_ctx.cx('filelabel')),
       files: $data.files
     }, toDisplayString($options.basicFileChosenLabel), 11, _hoisted_2)];
-  }) : createCommentVNode("", true), !$options.hasFiles ? (openBlock(), createElementBlock("input", mergeProps({
-    key: 1,
+  }) : createCommentVNode("", true), createElementVNode("input", mergeProps({
     ref: "fileInput",
     type: "file",
     accept: _ctx.accept,
@@ -861,7 +856,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: _cache[7] || (_cache[7] = function () {
       return $options.onBlur && $options.onBlur.apply($options, arguments);
     })
-  }, _ctx.ptm('input')), null, 16, _hoisted_3)) : createCommentVNode("", true)], 16)) : createCommentVNode("", true);
+  }, _ctx.ptm('input')), null, 16, _hoisted_3)], 16)) : createCommentVNode("", true);
 }
 
 script.render = render;