primevue 4.3.3 → 4.3.4

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":";;;;;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,qBAAqB;AAC3B,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,EAAE,EAAE;AACAC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLH,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,oBAAoB;EAC3BC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,kBAAkB,EAAE,IAAI;AACxBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACQD,aAAe;AACXb,EAAAA,IAAI,EAAE,iBAAiB;AACvB,EAAA,SAAA,EAASc,QAAmB;AAC5BC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE,CAAC,cAAc,EAAE,mBAAmB,CAAC;AAC7CC,EAAAA,OAAO,EAAE;IACLC,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,IAAI,CAACC,YAAY,CAACC,aAAY,IAAK,IAAI,CAACC,iBAAiB,EAAE;KAC9D;IACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,CAAC,IAAI,CAACH,YAAY,CAACC,aAAY,IAAK,IAAI,CAACC,iBAAiB,EAAE;KAC/D;AACDE,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACC,KAAK,EAAE;MACb,QAAQA,KAAK,CAACC,IAAI;AACd,QAAA,KAAK,WAAW;AACZ,UAAA,IAAI,CAACC,cAAc,CAACF,KAAK,CAAC;AAC1B,UAAA;AAEJ,QAAA,KAAK,SAAS;AACV,UAAA,IAAI,CAACG,YAAY,CAACH,KAAK,CAAC;AACxB,UAAA;AAEJ,QAAA,KAAK,MAAM;AACP,UAAA,IAAI,CAACI,SAAS,CAACJ,KAAK,CAAC;AACrB,UAAA;AAEJ,QAAA,KAAK,KAAK;AACN,UAAA,IAAI,CAACK,QAAQ,CAACL,KAAK,CAAC;AACpB,UAAA;AAEJ,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,aAAa;AAClB,QAAA,KAAK,OAAO;AACR,UAAA,IAAI,CAACM,UAAU,CAACN,KAAK,CAAC;AACtB,UAAA;AAIR;KACH;AACDE,IAAAA,cAAc,EAAdA,SAAAA,cAAcA,CAACF,KAAK,EAAE;AAClB,MAAA,IAAMO,SAAQ,GAAI,IAAI,CAACC,aAAa,CAAC,IAAI,CAACC,SAAS,CAACT,KAAK,CAACU,aAAa,CAAC,CAAC;AAEzEH,MAAAA,SAAU,GAAE,IAAI,CAACI,kBAAkB,CAACX,KAAK,EAAEO,SAAS,CAAE,GAAE,IAAI,CAACH,SAAS,CAACJ,KAAK,CAAC;MAC7EA,KAAK,CAACY,cAAc,EAAE;KACzB;AACDT,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACH,KAAK,EAAE;AAChB,MAAA,IAAMa,SAAQ,GAAI,IAAI,CAACC,aAAa,CAAC,IAAI,CAACL,SAAS,CAACT,KAAK,CAACU,aAAa,CAAC,CAAC;AAEzEG,MAAAA,SAAU,GAAE,IAAI,CAACF,kBAAkB,CAACX,KAAK,EAAEa,SAAS,CAAA,GAAI,IAAI,CAACR,QAAQ,CAACL,KAAK,CAAC;MAC5EA,KAAK,CAACY,cAAc,EAAE;KACzB;AACDR,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACJ,KAAK,EAAE;AACb,MAAA,IAAMe,UAAS,GAAI,IAAI,CAACC,cAAc,EAAE;AAExC,MAAA,IAAI,CAACL,kBAAkB,CAACX,KAAK,EAAEe,UAAU,CAAC;MAC1Cf,KAAK,CAACY,cAAc,EAAE;KACzB;AACDP,IAAAA,QAAQ,EAARA,SAAAA,QAAQA,CAACL,KAAK,EAAE;AACZ,MAAA,IAAMiB,SAAQ,GAAI,IAAI,CAACC,aAAa,EAAE;AAEtC,MAAA,IAAI,CAACP,kBAAkB,CAACX,KAAK,EAAEiB,SAAS,CAAC;MACzCjB,KAAK,CAACY,cAAc,EAAE;KACzB;AACDN,IAAAA,UAAU,EAAVA,SAAAA,UAAUA,CAACN,KAAK,EAAE;MACd,IAAI,CAACH,iBAAiB,EAAE;MACxBG,KAAK,CAACY,cAAc,EAAE;KACzB;AACDH,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACU,aAAa,EAAE;MACrB,OAAOA,aAAa,aAAbA,aAAa,KAAA,MAAA,GAAA,MAAA,GAAbA,aAAa,CAAEC,OAAO,CAAC,iCAAiC,CAAC;KACnE;AACDC,IAAAA,UAAU,EAAVA,SAAAA,UAAUA,CAACC,YAAY,EAAE;AACrB,MAAA,OAAOC,UAAU,CAACD,YAAY,EAAE,kCAAkC,CAAC;KACtE;AACDd,IAAAA,aAAa,EAAbA,SAAAA,aAAaA,CAACc,YAAY,EAAqB;AAAA,MAAA,IAAnBE,gFAAY,KAAK;MACzC,IAAMC,OAAQ,GAAED,SAAQ,GAAIF,YAAW,GAAIA,YAAY,CAACI,kBAAkB;MAE1E,OAAOD,OAAM,GAAKE,YAAY,CAACF,OAAO,EAAE,iBAAiB,CAAA,GAAI,IAAI,CAACjB,aAAa,CAACiB,OAAO,CAAE,GAAE,IAAI,CAACJ,UAAU,CAACI,OAAO,CAAC,GAAI,IAAI;KAC9H;AACDX,IAAAA,aAAa,EAAbA,SAAAA,aAAaA,CAACQ,YAAY,EAAqB;AAAA,MAAA,IAAnBE,gFAAY,KAAK;MACzC,IAAMC,OAAM,GAAID,SAAU,GAAEF,YAAW,GAAIA,YAAY,CAACM,sBAAsB;MAE9E,OAAOH,OAAM,GAAKE,YAAY,CAACF,OAAO,EAAE,iBAAiB,CAAA,GAAI,IAAI,CAACX,aAAa,CAACW,OAAO,CAAE,GAAE,IAAI,CAACJ,UAAU,CAACI,OAAO,CAAC,GAAI,IAAI;KAC9H;IACDT,cAAc,EAAA,SAAdA,cAAcA,GAAG;AACb,MAAA,OAAO,IAAI,CAACR,aAAa,CAAC,IAAI,CAACb,YAAY,CAACkC,GAAG,CAACC,iBAAiB,EAAE,IAAI,CAAC;KAC3E;IACDZ,aAAa,EAAA,SAAbA,aAAaA,GAAG;AACZ,MAAA,OAAO,IAAI,CAACJ,aAAa,CAAC,IAAI,CAACnB,YAAY,CAACkC,GAAG,CAACE,gBAAgB,EAAE,IAAI,CAAC;KAC1E;IACDlC,iBAAiB,EAAA,SAAjBA,iBAAiBA,GAAG;MAChB,IAAI,CAACF,YAAY,CAACqC,WAAW,CAAC,IAAI,CAACC,iBAAiB,CAACC,KAAK,CAAC;KAC9D;AACDvB,IAAAA,kBAAkB,WAAlBA,kBAAkBA,CAACX,KAAK,EAAEyB,OAAO,EAAE;AAC/BU,MAAAA,KAAK,CAAC,IAAI,CAACd,UAAU,CAACI,OAAO,CAAC,CAAC;AACnC;GACH;AACDW,EAAAA,QAAQ,EAAE;IACNC,EAAE,EAAA,SAAFA,EAAEA,GAAG;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAU,IAAI,CAAC3C,YAAY,CAAC0C,EAAE,EAAAC,mBAAAA,CAAAA,CAAAA,MAAA,CAAoB,IAAI,CAACL,iBAAiB,CAACC,KAAK,CAAA;KACjF;IACDK,YAAY,EAAA,SAAZA,YAAYA,GAAG;AACX,MAAA,OAAA,EAAA,CAAAD,MAAA,CAAU,IAAI,CAAC3C,YAAY,CAAC0C,EAAE,EAAAC,oBAAAA,CAAAA,CAAAA,MAAA,CAAqB,IAAI,CAACL,iBAAiB,CAACC,KAAK,CAAA;KAClF;IACDM,KAAK,EAAA,SAALA,KAAKA,GAAG;MACJ,OAAOC,UAAU,CAAC,IAAI,CAACC,OAAO,EAAE,IAAI,CAACC,SAAS,EAAE,IAAI,CAACC,IAAI,CAAC,MAAM,EAAE,IAAI,CAACC,QAAQ,CAAC,CAAC;KACpF;IACDH,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,OAAO,IAAI,CAAC/D,EAAC,KAAM,QAAO,GAAI;AAAEC,QAAAA,IAAI,EAAE,QAAQ;AAAEkE,QAAAA,QAAQ,EAAE,IAAI,CAACb,iBAAiB,CAACa;AAAS,UAAIC,SAAS;KAC1G;IACDJ,SAAS,EAAA,SAATA,SAASA,GAAG;MACR,OAAO;QACHN,EAAE,EAAE,IAAI,CAACA,EAAE;AACXW,QAAAA,QAAQ,EAAE,IAAI,CAACrD,YAAY,CAACqD,QAAQ;AACpC,QAAA,eAAe,EAAE,IAAI,CAACf,iBAAiB,CAACgB,MAAM;QAC9C,eAAe,EAAE,IAAI,CAACV,YAAY;AAClC,QAAA,cAAc,EAAE,iBAAiB;AACjC,QAAA,iBAAiB,EAAE,IAAI,CAACN,iBAAiB,CAACa,QAAQ;AAClD,QAAA,eAAe,EAAE,IAAI,CAACb,iBAAiB,CAACgB,MAAM;QAC9CvD,OAAO,EAAE,IAAI,CAACA,OAAO;QACrBK,SAAS,EAAE,IAAI,CAACA;OACnB;KACJ;IACD8C,QAAQ,EAAA,SAARA,QAAQA,GAAG;MACP,OAAO;AACHK,QAAAA,OAAO,EAAE;AACLD,UAAAA,MAAM,EAAE,IAAI,CAAChB,iBAAiB,CAACgB;AACnC;OACH;KACJ;IACDE,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,EAAE,CAAC;AACNH,QAAAA,MAAM,EAAE,IAAI,CAAChB,iBAAiB,CAACgB;AACnC,OAAC,CAAC;AACN;GACH;AACDI,EAAAA,UAAU,EAAE;AACRC,IAAAA,aAAa,EAAbA,aAAa;AACbC,IAAAA,eAAc,EAAdA;GACH;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAAEC;AACZ;AACJ,CAAC;;;;UC9KqBC,IAAO,CAAA5E,OAAA,gCAAzB6E,WAkBW,CAAAC,uBAAA,CAlBqBF,IAAE,CAAAhF,EAAA,CAAA,EAAlCmF,UAkBW,CAAA;;IAlBmC,QAAM,EAAEC,QAAK,CAAAZ,KAAA;AAAG,IAAA,OAAA,EAAOQ,IAAE,CAAAK,EAAA,CAAA,MAAA,CAAA;IAAWlE,OAAK,EAAEiE,QAAO,CAAAjE;KAAUiE,QAAK,CAAAvB,KAAA,CAAA,EAAA;uBAC3G,YAAA;MAAA,OAA+C,CAA/CyB,UAA+C,CAAAN,IAAA,CAAAO,MAAA,EAAA,SAAA,EAAA;AAAxCjB,QAAAA,MAAM,EAAEc,QAAiB,CAAA9B,iBAAA,CAACgB;UACjCgB,UAeM,CAAAN,IAAA,CAAAO,MAAA,EAAA,YAAA,EAAA;AAfmBjB,QAAAA,MAAM,EAAEc,QAAiB,CAAA9B,iBAAA,CAACgB,MAAM;AAAG,QAAA,OAAA,iBAAOU,IAAE,CAAAK,EAAA,CAAA,YAAA,CAAA;SAArE,YAAA;AAAA,QAAA,OAeM,CAbQD,QAAA,CAAA9B,iBAAiB,CAACgB,MAAM,IADlCkB,SAAA,EAAA,EAAAP,WAAA,CAMYC,wBAJHE,QAAY,CAAApE,YAAA,CAACuE,MAAM,CAACE,YAAa,GAAEL,QAAA,CAAApE,YAAY,CAACuE,MAAM,CAACE,YAAW,GAAIL,qBAAY,CAACM,YAAW,8BAFvGP,UAMY,CAAA;;AAHP,UAAA,OAAA,EAAQ,CAAAC,QAAA,CAAApE,YAAY,CAAC0E,YAAY,EAAEV,IAAE,CAAAK,EAAA,CAAA,YAAA,CAAA,CAAA;AACtC,UAAA,aAAW,EAAC;SACJ,EAAAL,IAAA,CAAAW,GAAG,eAAeP,QAAQ,CAAAlB,QAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,KAEtCsB,SAAA,EAAA,EAAAP,WAAA,CAMYC,wBAJHE,QAAY,CAAApE,YAAA,CAACuE,MAAM,CAACK,UAAS,GAAIR,QAAA,CAAApE,YAAY,CAACuE,MAAM,CAACK,UAAW,GAAER,qBAAY,CAACS,UAAW,gCAFnGV,UAMY,CAAA;;AAHP,UAAA,OAAA,EAAQ,CAAAC,QAAA,CAAApE,YAAY,CAAC6E,UAAU,EAAEb,IAAE,CAAAK,EAAA,CAAA,YAAA,CAAA,CAAA;AACpC,UAAA,aAAW,EAAC;SACJ,EAAAL,IAAA,CAAAW,GAAG,eAAeP,QAAQ,CAAAlB,QAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;oEAI9CoB,UAAoH,CAAAN,IAAA,CAAAO,MAAA,EAAA,SAAA,EAAA;;IAAtG,wBAAOP,IAAE,CAAAK,EAAA,CAAA,MAAA,CAAA,CAAA;AAAWf,IAAAA,MAAM,EAAEc,QAAiB,CAAA9B,iBAAA,CAACgB,MAAM;IAAGN,SAAS,EAAEoB,QAAS,CAAApB,SAAA;IAAG7C,OAAO,EAAEiE,QAAO,CAAAjE;;;;;;;;"}

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'),