primevue 4.3.3 → 4.3.5

package/metergroup/index.mjs

@@ -80,7 +80,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('labelList')), [(openBlock(true), createElementBlock(Fragment, null, renderList($props.value, function (val, index) {
     return openBlock(), createElementBlock("li", mergeProps({
       key: index + '_label',
-      "class": _ctx.cx('label'),
+      "class": _ctx.cx('label')
+    }, {
       ref_for: true
     }, _ctx.ptm('label')), [renderSlot(_ctx.$slots, "icon", {
       value: val,
@@ -91,18 +92,21 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
         "class": [val.icon, _ctx.cx('labelIcon')],
         style: {
           color: val.color
-        },
+        }
+      }, {
         ref_for: true
       }, _ctx.ptm('labelIcon')), null, 16)) : (openBlock(), createElementBlock("span", mergeProps({
         key: 1,
         "class": _ctx.cx('labelMarker'),
         style: {
           backgroundColor: val.color
-        },
+        }
+      }, {
         ref_for: true
       }, _ctx.ptm('labelMarker')), null, 16))];
     }), createElementVNode("span", mergeProps({
-      "class": _ctx.cx('labelText'),
+      "class": _ctx.cx('labelText')
+    }, {
       ref_for: true
     }, _ctx.ptm('labelText')), toDisplayString(val.label) + " (" + toDisplayString(_ctx.$parentInstance.percentValue(val.value)) + ")", 17)], 16);
   }), 128))], 16, _hoisted_1$1);
@@ -213,7 +217,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         "class": _ctx.cx('meter'),
         style: $options.meterCalculatedStyles(val),
-        "data-p": $options.dataP,
+        "data-p": $options.dataP
+      }, {
         ref_for: true
       }, $options.getPTOptions('meter', val, index)), null, 16, _hoisted_3)) : createCommentVNode("", true)];
     });

package/metergroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/metergroup/BaseMeterGroup.vue","../../src/metergroup/MeterGroupLabel.vue","../../src/metergroup/MeterGroupLabel.vue?vue&type=template&id=485edff9&lang.js","../../src/metergroup/MeterGroup.vue","../../src/metergroup/MeterGroup.vue?vue&type=template&id=5bb0f8ea&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MeterGroupStyle from 'primevue/metergroup/style';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        min: {\n            type: Number,\n            default: 0\n        },\n        max: {\n            type: Number,\n            default: 100\n        },\n        orientation: {\n            type: String,\n            default: 'horizontal'\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    style: MeterGroupStyle,\n    provide() {\n        return {\n            $pcMeterGroup: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" :data-p=\"dataP\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    inject: ['$pcMeterGroup'],\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                [this.$pcMeterGroup.labelOrientation]: this.$pcMeterGroup.labelOrientation\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" :data-p=\"dataP\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    inject: ['$pcMeterGroup'],\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                [this.$pcMeterGroup.labelOrientation]: this.$pcMeterGroup.labelOrientation\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" :data-p=\"dataP\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" :data-p=\"dataP\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        },\n        dataP() {\n            return cn({\n                [this.orientation]: this.orientation\n            });\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" :data-p=\"dataP\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" :data-p=\"dataP\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        },\n        dataP() {\n            return cn({\n                [this.orientation]: this.orientation\n            });\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","min","Number","max","orientation","String","labelPosition","labelOrientation","style","MeterGroupStyle","provide","$pcMeterGroup","$parentInstance","hostName","inheritAttrs","inject","computed","dataP","cn","_defineProperty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","ptm","_Fragment","_renderList","$props","val","index","key","_renderSlot","$slots","icon","color","backgroundColor","_createElementVNode","_toDisplayString","label","percentValue","BaseMeterGroup","methods","getPTOptions","context","percent","meter","arguments","length","undefined","percentOfItem","Math","round","meterCalculatedStyles","width","height","totalPercent","reduce","total","percentages","sum","sumsArray","forEach","item","push","components","MeterGroupLabel","role","ptmi","_createVNode","_component_MeterGroupLabel","unstyled","pt","size","_hoisted_3"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/metergroup/BaseMeterGroup.vue","../../src/metergroup/MeterGroupLabel.vue","../../src/metergroup/MeterGroupLabel.vue?vue&type=template&id=485edff9&lang.js","../../src/metergroup/MeterGroup.vue","../../src/metergroup/MeterGroup.vue?vue&type=template&id=5bb0f8ea&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MeterGroupStyle from 'primevue/metergroup/style';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        min: {\n            type: Number,\n            default: 0\n        },\n        max: {\n            type: Number,\n            default: 100\n        },\n        orientation: {\n            type: String,\n            default: 'horizontal'\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    style: MeterGroupStyle,\n    provide() {\n        return {\n            $pcMeterGroup: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" :data-p=\"dataP\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    inject: ['$pcMeterGroup'],\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                [this.$pcMeterGroup.labelOrientation]: this.$pcMeterGroup.labelOrientation\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" :data-p=\"dataP\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    inject: ['$pcMeterGroup'],\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                [this.$pcMeterGroup.labelOrientation]: this.$pcMeterGroup.labelOrientation\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" :data-p=\"dataP\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" :data-p=\"dataP\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        },\n        dataP() {\n            return cn({\n                [this.orientation]: this.orientation\n            });\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" :data-p=\"dataP\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" :data-p=\"dataP\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        },\n        dataP() {\n            return cn({\n                [this.orientation]: this.orientation\n            });\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","min","Number","max","orientation","String","labelPosition","labelOrientation","style","MeterGroupStyle","provide","$pcMeterGroup","$parentInstance","hostName","inheritAttrs","inject","computed","dataP","cn","_defineProperty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","ptm","_Fragment","_renderList","$props","val","index","key","_renderSlot","$slots","icon","color","backgroundColor","_createElementVNode","ref_for","_toDisplayString","label","percentValue","BaseMeterGroup","methods","getPTOptions","context","percent","meter","arguments","length","undefined","percentOfItem","Math","round","meterCalculatedStyles","width","height","totalPercent","reduce","total","percentages","sum","sumsArray","forEach","item","push","components","MeterGroupLabel","role","ptmi","_createVNode","_component_MeterGroupLabel","unstyled","pt","size","_hoisted_3"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,KAAK;MACX,SAAS,EAAA;KACZ;AACDC,IAAAA,GAAG,EAAE;AACDF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,GAAG,EAAE;AACDJ,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,WAAW,EAAE;AACTL,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,aAAa,EAAE;AACXP,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,gBAAgB,EAAE;AACdR,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDG,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;;;;;ACxBD,eAAe;AACXjB,EAAAA,IAAI,EAAE,iBAAiB;AACvBkB,EAAAA,QAAQ,EAAE,YAAY;AACtB,EAAA,SAAA,EAASjB,aAAa;AACtBkB,EAAAA,YAAY,EAAE,KAAK;EACnBC,MAAM,EAAE,CAAC,eAAe,CAAC;AACzBlB,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,KAAK;MACX,SAAS,EAAA;KACZ;AACDM,IAAAA,aAAa,EAAE;AACXP,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,gBAAgB,EAAE;AACdR,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDW,EAAAA,QAAQ,EAAE;IACNC,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,EAAE,CAAAC,iBAAA,CACJ,EAAA,EAAA,IAAI,CAACR,aAAa,CAACJ,gBAAgB,EAAG,IAAI,CAACI,aAAa,CAACJ,gBAAe,CAC5E,CAAC;AACN;AACJ;AACJ,CAAC;;;;EC1CG,OAAAa,SAAA,EAAA,EAAAC,kBAAA,CAQI,MARJC,UAQI,CAAA;AARC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA,CAAA;IAAgB,QAAM,EAAEC,QAAK,CAAAR;KAAUM,IAAG,CAAAG,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,EACpDN,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAMIM,QANuB,EAAA,IAAA,EAAAC,UAAA,CAAAC,MAAA,CAAA/B,KAAK,EAApB,UAAAgC,GAAG,EAAEC,KAAK,EAAA;IAAtB,OAAAX,SAAA,EAAA,EAAAC,kBAAA,CAMI,MANJC,UAMI,CAAA;MAN+BU,GAAG,EAAED;AAAmB,MAAA,OAAA,EAAOR,IAAE,CAAAC,EAAA,CAAA,OAAA;;;OAAmBD,IAAG,CAAAG,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CACtFO,UAGM,CAAAV,IAAA,CAAAW,MAAA,EAAA,MAAA,EAAA;AAHapC,MAAAA,KAAK,EAAEgC,GAAG;AAAG,MAAA,OAAA,iBAAOP,IAAE,CAAAC,EAAA,CAAA,WAAA,CAAA;OAAzC,YAAA;AAAA,MAAA,OAGM,CAFOM,GAAG,CAACK,IAAI,IAAjBf,SAAA,EAAA,EAAAC,kBAAA,CAAiH,KAAjHC,UAAiH,CAAA;;QAA7F,OAAQ,EAAA,CAAAQ,GAAG,CAACK,IAAI,EAAEZ,IAAE,CAAAC,EAAA,CAAA,WAAA,CAAA,CAAA;AAAiBhB,QAAAA,KAAK,EAAA;UAAA4B,KAAA,EAAWN,GAAG,CAACM;AAAI;;;SAAab,IAAG,CAAAG,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KACjGN,SAAA,EAAA,EAAAC,kBAAA,CAA6G,QAA7GC,UAA6G,CAAA;;AAA/F,QAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,aAAA,CAAA;AAAkBhB,QAAAA,KAAK,EAAA;UAAA6B,eAAA,EAAqBP,GAAG,CAACM;AAAM;;;SAAWb,IAAG,CAAAG,GAAA,CAAA,aAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,CAAA;QAE/FY,kBAAA,CAA8H,QAA9HhB,UAA8H,CAAA;AAAvH,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA;AAAuB,KAAA,EAAA;AAAAe,MAAAA,OAAA,EAAA;AAAA,KAAA,EAAAhB,IAAA,CAAAG,GAAG,CAAkB,WAAA,CAAA,CAAA,EAAAc,eAAA,CAAAV,GAAG,CAACW,KAAI,IAAG,IAAG,GAAAD,eAAA,CAAGjB,IAAe,CAAAX,eAAA,CAAC8B,YAAY,CAACZ,GAAG,CAAChC,KAAK,KAAI,GAAC,EAAA,EAAA,CAAA;;;;;;;;;;ACkBpI,aAAe;AACXH,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASgD,QAAc;AACvB7B,EAAAA,YAAY,EAAE,KAAK;AACnB8B,EAAAA,OAAO,EAAE;IACLC,YAAY,EAAA,SAAZA,YAAYA,CAACb,GAAG,EAAElC,KAAK,EAAEiC,KAAK,EAAE;AAC5B,MAAA,OAAO,IAAI,CAACL,GAAG,CAACM,GAAG,EAAE;AACjBc,QAAAA,OAAO,EAAE;AACLhD,UAAAA,KAAK,EAALA,KAAK;AACLiC,UAAAA,KAAI,EAAJA;AACJ;AACJ,OAAC,CAAC;KACL;IACDgB,OAAO,EAAA,SAAPA,OAAOA,GAAY;AAAA,MAAA,IAAXC,KAAM,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAE,CAAC;AACb,MAAA,IAAMG,aAAY,GAAK,CAACJ,KAAI,GAAI,IAAI,CAAC/C,GAAG,KAAK,IAAI,CAACE,GAAE,GAAI,IAAI,CAACF,GAAG,CAAC,GAAI,GAAG;AAExE,MAAA,OAAOoD,IAAI,CAACC,KAAK,CAACD,IAAI,CAAClD,GAAG,CAAC,CAAC,EAAEkD,IAAI,CAACpD,GAAG,CAAC,GAAG,EAAEmD,aAAa,CAAC,CAAC,CAAC;KAC/D;AACDV,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACM,KAAK,EAAE;AAChB,MAAA,OAAO,IAAI,CAACD,OAAO,CAACC,KAAK,CAAE,GAAE,GAAG;KACnC;AACDO,IAAAA,qBAAqB,EAArBA,SAAAA,qBAAqBA,CAACzB,GAAG,EAAE;MACvB,OAAO;QACHO,eAAe,EAAEP,GAAG,CAACM,KAAK;AAC1BoB,QAAAA,KAAK,EAAE,IAAI,CAACpD,WAAU,KAAM,YAAW,IAAK,IAAI,CAACsC,YAAY,CAACZ,GAAG,CAAChC,KAAK,CAAC;AACxE2D,QAAAA,MAAM,EAAE,IAAI,CAACrD,WAAU,KAAM,UAAS,IAAK,IAAI,CAACsC,YAAY,CAACZ,GAAG,CAAChC,KAAK;OACzE;AACL;GACH;AACDkB,EAAAA,QAAQ,EAAE;IACN0C,YAAY,EAAA,SAAZA,YAAYA,GAAG;AACX,MAAA,OAAO,IAAI,CAACX,OAAO,CAAC,IAAI,CAACjD,KAAK,CAAC6D,MAAM,CAAC,UAACC,KAAK,EAAE9B,GAAG,EAAA;AAAA,QAAA,OAAK8B,KAAM,GAAE9B,GAAG,CAAChC,KAAK;OAAE,EAAA,CAAC,CAAC,CAAC;KAC/E;IACD+D,WAAW,EAAA,SAAXA,WAAWA,GAAG;MACV,IAAIC,GAAE,GAAI,CAAC;MACX,IAAMC,SAAU,GAAE,EAAE;AAEpB,MAAA,IAAI,CAACjE,KAAK,CAACkE,OAAO,CAAC,UAACC,IAAI,EAAK;QACzBH,GAAE,IAAKG,IAAI,CAACnE,KAAK;AACjBiE,QAAAA,SAAS,CAACG,IAAI,CAACJ,GAAG,CAAC;AACvB,OAAC,CAAC;AAEF,MAAA,OAAOC,SAAS;KACnB;IACD9C,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,EAAE,CAAAC,eAAA,CAAA,EAAA,EACJ,IAAI,CAACf,WAAW,EAAG,IAAI,CAACA,WAAU,CACtC,CAAC;AACN;GACH;AACD+D,EAAAA,UAAU,EAAE;AACRC,IAAAA,eAAc,EAAdA;AACJ;AACJ,CAAC;;;;;;;EC7EG,OAAAhD,SAAA,EAAA,EAAAC,kBAAA,CAgBK,OAhBLC,UAgBK,CAAA;AAhBC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU6C,IAAAA,IAAI,EAAC,OAAQ;IAAC,eAAa,EAAE9C,IAAG,CAAAtB,GAAA;IAAG,eAAa,EAAEsB,IAAG,CAAApB,GAAA;IAAG,eAAa,EAAEsB,QAAY,CAAAiC,YAAA;IAAG,QAAM,EAAEjC,QAAK,CAAAR;KAAUM,IAAI,CAAA+C,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAC1H/C,IAAY,CAAAjB,aAAA,KAAA,OAAA,GAAxB2B,UAEM,CAAAV,IAAA,CAAAW,MAAA,EAAA,OAAA,EAAA;;IAF+CpC,KAAK,EAAEyB,IAAK,CAAAzB,KAAA;IAAG4D,YAAY,EAAEjC,QAAY,CAAAiC,YAAA;IAAGG,WAAW,EAAEpC,QAAW,CAAAoC;KAAzH,YAAA;AAAA,IAAA,OAEM,CADFU,WAAmI,CAAAC,0BAAA,EAAA;MAAjH1E,KAAK,EAAEyB,IAAK,CAAAzB,KAAA;MAAGQ,aAAa,EAAEiB,IAAa,CAAAjB,aAAA;MAAGC,gBAAgB,EAAEgB,IAAgB,CAAAhB,gBAAA;MAAGkE,QAAQ,EAAElD,IAAQ,CAAAkD,QAAA;MAAGC,EAAE,EAAEnD,IAAE,CAAAmD;;qCAEpIzC,UAA2F,CAAAV,IAAA,CAAAW,MAAA,EAAA,OAAA,EAAA;IAAvEpC,KAAK,EAAEyB,IAAK,CAAAzB,KAAA;IAAG4D,YAAY,EAAEjC,QAAY,CAAAiC,YAAA;IAAGG,WAAW,EAAEpC,QAAW,CAAAoC;MACxFvB,kBAAA,CAMK,OANLhB,UAMK,CAAA;AANC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;IAAa,QAAM,EAAEC,QAAK,CAAAR;KAAUM,IAAG,CAAAG,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAClDN,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAIUM,QAJuB,EAAA,IAAA,EAAAC,UAAA,CAAAL,IAAA,CAAAzB,KAAK,EAApB,UAAAgC,GAAG,EAAEC,KAAK,EAAA;WACxBE,UAEM,CAAAV,IAAA,CAAAW,MAAA,EAAA,OAAA,EAAA;WAHoCH,KAAK;AAC3BjC,MAAAA,KAAK,EAAEgC,GAAG;AAAGC,MAAAA,KAAK,EAAEA,KAAK;MAAG,wBAAOR,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA,CAAA;MAAYpB,WAAW,EAAEmB,IAAW,CAAAnB,WAAA;MAAGuE,IAAI,EAAElD,QAAA,CAAAiB,YAAY,CAACZ,GAAG,CAAChC,KAAK,CAAA;MAAI4D,YAAY,EAAEjC,QAAY,CAAAiC;OAA1J,YAAA;AAAA,MAAA,OAEM,CADUjC,QAAO,CAAAsB,OAAA,CAACjB,GAAG,CAAChC,KAAK,CAAA,IAA7BsB,SAAA,EAAA,EAAAC,kBAAA,CAAqJ,QAArJC,UAAqJ,CAAA;;AAApH,QAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;AAAYhB,QAAAA,KAAK,EAAEiB,QAAqB,CAAA8B,qBAAA,CAACzB,GAAG,CAAA;QAAI,QAAM,EAAEL,QAAK,CAAAR;;;SAAUQ,QAAY,CAAAoB,YAAA,CAAA,OAAA,EAAUf,GAAG,EAAEC,KAAK,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA6C,UAAA,CAAA;;+BAI7J3C,UAAyF,CAAAV,IAAA,CAAAW,MAAA,EAAA,KAAA,EAAA;IAAvEpC,KAAK,EAAEyB,IAAK,CAAAzB,KAAA;IAAG4D,YAAY,EAAEjC,QAAY,CAAAiC,YAAA;IAAGG,WAAW,EAAEpC,QAAW,CAAAoC;MAC1EtC,IAAc,CAAAjB,aAAA,KAAA,KAAA,GAA1B2B,UAEM,CAAAV,IAAA,CAAAW,MAAA,EAAA,OAAA,EAAA;;IAF6CpC,KAAK,EAAEyB,IAAK,CAAAzB,KAAA;IAAG4D,YAAY,EAAEjC,QAAY,CAAAiC,YAAA;IAAGG,WAAW,EAAEpC,QAAW,CAAAoC;KAAvH,YAAA;AAAA,IAAA,OAEM,CADFU,WAAmI,CAAAC,0BAAA,EAAA;MAAjH1E,KAAK,EAAEyB,IAAK,CAAAzB,KAAA;MAAGQ,aAAa,EAAEiB,IAAa,CAAAjB,aAAA;MAAGC,gBAAgB,EAAEgB,IAAgB,CAAAhB,gBAAA;MAAGkE,QAAQ,EAAElD,IAAQ,CAAAkD,QAAA;MAAGC,EAAE,EAAEnD,IAAE,CAAAmD;;;;;;;;;"}

package/multiselect/MultiSelect.vue

@@ -740,6 +740,9 @@ export default {
 
             this.autoFilterFocus && focus(this.$refs.filterInput.$el);
             this.autoUpdateModel();
+
+            // Issue: #7508
+            this.$attrSelector && el.setAttribute(this.$attrSelector, '');
         },
         onOverlayAfterEnter() {
             this.bindOutsideClickListener();
@@ -934,7 +937,7 @@ export default {
             return matchedOptionIndex > -1 ? matchedOptionIndex : index;
         },
         findFirstFocusedOptionIndex() {
-            const selectedIndex = this.findSelectedOptionIndex();
+            const selectedIndex = this.findFirstSelectedOptionIndex();
 
             return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
         },

package/multiselect/index.d.ts

@@ -787,7 +787,7 @@ export interface MultiSelectSlots {
         /**
          * Options of the loader items for virtualscroller
          */
-        allSelected: boolean;
+        checked: boolean;
         /**
          * Style class of the loading icon.
          */

package/multiselect/index.mjs

@@ -666,6 +666,9 @@ var script = {
       this.scrollInView();
       this.autoFilterFocus && focus(this.$refs.filterInput.$el);
       this.autoUpdateModel();
+
+      // Issue: #7508
+      this.$attrSelector && el.setAttribute(this.$attrSelector, '');
     },
     onOverlayAfterEnter: function onOverlayAfterEnter() {
       this.bindOutsideClickListener();
@@ -761,7 +764,7 @@ var script = {
       return selectedItemsLabel;
     },
     onToggleAll: function onToggleAll(event) {
-      var _this10 = this;
+      var _this0 = this;
       if (this.selectAll !== null) {
         this.$emit('selectall-change', {
           originalEvent: event,
@@ -769,18 +772,18 @@ var script = {
         });
       } else {
         var value = this.allSelected ? [] : this.visibleOptions.filter(function (option) {
-          return _this10.isValidOption(option);
+          return _this0.isValidOption(option);
         }).map(function (option) {
-          return _this10.getOptionValue(option);
+          return _this0.getOptionValue(option);
         });
         this.updateModel(event, value);
       }
     },
     removeOption: function removeOption(event, optionValue) {
-      var _this11 = this;
+      var _this1 = this;
       event.stopPropagation();
       var value = this.d_value.filter(function (val) {
-        return !equals(val, optionValue, _this11.equalityKey);
+        return !equals(val, optionValue, _this1.equalityKey);
       });
       this.updateModel(event, value);
     },
@@ -804,45 +807,45 @@ var script = {
       return equals(value1, value2, this.equalityKey);
     },
     isSelected: function isSelected(option) {
-      var _this12 = this;
+      var _this10 = this;
       var optionValue = this.getOptionValue(option);
       return (this.d_value || []).some(function (value) {
-        return _this12.isEquals(value, optionValue);
+        return _this10.isEquals(value, optionValue);
       });
     },
     findFirstOptionIndex: function findFirstOptionIndex() {
-      var _this13 = this;
+      var _this11 = this;
       return this.visibleOptions.findIndex(function (option) {
-        return _this13.isValidOption(option);
+        return _this11.isValidOption(option);
       });
     },
     findLastOptionIndex: function findLastOptionIndex() {
-      var _this14 = this;
+      var _this12 = this;
       return findLastIndex(this.visibleOptions, function (option) {
-        return _this14.isValidOption(option);
+        return _this12.isValidOption(option);
       });
     },
     findNextOptionIndex: function findNextOptionIndex(index) {
-      var _this15 = this;
+      var _this13 = this;
       var matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this15.isValidOption(option);
+        return _this13.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
     },
     findPrevOptionIndex: function findPrevOptionIndex(index) {
-      var _this16 = this;
+      var _this14 = this;
       var matchedOptionIndex = index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this16.isValidOption(option);
+        return _this14.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
     findSelectedOptionIndex: function findSelectedOptionIndex() {
-      var _this17 = this;
+      var _this15 = this;
       if (this.$filled) {
         var _loop = function _loop() {
-            var value = _this17.d_value[index];
-            var matchedOptionIndex = _this17.visibleOptions.findIndex(function (option) {
-              return _this17.isValidSelectedOption(option) && _this17.isEquals(value, _this17.getOptionValue(option));
+            var value = _this15.d_value[index];
+            var matchedOptionIndex = _this15.visibleOptions.findIndex(function (option) {
+              return _this15.isValidSelectedOption(option) && _this15.isEquals(value, _this15.getOptionValue(option));
             });
             if (matchedOptionIndex > -1) return {
               v: matchedOptionIndex
@@ -857,28 +860,28 @@ var script = {
       return -1;
     },
     findFirstSelectedOptionIndex: function findFirstSelectedOptionIndex() {
-      var _this18 = this;
+      var _this16 = this;
       return this.$filled ? this.visibleOptions.findIndex(function (option) {
-        return _this18.isValidSelectedOption(option);
+        return _this16.isValidSelectedOption(option);
       }) : -1;
     },
     findLastSelectedOptionIndex: function findLastSelectedOptionIndex() {
-      var _this19 = this;
+      var _this17 = this;
       return this.$filled ? findLastIndex(this.visibleOptions, function (option) {
-        return _this19.isValidSelectedOption(option);
+        return _this17.isValidSelectedOption(option);
       }) : -1;
     },
     findNextSelectedOptionIndex: function findNextSelectedOptionIndex(index) {
-      var _this20 = this;
+      var _this18 = this;
       var matchedOptionIndex = this.$filled && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this20.isValidSelectedOption(option);
+        return _this18.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
     },
     findPrevSelectedOptionIndex: function findPrevSelectedOptionIndex(index) {
-      var _this21 = this;
+      var _this19 = this;
       var matchedOptionIndex = this.$filled && index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this21.isValidSelectedOption(option);
+        return _this19.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
     },
@@ -897,7 +900,7 @@ var script = {
       return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
     findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
-      var selectedIndex = this.findSelectedOptionIndex();
+      var selectedIndex = this.findFirstSelectedOptionIndex();
       return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
     },
     findLastFocusedOptionIndex: function findLastFocusedOptionIndex() {
@@ -905,20 +908,20 @@ var script = {
       return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
     },
     searchOptions: function searchOptions(event) {
-      var _this22 = this;
+      var _this20 = this;
       this.searchValue = (this.searchValue || '') + event.key;
       var optionIndex = -1;
       if (isNotEmpty(this.searchValue)) {
         if (this.focusedOptionIndex !== -1) {
           optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function (option) {
-            return _this22.isOptionMatched(option);
+            return _this20.isOptionMatched(option);
           });
           optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function (option) {
-            return _this22.isOptionMatched(option);
+            return _this20.isOptionMatched(option);
           }) : optionIndex + this.focusedOptionIndex;
         } else {
           optionIndex = this.visibleOptions.findIndex(function (option) {
-            return _this22.isOptionMatched(option);
+            return _this20.isOptionMatched(option);
           });
         }
         if (optionIndex === -1 && this.focusedOptionIndex === -1) {
@@ -932,8 +935,8 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this22.searchValue = '';
-        _this22.searchTimeout = null;
+        _this20.searchValue = '';
+        _this20.searchTimeout = null;
       }, 500);
     },
     changeFocusedOptionIndex: function changeFocusedOptionIndex(event, index) {
@@ -946,18 +949,18 @@ var script = {
       }
     },
     scrollInView: function scrollInView() {
-      var _this23 = this;
+      var _this21 = this;
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
       this.$nextTick(function () {
-        var id = index !== -1 ? "".concat(_this23.$id, "_").concat(index) : _this23.focusedOptionId;
-        var element = findSingle(_this23.list, "li[id=\"".concat(id, "\"]"));
+        var id = index !== -1 ? "".concat(_this21.$id, "_").concat(index) : _this21.focusedOptionId;
+        var element = findSingle(_this21.list, "li[id=\"".concat(id, "\"]"));
         if (element) {
           element.scrollIntoView && element.scrollIntoView({
             block: 'nearest',
             inline: 'nearest'
           });
-        } else if (!_this23.virtualScrollerDisabled) {
-          _this23.virtualScroller && _this23.virtualScroller.scrollToIndex(index !== -1 ? index : _this23.focusedOptionIndex);
+        } else if (!_this21.virtualScrollerDisabled) {
+          _this21.virtualScroller && _this21.virtualScroller.scrollToIndex(index !== -1 ? index : _this21.focusedOptionIndex);
         }
       });
     },
@@ -978,14 +981,14 @@ var script = {
       });
     },
     flatOptions: function flatOptions(options) {
-      var _this24 = this;
+      var _this22 = this;
       return (options || []).reduce(function (result, option, index) {
         result.push({
           optionGroup: option,
           group: true,
           index: index
         });
-        var optionGroupChildren = _this24.getOptionGroupChildren(option);
+        var optionGroupChildren = _this22.getOptionGroupChildren(option);
         optionGroupChildren && optionGroupChildren.forEach(function (o) {
           return result.push(o);
         });
@@ -1005,7 +1008,7 @@ var script = {
   },
   computed: {
     visibleOptions: function visibleOptions() {
-      var _this25 = this;
+      var _this23 = this;
       var options = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
       if (this.filterValue) {
         var filteredOptions = FilterService.filter(options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
@@ -1013,11 +1016,11 @@ var script = {
           var optionGroups = this.options || [];
           var filtered = [];
           optionGroups.forEach(function (group) {
-            var groupChildren = _this25.getOptionGroupChildren(group);
+            var groupChildren = _this23.getOptionGroupChildren(group);
             var filteredItems = groupChildren.filter(function (item) {
               return filteredOptions.includes(item);
             });
-            if (filteredItems.length > 0) filtered.push(_objectSpread(_objectSpread({}, group), {}, _defineProperty$1({}, typeof _this25.optionGroupChildren === 'string' ? _this25.optionGroupChildren : 'items', _toConsumableArray(filteredItems))));
+            if (filteredItems.length > 0) filtered.push(_objectSpread(_objectSpread({}, group), {}, _defineProperty$1({}, typeof _this23.optionGroupChildren === 'string' ? _this23.optionGroupChildren : 'items', _toConsumableArray(filteredItems))));
           });
           return this.flatOptions(filtered);
         }
@@ -1049,9 +1052,9 @@ var script = {
       return isNotEmpty(this.maxSelectedLabels) && this.d_value && this.d_value.length > this.maxSelectedLabels;
     },
     allSelected: function allSelected() {
-      var _this26 = this;
+      var _this24 = this;
       return this.selectAll !== null ? this.selectAll : isNotEmpty(this.visibleOptions) && this.visibleOptions.every(function (option) {
-        return _this26.isOptionGroup(option) || _this26.isOptionDisabled(option) || _this26.isSelected(option);
+        return _this24.isOptionGroup(option) || _this24.isOptionDisabled(option) || _this24.isSelected(option);
       });
     },
     // @deprecated use $filled instead.
@@ -1092,9 +1095,9 @@ var script = {
       return this.focusedOptionIndex !== -1 ? "".concat(this.$id, "_").concat(this.focusedOptionIndex) : null;
     },
     ariaSetSize: function ariaSetSize() {
-      var _this27 = this;
+      var _this25 = this;
       return this.visibleOptions.filter(function (option) {
-        return !_this27.isOptionGroup(option);
+        return !_this25.isOptionGroup(option);
       }).length;
     },
     toggleAllAriaLabel: function toggleAllAriaLabel() {
@@ -1234,7 +1237,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, renderList(_ctx.d_value, function (item) {
       return openBlock(), createElementBlock("span", mergeProps({
         key: $options.getLabelByValue(item),
-        "class": _ctx.cx('chipItem'),
+        "class": _ctx.cx('chipItem')
+      }, {
         ref_for: true
       }, _ctx.ptm('chipItem')), [renderSlot(_ctx.$slots, "chip", {
         value: item,
@@ -1468,7 +1472,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     height: itemSize ? itemSize + 'px' : undefined
                   },
                   "class": _ctx.cx('optionGroup'),
-                  role: "option",
+                  role: "option"
+                }, {
                   ref_for: true
                 }, _ctx.ptm('optionGroup')), [renderSlot(_ctx.$slots, "optiongroup", {
                   option: option.optionGroup,
@@ -1497,7 +1502,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   },
                   onMousemove: function onMousemove($event) {
                     return $options.onOptionMouseMove($event, $options.getOptionIndex(i, getItemOptions));
-                  },
+                  }
+                }, {
                   ref_for: true
                 }, $options.getCheckboxPTOptions(option, getItemOptions, i, 'option'), {
                   "data-p-selected": $options.isSelected(option),
@@ -1521,7 +1527,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       "class": normalizeClass(slotProps["class"])
                     }, null, 8, ["checked", "class"])) : slotProps.checked ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.checkboxIcon ? 'span' : 'CheckIcon'), mergeProps({
                       key: 1,
-                      "class": [slotProps["class"], _defineProperty({}, _ctx.checkboxIcon, slotProps.checked)],
+                      "class": [slotProps["class"], _defineProperty({}, _ctx.checkboxIcon, slotProps.checked)]
+                    }, {
                       ref_for: true
                     }, $options.getCheckboxPTOptions(option, getItemOptions, i, 'pcOptionCheckbox.icon')), null, 16, ["class"])) : createCommentVNode("", true)];
                   }),