primevue 4.3.3 → 4.3.5

package/accordion/index.mjs

@@ -215,12 +215,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [slotProps.active ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.collapseicon ? _ctx.$slots.collapseicon : _ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
               key: 0,
               "class": [_ctx.collapseIcon, slotProps["class"]],
-              "aria-hidden": "true",
+              "aria-hidden": "true"
+            }, {
               ref_for: true
             }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.expandicon ? _ctx.$slots.expandicon : _ctx.expandIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
               key: 1,
               "class": [_ctx.expandIcon, slotProps["class"]],
-              "aria-hidden": "true",
+              "aria-hidden": "true"
+            }, {
               ref_for: true
             }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"]))];
           }),

package/accordion/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/accordion/BaseAccordion.vue","../../src/accordion/Accordion.vue","../../src/accordion/Accordion.vue?vue&type=template&id=3af1c6c1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionStyle from 'primevue/accordion/style';\n\nexport default {\n    name: 'BaseAccordion',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number, Array],\n            default: undefined\n        },\n        multiple: {\n            type: Boolean,\n            default: false\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        selectOnFocus: {\n            type: Boolean,\n            default: false\n        },\n        expandIcon: {\n            type: String,\n            default: undefined\n        },\n        collapseIcon: {\n            type: String,\n            default: undefined\n        },\n        // @deprecated since v4.\n        activeIndex: {\n            type: [Number, Array],\n            default: null\n        }\n    },\n    style: AccordionStyle,\n    provide() {\n        return {\n            $pcAccordion: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-if=\"hasAccordionTab\">\n            <AccordionPanel v-for=\"(tab, i) of tabs\" :key=\"getKey(tab, i)\" :value=\"`${i}`\" :pt=\"{ root: getTabPT(tab, 'root', i) }\" :disabled=\"getTabProp(tab, 'disabled')\">\n                <AccordionHeader :class=\"getTabProp(tab, 'headerClass')\" :pt=\"getHeaderPT(tab, i)\">\n                    <component v-if=\"tab.children && tab.children.headericon\" :is=\"tab.children.headericon\" :isTabActive=\"isItemActive(`${i}`)\" :active=\"isItemActive(`${i}`)\" :index=\"i\"></component>\n                    <span v-if=\"tab.props && tab.props.header\" v-bind=\"getTabPT(tab, 'headertitle', i)\">{{ tab.props.header }}</span>\n                    <template #toggleicon=\"slotProps\">\n                        <component\n                            v-if=\"slotProps.active\"\n                            :is=\"$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                            :class=\"[collapseIcon, slotProps.class]\"\n                            aria-hidden=\"true\"\n                            v-bind=\"getTabPT(tab, 'headericon', i)\"\n                        />\n                        <component v-else :is=\"$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'\" :class=\"[expandIcon, slotProps.class]\" aria-hidden=\"true\" v-bind=\"getTabPT(tab, 'headericon', i)\" />\n                    </template>\n                    <component v-if=\"tab.children && tab.children.header\" :is=\"tab.children.header\"></component>\n                </AccordionHeader>\n                <AccordionContent :pt=\"getContentPT(tab, i)\">\n                    <component :is=\"tab\"></component>\n                </AccordionContent>\n            </AccordionPanel>\n        </template>\n\n        <slot v-else></slot>\n    </div>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport AccordionContent from 'primevue/accordioncontent';\nimport AccordionHeader from 'primevue/accordionheader';\nimport AccordionPanel from 'primevue/accordionpanel';\nimport { mergeProps } from 'vue';\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],\n    data() {\n        return {\n            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        },\n        activeIndex: {\n            immediate: true,\n            handler(newValue) {\n                if (this.hasAccordionTab) {\n                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();\n                }\n            }\n        }\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n\n            // @deprecated since v4.\n            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));\n            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });\n        },\n        // @deprecated since v4. Use new structure instead.\n        isAccordionTab(child) {\n            return child.type.name === 'AccordionTab';\n        },\n        getTabProp(tab, name) {\n            return tab.props ? tab.props[name] : undefined;\n        },\n        getKey(tab, index) {\n            return this.getTabProp(tab, 'header') || index;\n        },\n        getHeaderPT(tab, index) {\n            return {\n                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),\n                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))\n            };\n        },\n        getContentPT(tab, index) {\n            return {\n                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),\n                transition: this.getTabPT(tab, 'transition', index),\n                content: this.getTabPT(tab, 'content', index)\n            };\n        },\n        getTabPT(tab, key, index) {\n            const count = this.tabs.length;\n            const tabMetaData = {\n                props: tab.props || {},\n                parent: {\n                    instance: this,\n                    props: this.$props,\n                    state: this.$data\n                },\n                context: {\n                    index,\n                    count,\n                    first: index === 0,\n                    last: index === count - 1,\n                    active: this.isItemActive(`${index}`)\n                }\n            };\n\n            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));\n        },\n        onTabClick(event, index) {\n            this.$emit('tab-click', { originalEvent: event, index });\n        }\n    },\n    computed: {\n        // @deprecated since v4.\n        tabs() {\n            return this.$slots.default().reduce((tabs, child) => {\n                if (this.isAccordionTab(child)) {\n                    tabs.push(child);\n                } else if (child.children && child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isAccordionTab(nestedChild)) {\n                            tabs.push(nestedChild);\n                        }\n                    });\n                }\n\n                return tabs;\n            }, []);\n        },\n        hasAccordionTab() {\n            return this.tabs.length;\n        }\n    },\n    components: {\n        AccordionPanel,\n        AccordionHeader,\n        AccordionContent,\n        ChevronUpIcon,\n        ChevronRightIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-if=\"hasAccordionTab\">\n            <AccordionPanel v-for=\"(tab, i) of tabs\" :key=\"getKey(tab, i)\" :value=\"`${i}`\" :pt=\"{ root: getTabPT(tab, 'root', i) }\" :disabled=\"getTabProp(tab, 'disabled')\">\n                <AccordionHeader :class=\"getTabProp(tab, 'headerClass')\" :pt=\"getHeaderPT(tab, i)\">\n                    <component v-if=\"tab.children && tab.children.headericon\" :is=\"tab.children.headericon\" :isTabActive=\"isItemActive(`${i}`)\" :active=\"isItemActive(`${i}`)\" :index=\"i\"></component>\n                    <span v-if=\"tab.props && tab.props.header\" v-bind=\"getTabPT(tab, 'headertitle', i)\">{{ tab.props.header }}</span>\n                    <template #toggleicon=\"slotProps\">\n                        <component\n                            v-if=\"slotProps.active\"\n                            :is=\"$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                            :class=\"[collapseIcon, slotProps.class]\"\n                            aria-hidden=\"true\"\n                            v-bind=\"getTabPT(tab, 'headericon', i)\"\n                        />\n                        <component v-else :is=\"$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'\" :class=\"[expandIcon, slotProps.class]\" aria-hidden=\"true\" v-bind=\"getTabPT(tab, 'headericon', i)\" />\n                    </template>\n                    <component v-if=\"tab.children && tab.children.header\" :is=\"tab.children.header\"></component>\n                </AccordionHeader>\n                <AccordionContent :pt=\"getContentPT(tab, i)\">\n                    <component :is=\"tab\"></component>\n                </AccordionContent>\n            </AccordionPanel>\n        </template>\n\n        <slot v-else></slot>\n    </div>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport AccordionContent from 'primevue/accordioncontent';\nimport AccordionHeader from 'primevue/accordionheader';\nimport AccordionPanel from 'primevue/accordionpanel';\nimport { mergeProps } from 'vue';\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],\n    data() {\n        return {\n            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        },\n        activeIndex: {\n            immediate: true,\n            handler(newValue) {\n                if (this.hasAccordionTab) {\n                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();\n                }\n            }\n        }\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n\n            // @deprecated since v4.\n            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));\n            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });\n        },\n        // @deprecated since v4. Use new structure instead.\n        isAccordionTab(child) {\n            return child.type.name === 'AccordionTab';\n        },\n        getTabProp(tab, name) {\n            return tab.props ? tab.props[name] : undefined;\n        },\n        getKey(tab, index) {\n            return this.getTabProp(tab, 'header') || index;\n        },\n        getHeaderPT(tab, index) {\n            return {\n                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),\n                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))\n            };\n        },\n        getContentPT(tab, index) {\n            return {\n                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),\n                transition: this.getTabPT(tab, 'transition', index),\n                content: this.getTabPT(tab, 'content', index)\n            };\n        },\n        getTabPT(tab, key, index) {\n            const count = this.tabs.length;\n            const tabMetaData = {\n                props: tab.props || {},\n                parent: {\n                    instance: this,\n                    props: this.$props,\n                    state: this.$data\n                },\n                context: {\n                    index,\n                    count,\n                    first: index === 0,\n                    last: index === count - 1,\n                    active: this.isItemActive(`${index}`)\n                }\n            };\n\n            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));\n        },\n        onTabClick(event, index) {\n            this.$emit('tab-click', { originalEvent: event, index });\n        }\n    },\n    computed: {\n        // @deprecated since v4.\n        tabs() {\n            return this.$slots.default().reduce((tabs, child) => {\n                if (this.isAccordionTab(child)) {\n                    tabs.push(child);\n                } else if (child.children && child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isAccordionTab(nestedChild)) {\n                            tabs.push(nestedChild);\n                        }\n                    });\n                }\n\n                return tabs;\n            }, []);\n        },\n        hasAccordionTab() {\n            return this.tabs.length;\n        }\n    },\n    components: {\n        AccordionPanel,\n        AccordionHeader,\n        AccordionContent,\n        ChevronUpIcon,\n        ChevronRightIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","Array","undefined","multiple","Boolean","lazy","tabindex","selectOnFocus","expandIcon","collapseIcon","activeIndex","style","AccordionStyle","provide","$pcAccordion","$parentInstance","BaseAccordion","inheritAttrs","emits","data","d_value","watch","newValue","immediate","handler","hasAccordionTab","map","toString","methods","isItemActive","_this$d_value","includes","updateValue","_this$d_value2","active","filter","v","push","$emit","originalEvent","index","isAccordionTab","child","getTabProp","tab","getKey","getHeaderPT","_this","root","mergeProps","onClick","event","onTabClick","getTabPT","toggleicon","getContentPT","transition","content","key","count","tabs","length","tabMetaData","parent","instance","$props","state","$data","context","first","last","concat","ptm","ptmo","computed","_this2","$slots","reduce","children","forEach","nestedChild","components","AccordionPanel","AccordionHeader","AccordionContent","ChevronUpIcon","ChevronRightIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$options","_Fragment","_renderList","i","_createBlock","_component_AccordionPanel","pt","disabled","_createVNode","_component_AccordionHeader","_normalizeClass","_withCtx","slotProps","_resolveDynamicComponent","collapseicon","expandicon","headericon","isTabActive","header","_component_AccordionContent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/accordion/BaseAccordion.vue","../../src/accordion/Accordion.vue","../../src/accordion/Accordion.vue?vue&type=template&id=3af1c6c1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionStyle from 'primevue/accordion/style';\n\nexport default {\n    name: 'BaseAccordion',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number, Array],\n            default: undefined\n        },\n        multiple: {\n            type: Boolean,\n            default: false\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        selectOnFocus: {\n            type: Boolean,\n            default: false\n        },\n        expandIcon: {\n            type: String,\n            default: undefined\n        },\n        collapseIcon: {\n            type: String,\n            default: undefined\n        },\n        // @deprecated since v4.\n        activeIndex: {\n            type: [Number, Array],\n            default: null\n        }\n    },\n    style: AccordionStyle,\n    provide() {\n        return {\n            $pcAccordion: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-if=\"hasAccordionTab\">\n            <AccordionPanel v-for=\"(tab, i) of tabs\" :key=\"getKey(tab, i)\" :value=\"`${i}`\" :pt=\"{ root: getTabPT(tab, 'root', i) }\" :disabled=\"getTabProp(tab, 'disabled')\">\n                <AccordionHeader :class=\"getTabProp(tab, 'headerClass')\" :pt=\"getHeaderPT(tab, i)\">\n                    <component v-if=\"tab.children && tab.children.headericon\" :is=\"tab.children.headericon\" :isTabActive=\"isItemActive(`${i}`)\" :active=\"isItemActive(`${i}`)\" :index=\"i\"></component>\n                    <span v-if=\"tab.props && tab.props.header\" v-bind=\"getTabPT(tab, 'headertitle', i)\">{{ tab.props.header }}</span>\n                    <template #toggleicon=\"slotProps\">\n                        <component\n                            v-if=\"slotProps.active\"\n                            :is=\"$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                            :class=\"[collapseIcon, slotProps.class]\"\n                            aria-hidden=\"true\"\n                            v-bind=\"getTabPT(tab, 'headericon', i)\"\n                        />\n                        <component v-else :is=\"$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'\" :class=\"[expandIcon, slotProps.class]\" aria-hidden=\"true\" v-bind=\"getTabPT(tab, 'headericon', i)\" />\n                    </template>\n                    <component v-if=\"tab.children && tab.children.header\" :is=\"tab.children.header\"></component>\n                </AccordionHeader>\n                <AccordionContent :pt=\"getContentPT(tab, i)\">\n                    <component :is=\"tab\"></component>\n                </AccordionContent>\n            </AccordionPanel>\n        </template>\n\n        <slot v-else></slot>\n    </div>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport AccordionContent from 'primevue/accordioncontent';\nimport AccordionHeader from 'primevue/accordionheader';\nimport AccordionPanel from 'primevue/accordionpanel';\nimport { mergeProps } from 'vue';\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],\n    data() {\n        return {\n            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        },\n        activeIndex: {\n            immediate: true,\n            handler(newValue) {\n                if (this.hasAccordionTab) {\n                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();\n                }\n            }\n        }\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n\n            // @deprecated since v4.\n            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));\n            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });\n        },\n        // @deprecated since v4. Use new structure instead.\n        isAccordionTab(child) {\n            return child.type.name === 'AccordionTab';\n        },\n        getTabProp(tab, name) {\n            return tab.props ? tab.props[name] : undefined;\n        },\n        getKey(tab, index) {\n            return this.getTabProp(tab, 'header') || index;\n        },\n        getHeaderPT(tab, index) {\n            return {\n                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),\n                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))\n            };\n        },\n        getContentPT(tab, index) {\n            return {\n                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),\n                transition: this.getTabPT(tab, 'transition', index),\n                content: this.getTabPT(tab, 'content', index)\n            };\n        },\n        getTabPT(tab, key, index) {\n            const count = this.tabs.length;\n            const tabMetaData = {\n                props: tab.props || {},\n                parent: {\n                    instance: this,\n                    props: this.$props,\n                    state: this.$data\n                },\n                context: {\n                    index,\n                    count,\n                    first: index === 0,\n                    last: index === count - 1,\n                    active: this.isItemActive(`${index}`)\n                }\n            };\n\n            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));\n        },\n        onTabClick(event, index) {\n            this.$emit('tab-click', { originalEvent: event, index });\n        }\n    },\n    computed: {\n        // @deprecated since v4.\n        tabs() {\n            return this.$slots.default().reduce((tabs, child) => {\n                if (this.isAccordionTab(child)) {\n                    tabs.push(child);\n                } else if (child.children && child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isAccordionTab(nestedChild)) {\n                            tabs.push(nestedChild);\n                        }\n                    });\n                }\n\n                return tabs;\n            }, []);\n        },\n        hasAccordionTab() {\n            return this.tabs.length;\n        }\n    },\n    components: {\n        AccordionPanel,\n        AccordionHeader,\n        AccordionContent,\n        ChevronUpIcon,\n        ChevronRightIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-if=\"hasAccordionTab\">\n            <AccordionPanel v-for=\"(tab, i) of tabs\" :key=\"getKey(tab, i)\" :value=\"`${i}`\" :pt=\"{ root: getTabPT(tab, 'root', i) }\" :disabled=\"getTabProp(tab, 'disabled')\">\n                <AccordionHeader :class=\"getTabProp(tab, 'headerClass')\" :pt=\"getHeaderPT(tab, i)\">\n                    <component v-if=\"tab.children && tab.children.headericon\" :is=\"tab.children.headericon\" :isTabActive=\"isItemActive(`${i}`)\" :active=\"isItemActive(`${i}`)\" :index=\"i\"></component>\n                    <span v-if=\"tab.props && tab.props.header\" v-bind=\"getTabPT(tab, 'headertitle', i)\">{{ tab.props.header }}</span>\n                    <template #toggleicon=\"slotProps\">\n                        <component\n                            v-if=\"slotProps.active\"\n                            :is=\"$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                            :class=\"[collapseIcon, slotProps.class]\"\n                            aria-hidden=\"true\"\n                            v-bind=\"getTabPT(tab, 'headericon', i)\"\n                        />\n                        <component v-else :is=\"$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'\" :class=\"[expandIcon, slotProps.class]\" aria-hidden=\"true\" v-bind=\"getTabPT(tab, 'headericon', i)\" />\n                    </template>\n                    <component v-if=\"tab.children && tab.children.header\" :is=\"tab.children.header\"></component>\n                </AccordionHeader>\n                <AccordionContent :pt=\"getContentPT(tab, i)\">\n                    <component :is=\"tab\"></component>\n                </AccordionContent>\n            </AccordionPanel>\n        </template>\n\n        <slot v-else></slot>\n    </div>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport AccordionContent from 'primevue/accordioncontent';\nimport AccordionHeader from 'primevue/accordionheader';\nimport AccordionPanel from 'primevue/accordionpanel';\nimport { mergeProps } from 'vue';\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],\n    data() {\n        return {\n            d_value: this.value\n        };\n    },\n    watch: {\n        value(newValue) {\n            this.d_value = newValue;\n        },\n        activeIndex: {\n            immediate: true,\n            handler(newValue) {\n                if (this.hasAccordionTab) {\n                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();\n                }\n            }\n        }\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n\n            // @deprecated since v4.\n            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));\n            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });\n        },\n        // @deprecated since v4. Use new structure instead.\n        isAccordionTab(child) {\n            return child.type.name === 'AccordionTab';\n        },\n        getTabProp(tab, name) {\n            return tab.props ? tab.props[name] : undefined;\n        },\n        getKey(tab, index) {\n            return this.getTabProp(tab, 'header') || index;\n        },\n        getHeaderPT(tab, index) {\n            return {\n                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),\n                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))\n            };\n        },\n        getContentPT(tab, index) {\n            return {\n                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),\n                transition: this.getTabPT(tab, 'transition', index),\n                content: this.getTabPT(tab, 'content', index)\n            };\n        },\n        getTabPT(tab, key, index) {\n            const count = this.tabs.length;\n            const tabMetaData = {\n                props: tab.props || {},\n                parent: {\n                    instance: this,\n                    props: this.$props,\n                    state: this.$data\n                },\n                context: {\n                    index,\n                    count,\n                    first: index === 0,\n                    last: index === count - 1,\n                    active: this.isItemActive(`${index}`)\n                }\n            };\n\n            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));\n        },\n        onTabClick(event, index) {\n            this.$emit('tab-click', { originalEvent: event, index });\n        }\n    },\n    computed: {\n        // @deprecated since v4.\n        tabs() {\n            return this.$slots.default().reduce((tabs, child) => {\n                if (this.isAccordionTab(child)) {\n                    tabs.push(child);\n                } else if (child.children && child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isAccordionTab(nestedChild)) {\n                            tabs.push(nestedChild);\n                        }\n                    });\n                }\n\n                return tabs;\n            }, []);\n        },\n        hasAccordionTab() {\n            return this.tabs.length;\n        }\n    },\n    components: {\n        AccordionPanel,\n        AccordionHeader,\n        AccordionContent,\n        ChevronUpIcon,\n        ChevronRightIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","Array","undefined","multiple","Boolean","lazy","tabindex","selectOnFocus","expandIcon","collapseIcon","activeIndex","style","AccordionStyle","provide","$pcAccordion","$parentInstance","BaseAccordion","inheritAttrs","emits","data","d_value","watch","newValue","immediate","handler","hasAccordionTab","map","toString","methods","isItemActive","_this$d_value","includes","updateValue","_this$d_value2","active","filter","v","push","$emit","originalEvent","index","isAccordionTab","child","getTabProp","tab","getKey","getHeaderPT","_this","root","mergeProps","onClick","event","onTabClick","getTabPT","toggleicon","getContentPT","transition","content","key","count","tabs","length","tabMetaData","parent","instance","$props","state","$data","context","first","last","concat","ptm","ptmo","computed","_this2","$slots","reduce","children","forEach","nestedChild","components","AccordionPanel","AccordionHeader","AccordionContent","ChevronUpIcon","ChevronRightIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$options","_Fragment","_renderList","i","_createBlock","_component_AccordionPanel","pt","disabled","_createVNode","_component_AccordionHeader","_normalizeClass","_withCtx","slotProps","_resolveDynamicComponent","collapseicon","expandicon","headericon","isTabActive","header","_component_AccordionContent","_renderSlot"],"mappings":"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"}

package/accordionheader/AccordionHeader.vue

@@ -40,7 +40,7 @@ export default {
             this.$pcAccordion.selectOnFocus && this.changeActiveValue();
         },
         onClick() {
-            this.changeActiveValue();
+            !this.$pcAccordion.selectOnFocus && this.changeActiveValue();
         },
         onKeydown(event) {
             switch (event.code) {

package/accordionheader/index.d.ts

@@ -115,7 +115,12 @@ export interface AccordionHeaderSlots {
     /**
      * Custom content template.
      */
-    default(): VNode[];
+    default(scope: {
+        /**
+         * Whether the item is active.
+         */
+        active: boolean;
+    }): VNode[];
     /**
      * Custom toggleicon template.
      */

package/accordionheader/index.mjs

@@ -39,7 +39,7 @@ var script = {
       this.$pcAccordion.selectOnFocus && this.changeActiveValue();
     },
     onClick: function onClick() {
-      this.changeActiveValue();
+      !this.$pcAccordion.selectOnFocus && this.changeActiveValue();
     },
     onKeydown: function onKeydown(event) {
       switch (event.code) {

package/accordionheader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/accordionheader/BaseAccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue?vue&type=template&id=3b2aba2e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionHeaderStyle from 'primevue/accordionheader/style';\n\nexport default {\n    name: 'BaseAccordionHeader',\n    extends: BaseComponent,\n    props: {\n        as: {\n            type: [String, Object],\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: AccordionHeaderStyle,\n    provide() {\n        return {\n            $pcAccordionHeader: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :data-p=\"dataP\" :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                active: this.$pcAccordionPanel.active\n            });\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :data-p=\"dataP\" :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                active: this.$pcAccordionPanel.active\n            });\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","as","type","String","Object","asChild","Boolean","style","AccordionHeaderStyle","provide","$pcAccordionHeader","$parentInstance","BaseAccordionHeader","inheritAttrs","inject","methods","onFocus","$pcAccordion","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowDownKey","onArrowUpKey","onHomeKey","onEndKey","onEnterKey","nextPanel","findNextPanel","findPanel","currentTarget","changeFocusedPanel","preventDefault","prevPanel","findPrevPanel","firstPanel","findFirstPanel","lastPanel","findLastPanel","headerElement","closest","findHeader","panelElement","findSingle","selfCheck","element","nextElementSibling","getAttribute","previousElementSibling","$el","firstElementChild","lastElementChild","updateValue","$pcAccordionPanel","value","focus","computed","id","concat","ariaControls","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","disabled","undefined","tabindex","active","context","dataP","cn","components","ChevronUpIcon","ChevronDownIcon","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","$options","cx","_renderSlot","$slots","_openBlock","collapseicon","collapseIcon","ptm","expandicon","expandIcon"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/accordionheader/BaseAccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue?vue&type=template&id=e96e1ec6&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionHeaderStyle from 'primevue/accordionheader/style';\n\nexport default {\n    name: 'BaseAccordionHeader',\n    extends: BaseComponent,\n    props: {\n        as: {\n            type: [String, Object],\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: AccordionHeaderStyle,\n    provide() {\n        return {\n            $pcAccordionHeader: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :data-p=\"dataP\" :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            !this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                active: this.$pcAccordionPanel.active\n            });\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :data-p=\"dataP\" :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n        <slot :active=\"$pcAccordionPanel.active\"></slot>\n        <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n            <component\n                v-if=\"$pcAccordionPanel.active\"\n                :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronUpIcon'\"\n                :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n            <component\n                v-else\n                :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronDownIcon'\"\n                :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n                aria-hidden=\"true\"\n                v-bind=\"ptm('toggleicon', ptParams)\"\n            ></component>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n    name: 'AccordionHeader',\n    extends: BaseAccordionHeader,\n    inheritAttrs: false,\n    inject: ['$pcAccordion', '$pcAccordionPanel'],\n    methods: {\n        onFocus() {\n            this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onClick() {\n            !this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n        },\n        onKeydown(event) {\n            switch (event.code) {\n                case 'ArrowDown':\n                    this.onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    this.onArrowUpKey(event);\n                    break;\n\n                case 'Home':\n                    this.onHomeKey(event);\n                    break;\n\n                case 'End':\n                    this.onEndKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    this.onEnterKey(event);\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey(event) {\n            const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n            nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n            event.preventDefault();\n        },\n        onArrowUpKey(event) {\n            const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n            prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                active: this.$pcAccordionPanel.active\n            });\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","as","type","String","Object","asChild","Boolean","style","AccordionHeaderStyle","provide","$pcAccordionHeader","$parentInstance","BaseAccordionHeader","inheritAttrs","inject","methods","onFocus","$pcAccordion","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowDownKey","onArrowUpKey","onHomeKey","onEndKey","onEnterKey","nextPanel","findNextPanel","findPanel","currentTarget","changeFocusedPanel","preventDefault","prevPanel","findPrevPanel","firstPanel","findFirstPanel","lastPanel","findLastPanel","headerElement","closest","findHeader","panelElement","findSingle","selfCheck","element","nextElementSibling","getAttribute","previousElementSibling","$el","firstElementChild","lastElementChild","updateValue","$pcAccordionPanel","value","focus","computed","id","concat","ariaControls","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","disabled","undefined","tabindex","active","context","dataP","cn","components","ChevronUpIcon","ChevronDownIcon","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","$options","cx","_renderSlot","$slots","_openBlock","collapseicon","collapseIcon","ptm","expandicon","expandIcon"],"mappings":"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"}

package/autocomplete/AutoComplete.vue

@@ -8,7 +8,7 @@
             :name="$formName"
             :class="[cx('pcInputText'), inputClass]"
             :style="inputStyle"
-            :value="inputValue"
+            :defaultValue="inputValue"
             :placeholder="placeholder"
             :tabindex="!disabled ? tabindex : -1"
             :fluid="$fluid"
@@ -789,6 +789,9 @@ export default {
 
             addStyle(el, { position: 'absolute', top: '0' });
             this.alignOverlay();
+
+            // Issue: #7508
+            this.$attrSelector && el.setAttribute(this.$attrSelector, '');
         },
         onOverlayAfterEnter() {
             this.bindOutsideClickListener();

package/autocomplete/index.d.ts

@@ -165,6 +165,10 @@ export interface AutoCompletePassThroughOptions {
      * Used to pass attributes to the chip icon's DOM element.
      */
     chipIcon?: AutoCompletePassThroughOptionType;
+    /**
+     * Used to pass attributes to the input chip's DOM element.
+     */
+    input?: AutoCompletePassThroughOptionType;
     /**
      * Used to pass attributes to the input chip's DOM element.
      */

package/autocomplete/index.mjs

@@ -727,6 +727,9 @@ var script = {
         top: '0'
       });
       this.alignOverlay();
+
+      // Issue: #7508
+      this.$attrSelector && el.setAttribute(this.$attrSelector, '');
     },
     onOverlayAfterEnter: function onOverlayAfterEnter() {
       this.bindOutsideClickListener();
@@ -833,35 +836,35 @@ var script = {
       }) : this.isEquals(this.d_value, this.getOptionValue(option));
     },
     findFirstOptionIndex: function findFirstOptionIndex() {
-      var _this10 = this;
+      var _this0 = this;
       return this.visibleOptions.findIndex(function (option) {
-        return _this10.isValidOption(option);
+        return _this0.isValidOption(option);
       });
     },
     findLastOptionIndex: function findLastOptionIndex() {
-      var _this11 = this;
+      var _this1 = this;
       return findLastIndex(this.visibleOptions, function (option) {
-        return _this11.isValidOption(option);
+        return _this1.isValidOption(option);
       });
     },
     findNextOptionIndex: function findNextOptionIndex(index) {
-      var _this12 = this;
+      var _this10 = this;
       var matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this12.isValidOption(option);
+        return _this10.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
     },
     findPrevOptionIndex: function findPrevOptionIndex(index) {
-      var _this13 = this;
+      var _this11 = this;
       var matchedOptionIndex = index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this13.isValidOption(option);
+        return _this11.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
     findSelectedOptionIndex: function findSelectedOptionIndex() {
-      var _this14 = this;
+      var _this12 = this;
       return this.$filled ? this.visibleOptions.findIndex(function (option) {
-        return _this14.isValidSelectedOption(option);
+        return _this12.isValidSelectedOption(option);
       }) : -1;
     },
     findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
@@ -889,12 +892,12 @@ var script = {
       });
     },
     removeOption: function removeOption(event, index) {
-      var _this15 = this;
+      var _this13 = this;
       var removedOption = this.d_value[index];
       var value = this.d_value.filter(function (_, i) {
         return i !== index;
       }).map(function (option) {
-        return _this15.getOptionValue(option);
+        return _this13.getOptionValue(option);
       });
       this.updateModel(event, value);
       this.$emit('item-unselect', {
@@ -918,18 +921,18 @@ var script = {
       }
     },
     scrollInView: function scrollInView() {
-      var _this16 = this;
+      var _this14 = this;
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
       this.$nextTick(function () {
-        var id = index !== -1 ? "".concat(_this16.$id, "_").concat(index) : _this16.focusedOptionId;
-        var element = findSingle(_this16.list, "li[id=\"".concat(id, "\"]"));
+        var id = index !== -1 ? "".concat(_this14.$id, "_").concat(index) : _this14.focusedOptionId;
+        var element = findSingle(_this14.list, "li[id=\"".concat(id, "\"]"));
         if (element) {
           element.scrollIntoView && element.scrollIntoView({
             block: 'nearest',
             inline: 'start'
           });
-        } else if (!_this16.virtualScrollerDisabled) {
-          _this16.virtualScroller && _this16.virtualScroller.scrollToIndex(index !== -1 ? index : _this16.focusedOptionIndex);
+        } else if (!_this14.virtualScrollerDisabled) {
+          _this14.virtualScroller && _this14.virtualScroller.scrollToIndex(index !== -1 ? index : _this14.focusedOptionIndex);
         }
       });
     },
@@ -947,14 +950,14 @@ var script = {
       });
     },
     flatOptions: function flatOptions(options) {
-      var _this17 = this;
+      var _this15 = this;
       return (options || []).reduce(function (result, option, index) {
         result.push({
           optionGroup: option,
           group: true,
           index: index
         });
-        var optionGroupChildren = _this17.getOptionGroupChildren(option);
+        var optionGroupChildren = _this15.getOptionGroupChildren(option);
         optionGroupChildren && optionGroupChildren.forEach(function (o) {
           return result.push(o);
         });
@@ -972,16 +975,16 @@ var script = {
       this.virtualScroller = el;
     },
     findNextSelectedOptionIndex: function findNextSelectedOptionIndex(index) {
-      var _this18 = this;
+      var _this16 = this;
       var matchedOptionIndex = this.$filled && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this18.isValidSelectedOption(option);
+        return _this16.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
     },
     findPrevSelectedOptionIndex: function findPrevSelectedOptionIndex(index) {
-      var _this19 = this;
+      var _this17 = this;
       var matchedOptionIndex = this.$filled && index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this19.isValidSelectedOption(option);
+        return _this17.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
     },
@@ -1052,9 +1055,9 @@ var script = {
       return this.focusedMultipleOptionIndex !== -1 ? "".concat(this.$id, "_multiple_option_").concat(this.focusedMultipleOptionIndex) : null;
     },
     ariaSetSize: function ariaSetSize() {
-      var _this20 = this;
+      var _this18 = this;
       return this.visibleOptions.filter(function (option) {
-        return !_this20.isOptionGroup(option);
+        return !_this18.isOptionGroup(option);
       }).length;
     },
     virtualScrollerDisabled: function virtualScrollerDisabled() {
@@ -1134,7 +1137,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: _ctx.$formName,
     "class": normalizeClass([_ctx.cx('pcInputText'), _ctx.inputClass]),
     style: normalizeStyle(_ctx.inputStyle),
-    value: $options.inputValue,
+    defaultValue: $options.inputValue,
     placeholder: _ctx.placeholder,
     tabindex: !_ctx.disabled ? _ctx.tabindex : -1,
     fluid: _ctx.$fluid,
@@ -1159,7 +1162,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     unstyled: _ctx.unstyled,
     "data-p-has-dropdown": _ctx.dropdown,
     pt: _ctx.ptm('pcInputText')
-  }, null, 8, ["id", "name", "class", "style", "value", "placeholder", "tabindex", "fluid", "disabled", "size", "invalid", "variant", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onKeydown", "onInput", "onChange", "unstyled", "data-p-has-dropdown", "pt"])) : createCommentVNode("", true), _ctx.multiple ? (openBlock(), createElementBlock("ul", mergeProps({
+  }, null, 8, ["id", "name", "class", "style", "defaultValue", "placeholder", "tabindex", "fluid", "disabled", "size", "invalid", "variant", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onKeydown", "onInput", "onChange", "unstyled", "data-p-has-dropdown", "pt"])) : createCommentVNode("", true), _ctx.multiple ? (openBlock(), createElementBlock("ul", mergeProps({
     key: 1,
     ref: "multiContainer",
     "class": _ctx.cx('inputMultiple'),
@@ -1189,7 +1192,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-label": $options.getOptionLabel(option),
       "aria-selected": true,
       "aria-setsize": _ctx.d_value.length,
-      "aria-posinset": i + 1,
+      "aria-posinset": i + 1
+    }, {
       ref_for: true
     }, _ctx.ptm('chipItem')), [renderSlot(_ctx.$slots, "chip", mergeProps({
       "class": _ctx.cx('pcChip'),
@@ -1197,7 +1201,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       index: i,
       removeCallback: function removeCallback(event) {
         return $options.removeOption(event, i);
-      },
+      }
+    }, {
       ref_for: true
     }, _ctx.ptm('pcChip')), function () {
       return [createVNode(_component_Chip, {
@@ -1378,7 +1383,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     height: itemSize ? itemSize + 'px' : undefined
                   },
                   "class": _ctx.cx('optionGroup'),
-                  role: "option",
+                  role: "option"
+                }, {
                   ref_for: true
                 }, _ctx.ptm('optionGroup')), [renderSlot(_ctx.$slots, "optiongroup", {
                   option: option.optionGroup,
@@ -1410,7 +1416,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   },
                   "data-p-selected": $options.isSelected(option),
                   "data-p-focused": $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions),
-                  "data-p-disabled": $options.isOptionDisabled(option),
+                  "data-p-disabled": $options.isOptionDisabled(option)
+                }, {
                   ref_for: true
                 }, $options.getPTOptions(option, getItemOptions, i, 'option')), [renderSlot(_ctx.$slots, "option", {
                   option: option,