primevue 4.0.3 → 4.0.4

package/drawer/Drawer.vue

@@ -31,7 +31,7 @@
                         <div :ref="contentRef" :class="cx('content')" v-bind="ptm('content')">
                             <slot></slot>
                         </div>
-                        <div :ref="footerContainerRef" :class="cx('footer')" v-bind="ptm('footer')">
+                        <div v-if="$slots.footer" :ref="footerContainerRef" :class="cx('footer')" v-bind="ptm('footer')">
                             <slot name="footer"> </slot>
                         </div>
                     </template>
@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import { addClass, focus, blockBodyScroll, unblockBodyScroll } from '@primeuix/utils/dom';
+import { addClass, blockBodyScroll, focus, unblockBodyScroll } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
 import TimesIcon from '@primevue/icons/times';
 import Button from 'primevue/button';

package/drawer/index.mjs

@@ -324,10 +324,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 16, ["class", "aria-label", "unstyled", "onClick", "pt"])) : createCommentVNode("", true)], 16), createElementVNode("div", mergeProps({
             ref: $options.contentRef,
             "class": _ctx.cx('content')
-          }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "default")], 16), createElementVNode("div", mergeProps({
+          }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "default")], 16), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
             ref: $options.footerContainerRef,
             "class": _ctx.cx('footer')
-          }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)], 64))], 16, _hoisted_1)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+          }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 64))], 16, _hoisted_1)), [[_directive_focustrap]]) : createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])], 16)) : createCommentVNode("", true)];

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=1fa5eecc&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 :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { addClass, focus, blockBodyScroll, 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 :ref=\"footerContainerRef\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                            <slot name=\"footer\"> </slot>\n                        </div>\n                    </template>\n                </div>\n            </transition>\n        </div>\n    </Portal>\n</template>\n\n<script>\nimport { addClass, focus, blockBodyScroll, 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=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":";;;;;;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA,MAAA;KACZ;AACDC,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAE,IAAI;MACV,SAAS,EAAA,IAAA;KACZ;AACDK,IAAAA,UAAU,EAAE;AACRL,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA,CAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRP,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;KACZ;AACDO,IAAAA,WAAW,EAAE;AACTR,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;KACZ;AACDQ,IAAAA,aAAa,EAAE;AACXT,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;KACZ;AACDS,IAAAA,gBAAgB,EAAE;AACdV,MAAAA,IAAI,EAAEW,MAAM;MACZ,SAAS,EAAA,SAATC,QAAOA,GAAQ;QACX,OAAO;AAAEC,UAAAA,QAAQ,EAAE,WAAW;AAAEC,UAAAA,IAAI,EAAE,IAAI;AAAEC,UAAAA,OAAO,EAAE,IAAA;SAAM,CAAA;AAC/D,OAAA;KACH;AACDC,IAAAA,SAAS,EAAE;AACPhB,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAASc,EAAAA,SAAAA;KACZ;AACDC,IAAAA,KAAK,EAAE;AACHlB,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;KACZ;AACDkB,IAAAA,WAAW,EAAE;AACTnB,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDmB,EAAAA,KAAK,EAAEC,WAAW;EAClBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;GACJ;AACDC,EAAAA,KAAK,EAAE;AACHjB,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACkB,QAAQ,EAAE;AAClB,MAAA,IAAIA,QAAQ,EAAE;QACV,IAAI,CAACC,wBAAwB,EAAE,CAAA;AACnC,OAAE,MAAK;QACH,IAAI,CAACC,0BAA0B,EAAE,CAAA;AACrC,OAAA;AACJ,KAAA;AACJ,GAAA;AACJ,CAAC;;ACnBD,aAAe;AACXhC,EAAAA,IAAI,EAAE,QAAQ;AACd,EAAA,SAAA,EAASiC,QAAU;AACnBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;EACvDC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;MACHC,gBAAgB,EAAE,IAAI,CAAClC,OAAAA;KAC1B,CAAA;GACJ;AACDmC,EAAAA,SAAS,EAAE,IAAI;AACfC,EAAAA,IAAI,EAAE,IAAI;AACVC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,oBAAoB,EAAE,IAAI;AAC1BC,EAAAA,uBAAuB,EAAE,IAAI;EAC7BC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,IAAI,CAAC3C,OAAO,EAAE;AACd,MAAA,IAAI,CAACkC,gBAAe,GAAI,IAAI,CAAClC,OAAO,CAAA;AACxC,KAAA;GACH;EACD4C,aAAa,EAAA,SAAbA,aAAaA,GAAG;IACZ,IAAI,CAACC,uBAAuB,EAAE,CAAA;AAE9B,IAAA,IAAI,IAAI,CAACT,IAAK,IAAG,IAAI,CAAC5B,UAAU,EAAE;AAC9BsC,MAAAA,MAAM,CAACC,KAAK,CAAC,IAAI,CAACX,IAAI,CAAC,CAAA;AAC3B,KAAA;IAEA,IAAI,CAACD,SAAQ,GAAI,IAAI,CAAA;IACrB,IAAI,CAACC,IAAG,GAAI,IAAI,CAAA;GACnB;AACDY,EAAAA,OAAO,EAAE;IACLC,IAAI,EAAA,SAAJA,IAAIA,GAAG;AACH,MAAA,IAAI,CAACC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAA;KACtC;IACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,IAAI,CAACD,KAAK,CAAC,MAAM,CAAC,CAAA;MAClB,IAAI,CAACE,KAAK,EAAE,CAAA;MACZ,IAAI,CAACC,2BAA2B,EAAE,CAAA;MAElC,IAAI,IAAI,CAAC7C,UAAU,EAAE;QACjBsC,MAAM,CAACQ,GAAG,CAAC,OAAO,EAAE,IAAI,CAAClB,IAAI,EAAE,IAAI,CAAC9B,UAAW,IAAG,IAAI,CAACiD,SAAS,CAACC,MAAM,CAACC,MAAM,CAACtC,KAAK,CAAC,CAAA;AACzF,OAAA;KACH;IACDuC,YAAY,EAAA,SAAZA,YAAYA,GAAG;MACX,IAAI,CAACC,sBAAsB,EAAE,CAAA;KAChC;IACDC,aAAa,EAAA,SAAbA,aAAaA,GAAG;MACZ,IAAI,IAAI,CAACzC,KAAK,EAAE;QACZ,CAAC,IAAI,CAAC0C,UAAS,IAAKC,QAAQ,CAAC,IAAI,CAAC1B,IAAI,EAAE,sBAAsB,CAAC,CAAA;AACnE,OAAA;KACH;IACD2B,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,IAAI,CAACb,KAAK,CAAC,MAAM,CAAC,CAAA;KACrB;IACDc,YAAY,EAAA,SAAZA,YAAYA,GAAG;MACX,IAAI,IAAI,CAACxD,UAAU,EAAE;AACjBsC,QAAAA,MAAM,CAACC,KAAK,CAAC,IAAI,CAACX,IAAI,CAAC,CAAA;AAC3B,OAAA;MAEA,IAAI,CAAC6B,6BAA6B,EAAE,CAAA;MACpC,IAAI,CAAC/B,gBAAiB,GAAE,KAAK,CAAA;MAC7B,IAAI,CAACW,uBAAuB,EAAE,CAAA;AAC9B,MAAA,IAAI,CAACK,KAAK,CAAC,YAAY,CAAC,CAAA;KAC3B;AACDgB,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACC,KAAK,EAAE;AACf,MAAA,IAAI,IAAI,CAAC1D,WAAU,IAAK,IAAI,CAACU,KAAM,IAAG,IAAI,CAACiB,IAAG,KAAM+B,KAAK,CAACC,MAAM,EAAE;QAC9D,IAAI,CAACnB,IAAI,EAAE,CAAA;AACf,OAAA;KACH;IACDG,KAAK,EAAA,SAALA,OAAKA,GAAG;AACJ,MAAA,IAAMiB,oBAAqB,GAAE,SAAvBA,oBAAqBA,CAAGlC,SAAS,EAAK;AACxC,QAAA,OAAOA,SAAU,IAAGA,SAAS,CAACmC,aAAa,CAAC,aAAa,CAAC,CAAA;OAC7D,CAAA;AAED,MAAA,IAAIC,WAAY,GAAE,IAAI,CAACC,MAAM,CAACnE,MAAK,IAAKgE,oBAAoB,CAAC,IAAI,CAAC/B,eAAe,CAAC,CAAA;MAElF,IAAI,CAACiC,WAAW,EAAE;QACdA,WAAU,GAAI,IAAI,CAACC,MAAM,CAAA,SAAA,CAAO,IAAKH,oBAAoB,CAAC,IAAI,CAAClC,SAAS,CAAC,CAAA;QAEzE,IAAI,CAACoC,WAAW,EAAE;AACdA,UAAAA,cAAc,IAAI,CAACC,MAAM,CAACC,UAAUJ,oBAAoB,CAAC,IAAI,CAAC9B,eAAe,CAAC,CAAA;UAE9E,IAAI,CAACgC,WAAW,EAAE;YACdA,WAAY,GAAE,IAAI,CAAC/B,WAAW,CAAA;AAClC,WAAA;AACJ,SAAA;AACJ,OAAA;AAEA+B,MAAAA,WAAU,IAAKnB,KAAK,CAACmB,WAAW,CAAC,CAAA;KACpC;IACDZ,sBAAsB,EAAA,SAAtBA,sBAAsBA,GAAG;MACrB,IAAI,IAAI,CAAClD,WAAY,IAAG,CAAC,IAAI,CAACU,KAAK,EAAE;QACjC,IAAI,CAACS,wBAAwB,EAAE,CAAA;AACnC,OAAA;MAEA,IAAI,IAAI,CAACR,WAAW,EAAE;AAClBsD,QAAAA,eAAe,EAAE,CAAA;AACrB,OAAA;KACH;IACD7B,uBAAuB,EAAA,SAAvBA,uBAAuBA,GAAG;MACtB,IAAI,CAAChB,0BAA0B,EAAE,CAAA;MAEjC,IAAI,IAAI,CAACT,WAAW,EAAE;AAClBuD,QAAAA,iBAAiB,EAAE,CAAA;AACvB,OAAA;KACH;AACDC,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACT,KAAK,EAAE;AACb,MAAA,IAAIA,KAAK,CAACU,SAAS,QAAQ,EAAE;QACzB,IAAI,CAAC5B,IAAI,EAAE,CAAA;AACf,OAAA;KACH;AACD6B,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACC,EAAE,EAAE;MACb,IAAI,CAAC5C,SAAU,GAAE4C,EAAE,CAAA;KACtB;AACDC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACD,EAAE,EAAE;MACR,IAAI,CAAC3C,IAAG,GAAI2C,EAAE,CAAA;KACjB;AACDE,IAAAA,UAAU,EAAVA,SAAAA,UAAUA,CAACF,EAAE,EAAE;MACX,IAAI,CAAC1C,OAAQ,GAAE0C,EAAE,CAAA;KACpB;AACDG,IAAAA,kBAAkB,EAAlBA,SAAAA,kBAAkBA,CAACH,EAAE,EAAE;MACnB,IAAI,CAACzC,eAAc,GAAIyC,EAAE,CAAA;KAC5B;AACDI,IAAAA,kBAAkB,EAAlBA,SAAAA,kBAAkBA,CAACJ,EAAE,EAAE;MACnB,IAAI,CAACxC,eAAc,GAAIwC,EAAE,CAAA;KAC5B;AACDK,IAAAA,cAAc,EAAdA,SAAAA,cAAcA,CAACL,EAAE,EAAE;MACf,IAAI,CAACvC,cAAcuC,EAAG,GAAEA,EAAE,CAACM,GAAI,GAAEnE,SAAS,CAAA;KAC7C;IACDmC,2BAA2B,EAAA,SAA3BA,2BAA2BA,GAAG;AAC1B,MAAA,IAAI,CAAC,IAAI,CAACX,uBAAuB,EAAE;AAC/B,QAAA,IAAI,CAACA,uBAAwB,GAAE,IAAI,CAACkC,SAAS,CAAA;QAC7CU,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC7C,uBAAuB,CAAC,CAAA;AACtE,OAAA;KACH;IACDuB,6BAA6B,EAAA,SAA7BA,6BAA6BA,GAAG;MAC5B,IAAI,IAAI,CAACvB,uBAAuB,EAAE;QAC9B4C,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC9C,uBAAuB,CAAC,CAAA;QACrE,IAAI,CAACA,uBAAwB,GAAE,IAAI,CAAA;AACvC,OAAA;KACH;IACDd,wBAAwB,EAAA,SAAxBA,wBAAwBA,GAAG;AAAA,MAAA,IAAA6D,KAAA,GAAA,IAAA,CAAA;AACvB,MAAA,IAAI,CAAC,IAAI,CAAChD,oBAAoB,EAAE;AAC5B,QAAA,IAAI,CAACA,oBAAqB,GAAE,UAAC0B,KAAK,EAAK;AACnC,UAAA,IAAIsB,KAAI,CAACC,gBAAgB,CAACvB,KAAK,CAAC,EAAE;YAC9BsB,KAAI,CAACxC,IAAI,EAAE,CAAA;AACf,WAAA;SACH,CAAA;QAEDqC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC9C,oBAAoB,CAAC,CAAA;AACjE,OAAA;KACH;IACDZ,0BAA0B,EAAA,SAA1BA,0BAA0BA,GAAG;MACzB,IAAI,IAAI,CAACY,oBAAoB,EAAE;QAC3B6C,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC/C,oBAAoB,CAAC,CAAA;QAChE,IAAI,CAACA,oBAAmB,GAAI,IAAI,CAAA;AACpC,OAAA;KACH;AACDiD,IAAAA,gBAAgB,EAAhBA,SAAAA,gBAAgBA,CAACvB,KAAK,EAAE;AACpB,MAAA,OAAO,IAAI,CAAChC,SAAQ,IAAK,CAAC,IAAI,CAACA,SAAS,CAACwD,QAAQ,CAACxB,KAAK,CAACC,MAAM,CAAC,CAAA;AACnE,KAAA;GACH;AACDwB,EAAAA,QAAQ,EAAE;IACNC,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,IAAI,CAAC1F,QAAO,KAAM,MAAM,CAAA;KAClC;IACD2F,cAAc,EAAA,SAAdA,cAAcA,GAAG;MACb,OAAO,IAAI,CAACvC,SAAS,CAACC,MAAM,CAACuC,MAAM,CAACC,OAAO,IAAI,CAACzC,SAAS,CAACC,MAAM,CAACuC,MAAM,CAACC,IAAI,CAACC,QAAQ/E,SAAS,CAAA;AAClG,KAAA;GACH;AACDgF,EAAAA,UAAU,EAAE;AACRC,IAAAA,SAAS,EAAEC,SAAAA;GACd;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,SAAQ,EAARA,SAAAA;AACJ,GAAA;AACJ,CAAC;;;;;;;sBCxOGC,WAuCQ,CAAAC,iBAAA,EAAA,IAAA,EAAA;uBAtCJ,YAAA;AAAA,MAAA,OAqCK,CArCMC,KAAgB,CAAAzE,gBAAA,IAA3B0E,SAAA,EAAA,EAAAC,kBAAA,CAqCK,OArCLC,UAqCK,CAAA;;QArCyBC,GAAG,EAAEC,QAAO,CAAAhC,OAAA;QAAGiC,WAAS;iBAAED,QAAW,CAAA9C,WAAA,IAAA8C,QAAA,CAAA9C,WAAA,CAAAgD,KAAA,CAAAF,QAAA,EAAAG,SAAA,CAAA,CAAA;AAAA,SAAA,CAAA;AAAG,QAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;QAAWhG,KAAK,EAAE+F,IAAE,CAAAE,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA;UAAAnH,QAAA,EAAiBiH,IAAS,CAAAjH,QAAAA;SAAA,CAAA;SAAYiH,IAAG,CAAAG,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACxIC,WAAA,CAmCYC,YAnCZX,UAmCY,CAAA;AAnCAjH,QAAAA,IAAI,EAAC;QAAYsD,OAAK,EAAE6D,QAAO,CAAA7D,OAAA;QAAGO,YAAW,EAAEsD,QAAY,CAAAtD,YAAA;QAAGE,aAAY,EAAEoD,QAAa,CAAApD,aAAA;QAAGG,OAAK,EAAEiD,QAAO,CAAAjD,OAAA;QAAGC,YAAW,EAAEgD,QAAY,CAAAhD,YAAA;AAAE0D,QAAAA,QAAA,EAAA;SAAeN,IAAG,CAAAG,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA;2BAClK,YAAA;AAAA,UAAA,OAiCK,CAjCMH,IAAO,CAAApH,OAAA,GAAlB2H,cAAA,EAAAf,SAAA,EAAA,EAAAC,kBAAA,CAiCK,OAjCLC,UAiCK,CAAA;;YAjCgBC,GAAG,EAAEC,QAAY,CAAAlC,YAAA;AAAe,YAAA,OAAA,EAAOsC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAUO,YAAAA,IAAI,EAAC,eAAc;YAAG,YAAU,EAAER,IAAK,CAAAjG,KAAAA;aAAUiG,IAAI,CAAAS,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAC7GT,IAAA,CAAA5C,MAAM,CAACrC,SAAS,GAA5B2F,UAA2E,CAAAV,IAAA,CAAA5C,MAAA,EAAA,WAAA,EAAA;;YAA3BuD,aAAa,EAAEf,QAAI,CAAA/D,IAAAA;6BACnE4D,kBA8BU,CAAAmB,QAAA,EAAA;AAAAC,YAAAA,GAAA,EAAA,CAAA;AAAA,WAAA,EAAA,CA7BNC,kBAAA,CAsBK,OAtBLpB,UAsBK,CAAA;YAtBCC,GAAG,EAAEC,QAAkB,CAAA9B,kBAAA;AAAG,YAAA,OAAA,EAAOkC,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;aAAoBD,IAAG,CAAAG,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAC5DO,UAEM,CAAAV,IAAA,CAAA5C,MAAA,EAAA,QAAA,EAAA;AAFe,YAAA,OAAA,iBAAO4C,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA,CAAA;aAA9B,YAAA;AAAA,YAAA,OAEM,CADSD,IAAM,CAAA/G,MAAA,IAAjBuG,SAAA,EAAA,EAAAC,kBAAA,CAA+E,OAA/EC,UAA+E,CAAA;;AAA3D,cAAA,OAAA,EAAOM,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;aAAmB,EAAAD,IAAA,CAAAG,GAAG,4BAAcH,IAAK,CAAA/G,MAAA,CAAA,EAAA,EAAA,CAAA;cAGhE+G,IAAa,CAAA1G,aAAA,IADvBkG,SAAA,EAAA,EAAAH,WAAA,CAiBQ0B,mBAjBRrB,UAiBQ,CAAA;;YAfHC,GAAG,EAAEC,QAAc,CAAA5B,cAAA;AACpBnF,YAAAA,IAAI,EAAC,QAAO;AACX,YAAA,OAAA,EAAOmH,IAAE,CAAAC,EAAA,CAAA,eAAA,CAAA;YACT,YAAU,EAAEL,QAAc,CAAAlB,cAAA;YAC1BsC,QAAQ,EAAEhB,IAAQ,CAAAgB,QAAA;YAClBC,OAAK,EAAErB,QAAI,CAAA/D,IAAAA;aACJmE,IAAgB,CAAAzG,gBAAA,EAAA;AACvB2H,YAAAA,EAAE,EAAElB,IAAG,CAAAG,GAAA,CAAA,eAAA,CAAA;AACR,YAAA,uBAAqB,EAAC,eAAA;;AAEXgB,YAAAA,IAAI,EAAAC,OAAA,CACX,UAEMC,SAHgB,EAAA;cAAA,OAAA,CACtBX,UAAA,CAEMV,8BAFN,YAAA;AAAA,gBAAA,OAEM,eADFX,WAAyI,CAAAiC,uBAAA,CAAzHtB,IAAU,CAAAnG,SAAA,GAAA,MAAA,GAAA,WAAA,CAAA,EAA1B6F,UAAyI,CAAA;AAAtF,kBAAA,OAAA,EAAQ,CAAAM,IAAA,CAAAnG,SAAS,EAAEwH,SAAS,CAAM,OAAA,CAAA,CAAA;mBAAWrB,IAAG,CAAAG,GAAA,CAAA,eAAA,CAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA;;;;8GAKnHW,kBAAA,CAEK,OAFLpB,UAEK,CAAA;YAFCC,GAAG,EAAEC,QAAU,CAAA/B,UAAA;AAAG,YAAA,OAAA,EAAOmC,IAAE,CAAAC,EAAA,CAAA,SAAA,CAAA;aAAqBD,IAAG,CAAAG,GAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CACrDO,UAAY,CAAAV,IAAA,CAAA5C,MAAA,EAAA,SAAA,CAAA,QAEL4C,IAAA,CAAA5C,MAAM,CAACC,MAAM,IAAxBmC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;;YAFsBC,GAAG,EAAEC,QAAkB,CAAA7B,kBAAA;AAAG,YAAA,OAAA,EAAOiC,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;aAAoBD,IAAG,CAAAG,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CACjFO,UAA2B,CAAAV,IAAA,CAAA5C,MAAA,EAAA,QAAA,CAAA;;;;;;;;;;;;;"}

package/fieldset/Fieldset.vue

@@ -17,7 +17,7 @@
                     v-bind="{ ...toggleButtonProps, ...ptm('toggleButton') }"
                 >
                     <!--TODO: togglericon deprecated since v4.0-->
-                    <slot :name="$slots.toggleicon ? 'toggleicon' : 'togglericon'" :collapsed="d_collapsed">
+                    <slot :name="$slots.toggleicon ? 'toggleicon' : 'togglericon'" :collapsed="d_collapsed" :class="cx('toggleIcon')">
                         <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" :class="cx('toggleIcon')" v-bind="ptm('toggleIcon')" />
                     </slot>
                     <span :class="cx('legendLabel')" v-bind="ptm('legendLabel')">{{ legend }}</span>

package/fieldset/index.d.ts

@@ -199,6 +199,10 @@ export interface FieldsetSlots {
          * Collapsed state as a boolean
          */
         collapsed: boolean;
+        /**
+         * Style class of the icon.
+         */
+        class: string;
     }): VNode[];
     /**
      * Custom toggler icon template.
@@ -209,6 +213,10 @@ export interface FieldsetSlots {
          * Collapsed state as a boolean
          */
         collapsed: boolean;
+        /**
+         * Style class of the icon.
+         */
+        class: string;
     }): VNode[];
 }
 

package/fieldset/index.mjs

@@ -4,7 +4,7 @@ import PlusIcon from '@primevue/icons/plus';
 import Ripple from 'primevue/ripple';
 import BaseComponent from '@primevue/core/basecomponent';
 import FieldsetStyle from 'primevue/fieldset/style';
-import { resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, createBlock, resolveDynamicComponent, createVNode, Transition, withCtx, vShow } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createBlock, resolveDynamicComponent, createVNode, Transition, withCtx, vShow } from 'vue';
 
 var script$1 = {
   name: 'BaseFieldset',
@@ -116,7 +116,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return $options.onKeyDown && $options.onKeyDown.apply($options, arguments);
       })
     }, _objectSpread(_objectSpread({}, _ctx.toggleButtonProps), _ctx.ptm('toggleButton'))), [renderSlot(_ctx.$slots, _ctx.$slots.toggleicon ? 'toggleicon' : 'togglericon', {
-      collapsed: $data.d_collapsed
+      collapsed: $data.d_collapsed,
+      "class": normalizeClass(_ctx.cx('toggleIcon'))
     }, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent($data.d_collapsed ? 'PlusIcon' : 'MinusIcon'), mergeProps({
         "class": _ctx.cx('toggleIcon')

package/fieldset/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/fieldset/BaseFieldset.vue","../../src/fieldset/Fieldset.vue","../../src/fieldset/Fieldset.vue?vue&type=template&id=7155738a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport FieldsetStyle from 'primevue/fieldset/style';\n\nexport default {\n    name: 'BaseFieldset',\n    extends: BaseComponent,\n    props: {\n        legend: String,\n        toggleable: Boolean,\n        collapsed: Boolean,\n        toggleButtonProps: {\n            type: null,\n            default: null\n        }\n    },\n    style: FieldsetStyle,\n    provide() {\n        return {\n            $pcFieldset: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <fieldset :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <legend :class=\"cx('legend')\" v-bind=\"ptm('legend')\">\n            <slot name=\"legend\" :toggleCallback=\"toggle\">\n                <span v-if=\"!toggleable\" :id=\"id + '_header'\" :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                <button\n                    v-if=\"toggleable\"\n                    :id=\"id + '_header'\"\n                    v-ripple\n                    type=\"button\"\n                    :aria-controls=\"id + '_content'\"\n                    :aria-expanded=\"!d_collapsed\"\n                    :aria-label=\"buttonAriaLabel\"\n                    :class=\"cx('toggleButton')\"\n                    @click=\"toggle\"\n                    @keydown=\"onKeyDown\"\n                    v-bind=\"{ ...toggleButtonProps, ...ptm('toggleButton') }\"\n                >\n                    <!--TODO: togglericon deprecated since v4.0-->\n                    <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n                        <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"cx('toggleIcon')\" v-bind=\"ptm('toggleIcon')\" />\n                    </slot>\n                    <span :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                </button>\n            </slot>\n        </legend>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n            </div>\n        </transition>\n    </fieldset>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Ripple from 'primevue/ripple';\nimport BaseFieldset from './BaseFieldset.vue';\n\nexport default {\n    name: 'Fieldset',\n    extends: BaseFieldset,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        PlusIcon,\n        MinusIcon\n    }\n};\n</script>\n","<template>\n    <fieldset :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <legend :class=\"cx('legend')\" v-bind=\"ptm('legend')\">\n            <slot name=\"legend\" :toggleCallback=\"toggle\">\n                <span v-if=\"!toggleable\" :id=\"id + '_header'\" :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                <button\n                    v-if=\"toggleable\"\n                    :id=\"id + '_header'\"\n                    v-ripple\n                    type=\"button\"\n                    :aria-controls=\"id + '_content'\"\n                    :aria-expanded=\"!d_collapsed\"\n                    :aria-label=\"buttonAriaLabel\"\n                    :class=\"cx('toggleButton')\"\n                    @click=\"toggle\"\n                    @keydown=\"onKeyDown\"\n                    v-bind=\"{ ...toggleButtonProps, ...ptm('toggleButton') }\"\n                >\n                    <!--TODO: togglericon deprecated since v4.0-->\n                    <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n                        <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"cx('toggleIcon')\" v-bind=\"ptm('toggleIcon')\" />\n                    </slot>\n                    <span :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                </button>\n            </slot>\n        </legend>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n            </div>\n        </transition>\n    </fieldset>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Ripple from 'primevue/ripple';\nimport BaseFieldset from './BaseFieldset.vue';\n\nexport default {\n    name: 'Fieldset',\n    extends: BaseFieldset,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        PlusIcon,\n        MinusIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","legend","String","toggleable","Boolean","collapsed","toggleButtonProps","type","style","FieldsetStyle","provide","$pcFieldset","$parentInstance","BaseFieldset","inheritAttrs","emits","data","id","$attrs","d_collapsed","watch","$attrsId","newValue","UniqueComponentId","mounted","methods","toggle","event","$emit","originalEvent","value","onKeyDown","code","preventDefault","computed","buttonAriaLabel","ariaLabel","directives","ripple","Ripple","components","PlusIcon","MinusIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","_renderSlot","$slots","toggleCallback","$options","$data","_hoisted_1","_withDirectives","onClick","apply","arguments","onKeydown","_objectSpread","toggleicon","_createBlock","_resolveDynamicComponent","_createVNode","_Transition","role"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/fieldset/BaseFieldset.vue","../../src/fieldset/Fieldset.vue","../../src/fieldset/Fieldset.vue?vue&type=template&id=bb659702&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport FieldsetStyle from 'primevue/fieldset/style';\n\nexport default {\n    name: 'BaseFieldset',\n    extends: BaseComponent,\n    props: {\n        legend: String,\n        toggleable: Boolean,\n        collapsed: Boolean,\n        toggleButtonProps: {\n            type: null,\n            default: null\n        }\n    },\n    style: FieldsetStyle,\n    provide() {\n        return {\n            $pcFieldset: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <fieldset :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <legend :class=\"cx('legend')\" v-bind=\"ptm('legend')\">\n            <slot name=\"legend\" :toggleCallback=\"toggle\">\n                <span v-if=\"!toggleable\" :id=\"id + '_header'\" :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                <button\n                    v-if=\"toggleable\"\n                    :id=\"id + '_header'\"\n                    v-ripple\n                    type=\"button\"\n                    :aria-controls=\"id + '_content'\"\n                    :aria-expanded=\"!d_collapsed\"\n                    :aria-label=\"buttonAriaLabel\"\n                    :class=\"cx('toggleButton')\"\n                    @click=\"toggle\"\n                    @keydown=\"onKeyDown\"\n                    v-bind=\"{ ...toggleButtonProps, ...ptm('toggleButton') }\"\n                >\n                    <!--TODO: togglericon deprecated since v4.0-->\n                    <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\" :class=\"cx('toggleIcon')\">\n                        <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"cx('toggleIcon')\" v-bind=\"ptm('toggleIcon')\" />\n                    </slot>\n                    <span :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                </button>\n            </slot>\n        </legend>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n            </div>\n        </transition>\n    </fieldset>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Ripple from 'primevue/ripple';\nimport BaseFieldset from './BaseFieldset.vue';\n\nexport default {\n    name: 'Fieldset',\n    extends: BaseFieldset,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        PlusIcon,\n        MinusIcon\n    }\n};\n</script>\n","<template>\n    <fieldset :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <legend :class=\"cx('legend')\" v-bind=\"ptm('legend')\">\n            <slot name=\"legend\" :toggleCallback=\"toggle\">\n                <span v-if=\"!toggleable\" :id=\"id + '_header'\" :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                <button\n                    v-if=\"toggleable\"\n                    :id=\"id + '_header'\"\n                    v-ripple\n                    type=\"button\"\n                    :aria-controls=\"id + '_content'\"\n                    :aria-expanded=\"!d_collapsed\"\n                    :aria-label=\"buttonAriaLabel\"\n                    :class=\"cx('toggleButton')\"\n                    @click=\"toggle\"\n                    @keydown=\"onKeyDown\"\n                    v-bind=\"{ ...toggleButtonProps, ...ptm('toggleButton') }\"\n                >\n                    <!--TODO: togglericon deprecated since v4.0-->\n                    <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\" :class=\"cx('toggleIcon')\">\n                        <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"cx('toggleIcon')\" v-bind=\"ptm('toggleIcon')\" />\n                    </slot>\n                    <span :class=\"cx('legendLabel')\" v-bind=\"ptm('legendLabel')\">{{ legend }}</span>\n                </button>\n            </slot>\n        </legend>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n            </div>\n        </transition>\n    </fieldset>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Ripple from 'primevue/ripple';\nimport BaseFieldset from './BaseFieldset.vue';\n\nexport default {\n    name: 'Fieldset',\n    extends: BaseFieldset,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        PlusIcon,\n        MinusIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","legend","String","toggleable","Boolean","collapsed","toggleButtonProps","type","style","FieldsetStyle","provide","$pcFieldset","$parentInstance","BaseFieldset","inheritAttrs","emits","data","id","$attrs","d_collapsed","watch","$attrsId","newValue","UniqueComponentId","mounted","methods","toggle","event","$emit","originalEvent","value","onKeyDown","code","preventDefault","computed","buttonAriaLabel","ariaLabel","directives","ripple","Ripple","components","PlusIcon","MinusIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","_renderSlot","$slots","toggleCallback","$options","$data","_hoisted_1","_withDirectives","onClick","apply","arguments","onKeydown","_objectSpread","toggleicon","_createBlock","_resolveDynamicComponent","_createVNode","_Transition","role"],"mappings":"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"}

package/inputmask/BaseInputMask.vue

@@ -11,6 +11,10 @@ export default {
             type: String,
             default: '_'
         },
+        id: {
+            type: String,
+            default: null
+        },
         class: {
             type: [String, Object],
             default: null
@@ -43,6 +47,10 @@ export default {
             type: Boolean,
             default: false
         },
+        name: {
+            type: String,
+            default: null
+        },
         variant: {
             type: String,
             default: null

package/inputmask/InputMask.vue

@@ -1,10 +1,12 @@
 <template>
     <InputText
+        :id="id"
         :value="modelValue"
         :class="inputClass"
         :readonly="readonly"
         :disabled="disabled"
         :invalid="invalid"
+        :name="name"
         :variant="variant"
         :placeholder="placeholder"
         :fluid="hasFluid"

package/inputmask/index.d.ts

@@ -116,6 +116,10 @@ export interface InputMaskProps {
      * Mask pattern.
      */
     mask?: string | undefined;
+    /**
+     * Identifier of the element.
+     */
+    id?: string | undefined;
     /**
      * Style class of the input field.
      */
@@ -144,6 +148,10 @@ export interface InputMaskProps {
      * @defaultValue false
      */
     invalid?: boolean | undefined;
+    /**
+     * Name of the input element.
+     */
+    name?: string | undefined;
     /**
      * Specifies the input variant of the component.
      * @defaultValue outlined

package/inputmask/index.mjs

@@ -14,6 +14,10 @@ var script$1 = {
       type: String,
       "default": '_'
     },
+    id: {
+      type: String,
+      "default": null
+    },
     "class": {
       type: [String, Object],
       "default": null
@@ -46,6 +50,10 @@ var script$1 = {
       type: Boolean,
       "default": false
     },
+    name: {
+      type: String,
+      "default": null
+    },
     variant: {
       type: String,
       "default": null
@@ -511,11 +519,13 @@ var script = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputText = resolveComponent("InputText");
   return openBlock(), createBlock(_component_InputText, {
+    id: _ctx.id,
     value: _ctx.modelValue,
     "class": normalizeClass($options.inputClass),
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
     invalid: _ctx.invalid,
+    name: _ctx.name,
     variant: _ctx.variant,
     placeholder: _ctx.placeholder,
     fluid: $options.hasFluid,
@@ -527,7 +537,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeypress: $options.onKeyPress,
     onPaste: $options.onPaste,
     pt: $options.rootPTOptions
-  }, null, 8, ["value", "class", "readonly", "disabled", "invalid", "variant", "placeholder", "fluid", "unstyled", "onInput", "onFocus", "onBlur", "onKeydown", "onKeypress", "onPaste", "pt"]);
+  }, null, 8, ["id", "value", "class", "readonly", "disabled", "invalid", "name", "variant", "placeholder", "fluid", "unstyled", "onInput", "onFocus", "onBlur", "onKeydown", "onKeypress", "onPaste", "pt"]);
 }
 
 script.render = render;