primevue 3.16.2 → 3.17.0

package/listbox/listbox.js

@@ -18,7 +18,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             optionDisabled: null,
             optionGroupLabel: null,
             optionGroupChildren: null,
-    		listStyle: null,
+            listStyle: null,
             disabled: Boolean,
             dataKey: null,
             multiple: Boolean,
@@ -43,6 +43,10 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 type: Boolean,
                 default: true
             },
+            selectOnFocus: {
+                type: Boolean,
+                default: false
+            },
             filterMessage: {
                 type: String,
                 default: null
@@ -82,15 +86,13 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
         startRangeIndex: -1,
         searchTimeout: null,
         searchValue: '',
-        selectOnFocus: false,
         focusOnHover: false,
         data() {
             return {
-                id: utils.UniqueComponentId(),
                 filterValue: null,
                 focused: false,
                 focusedOptionIndex: -1
-            }
+            };
         },
         watch: {
             options() {
@@ -98,13 +100,11 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             }
         },
         mounted() {
-            this.id = this.$attrs.id || this.id;
-
             this.autoUpdateModel();
         },
         methods: {
             getOptionIndex(index, fn) {
-                return this.virtualScrollerDisabled ? index : (fn && fn(index)['index']);
+                return this.virtualScrollerDisabled ? index : fn && fn(index)['index'];
             },
             getOptionLabel(option) {
                 return this.optionLabel ? utils.ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
@@ -128,12 +128,13 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 return utils.ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren);
             },
             getAriaPosInset(index) {
-                return (this.optionGroupLabel ? index - this.visibleOptions.slice(0, index).filter(option => this.isOptionGroup(option)).length : index) + 1;
+                return (this.optionGroupLabel ? index - this.visibleOptions.slice(0, index).filter((option) => this.isOptionGroup(option)).length : index) + 1;
             },
             onFirstHiddenFocus() {
-                this.list.focus();
+                utils.DomHandler.focus(this.list);
 
                 const firstFocusableEl = utils.DomHandler.getFirstFocusableElement(this.$el, ':not(.p-hidden-focusable)');
+
                 this.$refs.lastHiddenFocusableElement.tabIndex = utils.ObjectUtils.isEmpty(firstFocusableEl) ? -1 : undefined;
                 this.$refs.firstHiddenFocusableElement.tabIndex = -1;
             },
@@ -142,11 +143,11 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
 
                 if (relatedTarget === this.list) {
                     const firstFocusableEl = utils.DomHandler.getFirstFocusableElement(this.$el, ':not(.p-hidden-focusable)');
-                    firstFocusableEl && firstFocusableEl.focus();
+
+                    utils.DomHandler.focus(firstFocusableEl);
                     this.$refs.firstHiddenFocusableElement.tabIndex = undefined;
-                }
-                else {
-                    this.$refs.firstHiddenFocusableElement.focus();
+                } else {
+                    utils.DomHandler.focus(this.$refs.firstHiddenFocusableElement);
                 }
 
                 this.$refs.lastHiddenFocusableElement.tabIndex = -1;
@@ -168,6 +169,8 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 this.$emit('blur', event);
             },
             onListKeyDown(event) {
+                const metaKey = event.metaKey || event.ctrlKey;
+
                 switch (event.code) {
                     case 'ArrowDown':
                         this.onArrowDownKey(event);
@@ -208,15 +211,16 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                         break;
 
                     default:
-                        if (event.code === 'KeyA' && this.multiple && (event.metaKey || event.ctrlKey)) {
-                            const value = this.visibleOptions.filter(option => this.isValidOption(option)).map(option => this.getOptionValue(option));
+                        if (this.multiple && event.code === 'KeyA' && metaKey) {
+                            const value = this.visibleOptions.filter((option) => this.isValidOption(option)).map((option) => this.getOptionValue(option));
+
                             this.updateModel(event, value);
 
                             event.preventDefault();
                             break;
                         }
 
-                        if (utils.ObjectUtils.isPrintableCharacter(event.key)) {
+                        if (!metaKey && utils.ObjectUtils.isPrintableCharacter(event.key)) {
                             this.searchOptions(event, event.key);
                             event.preventDefault();
                         }
@@ -252,20 +256,18 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 let metaSelection = this.optionTouched ? false : this.metaKeySelection;
 
                 if (metaSelection) {
-                    let metaKey = (event.metaKey || event.ctrlKey);
+                    let metaKey = event.metaKey || event.ctrlKey;
 
                     if (selected) {
                         if (metaKey) {
                             value = null;
                             valueChanged = true;
                         }
-                    }
-                    else {
+                    } else {
                         value = this.getOptionValue(option);
                         valueChanged = true;
                     }
-                }
-                else {
+                } else {
                     value = selected ? null : this.getOptionValue(option);
                     valueChanged = true;
                 }
@@ -280,18 +282,16 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 let metaSelection = this.optionTouched ? false : this.metaKeySelection;
 
                 if (metaSelection) {
-                    let metaKey = (event.metaKey || event.ctrlKey);
+                    let metaKey = event.metaKey || event.ctrlKey;
 
                     if (selected) {
                         value = metaKey ? this.removeOption(option) : [this.getOptionValue(option)];
-                    }
-                    else {
-                        value = (metaKey) ? this.modelValue || [] : [];
+                    } else {
+                        value = metaKey ? this.modelValue || [] : [];
                         value = [...value, this.getOptionValue(option)];
                     }
-                }
-                else {
-                    value = selected ? this.removeOption(option) : [...this.modelValue || [], this.getOptionValue(option)];
+                } else {
+                    value = selected ? this.removeOption(option) : [...(this.modelValue || []), this.getOptionValue(option)];
                 }
 
                 this.updateModel(event, value);
@@ -303,13 +303,16 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 if (start !== -1 && end !== -1) {
                     const rangeStart = Math.min(start, end);
                     const rangeEnd = Math.max(start, end);
-                    const value = this.visibleOptions.slice(rangeStart, rangeEnd + 1).filter(option => this.isValidOption(option)).map(option => this.getOptionValue(option));
+                    const value = this.visibleOptions
+                        .slice(rangeStart, rangeEnd + 1)
+                        .filter((option) => this.isValidOption(option))
+                        .map((option) => this.getOptionValue(option));
 
                     this.updateModel(event, value);
                 }
             },
             onFilterChange(event) {
-                this.$emit('filter', {originalEvent: event, value: event.target.value});
+                this.$emit('filter', { originalEvent: event, value: event.target.value });
                 this.focusedOptionIndex = this.startRangeIndex = -1;
             },
             onFilterBlur() {
@@ -375,8 +378,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 if (pressedInInputText) {
                     event.currentTarget.setSelectionRange(0, 0);
                     this.focusedOptionIndex = -1;
-                }
-                else {
+                } else {
                     let metaKey = event.metaKey || event.ctrlKey;
                     let optionIndex = this.findFirstOptionIndex();
 
@@ -393,10 +395,10 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 if (pressedInInputText) {
                     const target = event.currentTarget;
                     const len = target.value.length;
+
                     target.setSelectionRange(len, len);
                     this.focusedOptionIndex = -1;
-                }
-                else {
+                } else {
                     let metaKey = event.metaKey || event.ctrlKey;
                     let optionIndex = this.findLastOptionIndex();
 
@@ -419,10 +421,8 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             },
             onEnterKey(event) {
                 if (this.focusedOptionIndex !== -1) {
-                    if (this.multiple && event.shiftKey)
-                        this.onOptionSelectRange(event, this.focusedOptionIndex);
-                    else
-                        this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
+                    if (this.multiple && event.shiftKey) this.onOptionSelectRange(event, this.focusedOptionIndex);
+                    else this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
                 }
 
                 event.preventDefault();
@@ -445,37 +445,39 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             isSelected(option) {
                 const optionValue = this.getOptionValue(option);
 
-                if (this.multiple)
-                    return (this.modelValue || []).some(value => utils.ObjectUtils.equals(value, optionValue, this.equalityKey));
-                else
-                    return utils.ObjectUtils.equals(this.modelValue, optionValue, this.equalityKey);
+                if (this.multiple) return (this.modelValue || []).some((value) => utils.ObjectUtils.equals(value, optionValue, this.equalityKey));
+                else return utils.ObjectUtils.equals(this.modelValue, optionValue, this.equalityKey);
             },
             findFirstOptionIndex() {
-                return this.visibleOptions.findIndex(option => this.isValidOption(option));
+                return this.visibleOptions.findIndex((option) => this.isValidOption(option));
             },
             findLastOptionIndex() {
-                return utils.ObjectUtils.findLastIndex(this.visibleOptions, option => this.isValidOption(option));
+                return utils.ObjectUtils.findLastIndex(this.visibleOptions, (option) => this.isValidOption(option));
             },
             findNextOptionIndex(index) {
-                const matchedOptionIndex = index < (this.visibleOptions.length - 1) ? this.visibleOptions.slice(index + 1).findIndex(option => this.isValidOption(option)) : -1;
+                const matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex((option) => this.isValidOption(option)) : -1;
+
                 return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
             },
             findPrevOptionIndex(index) {
-                const matchedOptionIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), option => this.isValidOption(option)) : -1;
+                const matchedOptionIndex = index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), (option) => this.isValidOption(option)) : -1;
+
                 return matchedOptionIndex > -1 ? matchedOptionIndex : index;
             },
             findFirstSelectedOptionIndex() {
-                return this.hasSelectedOption ? this.visibleOptions.findIndex(option => this.isValidSelectedOption(option)) : -1;
+                return this.hasSelectedOption ? this.visibleOptions.findIndex((option) => this.isValidSelectedOption(option)) : -1;
             },
             findLastSelectedOptionIndex() {
-                return this.hasSelectedOption ? utils.ObjectUtils.findLastIndex(this.visibleOptions, option => this.isValidSelectedOption(option)) : -1;
+                return this.hasSelectedOption ? utils.ObjectUtils.findLastIndex(this.visibleOptions, (option) => this.isValidSelectedOption(option)) : -1;
             },
             findNextSelectedOptionIndex(index) {
-                const matchedOptionIndex = this.hasSelectedOption && index < (this.visibleOptions.length - 1) ? this.visibleOptions.slice(index + 1).findIndex(option => this.isValidSelectedOption(option)) : -1;
+                const matchedOptionIndex = this.hasSelectedOption && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex((option) => this.isValidSelectedOption(option)) : -1;
+
                 return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
             },
             findPrevSelectedOptionIndex(index) {
-                const matchedOptionIndex = this.hasSelectedOption && index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), option => this.isValidSelectedOption(option)) : -1;
+                const matchedOptionIndex = this.hasSelectedOption && index > 0 ? utils.ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), (option) => this.isValidSelectedOption(option)) : -1;
+
                 return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
             },
             findNearestSelectedOptionIndex(index, firstCheckUp = false) {
@@ -485,8 +487,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                     if (firstCheckUp) {
                         matchedOptionIndex = this.findPrevSelectedOptionIndex(index);
                         matchedOptionIndex = matchedOptionIndex === -1 ? this.findNextSelectedOptionIndex(index) : matchedOptionIndex;
-                    }
-                    else {
+                    } else {
                         matchedOptionIndex = this.findNextSelectedOptionIndex(index);
                         matchedOptionIndex = matchedOptionIndex === -1 ? this.findPrevSelectedOptionIndex(index) : matchedOptionIndex;
                     }
@@ -496,22 +497,24 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             },
             findFirstFocusedOptionIndex() {
                 const selectedIndex = this.findFirstSelectedOptionIndex();
+
                 return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
             },
             findLastFocusedOptionIndex() {
                 const selectedIndex = this.findLastSelectedOptionIndex();
+
                 return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
             },
             searchOptions(event, char) {
                 this.searchValue = (this.searchValue || '') + char;
 
                 let optionIndex = -1;
+
                 if (this.focusedOptionIndex !== -1) {
-                    optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(option => this.isOptionMatched(option));
-                    optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(option => this.isOptionMatched(option)) : optionIndex + this.focusedOptionIndex;
-                }
-                else {
-                    optionIndex = this.visibleOptions.findIndex(option => this.isOptionMatched(option));
+                    optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex((option) => this.isOptionMatched(option));
+                    optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex((option) => this.isOptionMatched(option)) : optionIndex + this.focusedOptionIndex;
+                } else {
+                    optionIndex = this.visibleOptions.findIndex((option) => this.isOptionMatched(option));
                 }
 
                 if (optionIndex === -1 && this.focusedOptionIndex === -1) {
@@ -532,7 +535,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                 }, 500);
             },
             removeOption(option) {
-                return this.modelValue.filter(val => !utils.ObjectUtils.equals(val, this.getOptionValue(option), this.equalityKey));
+                return this.modelValue.filter((val) => !utils.ObjectUtils.equals(val, this.getOptionValue(option), this.equalityKey));
             },
             changeFocusedOptionIndex(event, index) {
                 if (this.focusedOptionIndex !== index) {
@@ -540,25 +543,24 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                     this.scrollInView();
 
                     if (this.selectOnFocus && !this.multiple) {
-                        this.updateModel(event, this.getOptionValue(this.visibleOptions[index]));
+                        this.onOptionSelect(event, this.visibleOptions[index]);
                     }
                 }
             },
             scrollInView(index = -1) {
                 const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
                 const element = utils.DomHandler.findSingle(this.list, `li[id="${id}"]`);
+
                 if (element) {
                     element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-                }
-                else if (!this.virtualScrollerDisabled) {
+                } else if (!this.virtualScrollerDisabled) {
                     this.virtualScroller && this.virtualScroller.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex);
                 }
             },
             autoUpdateModel() {
-                if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption) {
+                if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption && !this.multiple) {
                     this.focusedOptionIndex = this.findFirstFocusedOptionIndex();
-                    const value = this.getOptionValue(this.visibleOptions[this.focusedOptionIndex]);
-                    this.updateModel(null, this.multiple ? [value] : value);
+                    this.onOptionSelect(null, this.visibleOptions[this.focusedOptionIndex]);
                 }
             },
             updateModel(event, value) {
@@ -570,7 +572,8 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                     result.push({ optionGroup: option, group: true, index });
 
                     const optionGroupChildren = this.getOptionGroupChildren(option);
-                    optionGroupChildren && optionGroupChildren.forEach(o => result.push(o));
+
+                    optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o));
 
                     return result;
                 }, []);
@@ -585,13 +588,16 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-listbox p-component', {
-                    'p-focus': this.focused,
-                    'p-disabled': this.disabled
-                }];
+                return [
+                    'p-listbox p-component',
+                    {
+                        'p-focus': this.focused,
+                        'p-disabled': this.disabled
+                    }
+                ];
             },
             visibleOptions() {
-                const options = this.optionGroupLabel ? this.flatOptions(this.options) : (this.options || []);
+                const options = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
 
                 return this.filterValue ? api.FilterService.filter(options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale) : options;
             },
@@ -625,21 +631,24 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             selectedMessageText() {
                 return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.modelValue.length : '1') : this.emptySelectionMessageText;
             },
+            id() {
+                return this.$attrs.id || utils.UniqueComponentId();
+            },
             focusedOptionId() {
                 return this.focusedOptionIndex !== -1 ? `${this.id}_${this.focusedOptionIndex}` : null;
             },
             ariaSetSize() {
-                return this.visibleOptions.filter(option => !this.isOptionGroup(option)).length;
+                return this.visibleOptions.filter((option) => !this.isOptionGroup(option)).length;
             },
             virtualScrollerDisabled() {
                 return !this.virtualScrollerOptions;
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         },
         components: {
-            'VirtualScroller': VirtualScroller__default["default"]
+            VirtualScroller: VirtualScroller__default["default"]
         }
     };
 
@@ -688,7 +697,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return (vue.openBlock(), vue.createElementBlock("div", {
-        id: $data.id,
+        id: $options.id,
         class: vue.normalizeClass($options.containerClass),
         onFocusout: _cache[10] || (_cache[10] = (...args) => ($options.onFocusout && $options.onFocusout(...args)))
       }, [
@@ -709,13 +718,13 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
               vue.createElementVNode("div", _hoisted_4, [
                 vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
                   ref: "filterInput",
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.filterValue) = $event)),
                   type: "text",
                   class: "p-listbox-filter p-inputtext p-component",
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.filterValue) = $event)),
                   placeholder: $props.filterPlaceholder,
                   role: "searchbox",
                   autocomplete: "off",
-                  "aria-owns": $data.id + '_list',
+                  "aria-owns": $options.id + '_list',
                   "aria-activedescendant": $options.focusedOptionId,
                   tabindex: !$props.disabled && !$data.focused ? $props.tabindex : -1,
                   onInput: _cache[2] || (_cache[2] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args))),
@@ -743,7 +752,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             content: vue.withCtx(({ styleClass, contentRef, items, getItemOptions, contentStyle, itemSize }) => [
               vue.createElementVNode("ul", {
                 ref: (el) => $options.listRef(el, contentRef),
-                id: $data.id + '_list',
+                id: $options.id + '_list',
                 class: vue.normalizeClass(['p-listbox-list', styleClass]),
                 style: vue.normalizeStyle(contentStyle),
                 tabindex: -1,
@@ -764,8 +773,8 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                     ($options.isOptionGroup(option))
                       ? (vue.openBlock(), vue.createElementBlock("li", {
                           key: 0,
-                          id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions),
-                          style: vue.normalizeStyle({height: itemSize ? itemSize + 'px' : undefined}),
+                          id: $options.id + '_' + $options.getOptionIndex(i, getItemOptions),
+                          style: vue.normalizeStyle({ height: itemSize ? itemSize + 'px' : undefined }),
                           class: "p-listbox-item-group",
                           role: "option"
                         }, [
@@ -778,9 +787,9 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                         ], 12, _hoisted_9))
                       : vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                           key: 1,
-                          id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions),
-                          style: vue.normalizeStyle({height: itemSize ? itemSize + 'px' : undefined}),
-                          class: vue.normalizeClass(['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-focus': $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions), 'p-disabled': $options.isOptionDisabled(option)}]),
+                          id: $options.id + '_' + $options.getOptionIndex(i, getItemOptions),
+                          style: vue.normalizeStyle({ height: itemSize ? itemSize + 'px' : undefined }),
+                          class: vue.normalizeClass(['p-listbox-item', { 'p-highlight': $options.isSelected(option), 'p-focus': $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions), 'p-disabled': $options.isOptionDisabled(option) }]),
                           role: "option",
                           "aria-label": $options.getOptionLabel(option),
                           "aria-selected": $options.isSelected(option),
@@ -808,7 +817,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                         vue.createTextVNode(vue.toDisplayString($options.emptyFilterMessageText), 1)
                       ])
                     ]))
-                  : ((!$props.options || ($props.options && $props.options.length === 0)))
+                  : (!$props.options || ($props.options && $props.options.length === 0))
                     ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_12, [
                         vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                           vue.createTextVNode(vue.toDisplayString($options.emptyMessageText), 1)
@@ -816,7 +825,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                       ]))
                     : vue.createCommentVNode("", true)
               ], 46, _hoisted_8),
-              ((!$props.options || ($props.options && $props.options.length === 0)))
+              (!$props.options || ($props.options && $props.options.length === 0))
                 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString($options.emptyMessageText), 1))
                 : vue.createCommentVNode("", true),
               vue.createElementVNode("span", _hoisted_14, vue.toDisplayString($options.selectedMessageText), 1)
@@ -828,7 +837,8 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                   name: "loader",
                   fn: vue.withCtx(({ options }) => [
                     vue.renderSlot(_ctx.$slots, "loader", { options: options })
-                  ])
+                  ]),
+                  key: "0"
                 }
               : undefined
           ]), 1040, ["style", "items", "disabled"])
@@ -875,7 +885,7 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
       }
     }
 
-    var css_248z = "\n.p-listbox-list-wrapper {\n    overflow: auto;\n}\n.p-listbox-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n}\n.p-listbox-item {\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n}\n.p-listbox-item-group {\n    cursor: auto;\n}\n.p-listbox-filter-container {\n    position: relative;\n}\n.p-listbox-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n.p-listbox-filter {\n    width: 100%;\n}\n";
+    var css_248z = "\n.p-listbox-list-wrapper {\n    overflow: auto;\n}\n.p-listbox-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n}\n.p-listbox-item {\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n}\n.p-listbox-item-group {\n    cursor: auto;\n}\n.p-listbox-filter-container {\n    position: relative;\n}\n.p-listbox-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n.p-listbox-filter {\n    width: 100%;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/listbox/listbox.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.listbox=function(e,t,i,s,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(i),a=o(s),r={name:"Listbox",emits:["update:modelValue","change","focus","blur","filter"],props:{modelValue:null,options:Array,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,listStyle:null,disabled:Boolean,dataKey:null,multiple:Boolean,metaKeySelection:Boolean,filter:Boolean,filterPlaceholder:String,filterLocale:String,filterMatchMode:{type:String,default:"contains"},filterFields:{type:Array,default:null},filterInputProps:null,virtualScrollerOptions:{type:Object,default:null},autoOptionFocus:{type:Boolean,default:!0},filterMessage:{type:String,default:null},selectionMessage:{type:String,default:null},emptySelectionMessage:{type:String,default:null},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},tabindex:{type:Number,default:0},"aria-label":{type:String,default:null},"aria-labelledby":{type:String,default:null}},list:null,virtualScroller:null,optionTouched:!1,startRangeIndex:-1,searchTimeout:null,searchValue:"",selectOnFocus:!1,focusOnHover:!1,data:()=>({id:e.UniqueComponentId(),filterValue:null,focused:!1,focusedOptionIndex:-1}),watch:{options(){this.autoUpdateModel()}},mounted(){this.id=this.$attrs.id||this.id,this.autoUpdateModel()},methods:{getOptionIndex(e,t){return this.virtualScrollerDisabled?e:t&&t(e).index},getOptionLabel(t){return this.optionLabel?e.ObjectUtils.resolveFieldData(t,this.optionLabel):t},getOptionValue(t){return this.optionValue?e.ObjectUtils.resolveFieldData(t,this.optionValue):t},getOptionRenderKey(t,i){return(this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):this.getOptionLabel(t))+"_"+i},isOptionDisabled(t){return!!this.optionDisabled&&e.ObjectUtils.resolveFieldData(t,this.optionDisabled)},isOptionGroup(e){return this.optionGroupLabel&&e.optionGroup&&e.group},getOptionGroupLabel(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupChildren)},getAriaPosInset(e){return(this.optionGroupLabel?e-this.visibleOptions.slice(0,e).filter((e=>this.isOptionGroup(e))).length:e)+1},onFirstHiddenFocus(){this.list.focus();const t=e.DomHandler.getFirstFocusableElement(this.$el,":not(.p-hidden-focusable)");this.$refs.lastHiddenFocusableElement.tabIndex=e.ObjectUtils.isEmpty(t)?-1:void 0,this.$refs.firstHiddenFocusableElement.tabIndex=-1},onLastHiddenFocus(t){if(t.relatedTarget===this.list){const t=e.DomHandler.getFirstFocusableElement(this.$el,":not(.p-hidden-focusable)");t&&t.focus(),this.$refs.firstHiddenFocusableElement.tabIndex=void 0}else this.$refs.firstHiddenFocusableElement.focus();this.$refs.lastHiddenFocusableElement.tabIndex=-1},onFocusout(e){!this.$el.contains(e.relatedTarget)&&this.$refs.lastHiddenFocusableElement&&this.$refs.firstHiddenFocusableElement&&(this.$refs.lastHiddenFocusableElement.tabIndex=this.$refs.firstHiddenFocusableElement.tabIndex=void 0)},onListFocus(e){this.focused=!0,this.focusedOptionIndex=this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,this.$emit("focus",e)},onListBlur(e){this.focused=!1,this.focusedOptionIndex=this.startRangeIndex=-1,this.searchValue="",this.$emit("blur",e)},onListKeyDown(t){switch(t.code){case"ArrowDown":this.onArrowDownKey(t);break;case"ArrowUp":this.onArrowUpKey(t);break;case"Home":this.onHomeKey(t);break;case"End":this.onEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"Space":this.onSpaceKey(t);break;case"Tab":break;case"ShiftLeft":case"ShiftRight":this.onShiftKey(t);break;default:if("KeyA"===t.code&&this.multiple&&(t.metaKey||t.ctrlKey)){const e=this.visibleOptions.filter((e=>this.isValidOption(e))).map((e=>this.getOptionValue(e)));this.updateModel(t,e),t.preventDefault();break}e.ObjectUtils.isPrintableCharacter(t.key)&&(this.searchOptions(t,t.key),t.preventDefault())}},onOptionSelect(e,t,i=-1){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1,-1!==i&&(this.focusedOptionIndex=i))},onOptionMouseMove(e,t){this.focusOnHover&&this.changeFocusedOptionIndex(e,t)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let i=this.isSelected(t),s=!1,n=null;if(!this.optionTouched&&this.metaKeySelection){let o=e.metaKey||e.ctrlKey;i?o&&(n=null,s=!0):(n=this.getOptionValue(t),s=!0)}else n=i?null:this.getOptionValue(t),s=!0;s&&this.updateModel(e,n)},onOptionSelectMultiple(e,t){let i=this.isSelected(t),s=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?s=n?this.removeOption(t):[this.getOptionValue(t)]:(s=n&&this.modelValue||[],s=[...s,this.getOptionValue(t)])}else s=i?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)];this.updateModel(e,s)},onOptionSelectRange(e,t=-1,i=-1){if(-1===t&&(t=this.findNearestSelectedOptionIndex(i,!0)),-1===i&&(i=this.findNearestSelectedOptionIndex(t)),-1!==t&&-1!==i){const s=Math.min(t,i),n=Math.max(t,i),o=this.visibleOptions.slice(s,n+1).filter((e=>this.isValidOption(e))).map((e=>this.getOptionValue(e)));this.updateModel(e,o)}},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value}),this.focusedOptionIndex=this.startRangeIndex=-1},onFilterBlur(){this.focusedOptionIndex=this.startRangeIndex=-1},onFilterKeyDown(e){switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":case"ArrowRight":this.onArrowLeftKey(e,!0);break;case"Home":this.onHomeKey(e,!0);break;case"End":this.onEndKey(e,!0);break;case"Enter":this.onEnterKey(e);break;case"ShiftLeft":case"ShiftRight":this.onShiftKey(e)}},onArrowDownKey(e){const t=-1!==this.focusedOptionIndex?this.findNextOptionIndex(this.focusedOptionIndex):this.findFirstFocusedOptionIndex();this.multiple&&e.shiftKey&&this.onOptionSelectRange(e,this.startRangeIndex,t),this.changeFocusedOptionIndex(e,t),e.preventDefault()},onArrowUpKey(e){const t=-1!==this.focusedOptionIndex?this.findPrevOptionIndex(this.focusedOptionIndex):this.findLastFocusedOptionIndex();this.multiple&&e.shiftKey&&this.onOptionSelectRange(e,t,this.startRangeIndex),this.changeFocusedOptionIndex(e,t),e.preventDefault()},onArrowLeftKey(e,t=!1){t&&(this.focusedOptionIndex=-1)},onHomeKey(e,t=!1){if(t)e.currentTarget.setSelectionRange(0,0),this.focusedOptionIndex=-1;else{let t=e.metaKey||e.ctrlKey,i=this.findFirstOptionIndex();this.multiple&&e.shiftKey&&t&&this.onOptionSelectRange(e,i,this.startRangeIndex),this.changeFocusedOptionIndex(e,i)}e.preventDefault()},onEndKey(e,t=!1){if(t){const t=e.currentTarget,i=t.value.length;t.setSelectionRange(i,i),this.focusedOptionIndex=-1}else{let t=e.metaKey||e.ctrlKey,i=this.findLastOptionIndex();this.multiple&&e.shiftKey&&t&&this.onOptionSelectRange(e,this.startRangeIndex,i),this.changeFocusedOptionIndex(e,i)}e.preventDefault()},onPageUpKey(e){this.scrollInView(0),e.preventDefault()},onPageDownKey(e){this.scrollInView(this.visibleOptions.length-1),e.preventDefault()},onEnterKey(e){-1!==this.focusedOptionIndex&&(this.multiple&&e.shiftKey?this.onOptionSelectRange(e,this.focusedOptionIndex):this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex])),e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onShiftKey(){this.startRangeIndex=this.focusedOptionIndex},isOptionMatched(e){return this.isValidOption(e)&&this.getOptionLabel(e).toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale))},isValidOption(e){return e&&!(this.isOptionDisabled(e)||this.isOptionGroup(e))},isValidSelectedOption(e){return this.isValidOption(e)&&this.isSelected(e)},isSelected(t){const i=this.getOptionValue(t);return this.multiple?(this.modelValue||[]).some((t=>e.ObjectUtils.equals(t,i,this.equalityKey))):e.ObjectUtils.equals(this.modelValue,i,this.equalityKey)},findFirstOptionIndex(){return this.visibleOptions.findIndex((e=>this.isValidOption(e)))},findLastOptionIndex(){return e.ObjectUtils.findLastIndex(this.visibleOptions,(e=>this.isValidOption(e)))},findNextOptionIndex(e){const t=e<this.visibleOptions.length-1?this.visibleOptions.slice(e+1).findIndex((e=>this.isValidOption(e))):-1;return t>-1?t+e+1:e},findPrevOptionIndex(t){const i=t>0?e.ObjectUtils.findLastIndex(this.visibleOptions.slice(0,t),(e=>this.isValidOption(e))):-1;return i>-1?i:t},findFirstSelectedOptionIndex(){return this.hasSelectedOption?this.visibleOptions.findIndex((e=>this.isValidSelectedOption(e))):-1},findLastSelectedOptionIndex(){return this.hasSelectedOption?e.ObjectUtils.findLastIndex(this.visibleOptions,(e=>this.isValidSelectedOption(e))):-1},findNextSelectedOptionIndex(e){const t=this.hasSelectedOption&&e<this.visibleOptions.length-1?this.visibleOptions.slice(e+1).findIndex((e=>this.isValidSelectedOption(e))):-1;return t>-1?t+e+1:-1},findPrevSelectedOptionIndex(t){const i=this.hasSelectedOption&&t>0?e.ObjectUtils.findLastIndex(this.visibleOptions.slice(0,t),(e=>this.isValidSelectedOption(e))):-1;return i>-1?i:-1},findNearestSelectedOptionIndex(e,t=!1){let i=-1;return this.hasSelectedOption&&(t?(i=this.findPrevSelectedOptionIndex(e),i=-1===i?this.findNextSelectedOptionIndex(e):i):(i=this.findNextSelectedOptionIndex(e),i=-1===i?this.findPrevSelectedOptionIndex(e):i)),i>-1?i:e},findFirstFocusedOptionIndex(){const e=this.findFirstSelectedOptionIndex();return e<0?this.findFirstOptionIndex():e},findLastFocusedOptionIndex(){const e=this.findLastSelectedOptionIndex();return e<0?this.findLastOptionIndex():e},searchOptions(e,t){this.searchValue=(this.searchValue||"")+t;let i=-1;-1!==this.focusedOptionIndex?(i=this.visibleOptions.slice(this.focusedOptionIndex).findIndex((e=>this.isOptionMatched(e))),i=-1===i?this.visibleOptions.slice(0,this.focusedOptionIndex).findIndex((e=>this.isOptionMatched(e))):i+this.focusedOptionIndex):i=this.visibleOptions.findIndex((e=>this.isOptionMatched(e))),-1===i&&-1===this.focusedOptionIndex&&(i=this.findFirstFocusedOptionIndex()),-1!==i&&this.changeFocusedOptionIndex(e,i),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.searchValue="",this.searchTimeout=null}),500)},removeOption(t){return this.modelValue.filter((i=>!e.ObjectUtils.equals(i,this.getOptionValue(t),this.equalityKey)))},changeFocusedOptionIndex(e,t){this.focusedOptionIndex!==t&&(this.focusedOptionIndex=t,this.scrollInView(),this.selectOnFocus&&!this.multiple&&this.updateModel(e,this.getOptionValue(this.visibleOptions[t])))},scrollInView(t=-1){const i=-1!==t?`${this.id}_${t}`:this.focusedOptionId,s=e.DomHandler.findSingle(this.list,`li[id="${i}"]`);s?s.scrollIntoView&&s.scrollIntoView({block:"nearest",inline:"nearest"}):this.virtualScrollerDisabled||this.virtualScroller&&this.virtualScroller.scrollToIndex(-1!==t?t:this.focusedOptionIndex)},autoUpdateModel(){if(this.selectOnFocus&&this.autoOptionFocus&&!this.hasSelectedOption){this.focusedOptionIndex=this.findFirstFocusedOptionIndex();const e=this.getOptionValue(this.visibleOptions[this.focusedOptionIndex]);this.updateModel(null,this.multiple?[e]:e)}},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},flatOptions(e){return(e||[]).reduce(((e,t,i)=>{e.push({optionGroup:t,group:!0,index:i});const s=this.getOptionGroupChildren(t);return s&&s.forEach((t=>e.push(t))),e}),[])},listRef(e,t){this.list=e,t&&t(e)},virtualScrollerRef(e){this.virtualScroller=e}},computed:{containerClass(){return["p-listbox p-component",{"p-focus":this.focused,"p-disabled":this.disabled}]},visibleOptions(){const e=this.optionGroupLabel?this.flatOptions(this.options):this.options||[];return this.filterValue?t.FilterService.filter(e,this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale):e},hasSelectedOption(){return e.ObjectUtils.isNotEmpty(this.modelValue)},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},filterResultMessageText(){return e.ObjectUtils.isNotEmpty(this.visibleOptions)?this.filterMessageText.replaceAll("{0}",this.visibleOptions.length):this.emptyFilterMessageText},filterMessageText(){return this.filterMessage||this.$primevue.config.locale.searchMessage||""},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptySearchMessage||this.$primevue.config.locale.emptyFilterMessage||""},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage||""},selectionMessageText(){return this.selectionMessage||this.$primevue.config.locale.selectionMessage||""},emptySelectionMessageText(){return this.emptySelectionMessage||this.$primevue.config.locale.emptySelectionMessage||""},selectedMessageText(){return this.hasSelectedOption?this.selectionMessageText.replaceAll("{0}",this.multiple?this.modelValue.length:"1"):this.emptySelectionMessageText},focusedOptionId(){return-1!==this.focusedOptionIndex?`${this.id}_${this.focusedOptionIndex}`:null},ariaSetSize(){return this.visibleOptions.filter((e=>!this.isOptionGroup(e))).length},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:l.default},components:{VirtualScroller:a.default}};const d=["id"],p=["tabindex"],c={key:0,class:"p-listbox-header"},h={class:"p-listbox-filter-container"},u=["placeholder","aria-owns","aria-activedescendant","tabindex"],f=n.createElementVNode("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),O={role:"status","aria-live":"polite",class:"p-hidden-accessible"},b=["id","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","aria-disabled"],m=["id"],x=["id","aria-label","aria-selected","aria-disabled","aria-setsize","aria-posinset","onClick","onMousemove"],g={key:0,class:"p-listbox-empty-message",role:"option"},y={key:1,class:"p-listbox-empty-message",role:"option"},v={key:0,role:"status","aria-live":"polite",class:"p-hidden-accessible"},S={role:"status","aria-live":"polite",class:"p-hidden-accessible"},I=["tabindex"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-listbox-list-wrapper {\n    overflow: auto;\n}\n.p-listbox-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n}\n.p-listbox-item {\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n}\n.p-listbox-item-group {\n    cursor: auto;\n}\n.p-listbox-filter-container {\n    position: relative;\n}\n.p-listbox-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n.p-listbox-filter {\n    width: 100%;\n}\n"),r.render=function(e,t,i,s,o,l){const a=n.resolveComponent("VirtualScroller"),r=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{id:o.id,class:n.normalizeClass(l.containerClass),onFocusout:t[10]||(t[10]=(...e)=>l.onFocusout&&l.onFocusout(...e))},[n.createElementVNode("span",{ref:"firstHiddenFocusableElement",role:"presentation","aria-hidden":"true",class:"p-hidden-accessible p-hidden-focusable",tabindex:i.disabled?-1:i.tabindex,onFocus:t[0]||(t[0]=(...e)=>l.onFirstHiddenFocus&&l.onFirstHiddenFocus(...e))},null,40,p),n.renderSlot(e.$slots,"header",{value:i.modelValue,options:l.visibleOptions}),i.filter?(n.openBlock(),n.createElementBlock("div",c,[n.createElementVNode("div",h,[n.withDirectives(n.createElementVNode("input",n.mergeProps({ref:"filterInput",type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[1]||(t[1]=e=>o.filterValue=e),placeholder:i.filterPlaceholder,role:"searchbox",autocomplete:"off","aria-owns":o.id+"_list","aria-activedescendant":l.focusedOptionId,tabindex:i.disabled||o.focused?-1:i.tabindex,onInput:t[2]||(t[2]=(...e)=>l.onFilterChange&&l.onFilterChange(...e)),onBlur:t[3]||(t[3]=(...e)=>l.onFilterBlur&&l.onFilterBlur(...e)),onKeydown:t[4]||(t[4]=(...e)=>l.onFilterKeyDown&&l.onFilterKeyDown(...e))},i.filterInputProps),null,16,u),[[n.vModelText,o.filterValue]]),f]),n.createElementVNode("span",O,n.toDisplayString(l.filterResultMessageText),1)])):n.createCommentVNode("",!0),n.createElementVNode("div",{ref:"listWrapper",class:"p-listbox-list-wrapper",style:n.normalizeStyle(i.listStyle)},[n.createVNode(a,n.mergeProps({ref:l.virtualScrollerRef},i.virtualScrollerOptions,{style:i.listStyle,items:l.visibleOptions,tabindex:-1,disabled:l.virtualScrollerDisabled}),n.createSlots({content:n.withCtx((({styleClass:s,contentRef:a,items:d,getItemOptions:p,contentStyle:c,itemSize:h})=>[n.createElementVNode("ul",{ref:e=>l.listRef(e,a),id:o.id+"_list",class:n.normalizeClass(["p-listbox-list",s]),style:n.normalizeStyle(c),tabindex:-1,role:"listbox","aria-multiselectable":i.multiple,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-activedescendant":o.focused?l.focusedOptionId:void 0,"aria-disabled":i.disabled,onFocus:t[6]||(t[6]=(...e)=>l.onListFocus&&l.onListFocus(...e)),onBlur:t[7]||(t[7]=(...e)=>l.onListBlur&&l.onListBlur(...e)),onKeydown:t[8]||(t[8]=(...e)=>l.onListKeyDown&&l.onListKeyDown(...e))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(d,((i,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l.getOptionRenderKey(i,l.getOptionIndex(s,p))},[l.isOptionGroup(i)?(n.openBlock(),n.createElementBlock("li",{key:0,id:o.id+"_"+l.getOptionIndex(s,p),style:n.normalizeStyle({height:h?h+"px":void 0}),class:"p-listbox-item-group",role:"option"},[n.renderSlot(e.$slots,"optiongroup",{option:i.optionGroup,index:l.getOptionIndex(s,p)},(()=>[n.createTextVNode(n.toDisplayString(l.getOptionGroupLabel(i.optionGroup)),1)]))],12,m)):n.withDirectives((n.openBlock(),n.createElementBlock("li",{key:1,id:o.id+"_"+l.getOptionIndex(s,p),style:n.normalizeStyle({height:h?h+"px":void 0}),class:n.normalizeClass(["p-listbox-item",{"p-highlight":l.isSelected(i),"p-focus":o.focusedOptionIndex===l.getOptionIndex(s,p),"p-disabled":l.isOptionDisabled(i)}]),role:"option","aria-label":l.getOptionLabel(i),"aria-selected":l.isSelected(i),"aria-disabled":l.isOptionDisabled(i),"aria-setsize":l.ariaSetSize,"aria-posinset":l.getAriaPosInset(l.getOptionIndex(s,p)),onClick:e=>l.onOptionSelect(e,i,l.getOptionIndex(s,p)),onMousemove:e=>l.onOptionMouseMove(e,l.getOptionIndex(s,p)),onTouchend:t[5]||(t[5]=e=>l.onOptionTouchEnd())},[n.renderSlot(e.$slots,"option",{option:i,index:l.getOptionIndex(s,p)},(()=>[n.createTextVNode(n.toDisplayString(l.getOptionLabel(i)),1)]))],46,x)),[[r]])],64)))),128)),o.filterValue&&(!d||d&&0===d.length)?(n.openBlock(),n.createElementBlock("li",g,[n.renderSlot(e.$slots,"emptyfilter",{},(()=>[n.createTextVNode(n.toDisplayString(l.emptyFilterMessageText),1)]))])):!i.options||i.options&&0===i.options.length?(n.openBlock(),n.createElementBlock("li",y,[n.renderSlot(e.$slots,"empty",{},(()=>[n.createTextVNode(n.toDisplayString(l.emptyMessageText),1)]))])):n.createCommentVNode("",!0)],46,b),!i.options||i.options&&0===i.options.length?(n.openBlock(),n.createElementBlock("span",v,n.toDisplayString(l.emptyMessageText),1)):n.createCommentVNode("",!0),n.createElementVNode("span",S,n.toDisplayString(l.selectedMessageText),1)])),_:2},[e.$slots.loader?{name:"loader",fn:n.withCtx((({options:t})=>[n.renderSlot(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),n.renderSlot(e.$slots,"footer",{value:i.modelValue,options:l.visibleOptions}),n.createElementVNode("span",{ref:"lastHiddenFocusableElement",role:"presentation","aria-hidden":"true",class:"p-hidden-accessible p-hidden-focusable",tabindex:i.disabled?-1:i.tabindex,onFocus:t[9]||(t[9]=(...e)=>l.onLastHiddenFocus&&l.onLastHiddenFocus(...e))},null,40,I)],42,d)},r}(primevue.utils,primevue.api,primevue.ripple,primevue.virtualscroller,Vue);
+this.primevue=this.primevue||{},this.primevue.listbox=function(e,t,i,s,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(i),a=o(s),r={name:"Listbox",emits:["update:modelValue","change","focus","blur","filter"],props:{modelValue:null,options:Array,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,listStyle:null,disabled:Boolean,dataKey:null,multiple:Boolean,metaKeySelection:Boolean,filter:Boolean,filterPlaceholder:String,filterLocale:String,filterMatchMode:{type:String,default:"contains"},filterFields:{type:Array,default:null},filterInputProps:null,virtualScrollerOptions:{type:Object,default:null},autoOptionFocus:{type:Boolean,default:!0},selectOnFocus:{type:Boolean,default:!1},filterMessage:{type:String,default:null},selectionMessage:{type:String,default:null},emptySelectionMessage:{type:String,default:null},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},tabindex:{type:Number,default:0},"aria-label":{type:String,default:null},"aria-labelledby":{type:String,default:null}},list:null,virtualScroller:null,optionTouched:!1,startRangeIndex:-1,searchTimeout:null,searchValue:"",focusOnHover:!1,data:()=>({filterValue:null,focused:!1,focusedOptionIndex:-1}),watch:{options(){this.autoUpdateModel()}},mounted(){this.autoUpdateModel()},methods:{getOptionIndex(e,t){return this.virtualScrollerDisabled?e:t&&t(e).index},getOptionLabel(t){return this.optionLabel?e.ObjectUtils.resolveFieldData(t,this.optionLabel):t},getOptionValue(t){return this.optionValue?e.ObjectUtils.resolveFieldData(t,this.optionValue):t},getOptionRenderKey(t,i){return(this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):this.getOptionLabel(t))+"_"+i},isOptionDisabled(t){return!!this.optionDisabled&&e.ObjectUtils.resolveFieldData(t,this.optionDisabled)},isOptionGroup(e){return this.optionGroupLabel&&e.optionGroup&&e.group},getOptionGroupLabel(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupChildren)},getAriaPosInset(e){return(this.optionGroupLabel?e-this.visibleOptions.slice(0,e).filter((e=>this.isOptionGroup(e))).length:e)+1},onFirstHiddenFocus(){e.DomHandler.focus(this.list);const t=e.DomHandler.getFirstFocusableElement(this.$el,":not(.p-hidden-focusable)");this.$refs.lastHiddenFocusableElement.tabIndex=e.ObjectUtils.isEmpty(t)?-1:void 0,this.$refs.firstHiddenFocusableElement.tabIndex=-1},onLastHiddenFocus(t){if(t.relatedTarget===this.list){const t=e.DomHandler.getFirstFocusableElement(this.$el,":not(.p-hidden-focusable)");e.DomHandler.focus(t),this.$refs.firstHiddenFocusableElement.tabIndex=void 0}else e.DomHandler.focus(this.$refs.firstHiddenFocusableElement);this.$refs.lastHiddenFocusableElement.tabIndex=-1},onFocusout(e){!this.$el.contains(e.relatedTarget)&&this.$refs.lastHiddenFocusableElement&&this.$refs.firstHiddenFocusableElement&&(this.$refs.lastHiddenFocusableElement.tabIndex=this.$refs.firstHiddenFocusableElement.tabIndex=void 0)},onListFocus(e){this.focused=!0,this.focusedOptionIndex=this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,this.$emit("focus",e)},onListBlur(e){this.focused=!1,this.focusedOptionIndex=this.startRangeIndex=-1,this.searchValue="",this.$emit("blur",e)},onListKeyDown(t){const i=t.metaKey||t.ctrlKey;switch(t.code){case"ArrowDown":this.onArrowDownKey(t);break;case"ArrowUp":this.onArrowUpKey(t);break;case"Home":this.onHomeKey(t);break;case"End":this.onEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"Space":this.onSpaceKey(t);break;case"Tab":break;case"ShiftLeft":case"ShiftRight":this.onShiftKey(t);break;default:if(this.multiple&&"KeyA"===t.code&&i){const e=this.visibleOptions.filter((e=>this.isValidOption(e))).map((e=>this.getOptionValue(e)));this.updateModel(t,e),t.preventDefault();break}!i&&e.ObjectUtils.isPrintableCharacter(t.key)&&(this.searchOptions(t,t.key),t.preventDefault())}},onOptionSelect(e,t,i=-1){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1,-1!==i&&(this.focusedOptionIndex=i))},onOptionMouseMove(e,t){this.focusOnHover&&this.changeFocusedOptionIndex(e,t)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let i=this.isSelected(t),s=!1,n=null;if(!this.optionTouched&&this.metaKeySelection){let o=e.metaKey||e.ctrlKey;i?o&&(n=null,s=!0):(n=this.getOptionValue(t),s=!0)}else n=i?null:this.getOptionValue(t),s=!0;s&&this.updateModel(e,n)},onOptionSelectMultiple(e,t){let i=this.isSelected(t),s=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?s=n?this.removeOption(t):[this.getOptionValue(t)]:(s=n&&this.modelValue||[],s=[...s,this.getOptionValue(t)])}else s=i?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)];this.updateModel(e,s)},onOptionSelectRange(e,t=-1,i=-1){if(-1===t&&(t=this.findNearestSelectedOptionIndex(i,!0)),-1===i&&(i=this.findNearestSelectedOptionIndex(t)),-1!==t&&-1!==i){const s=Math.min(t,i),n=Math.max(t,i),o=this.visibleOptions.slice(s,n+1).filter((e=>this.isValidOption(e))).map((e=>this.getOptionValue(e)));this.updateModel(e,o)}},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value}),this.focusedOptionIndex=this.startRangeIndex=-1},onFilterBlur(){this.focusedOptionIndex=this.startRangeIndex=-1},onFilterKeyDown(e){switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":case"ArrowRight":this.onArrowLeftKey(e,!0);break;case"Home":this.onHomeKey(e,!0);break;case"End":this.onEndKey(e,!0);break;case"Enter":this.onEnterKey(e);break;case"ShiftLeft":case"ShiftRight":this.onShiftKey(e)}},onArrowDownKey(e){const t=-1!==this.focusedOptionIndex?this.findNextOptionIndex(this.focusedOptionIndex):this.findFirstFocusedOptionIndex();this.multiple&&e.shiftKey&&this.onOptionSelectRange(e,this.startRangeIndex,t),this.changeFocusedOptionIndex(e,t),e.preventDefault()},onArrowUpKey(e){const t=-1!==this.focusedOptionIndex?this.findPrevOptionIndex(this.focusedOptionIndex):this.findLastFocusedOptionIndex();this.multiple&&e.shiftKey&&this.onOptionSelectRange(e,t,this.startRangeIndex),this.changeFocusedOptionIndex(e,t),e.preventDefault()},onArrowLeftKey(e,t=!1){t&&(this.focusedOptionIndex=-1)},onHomeKey(e,t=!1){if(t)e.currentTarget.setSelectionRange(0,0),this.focusedOptionIndex=-1;else{let t=e.metaKey||e.ctrlKey,i=this.findFirstOptionIndex();this.multiple&&e.shiftKey&&t&&this.onOptionSelectRange(e,i,this.startRangeIndex),this.changeFocusedOptionIndex(e,i)}e.preventDefault()},onEndKey(e,t=!1){if(t){const t=e.currentTarget,i=t.value.length;t.setSelectionRange(i,i),this.focusedOptionIndex=-1}else{let t=e.metaKey||e.ctrlKey,i=this.findLastOptionIndex();this.multiple&&e.shiftKey&&t&&this.onOptionSelectRange(e,this.startRangeIndex,i),this.changeFocusedOptionIndex(e,i)}e.preventDefault()},onPageUpKey(e){this.scrollInView(0),e.preventDefault()},onPageDownKey(e){this.scrollInView(this.visibleOptions.length-1),e.preventDefault()},onEnterKey(e){-1!==this.focusedOptionIndex&&(this.multiple&&e.shiftKey?this.onOptionSelectRange(e,this.focusedOptionIndex):this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex])),e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onShiftKey(){this.startRangeIndex=this.focusedOptionIndex},isOptionMatched(e){return this.isValidOption(e)&&this.getOptionLabel(e).toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale))},isValidOption(e){return e&&!(this.isOptionDisabled(e)||this.isOptionGroup(e))},isValidSelectedOption(e){return this.isValidOption(e)&&this.isSelected(e)},isSelected(t){const i=this.getOptionValue(t);return this.multiple?(this.modelValue||[]).some((t=>e.ObjectUtils.equals(t,i,this.equalityKey))):e.ObjectUtils.equals(this.modelValue,i,this.equalityKey)},findFirstOptionIndex(){return this.visibleOptions.findIndex((e=>this.isValidOption(e)))},findLastOptionIndex(){return e.ObjectUtils.findLastIndex(this.visibleOptions,(e=>this.isValidOption(e)))},findNextOptionIndex(e){const t=e<this.visibleOptions.length-1?this.visibleOptions.slice(e+1).findIndex((e=>this.isValidOption(e))):-1;return t>-1?t+e+1:e},findPrevOptionIndex(t){const i=t>0?e.ObjectUtils.findLastIndex(this.visibleOptions.slice(0,t),(e=>this.isValidOption(e))):-1;return i>-1?i:t},findFirstSelectedOptionIndex(){return this.hasSelectedOption?this.visibleOptions.findIndex((e=>this.isValidSelectedOption(e))):-1},findLastSelectedOptionIndex(){return this.hasSelectedOption?e.ObjectUtils.findLastIndex(this.visibleOptions,(e=>this.isValidSelectedOption(e))):-1},findNextSelectedOptionIndex(e){const t=this.hasSelectedOption&&e<this.visibleOptions.length-1?this.visibleOptions.slice(e+1).findIndex((e=>this.isValidSelectedOption(e))):-1;return t>-1?t+e+1:-1},findPrevSelectedOptionIndex(t){const i=this.hasSelectedOption&&t>0?e.ObjectUtils.findLastIndex(this.visibleOptions.slice(0,t),(e=>this.isValidSelectedOption(e))):-1;return i>-1?i:-1},findNearestSelectedOptionIndex(e,t=!1){let i=-1;return this.hasSelectedOption&&(t?(i=this.findPrevSelectedOptionIndex(e),i=-1===i?this.findNextSelectedOptionIndex(e):i):(i=this.findNextSelectedOptionIndex(e),i=-1===i?this.findPrevSelectedOptionIndex(e):i)),i>-1?i:e},findFirstFocusedOptionIndex(){const e=this.findFirstSelectedOptionIndex();return e<0?this.findFirstOptionIndex():e},findLastFocusedOptionIndex(){const e=this.findLastSelectedOptionIndex();return e<0?this.findLastOptionIndex():e},searchOptions(e,t){this.searchValue=(this.searchValue||"")+t;let i=-1;-1!==this.focusedOptionIndex?(i=this.visibleOptions.slice(this.focusedOptionIndex).findIndex((e=>this.isOptionMatched(e))),i=-1===i?this.visibleOptions.slice(0,this.focusedOptionIndex).findIndex((e=>this.isOptionMatched(e))):i+this.focusedOptionIndex):i=this.visibleOptions.findIndex((e=>this.isOptionMatched(e))),-1===i&&-1===this.focusedOptionIndex&&(i=this.findFirstFocusedOptionIndex()),-1!==i&&this.changeFocusedOptionIndex(e,i),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.searchValue="",this.searchTimeout=null}),500)},removeOption(t){return this.modelValue.filter((i=>!e.ObjectUtils.equals(i,this.getOptionValue(t),this.equalityKey)))},changeFocusedOptionIndex(e,t){this.focusedOptionIndex!==t&&(this.focusedOptionIndex=t,this.scrollInView(),this.selectOnFocus&&!this.multiple&&this.onOptionSelect(e,this.visibleOptions[t]))},scrollInView(t=-1){const i=-1!==t?`${this.id}_${t}`:this.focusedOptionId,s=e.DomHandler.findSingle(this.list,`li[id="${i}"]`);s?s.scrollIntoView&&s.scrollIntoView({block:"nearest",inline:"nearest"}):this.virtualScrollerDisabled||this.virtualScroller&&this.virtualScroller.scrollToIndex(-1!==t?t:this.focusedOptionIndex)},autoUpdateModel(){this.selectOnFocus&&this.autoOptionFocus&&!this.hasSelectedOption&&!this.multiple&&(this.focusedOptionIndex=this.findFirstFocusedOptionIndex(),this.onOptionSelect(null,this.visibleOptions[this.focusedOptionIndex]))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},flatOptions(e){return(e||[]).reduce(((e,t,i)=>{e.push({optionGroup:t,group:!0,index:i});const s=this.getOptionGroupChildren(t);return s&&s.forEach((t=>e.push(t))),e}),[])},listRef(e,t){this.list=e,t&&t(e)},virtualScrollerRef(e){this.virtualScroller=e}},computed:{containerClass(){return["p-listbox p-component",{"p-focus":this.focused,"p-disabled":this.disabled}]},visibleOptions(){const e=this.optionGroupLabel?this.flatOptions(this.options):this.options||[];return this.filterValue?t.FilterService.filter(e,this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale):e},hasSelectedOption(){return e.ObjectUtils.isNotEmpty(this.modelValue)},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},filterResultMessageText(){return e.ObjectUtils.isNotEmpty(this.visibleOptions)?this.filterMessageText.replaceAll("{0}",this.visibleOptions.length):this.emptyFilterMessageText},filterMessageText(){return this.filterMessage||this.$primevue.config.locale.searchMessage||""},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptySearchMessage||this.$primevue.config.locale.emptyFilterMessage||""},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage||""},selectionMessageText(){return this.selectionMessage||this.$primevue.config.locale.selectionMessage||""},emptySelectionMessageText(){return this.emptySelectionMessage||this.$primevue.config.locale.emptySelectionMessage||""},selectedMessageText(){return this.hasSelectedOption?this.selectionMessageText.replaceAll("{0}",this.multiple?this.modelValue.length:"1"):this.emptySelectionMessageText},id(){return this.$attrs.id||e.UniqueComponentId()},focusedOptionId(){return-1!==this.focusedOptionIndex?`${this.id}_${this.focusedOptionIndex}`:null},ariaSetSize(){return this.visibleOptions.filter((e=>!this.isOptionGroup(e))).length},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:l.default},components:{VirtualScroller:a.default}};const d=["id"],p=["tabindex"],c={key:0,class:"p-listbox-header"},u={class:"p-listbox-filter-container"},h=["placeholder","aria-owns","aria-activedescendant","tabindex"],f=n.createElementVNode("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),O={role:"status","aria-live":"polite",class:"p-hidden-accessible"},b=["id","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","aria-disabled"],m=["id"],x=["id","aria-label","aria-selected","aria-disabled","aria-setsize","aria-posinset","onClick","onMousemove"],g={key:0,class:"p-listbox-empty-message",role:"option"},y={key:1,class:"p-listbox-empty-message",role:"option"},S={key:0,role:"status","aria-live":"polite",class:"p-hidden-accessible"},v={role:"status","aria-live":"polite",class:"p-hidden-accessible"},I=["tabindex"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-listbox-list-wrapper {\n    overflow: auto;\n}\n.p-listbox-list {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n}\n.p-listbox-item {\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n}\n.p-listbox-item-group {\n    cursor: auto;\n}\n.p-listbox-filter-container {\n    position: relative;\n}\n.p-listbox-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n.p-listbox-filter {\n    width: 100%;\n}\n"),r.render=function(e,t,i,s,o,l){const a=n.resolveComponent("VirtualScroller"),r=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{id:l.id,class:n.normalizeClass(l.containerClass),onFocusout:t[10]||(t[10]=(...e)=>l.onFocusout&&l.onFocusout(...e))},[n.createElementVNode("span",{ref:"firstHiddenFocusableElement",role:"presentation","aria-hidden":"true",class:"p-hidden-accessible p-hidden-focusable",tabindex:i.disabled?-1:i.tabindex,onFocus:t[0]||(t[0]=(...e)=>l.onFirstHiddenFocus&&l.onFirstHiddenFocus(...e))},null,40,p),n.renderSlot(e.$slots,"header",{value:i.modelValue,options:l.visibleOptions}),i.filter?(n.openBlock(),n.createElementBlock("div",c,[n.createElementVNode("div",u,[n.withDirectives(n.createElementVNode("input",n.mergeProps({ref:"filterInput","onUpdate:modelValue":t[1]||(t[1]=e=>o.filterValue=e),type:"text",class:"p-listbox-filter p-inputtext p-component",placeholder:i.filterPlaceholder,role:"searchbox",autocomplete:"off","aria-owns":l.id+"_list","aria-activedescendant":l.focusedOptionId,tabindex:i.disabled||o.focused?-1:i.tabindex,onInput:t[2]||(t[2]=(...e)=>l.onFilterChange&&l.onFilterChange(...e)),onBlur:t[3]||(t[3]=(...e)=>l.onFilterBlur&&l.onFilterBlur(...e)),onKeydown:t[4]||(t[4]=(...e)=>l.onFilterKeyDown&&l.onFilterKeyDown(...e))},i.filterInputProps),null,16,h),[[n.vModelText,o.filterValue]]),f]),n.createElementVNode("span",O,n.toDisplayString(l.filterResultMessageText),1)])):n.createCommentVNode("",!0),n.createElementVNode("div",{ref:"listWrapper",class:"p-listbox-list-wrapper",style:n.normalizeStyle(i.listStyle)},[n.createVNode(a,n.mergeProps({ref:l.virtualScrollerRef},i.virtualScrollerOptions,{style:i.listStyle,items:l.visibleOptions,tabindex:-1,disabled:l.virtualScrollerDisabled}),n.createSlots({content:n.withCtx((({styleClass:s,contentRef:a,items:d,getItemOptions:p,contentStyle:c,itemSize:u})=>[n.createElementVNode("ul",{ref:e=>l.listRef(e,a),id:l.id+"_list",class:n.normalizeClass(["p-listbox-list",s]),style:n.normalizeStyle(c),tabindex:-1,role:"listbox","aria-multiselectable":i.multiple,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-activedescendant":o.focused?l.focusedOptionId:void 0,"aria-disabled":i.disabled,onFocus:t[6]||(t[6]=(...e)=>l.onListFocus&&l.onListFocus(...e)),onBlur:t[7]||(t[7]=(...e)=>l.onListBlur&&l.onListBlur(...e)),onKeydown:t[8]||(t[8]=(...e)=>l.onListKeyDown&&l.onListKeyDown(...e))},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(d,((i,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:l.getOptionRenderKey(i,l.getOptionIndex(s,p))},[l.isOptionGroup(i)?(n.openBlock(),n.createElementBlock("li",{key:0,id:l.id+"_"+l.getOptionIndex(s,p),style:n.normalizeStyle({height:u?u+"px":void 0}),class:"p-listbox-item-group",role:"option"},[n.renderSlot(e.$slots,"optiongroup",{option:i.optionGroup,index:l.getOptionIndex(s,p)},(()=>[n.createTextVNode(n.toDisplayString(l.getOptionGroupLabel(i.optionGroup)),1)]))],12,m)):n.withDirectives((n.openBlock(),n.createElementBlock("li",{key:1,id:l.id+"_"+l.getOptionIndex(s,p),style:n.normalizeStyle({height:u?u+"px":void 0}),class:n.normalizeClass(["p-listbox-item",{"p-highlight":l.isSelected(i),"p-focus":o.focusedOptionIndex===l.getOptionIndex(s,p),"p-disabled":l.isOptionDisabled(i)}]),role:"option","aria-label":l.getOptionLabel(i),"aria-selected":l.isSelected(i),"aria-disabled":l.isOptionDisabled(i),"aria-setsize":l.ariaSetSize,"aria-posinset":l.getAriaPosInset(l.getOptionIndex(s,p)),onClick:e=>l.onOptionSelect(e,i,l.getOptionIndex(s,p)),onMousemove:e=>l.onOptionMouseMove(e,l.getOptionIndex(s,p)),onTouchend:t[5]||(t[5]=e=>l.onOptionTouchEnd())},[n.renderSlot(e.$slots,"option",{option:i,index:l.getOptionIndex(s,p)},(()=>[n.createTextVNode(n.toDisplayString(l.getOptionLabel(i)),1)]))],46,x)),[[r]])],64)))),128)),o.filterValue&&(!d||d&&0===d.length)?(n.openBlock(),n.createElementBlock("li",g,[n.renderSlot(e.$slots,"emptyfilter",{},(()=>[n.createTextVNode(n.toDisplayString(l.emptyFilterMessageText),1)]))])):!i.options||i.options&&0===i.options.length?(n.openBlock(),n.createElementBlock("li",y,[n.renderSlot(e.$slots,"empty",{},(()=>[n.createTextVNode(n.toDisplayString(l.emptyMessageText),1)]))])):n.createCommentVNode("",!0)],46,b),!i.options||i.options&&0===i.options.length?(n.openBlock(),n.createElementBlock("span",S,n.toDisplayString(l.emptyMessageText),1)):n.createCommentVNode("",!0),n.createElementVNode("span",v,n.toDisplayString(l.selectedMessageText),1)])),_:2},[e.$slots.loader?{name:"loader",fn:n.withCtx((({options:t})=>[n.renderSlot(e.$slots,"loader",{options:t})])),key:"0"}:void 0]),1040,["style","items","disabled"])],4),n.renderSlot(e.$slots,"footer",{value:i.modelValue,options:l.visibleOptions}),n.createElementVNode("span",{ref:"lastHiddenFocusableElement",role:"presentation","aria-hidden":"true",class:"p-hidden-accessible p-hidden-focusable",tabindex:i.disabled?-1:i.tabindex,onFocus:t[9]||(t[9]=(...e)=>l.onLastHiddenFocus&&l.onLastHiddenFocus(...e))},null,40,I)],42,d)},r}(primevue.utils,primevue.api,primevue.ripple,primevue.virtualscroller,Vue);

package/megamenu/MegaMenu.d.ts

@@ -43,14 +43,13 @@ export interface MegaMenuSlots {
     }) => VNode[];
 }
 
-export declare type MegaMenuEmits = {
-}
+export declare type MegaMenuEmits = {};
 
-declare class MegaMenu extends ClassComponent<MegaMenuProps, MegaMenuSlots, MegaMenuEmits> { }
+declare class MegaMenu extends ClassComponent<MegaMenuProps, MegaMenuSlots, MegaMenuEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        MegaMenu: GlobalComponentConstructor<MegaMenu>
+        MegaMenu: GlobalComponentConstructor<MegaMenu>;
     }
 }
 
@@ -60,11 +59,11 @@ declare module '@vue/runtime-core' {
  *
  * Helper API:
  *
- * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
  *
  * Demos:
  *
- * - [MegaMenu](https://www.primefaces.org/primevue/showcase/#/megamenu)
+ * - [MegaMenu](https://www.primefaces.org/primevue/megamenu)
  *
  */
 export default MegaMenu;