primevue 3.49.1 → 3.51.0

package/accordion/Accordion.d.ts

@@ -232,8 +232,8 @@ export interface AccordionEmits {
  */
 declare class Accordion extends ClassComponent<AccordionProps, AccordionSlots, AccordionEmits> {}
 
-declare module '@vue/runtime-core' {
-    interface GlobalComponents {
+declare module 'vue' {
+    export interface GlobalComponents {
         Accordion: GlobalComponentConstructor<Accordion>;
     }
 }

package/accordion/Accordion.vue

@@ -73,16 +73,16 @@ export default {
         };
     },
     watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
+        '$attrs.id': {
+            immediate: true,
+            handler: function (newValue) {
+                this.id = newValue || UniqueComponentId();
+            }
         },
         activeIndex(newValue) {
             this.d_activeIndex = newValue;
         }
     },
-    mounted() {
-        this.id = this.id || UniqueComponentId();
-    },
     methods: {
         isAccordionTab(child) {
             return child.type.name === 'AccordionTab';

package/accordion/accordion.cjs.js

@@ -69,16 +69,16 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || utils.UniqueComponentId();
+    '$attrs.id': {
+      immediate: true,
+      handler: function handler(newValue) {
+        this.id = newValue || utils.UniqueComponentId();
+      }
     },
     activeIndex: function activeIndex(newValue) {
       this.d_activeIndex = newValue;
     }
   },
-  mounted: function mounted() {
-    this.id = this.id || utils.UniqueComponentId();
-  },
   methods: {
     isAccordionTab: function isAccordionTab(child) {
       return child.type.name === 'AccordionTab';

package/accordion/accordion.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),i=require("vue"),o=require("primevue/accordion/style"),r=require("primevue/basecomponent");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(o),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(r).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||a.UniqueComponentId()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,o={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:o}),this.ptm("accordiontab.".concat(t),{accordiontab:o}),this.ptm("accordiontab.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){var a;return(t="symbol"==b(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var g=["data-pc-index","data-p-active"],y=["data-p-highlight","data-p-disabled"],T=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],x=["id","aria-labelledby"];u.render=function(e,t,n,a,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptmi("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},r.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":r.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:r.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),r.getTabProp(t,"headerClass")]},f(f({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"header",n)),{"data-p-highlight":r.isTabActive(n),"data-p-disabled":r.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":r.getTabProp(t,"disabled"),"aria-expanded":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},f(f({},r.getTabProp(t,"headeractionprops")),r.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:r.isTabActive(n),active:r.isTabActive(n),index:n},null,8,["isTabActive","active","index"])):r.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},r.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,T)],16,y),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},r.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),r.getTabProp(t,"contentClass")],role:"region","aria-labelledby":r.getTabHeaderActionId(n)},f(f({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},r.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,x)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,g)})),128))],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),i=require("vue"),r=require("primevue/accordion/style"),o=require("primevue/basecomponent");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(r),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(o).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":{immediate:!0,handler:function(e){this.id=e||a.UniqueComponentId()}},activeIndex:function(e){this.d_activeIndex=e}},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("accordiontab.".concat(t),{accordiontab:r}),this.ptm("accordiontab.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==b(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var g=["data-pc-index","data-p-active"],y=["data-p-highlight","data-p-disabled"],T=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],x=["id","aria-labelledby"];u.render=function(e,t,n,a,r,o){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptmi("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:o.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},o.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":o.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:o.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),o.getTabProp(t,"headerClass")]},m(m({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"header",n)),{"data-p-highlight":o.isTabActive(n),"data-p-disabled":o.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":o.getTabProp(t,"disabled"),"aria-expanded":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},m(m({},o.getTabProp(t,"headeractionprops")),o.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:o.isTabActive(n),active:o.isTabActive(n),index:n},null,8,["isTabActive","active","index"])):o.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},o.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},o.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,T)],16,y),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},o.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),o.getTabProp(t,"contentClass")],role:"region","aria-labelledby":o.getTabHeaderActionId(n)},m(m({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},o.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,x)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,g)})),128))],16)},module.exports=u;

package/accordion/accordion.esm.js

@@ -59,16 +59,16 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
+    '$attrs.id': {
+      immediate: true,
+      handler: function handler(newValue) {
+        this.id = newValue || UniqueComponentId();
+      }
     },
     activeIndex: function activeIndex(newValue) {
       this.d_activeIndex = newValue;
     }
   },
-  mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
-  },
   methods: {
     isAccordionTab: function isAccordionTab(child) {
       return child.type.name === 'AccordionTab';

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,openBlock as o,createElementBlock as c,Fragment as d,renderList as s,createElementVNode as l,createBlock as p,resolveDynamicComponent as b,toDisplayString as u,createCommentVNode as h,createVNode as f,Transition as v,withCtx as g,withDirectives as T,vShow as m}from"vue";import y from"primevue/accordion/style";import x from"primevue/basecomponent";var A={name:"Accordion",extends:{name:"BaseAccordion",extends:x,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:y,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||i()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||i()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var i=this.tabs.length,a={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(t),{tab:a}),this.ptm("accordiontab.".concat(t),{accordiontab:a}),this.ptm("accordiontab.".concat(t),a),this.ptmo(this.getTabProp(e,"pt"),t,a))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var i=this.isTabActive(n),a=i?"tab-close":"tab-open";this.multiple?i?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:e,ChevronRightIcon:t},directives:{ripple:n}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){var i;return(t="symbol"==I(i=S(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=I(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var O=["data-pc-index","data-p-active"],H=["data-p-highlight","data-p-disabled"],_=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],k=["id","aria-labelledby"];A.render=function(e,t,n,i,a,y){return o(),c("div",r({class:e.cx("root")},e.ptmi("root")),[(o(!0),c(d,null,s(y.tabs,(function(t,n){return o(),c("div",r({key:y.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},y.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":y.isTabActive(n)}),[l("div",r({style:y.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),y.getTabProp(t,"headerClass")]},w(w({},y.getTabProp(t,"headerProps")),y.getTabPT(t,"header",n)),{"data-p-highlight":y.isTabActive(n),"data-p-disabled":y.getTabProp(t,"disabled")}),[l("a",r({id:y.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:y.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":y.getTabProp(t,"disabled"),"aria-expanded":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(e){return y.onTabClick(e,t,n)},onKeydown:function(e){return y.onTabKeyDown(e,t,n)}},w(w({},y.getTabProp(t,"headeractionprops")),y.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(o(),p(b(t.children.headericon),{key:0,isTabActive:y.isTabActive(n),active:y.isTabActive(n),index:n},null,8,["isTabActive","active","index"])):y.isTabActive(n)?(o(),p(b(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),r({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])):(o(),p(b(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),r({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(o(),c("span",r({key:3,class:e.cx("tab.headerTitle")},y.getTabPT(t,"headertitle",n)),u(t.props.header),17)):h("",!0),t.children&&t.children.header?(o(),p(b(t.children.header),{key:4})):h("",!0)],16,_)],16,H),f(v,r({name:"p-toggleable-content"},y.getTabPT(t,"transition",n)),{default:g((function(){return[!e.lazy||y.isTabActive(n)?T((o(),c("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),y.getTabProp(t,"contentClass")],role:"region","aria-labelledby":y.getTabHeaderActionId(n)},w(w({},y.getTabProp(t,"contentProps")),y.getTabPT(t,"toggleablecontent",n))),[l("div",r({class:e.cx("tab.content")},y.getTabPT(t,"content",n)),[(o(),p(b(t)))],16)],16,k)),[[m,!!e.lazy||y.isTabActive(n)]]):h("",!0)]})),_:2},1040)],16,O)})),128))],16)};export{A as default};
+import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,openBlock as o,createElementBlock as c,Fragment as d,renderList as s,createElementVNode as l,createBlock as p,resolveDynamicComponent as b,toDisplayString as u,createCommentVNode as h,createVNode as f,Transition as v,withCtx as g,withDirectives as m,vShow as T}from"vue";import y from"primevue/accordion/style";import x from"primevue/basecomponent";var A={name:"Accordion",extends:{name:"BaseAccordion",extends:x,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:y,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":{immediate:!0,handler:function(e){this.id=e||i()}},activeIndex:function(e){this.d_activeIndex=e}},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var i=this.tabs.length,a={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(t),{tab:a}),this.ptm("accordiontab.".concat(t),{accordiontab:a}),this.ptm("accordiontab.".concat(t),a),this.ptmo(this.getTabProp(e,"pt"),t,a))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var i=this.isTabActive(n),a=i?"tab-close":"tab-open";this.multiple?i?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(a,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:e,ChevronRightIcon:t},directives:{ripple:n}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){var i;return(t="symbol"==I(i=S(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=I(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var O=["data-pc-index","data-p-active"],H=["data-p-highlight","data-p-disabled"],_=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],k=["id","aria-labelledby"];A.render=function(e,t,n,i,a,y){return o(),c("div",r({class:e.cx("root")},e.ptmi("root")),[(o(!0),c(d,null,s(y.tabs,(function(t,n){return o(),c("div",r({key:y.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},y.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":y.isTabActive(n)}),[l("div",r({style:y.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),y.getTabProp(t,"headerClass")]},w(w({},y.getTabProp(t,"headerProps")),y.getTabPT(t,"header",n)),{"data-p-highlight":y.isTabActive(n),"data-p-disabled":y.getTabProp(t,"disabled")}),[l("a",r({id:y.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:y.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":y.getTabProp(t,"disabled"),"aria-expanded":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(e){return y.onTabClick(e,t,n)},onKeydown:function(e){return y.onTabKeyDown(e,t,n)}},w(w({},y.getTabProp(t,"headeractionprops")),y.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(o(),p(b(t.children.headericon),{key:0,isTabActive:y.isTabActive(n),active:y.isTabActive(n),index:n},null,8,["isTabActive","active","index"])):y.isTabActive(n)?(o(),p(b(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),r({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])):(o(),p(b(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),r({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},y.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(o(),c("span",r({key:3,class:e.cx("tab.headerTitle")},y.getTabPT(t,"headertitle",n)),u(t.props.header),17)):h("",!0),t.children&&t.children.header?(o(),p(b(t.children.header),{key:4})):h("",!0)],16,_)],16,H),f(v,r({name:"p-toggleable-content"},y.getTabPT(t,"transition",n)),{default:g((function(){return[!e.lazy||y.isTabActive(n)?m((o(),c("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),y.getTabProp(t,"contentClass")],role:"region","aria-labelledby":y.getTabHeaderActionId(n)},w(w({},y.getTabProp(t,"contentProps")),y.getTabPT(t,"toggleablecontent",n))),[l("div",r({class:e.cx("tab.content")},y.getTabPT(t,"content",n)),[(o(),p(b(t)))],16)],16,k)),[[T,!!e.lazy||y.isTabActive(n)]]):h("",!0)]})),_:2},1040)],16,O)})),128))],16)};export{A as default};

package/accordion/accordion.js

@@ -63,16 +63,16 @@ this.primevue.accordion = (function (ChevronDownIcon, ChevronRightIcon, Ripple,
         };
       },
       watch: {
-        '$attrs.id': function $attrsId(newValue) {
-          this.id = newValue || utils.UniqueComponentId();
+        '$attrs.id': {
+          immediate: true,
+          handler: function handler(newValue) {
+            this.id = newValue || utils.UniqueComponentId();
+          }
         },
         activeIndex: function activeIndex(newValue) {
           this.d_activeIndex = newValue;
         }
       },
-      mounted: function mounted() {
-        this.id = this.id || utils.UniqueComponentId();
-      },
       methods: {
         isAccordionTab: function isAccordionTab(child) {
           return child.type.name === 'AccordionTab';

package/accordion/accordion.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.accordion=function(e,t,n,a,i,o,r){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(o),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(r).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.id=this.id||a.UniqueComponentId()},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,o={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:o}),this.ptm("accordiontab.".concat(t),{accordiontab:o}),this.ptm("accordiontab.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==b(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var g=["data-pc-index","data-p-active"],y=["data-p-highlight","data-p-disabled"],T=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],x=["id","aria-labelledby"];return u.render=function(e,t,n,a,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptmi("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},r.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":r.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:r.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),r.getTabProp(t,"headerClass")]},m(m({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"header",n)),{"data-p-highlight":r.isTabActive(n),"data-p-disabled":r.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":r.getTabProp(t,"disabled"),"aria-expanded":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},m(m({},r.getTabProp(t,"headeractionprops")),r.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:r.isTabActive(n),active:r.isTabActive(n),index:n},null,8,["isTabActive","active","index"])):r.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},r.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,T)],16,y),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},r.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),r.getTabProp(t,"contentClass")],role:"region","aria-labelledby":r.getTabHeaderActionId(n)},m(m({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},r.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,x)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,g)})),128))],16)},u}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.accordion.style,primevue.basecomponent);
+this.primevue=this.primevue||{},this.primevue.accordion=function(e,t,n,a,i,o,r){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(e),s=c(t),l=c(n),p=c(o),u={name:"Accordion",extends:{name:"BaseAccordion",extends:c(r).default,props:{multiple:{type:Boolean,default:!1},activeIndex:{type:[Number,Array],default:null},lazy:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1}},style:p.default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex}},watch:{"$attrs.id":{immediate:!0,handler:function(e){this.id=e||a.UniqueComponentId()}},activeIndex:function(e){this.d_activeIndex=e}},methods:{isAccordionTab:function(e){return"AccordionTab"===e.type.name},isTabActive:function(e){return this.multiple?this.d_activeIndex&&this.d_activeIndex.includes(e):this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,o={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:o}),this.ptm("accordiontab.".concat(t),{accordiontab:o}),this.ptm("accordiontab.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowDown":this.onTabArrowDownKey(e);break;case"ArrowUp":this.onTabArrowUpKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowDownKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowUpKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findNextHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling,'[data-pc-section="header"]');return t?a.DomHandler.getAttribute(t,"data-p-disabled")?this.findPrevHeaderAction(t.parentElement):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$el.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$el.lastElementChild,!0)},changeActiveIndex:function(e,t,n){if(!this.getTabProp(t,"disabled")){var a=this.isTabActive(n),i=a?"tab-close":"tab-open";this.multiple?a?this.d_activeIndex=this.d_activeIndex.filter((function(e){return e!==n})):this.d_activeIndex?this.d_activeIndex.push(n):this.d_activeIndex=[n]:this.d_activeIndex=this.d_activeIndex===n?null:n,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit(i,{originalEvent:e,index:n})}},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.selectOnFocus)){var n=parseInt(t.parentElement.parentElement.dataset.pcIndex,10);this.changeActiveIndex(e,this.tabs[n],n)}}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isAccordionTab(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isAccordionTab(n)&&t.push(n)})),t}),[])}},components:{ChevronDownIcon:d.default,ChevronRightIcon:s.default},directives:{ripple:l.default}};function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==b(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var g=["data-pc-index","data-p-active"],y=["data-p-highlight","data-p-disabled"],T=["id","tabindex","aria-disabled","aria-expanded","aria-controls","onClick","onKeydown"],x=["id","aria-labelledby"];return u.render=function(e,t,n,a,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptmi("root")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(t,n),class:e.cx("tab.root",{tab:t,index:n})},r.getTabPT(t,"root",n),{"data-pc-name":"accordiontab","data-pc-index":n,"data-p-active":r.isTabActive(n)}),[i.createElementVNode("div",i.mergeProps({style:r.getTabProp(t,"headerStyle"),class:[e.cx("tab.header",{tab:t,index:n}),r.getTabProp(t,"headerClass")]},m(m({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"header",n)),{"data-p-highlight":r.isTabActive(n),"data-p-disabled":r.getTabProp(t,"disabled")}),[i.createElementVNode("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")?-1:e.tabindex,role:"button","aria-disabled":r.getTabProp(t,"disabled"),"aria-expanded":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},m(m({},r.getTabProp(t,"headeractionprops")),r.getTabPT(t,"headeraction",n))),[t.children&&t.children.headericon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.headericon),{key:0,isTabActive:r.isTabActive(n),active:r.isTabActive(n),index:n},null,8,["isTabActive","active","index"])):r.isTabActive(n)?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.collapseicon?e.$slots.collapseicon:e.collapseIcon?"span":"ChevronDownIcon"),i.mergeProps({key:1,class:[e.cx("tab.headerIcon"),e.collapseIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.expandicon?e.$slots.expandicon:e.expandIcon?"span":"ChevronRightIcon"),i.mergeProps({key:2,class:[e.cx("tab.headerIcon"),e.expandIcon],"aria-hidden":"true"},r.getTabPT(t,"headericon",n)),null,16,["class"])),t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:3,class:e.cx("tab.headerTitle")},r.getTabPT(t,"headertitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:4})):i.createCommentVNode("",!0)],16,T)],16,y),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},r.getTabPT(t,"transition",n)),{default:i.withCtx((function(){return[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:[e.cx("tab.toggleableContent"),r.getTabProp(t,"contentClass")],role:"region","aria-labelledby":r.getTabHeaderActionId(n)},m(m({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"toggleablecontent",n))),[i.createElementVNode("div",i.mergeProps({class:e.cx("tab.content")},r.getTabPT(t,"content",n)),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16)],16,x)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)]})),_:2},1040)],16,g)})),128))],16)},u}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.accordion.style,primevue.basecomponent);

package/accordiontab/AccordionTab.d.ts

@@ -226,8 +226,8 @@ export interface AccordionTabEmits {}
  */
 declare class AccordionTab extends ClassComponent<AccordionTabProps, AccordionTabSlots, AccordionTabEmits> {}
 
-declare module '@vue/runtime-core' {
-    interface GlobalComponents {
+declare module 'vue' {
+    export interface GlobalComponents {
         AccordionTab: GlobalComponentConstructor<AccordionTab>;
     }
 }

package/autocomplete/AutoComplete.d.ts

@@ -769,8 +769,8 @@ export interface AutoCompleteEmits {
  */
 declare class AutoComplete extends ClassComponent<AutoCompleteProps, AutoCompleteSlots, AutoCompleteEmits> {}
 
-declare module '@vue/runtime-core' {
-    interface GlobalComponents {
+declare module 'vue' {
+    export interface GlobalComponents {
         AutoComplete: GlobalComponentConstructor<AutoComplete>;
     }
 }

package/autocomplete/AutoComplete.vue

@@ -201,8 +201,11 @@ export default {
         };
     },
     watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
+        '$attrs.id': {
+            immediate: true,
+            handler: function (newValue) {
+                this.id = newValue || UniqueComponentId();
+            }
         },
         suggestions() {
             if (this.searching) {
@@ -215,7 +218,6 @@ export default {
         }
     },
     mounted() {
-        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
     },
     updated() {
@@ -771,8 +773,13 @@ export default {
         isValidSelectedOption(option) {
             return this.isValidOption(option) && this.isSelected(option);
         },
+        isEquals(value1, value2) {
+            return ObjectUtils.equals(value1, value2, this.equalityKey);
+        },
         isSelected(option) {
-            return ObjectUtils.equals(this.modelValue, this.getOptionValue(option), this.equalityKey);
+            const optionValue = this.getOptionValue(option);
+
+            return this.multiple ? (this.modelValue || []).some((value) => this.isEquals(value, optionValue)) : this.isEquals(this.modelValue, this.getOptionValue(option));
         },
         findFirstOptionIndex() {
             return this.visibleOptions.findIndex((option) => this.isValidOption(option));

package/autocomplete/autocomplete.cjs.js

@@ -241,8 +241,11 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || utils.UniqueComponentId();
+    '$attrs.id': {
+      immediate: true,
+      handler: function handler(newValue) {
+        this.id = newValue || utils.UniqueComponentId();
+      }
     },
     suggestions: function suggestions() {
       if (this.searching) {
@@ -254,7 +257,6 @@ var script = {
     }
   },
   mounted: function mounted() {
-    this.id = this.id || utils.UniqueComponentId();
     this.autoUpdateModel();
   },
   updated: function updated() {
@@ -750,39 +752,46 @@ var script = {
     isValidSelectedOption: function isValidSelectedOption(option) {
       return this.isValidOption(option) && this.isSelected(option);
     },
+    isEquals: function isEquals(value1, value2) {
+      return utils.ObjectUtils.equals(value1, value2, this.equalityKey);
+    },
     isSelected: function isSelected(option) {
-      return utils.ObjectUtils.equals(this.modelValue, this.getOptionValue(option), this.equalityKey);
+      var _this8 = this;
+      var optionValue = this.getOptionValue(option);
+      return this.multiple ? (this.modelValue || []).some(function (value) {
+        return _this8.isEquals(value, optionValue);
+      }) : this.isEquals(this.modelValue, this.getOptionValue(option));
     },
     findFirstOptionIndex: function findFirstOptionIndex() {
-      var _this8 = this;
+      var _this9 = this;
       return this.visibleOptions.findIndex(function (option) {
-        return _this8.isValidOption(option);
+        return _this9.isValidOption(option);
       });
     },
     findLastOptionIndex: function findLastOptionIndex() {
-      var _this9 = this;
+      var _this10 = this;
       return utils.ObjectUtils.findLastIndex(this.visibleOptions, function (option) {
-        return _this9.isValidOption(option);
+        return _this10.isValidOption(option);
       });
     },
     findNextOptionIndex: function findNextOptionIndex(index) {
-      var _this10 = this;
+      var _this11 = this;
       var matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this10.isValidOption(option);
+        return _this11.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
     },
     findPrevOptionIndex: function findPrevOptionIndex(index) {
-      var _this11 = this;
+      var _this12 = this;
       var matchedOptionIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this11.isValidOption(option);
+        return _this12.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
     findSelectedOptionIndex: function findSelectedOptionIndex() {
-      var _this12 = this;
+      var _this13 = this;
       return this.hasSelectedOption ? this.visibleOptions.findIndex(function (option) {
-        return _this12.isValidSelectedOption(option);
+        return _this13.isValidSelectedOption(option);
       }) : -1;
     },
     findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
@@ -810,12 +819,12 @@ var script = {
       });
     },
     removeOption: function removeOption(event, index) {
-      var _this13 = this;
+      var _this14 = this;
       var removedOption = this.modelValue[index];
       var value = this.modelValue.filter(function (_, i) {
         return i !== index;
       }).map(function (option) {
-        return _this13.getOptionValue(option);
+        return _this14.getOptionValue(option);
       });
       this.updateModel(event, value);
       this.$emit('item-unselect', {
@@ -835,18 +844,18 @@ var script = {
       }
     },
     scrollInView: function scrollInView() {
-      var _this14 = this;
+      var _this15 = this;
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
       this.$nextTick(function () {
-        var id = index !== -1 ? "".concat(_this14.id, "_").concat(index) : _this14.focusedOptionId;
-        var element = utils.DomHandler.findSingle(_this14.list, "li[id=\"".concat(id, "\"]"));
+        var id = index !== -1 ? "".concat(_this15.id, "_").concat(index) : _this15.focusedOptionId;
+        var element = utils.DomHandler.findSingle(_this15.list, "li[id=\"".concat(id, "\"]"));
         if (element) {
           element.scrollIntoView && element.scrollIntoView({
             block: 'nearest',
             inline: 'start'
           });
-        } else if (!_this14.virtualScrollerDisabled) {
-          _this14.virtualScroller && _this14.virtualScroller.scrollToIndex(index !== -1 ? index : _this14.focusedOptionIndex);
+        } else if (!_this15.virtualScrollerDisabled) {
+          _this15.virtualScroller && _this15.virtualScroller.scrollToIndex(index !== -1 ? index : _this15.focusedOptionIndex);
         }
       });
     },
@@ -864,14 +873,14 @@ var script = {
       });
     },
     flatOptions: function flatOptions(options) {
-      var _this15 = this;
+      var _this16 = this;
       return (options || []).reduce(function (result, option, index) {
         result.push({
           optionGroup: option,
           group: true,
           index: index
         });
-        var optionGroupChildren = _this15.getOptionGroupChildren(option);
+        var optionGroupChildren = _this16.getOptionGroupChildren(option);
         optionGroupChildren && optionGroupChildren.forEach(function (o) {
           return result.push(o);
         });
@@ -936,9 +945,9 @@ var script = {
       return this.focusedMultipleOptionIndex !== -1 ? "".concat(this.id, "_multiple_option_").concat(this.focusedMultipleOptionIndex) : null;
     },
     ariaSetSize: function ariaSetSize() {
-      var _this16 = this;
+      var _this17 = this;
       return this.visibleOptions.filter(function (option) {
-        return !_this16.isOptionGroup(option);
+        return !_this17.isOptionGroup(option);
       }).length;
     },
     virtualScrollerDisabled: function virtualScrollerDisabled() {