primevue 3.12.2 → 3.12.5

package/listbox/listbox.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/api"),i=require("primevue/ripple"),l=require("primevue/virtualscroller"),o=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(i),r=n(l),a={name:"Listbox",emits:["update:modelValue","change","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},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},virtualScrollerOptions:{type:Object,default:null}},optionTouched:!1,virtualScroller:null,data:()=>({filterValue:null}),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){return this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):this.getOptionLabel(t)},isOptionDisabled(t){return!!this.optionDisabled&&e.ObjectUtils.resolveFieldData(t,this.optionDisabled)},getOptionGroupRenderKey(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupLabel(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupChildren)},onOptionSelect(e,t){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?n&&(o=null,l=!0):(o=this.getOptionValue(t),l=!0)}else o=i?null:this.getOptionValue(t),l=!0;l&&this.updateModel(e,o)},onOptionSelectMultiple(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?(o=n?this.removeOption(t):[this.getOptionValue(t)],l=!0):(o=n&&this.modelValue||[],o=[...o,this.getOptionValue(t)],l=!0)}else o=i?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)],l=!0;l&&this.updateModel(e,o)},isSelected(t){let i=!1,l=this.getOptionValue(t);if(this.multiple){if(this.modelValue)for(let t of this.modelValue)if(e.ObjectUtils.equals(t,l,this.equalityKey)){i=!0;break}}else i=e.ObjectUtils.equals(this.modelValue,l,this.equalityKey);return i},removeOption(t){return this.modelValue.filter((i=>!e.ObjectUtils.equals(i,this.getOptionValue(t),this.equalityKey)))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},onOptionKeyDown(e,t){let i=e.currentTarget;switch(e.which){case 40:var l=this.findNextItem(i);l&&l.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(i);o&&o.focus(),e.preventDefault();break;case 13:this.onOptionSelect(e,t),e.preventDefault()}},findNextItem(t){let i=t.nextElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||e.DomHandler.hasClass(i,"p-listbox-item-group")?this.findNextItem(i):i:null},findPrevItem(t){let i=t.previousElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||e.DomHandler.hasClass(i,"p-listbox-item-group")?this.findPrevItem(i):i:null},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value})},virtualScrollerRef(e){this.virtualScroller=e}},computed:{visibleOptions(){if(this.filterValue){if(this.optionGroupLabel){let e=[];for(let i of this.options){let l=t.FilterService.filter(this.getOptionGroupChildren(i),this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale);l&&l.length&&e.push({...i,items:l})}return e}return t.FilterService.filter(this.options,this.searchFields,this.filterValue,"contains",this.filterLocale)}return this.options},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptyFilterMessage},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:s.default},components:{VirtualScroller:r.default}};const p={class:"p-listbox p-component"},d={key:0,class:"p-listbox-header"},u={class:"p-listbox-filter-container"},c=o.createVNode("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),h={class:"p-listbox-item-group"},m={key:2,class:"p-listbox-empty-message"},b={key:3,class:"p-listbox-empty-message"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),a.render=function(e,t,i,l,n,s){const r=o.resolveComponent("VirtualScroller"),a=o.resolveDirective("ripple");return o.openBlock(),o.createBlock("div",p,[o.renderSlot(e.$slots,"header",{value:i.modelValue,options:s.visibleOptions}),i.filter?(o.openBlock(),o.createBlock("div",d,[o.createVNode("div",u,[o.withDirectives(o.createVNode("input",{type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[1]||(t[1]=e=>n.filterValue=e),placeholder:i.filterPlaceholder,onInput:t[2]||(t[2]=(...e)=>s.onFilterChange&&s.onFilterChange(...e))},null,40,["placeholder"]),[[o.vModelText,n.filterValue]]),c])])):o.createCommentVNode("",!0),o.createVNode("div",{class:"p-listbox-list-wrapper",style:i.listStyle},[o.createVNode(r,o.mergeProps({ref:s.virtualScrollerRef},i.virtualScrollerOptions,{style:i.listStyle,items:s.visibleOptions,disabled:s.virtualScrollerDisabled}),o.createSlots({content:o.withCtx((({styleClass:l,contentRef:r,items:p,getItemOptions:d,contentStyle:u})=>[o.createVNode("ul",{ref:r,class:["p-listbox-list",l],style:u,role:"listbox","aria-multiselectable":"multiple"},[i.optionGroupLabel?(o.openBlock(!0),o.createBlock(o.Fragment,{key:1},o.renderList(p,((i,l)=>(o.openBlock(),o.createBlock(o.Fragment,{key:s.getOptionGroupRenderKey(i)},[o.createVNode("li",h,[o.renderSlot(e.$slots,"optiongroup",{option:i,index:s.getOptionIndex(l,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionGroupLabel(i)),1)]))]),(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.getOptionGroupChildren(i),((i,l)=>o.withDirectives((o.openBlock(),o.createBlock("li",{tabindex:s.isOptionDisabled(i)?null:"0",class:["p-listbox-item",{"p-highlight":s.isSelected(i),"p-disabled":s.isOptionDisabled(i)}],key:s.getOptionRenderKey(i),onClick:e=>s.onOptionSelect(e,i),onTouchend:t[4]||(t[4]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,i),role:"option","aria-label":s.getOptionLabel(i),"aria-selected":s.isSelected(i)},[o.renderSlot(e.$slots,"option",{option:i,index:s.getOptionIndex(l,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(i)),1)]))],42,["tabindex","onClick","onKeydown","aria-label","aria-selected"])),[[a]]))),128))],64)))),128)):(o.openBlock(!0),o.createBlock(o.Fragment,{key:0},o.renderList(p,((i,l)=>o.withDirectives((o.openBlock(),o.createBlock("li",{tabindex:s.isOptionDisabled(i)?null:"0",class:["p-listbox-item",{"p-highlight":s.isSelected(i),"p-disabled":s.isOptionDisabled(i)}],key:s.getOptionRenderKey(i),onClick:e=>s.onOptionSelect(e,i),onTouchend:t[3]||(t[3]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,i),role:"option","aria-label":s.getOptionLabel(i),"aria-selected":s.isSelected(i)},[o.renderSlot(e.$slots,"option",{option:i,index:s.getOptionIndex(l,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(i)),1)]))],42,["tabindex","onClick","onKeydown","aria-label","aria-selected"])),[[a]]))),128)),n.filterValue&&(!p||p&&0===p.length)?(o.openBlock(),o.createBlock("li",m,[o.renderSlot(e.$slots,"emptyfilter",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyFilterMessageText),1)]))])):!i.options||i.options&&0===i.options.length?(o.openBlock(),o.createBlock("li",b,[o.renderSlot(e.$slots,"empty",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyMessageText),1)]))])):o.createCommentVNode("",!0)],6)])),_:2},[e.$slots.loader?{name:"loader",fn:o.withCtx((({options:t})=>[o.renderSlot(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),o.renderSlot(e.$slots,"footer",{value:i.modelValue,options:s.visibleOptions})])},module.exports=a;
+"use strict";var e=require("primevue/utils"),t=require("primevue/api"),l=require("primevue/ripple"),i=require("primevue/virtualscroller"),o=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(l),r=n(i),a={name:"Listbox",emits:["update:modelValue","change","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},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},virtualScrollerOptions:{type:Object,default:null}},optionTouched:!1,virtualScroller:null,data:()=>({filterValue:null}),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){return this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):this.getOptionLabel(t)},isOptionDisabled(t){return!!this.optionDisabled&&e.ObjectUtils.resolveFieldData(t,this.optionDisabled)},getOptionGroupRenderKey(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupLabel(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupChildren)},onOptionSelect(e,t){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let l=this.isSelected(t),i=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;l?n&&(o=null,i=!0):(o=this.getOptionValue(t),i=!0)}else o=l?null:this.getOptionValue(t),i=!0;i&&this.updateModel(e,o)},onOptionSelectMultiple(e,t){let l=this.isSelected(t),i=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;l?(o=n?this.removeOption(t):[this.getOptionValue(t)],i=!0):(o=n&&this.modelValue||[],o=[...o,this.getOptionValue(t)],i=!0)}else o=l?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)],i=!0;i&&this.updateModel(e,o)},isSelected(t){let l=!1,i=this.getOptionValue(t);if(this.multiple){if(this.modelValue)for(let t of this.modelValue)if(e.ObjectUtils.equals(t,i,this.equalityKey)){l=!0;break}}else l=e.ObjectUtils.equals(this.modelValue,i,this.equalityKey);return l},removeOption(t){return this.modelValue.filter((l=>!e.ObjectUtils.equals(l,this.getOptionValue(t),this.equalityKey)))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},onOptionKeyDown(e,t){let l=e.currentTarget;switch(e.which){case 40:var i=this.findNextItem(l);i&&i.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onOptionSelect(e,t),e.preventDefault()}},findNextItem(t){let l=t.nextElementSibling;return l?e.DomHandler.hasClass(l,"p-disabled")||e.DomHandler.hasClass(l,"p-listbox-item-group")?this.findNextItem(l):l:null},findPrevItem(t){let l=t.previousElementSibling;return l?e.DomHandler.hasClass(l,"p-disabled")||e.DomHandler.hasClass(l,"p-listbox-item-group")?this.findPrevItem(l):l:null},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value})},virtualScrollerRef(e){this.virtualScroller=e}},computed:{visibleOptions(){if(this.filterValue){if(this.optionGroupLabel){let e=[];for(let l of this.options){let i=t.FilterService.filter(this.getOptionGroupChildren(l),this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale);i&&i.length&&e.push({...l,items:i})}return e}return t.FilterService.filter(this.options,this.searchFields,this.filterValue,"contains",this.filterLocale)}return this.options},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptyFilterMessage},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:s.default},components:{VirtualScroller:r.default}};const p={class:"p-listbox p-component"},d={key:0,class:"p-listbox-header"},u={class:"p-listbox-filter-container"},c=["placeholder"],h=o.createElementVNode("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),m=["tabindex","onClick","onKeydown","aria-label","aria-selected"],b={class:"p-listbox-item-group"},g=["tabindex","onClick","onKeydown","aria-label","aria-selected"],y={key:2,class:"p-listbox-empty-message"},f={key:3,class:"p-listbox-empty-message"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===l&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),a.render=function(e,t,l,i,n,s){const r=o.resolveComponent("VirtualScroller"),a=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",p,[o.renderSlot(e.$slots,"header",{value:l.modelValue,options:s.visibleOptions}),l.filter?(o.openBlock(),o.createElementBlock("div",d,[o.createElementVNode("div",u,[o.withDirectives(o.createElementVNode("input",{type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[0]||(t[0]=e=>n.filterValue=e),placeholder:l.filterPlaceholder,onInput:t[1]||(t[1]=(...e)=>s.onFilterChange&&s.onFilterChange(...e))},null,40,c),[[o.vModelText,n.filterValue]]),h])])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"p-listbox-list-wrapper",style:o.normalizeStyle(l.listStyle)},[o.createVNode(r,o.mergeProps({ref:s.virtualScrollerRef},l.virtualScrollerOptions,{style:l.listStyle,items:s.visibleOptions,disabled:s.virtualScrollerDisabled}),o.createSlots({content:o.withCtx((({styleClass:i,contentRef:r,items:p,getItemOptions:d,contentStyle:u})=>[o.createElementVNode("ul",{ref:r,class:o.normalizeClass(["p-listbox-list",i]),style:o.normalizeStyle(u),role:"listbox","aria-multiselectable":"multiple"},[l.optionGroupLabel?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(p,((l,i)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:s.getOptionGroupRenderKey(l)},[o.createElementVNode("li",b,[o.renderSlot(e.$slots,"optiongroup",{option:l,index:s.getOptionIndex(i,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionGroupLabel(l)),1)]))]),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.getOptionGroupChildren(l),((l,i)=>o.withDirectives((o.openBlock(),o.createElementBlock("li",{tabindex:s.isOptionDisabled(l)?null:"0",class:o.normalizeClass(["p-listbox-item",{"p-highlight":s.isSelected(l),"p-disabled":s.isOptionDisabled(l)}]),key:s.getOptionRenderKey(l),onClick:e=>s.onOptionSelect(e,l),onTouchend:t[3]||(t[3]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,l),role:"option","aria-label":s.getOptionLabel(l),"aria-selected":s.isSelected(l)},[o.renderSlot(e.$slots,"option",{option:l,index:s.getOptionIndex(i,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(l)),1)]))],42,g)),[[a]]))),128))],64)))),128)):(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(p,((l,i)=>o.withDirectives((o.openBlock(),o.createElementBlock("li",{tabindex:s.isOptionDisabled(l)?null:"0",class:o.normalizeClass(["p-listbox-item",{"p-highlight":s.isSelected(l),"p-disabled":s.isOptionDisabled(l)}]),key:s.getOptionRenderKey(l),onClick:e=>s.onOptionSelect(e,l),onTouchend:t[2]||(t[2]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,l),role:"option","aria-label":s.getOptionLabel(l),"aria-selected":s.isSelected(l)},[o.renderSlot(e.$slots,"option",{option:l,index:s.getOptionIndex(i,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(l)),1)]))],42,m)),[[a]]))),128)),n.filterValue&&(!p||p&&0===p.length)?(o.openBlock(),o.createElementBlock("li",y,[o.renderSlot(e.$slots,"emptyfilter",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyFilterMessageText),1)]))])):!l.options||l.options&&0===l.options.length?(o.openBlock(),o.createElementBlock("li",f,[o.renderSlot(e.$slots,"empty",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyMessageText),1)]))])):o.createCommentVNode("",!0)],6)])),_:2},[e.$slots.loader?{name:"loader",fn:o.withCtx((({options:t})=>[o.renderSlot(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),o.renderSlot(e.$slots,"footer",{value:l.modelValue,options:s.visibleOptions})])},module.exports=a;

package/listbox/listbox.esm.js

@@ -2,7 +2,7 @@ import { ObjectUtils, DomHandler } from 'primevue/utils';
 import { FilterService } from 'primevue/api';
 import Ripple from 'primevue/ripple';
 import VirtualScroller from 'primevue/virtualscroller';
-import { resolveComponent, resolveDirective, openBlock, createBlock, renderSlot, createVNode, withDirectives, vModelText, createCommentVNode, mergeProps, createSlots, withCtx, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, renderSlot, createElementVNode, withDirectives, vModelText, createCommentVNode, normalizeStyle, createVNode, mergeProps, createSlots, withCtx, normalizeClass, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'Listbox',
@@ -292,13 +292,16 @@ const _hoisted_2 = {
   class: "p-listbox-header"
 };
 const _hoisted_3 = { class: "p-listbox-filter-container" };
-const _hoisted_4 = /*#__PURE__*/createVNode("span", { class: "p-listbox-filter-icon pi pi-search" }, null, -1);
-const _hoisted_5 = { class: "p-listbox-item-group" };
-const _hoisted_6 = {
+const _hoisted_4 = ["placeholder"];
+const _hoisted_5 = /*#__PURE__*/createElementVNode("span", { class: "p-listbox-filter-icon pi pi-search" }, null, -1);
+const _hoisted_6 = ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"];
+const _hoisted_7 = { class: "p-listbox-item-group" };
+const _hoisted_8 = ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"];
+const _hoisted_9 = {
   key: 2,
   class: "p-listbox-empty-message"
 };
-const _hoisted_7 = {
+const _hoisted_10 = {
   key: 3,
   class: "p-listbox-empty-message"
 };
@@ -307,30 +310,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VirtualScroller = resolveComponent("VirtualScroller");
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("div", _hoisted_1, [
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
     renderSlot(_ctx.$slots, "header", {
       value: $props.modelValue,
       options: $options.visibleOptions
     }),
     ($props.filter)
-      ? (openBlock(), createBlock("div", _hoisted_2, [
-          createVNode("div", _hoisted_3, [
-            withDirectives(createVNode("input", {
+      ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            withDirectives(createElementVNode("input", {
               type: "text",
               class: "p-listbox-filter p-inputtext p-component",
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($data.filterValue = $event)),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.filterValue) = $event)),
               placeholder: $props.filterPlaceholder,
-              onInput: _cache[2] || (_cache[2] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args)))
-            }, null, 40, ["placeholder"]), [
+              onInput: _cache[1] || (_cache[1] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args)))
+            }, null, 40, _hoisted_4), [
               [vModelText, $data.filterValue]
             ]),
-            _hoisted_4
+            _hoisted_5
           ])
         ]))
       : createCommentVNode("", true),
-    createVNode("div", {
+    createElementVNode("div", {
       class: "p-listbox-list-wrapper",
-      style: $props.listStyle
+      style: normalizeStyle($props.listStyle)
     }, [
       createVNode(_component_VirtualScroller, mergeProps({ ref: $options.virtualScrollerRef }, $props.virtualScrollerOptions, {
         style: $props.listStyle,
@@ -338,21 +341,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: $options.virtualScrollerDisabled
       }), createSlots({
         content: withCtx(({ styleClass, contentRef, items, getItemOptions, contentStyle }) => [
-          createVNode("ul", {
+          createElementVNode("ul", {
             ref: contentRef,
-            class: ['p-listbox-list', styleClass],
-            style: contentStyle,
+            class: normalizeClass(['p-listbox-list', styleClass]),
+            style: normalizeStyle(contentStyle),
             role: "listbox",
             "aria-multiselectable": "multiple"
           }, [
             (!$props.optionGroupLabel)
-              ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(items, (option, i) => {
-                  return withDirectives((openBlock(), createBlock("li", {
+              ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(items, (option, i) => {
+                  return withDirectives((openBlock(), createElementBlock("li", {
                     tabindex: $options.isOptionDisabled(option) ? null : '0',
-                    class: ['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}],
+                    class: normalizeClass(['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}]),
                     key: $options.getOptionRenderKey(option),
                     onClick: $event => ($options.onOptionSelect($event, option)),
-                    onTouchend: _cache[3] || (_cache[3] = $event => ($options.onOptionTouchEnd())),
+                    onTouchend: _cache[2] || (_cache[2] = $event => ($options.onOptionTouchEnd())),
                     onKeydown: $event => ($options.onOptionKeyDown($event, option)),
                     role: "option",
                     "aria-label": $options.getOptionLabel(option),
@@ -364,15 +367,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, () => [
                       createTextVNode(toDisplayString($options.getOptionLabel(option)), 1)
                     ])
-                  ], 42, ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"])), [
+                  ], 42, _hoisted_6)), [
                     [_directive_ripple]
                   ])
                 }), 128))
-              : (openBlock(true), createBlock(Fragment, { key: 1 }, renderList(items, (optionGroup, i) => {
-                  return (openBlock(), createBlock(Fragment, {
+              : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items, (optionGroup, i) => {
+                  return (openBlock(), createElementBlock(Fragment, {
                     key: $options.getOptionGroupRenderKey(optionGroup)
                   }, [
-                    createVNode("li", _hoisted_5, [
+                    createElementVNode("li", _hoisted_7, [
                       renderSlot(_ctx.$slots, "optiongroup", {
                         option: optionGroup,
                         index: $options.getOptionIndex(i, getItemOptions)
@@ -380,13 +383,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         createTextVNode(toDisplayString($options.getOptionGroupLabel(optionGroup)), 1)
                       ])
                     ]),
-                    (openBlock(true), createBlock(Fragment, null, renderList($options.getOptionGroupChildren(optionGroup), (option, i) => {
-                      return withDirectives((openBlock(), createBlock("li", {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.getOptionGroupChildren(optionGroup), (option, i) => {
+                      return withDirectives((openBlock(), createElementBlock("li", {
                         tabindex: $options.isOptionDisabled(option) ? null : '0',
-                        class: ['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}],
+                        class: normalizeClass(['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}]),
                         key: $options.getOptionRenderKey(option),
                         onClick: $event => ($options.onOptionSelect($event, option)),
-                        onTouchend: _cache[4] || (_cache[4] = $event => ($options.onOptionTouchEnd())),
+                        onTouchend: _cache[3] || (_cache[3] = $event => ($options.onOptionTouchEnd())),
                         onKeydown: $event => ($options.onOptionKeyDown($event, option)),
                         role: "option",
                         "aria-label": $options.getOptionLabel(option),
@@ -398,20 +401,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         }, () => [
                           createTextVNode(toDisplayString($options.getOptionLabel(option)), 1)
                         ])
-                      ], 42, ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"])), [
+                      ], 42, _hoisted_8)), [
                         [_directive_ripple]
                       ])
                     }), 128))
                   ], 64))
                 }), 128)),
             ($data.filterValue && (!items || (items && items.length === 0)))
-              ? (openBlock(), createBlock("li", _hoisted_6, [
+              ? (openBlock(), createElementBlock("li", _hoisted_9, [
                   renderSlot(_ctx.$slots, "emptyfilter", {}, () => [
                     createTextVNode(toDisplayString($options.emptyFilterMessageText), 1)
                   ])
                 ]))
               : ((!$props.options || ($props.options && $props.options.length === 0)))
-                ? (openBlock(), createBlock("li", _hoisted_7, [
+                ? (openBlock(), createElementBlock("li", _hoisted_10, [
                     renderSlot(_ctx.$slots, "empty", {}, () => [
                       createTextVNode(toDisplayString($options.emptyMessageText), 1)
                     ])
@@ -470,4 +473,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e,DomHandler as t}from"primevue/utils";import{FilterService as i}from"primevue/api";import l from"primevue/ripple";import o from"primevue/virtualscroller";import{resolveComponent as n,resolveDirective as s,openBlock as a,createBlock as r,renderSlot as p,createVNode as u,withDirectives as d,vModelText as h,createCommentVNode as c,mergeProps as m,createSlots as f,withCtx as b,Fragment as g,renderList as y,createTextVNode as v,toDisplayString as O}from"vue";var x={name:"Listbox",emits:["update:modelValue","change","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},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},virtualScrollerOptions:{type:Object,default:null}},optionTouched:!1,virtualScroller:null,data:()=>({filterValue:null}),methods:{getOptionIndex(e,t){return this.virtualScrollerDisabled?e:t&&t(e).index},getOptionLabel(t){return this.optionLabel?e.resolveFieldData(t,this.optionLabel):t},getOptionValue(t){return this.optionValue?e.resolveFieldData(t,this.optionValue):t},getOptionRenderKey(t){return this.dataKey?e.resolveFieldData(t,this.dataKey):this.getOptionLabel(t)},isOptionDisabled(t){return!!this.optionDisabled&&e.resolveFieldData(t,this.optionDisabled)},getOptionGroupRenderKey(t){return e.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupLabel(t){return e.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.resolveFieldData(t,this.optionGroupChildren)},onOptionSelect(e,t){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?n&&(o=null,l=!0):(o=this.getOptionValue(t),l=!0)}else o=i?null:this.getOptionValue(t),l=!0;l&&this.updateModel(e,o)},onOptionSelectMultiple(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?(o=n?this.removeOption(t):[this.getOptionValue(t)],l=!0):(o=n&&this.modelValue||[],o=[...o,this.getOptionValue(t)],l=!0)}else o=i?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)],l=!0;l&&this.updateModel(e,o)},isSelected(t){let i=!1,l=this.getOptionValue(t);if(this.multiple){if(this.modelValue)for(let t of this.modelValue)if(e.equals(t,l,this.equalityKey)){i=!0;break}}else i=e.equals(this.modelValue,l,this.equalityKey);return i},removeOption(t){return this.modelValue.filter((i=>!e.equals(i,this.getOptionValue(t),this.equalityKey)))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},onOptionKeyDown(e,t){let i=e.currentTarget;switch(e.which){case 40:var l=this.findNextItem(i);l&&l.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(i);o&&o.focus(),e.preventDefault();break;case 13:this.onOptionSelect(e,t),e.preventDefault()}},findNextItem(e){let i=e.nextElementSibling;return i?t.hasClass(i,"p-disabled")||t.hasClass(i,"p-listbox-item-group")?this.findNextItem(i):i:null},findPrevItem(e){let i=e.previousElementSibling;return i?t.hasClass(i,"p-disabled")||t.hasClass(i,"p-listbox-item-group")?this.findPrevItem(i):i:null},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value})},virtualScrollerRef(e){this.virtualScroller=e}},computed:{visibleOptions(){if(this.filterValue){if(this.optionGroupLabel){let e=[];for(let t of this.options){let l=i.filter(this.getOptionGroupChildren(t),this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale);l&&l.length&&e.push({...t,items:l})}return e}return i.filter(this.options,this.searchFields,this.filterValue,"contains",this.filterLocale)}return this.options},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptyFilterMessage},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:l},components:{VirtualScroller:o}};const S={class:"p-listbox p-component"},V={key:0,class:"p-listbox-header"},K={class:"p-listbox-filter-container"},D=u("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),C={class:"p-listbox-item-group"},L={key:2,class:"p-listbox-empty-message"},F={key:3,class:"p-listbox-empty-message"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),x.render=function(e,t,i,l,o,x){const M=n("VirtualScroller"),T=s("ripple");return a(),r("div",S,[p(e.$slots,"header",{value:i.modelValue,options:x.visibleOptions}),i.filter?(a(),r("div",V,[u("div",K,[d(u("input",{type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[1]||(t[1]=e=>o.filterValue=e),placeholder:i.filterPlaceholder,onInput:t[2]||(t[2]=(...e)=>x.onFilterChange&&x.onFilterChange(...e))},null,40,["placeholder"]),[[h,o.filterValue]]),D])])):c("",!0),u("div",{class:"p-listbox-list-wrapper",style:i.listStyle},[u(M,m({ref:x.virtualScrollerRef},i.virtualScrollerOptions,{style:i.listStyle,items:x.visibleOptions,disabled:x.virtualScrollerDisabled}),f({content:b((({styleClass:l,contentRef:n,items:s,getItemOptions:h,contentStyle:m})=>[u("ul",{ref:n,class:["p-listbox-list",l],style:m,role:"listbox","aria-multiselectable":"multiple"},[i.optionGroupLabel?(a(!0),r(g,{key:1},y(s,((i,l)=>(a(),r(g,{key:x.getOptionGroupRenderKey(i)},[u("li",C,[p(e.$slots,"optiongroup",{option:i,index:x.getOptionIndex(l,h)},(()=>[v(O(x.getOptionGroupLabel(i)),1)]))]),(a(!0),r(g,null,y(x.getOptionGroupChildren(i),((i,l)=>d((a(),r("li",{tabindex:x.isOptionDisabled(i)?null:"0",class:["p-listbox-item",{"p-highlight":x.isSelected(i),"p-disabled":x.isOptionDisabled(i)}],key:x.getOptionRenderKey(i),onClick:e=>x.onOptionSelect(e,i),onTouchend:t[4]||(t[4]=e=>x.onOptionTouchEnd()),onKeydown:e=>x.onOptionKeyDown(e,i),role:"option","aria-label":x.getOptionLabel(i),"aria-selected":x.isSelected(i)},[p(e.$slots,"option",{option:i,index:x.getOptionIndex(l,h)},(()=>[v(O(x.getOptionLabel(i)),1)]))],42,["tabindex","onClick","onKeydown","aria-label","aria-selected"])),[[T]]))),128))],64)))),128)):(a(!0),r(g,{key:0},y(s,((i,l)=>d((a(),r("li",{tabindex:x.isOptionDisabled(i)?null:"0",class:["p-listbox-item",{"p-highlight":x.isSelected(i),"p-disabled":x.isOptionDisabled(i)}],key:x.getOptionRenderKey(i),onClick:e=>x.onOptionSelect(e,i),onTouchend:t[3]||(t[3]=e=>x.onOptionTouchEnd()),onKeydown:e=>x.onOptionKeyDown(e,i),role:"option","aria-label":x.getOptionLabel(i),"aria-selected":x.isSelected(i)},[p(e.$slots,"option",{option:i,index:x.getOptionIndex(l,h)},(()=>[v(O(x.getOptionLabel(i)),1)]))],42,["tabindex","onClick","onKeydown","aria-label","aria-selected"])),[[T]]))),128)),o.filterValue&&(!s||s&&0===s.length)?(a(),r("li",L,[p(e.$slots,"emptyfilter",{},(()=>[v(O(x.emptyFilterMessageText),1)]))])):!i.options||i.options&&0===i.options.length?(a(),r("li",F,[p(e.$slots,"empty",{},(()=>[v(O(x.emptyMessageText),1)]))])):c("",!0)],6)])),_:2},[e.$slots.loader?{name:"loader",fn:b((({options:t})=>[p(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),p(e.$slots,"footer",{value:i.modelValue,options:x.visibleOptions})])};export default x;
+import{ObjectUtils as e,DomHandler as t}from"primevue/utils";import{FilterService as i}from"primevue/api";import l from"primevue/ripple";import o from"primevue/virtualscroller";import{resolveComponent as n,resolveDirective as s,openBlock as a,createElementBlock as r,renderSlot as p,createElementVNode as u,withDirectives as d,vModelText as h,createCommentVNode as c,normalizeStyle as m,createVNode as f,mergeProps as b,createSlots as g,withCtx as y,normalizeClass as v,Fragment as O,renderList as x,createTextVNode as S,toDisplayString as V}from"vue";var K={name:"Listbox",emits:["update:modelValue","change","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},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},virtualScrollerOptions:{type:Object,default:null}},optionTouched:!1,virtualScroller:null,data:()=>({filterValue:null}),methods:{getOptionIndex(e,t){return this.virtualScrollerDisabled?e:t&&t(e).index},getOptionLabel(t){return this.optionLabel?e.resolveFieldData(t,this.optionLabel):t},getOptionValue(t){return this.optionValue?e.resolveFieldData(t,this.optionValue):t},getOptionRenderKey(t){return this.dataKey?e.resolveFieldData(t,this.dataKey):this.getOptionLabel(t)},isOptionDisabled(t){return!!this.optionDisabled&&e.resolveFieldData(t,this.optionDisabled)},getOptionGroupRenderKey(t){return e.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupLabel(t){return e.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.resolveFieldData(t,this.optionGroupChildren)},onOptionSelect(e,t){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?n&&(o=null,l=!0):(o=this.getOptionValue(t),l=!0)}else o=i?null:this.getOptionValue(t),l=!0;l&&this.updateModel(e,o)},onOptionSelectMultiple(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?(o=n?this.removeOption(t):[this.getOptionValue(t)],l=!0):(o=n&&this.modelValue||[],o=[...o,this.getOptionValue(t)],l=!0)}else o=i?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)],l=!0;l&&this.updateModel(e,o)},isSelected(t){let i=!1,l=this.getOptionValue(t);if(this.multiple){if(this.modelValue)for(let t of this.modelValue)if(e.equals(t,l,this.equalityKey)){i=!0;break}}else i=e.equals(this.modelValue,l,this.equalityKey);return i},removeOption(t){return this.modelValue.filter((i=>!e.equals(i,this.getOptionValue(t),this.equalityKey)))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},onOptionKeyDown(e,t){let i=e.currentTarget;switch(e.which){case 40:var l=this.findNextItem(i);l&&l.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(i);o&&o.focus(),e.preventDefault();break;case 13:this.onOptionSelect(e,t),e.preventDefault()}},findNextItem(e){let i=e.nextElementSibling;return i?t.hasClass(i,"p-disabled")||t.hasClass(i,"p-listbox-item-group")?this.findNextItem(i):i:null},findPrevItem(e){let i=e.previousElementSibling;return i?t.hasClass(i,"p-disabled")||t.hasClass(i,"p-listbox-item-group")?this.findPrevItem(i):i:null},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value})},virtualScrollerRef(e){this.virtualScroller=e}},computed:{visibleOptions(){if(this.filterValue){if(this.optionGroupLabel){let e=[];for(let t of this.options){let l=i.filter(this.getOptionGroupChildren(t),this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale);l&&l.length&&e.push({...t,items:l})}return e}return i.filter(this.options,this.searchFields,this.filterValue,"contains",this.filterLocale)}return this.options},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptyFilterMessage},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:l},components:{VirtualScroller:o}};const D={class:"p-listbox p-component"},C={key:0,class:"p-listbox-header"},L={class:"p-listbox-filter-container"},F=["placeholder"],M=u("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),T=["tabindex","onClick","onKeydown","aria-label","aria-selected"],k={class:"p-listbox-item-group"},w=["tabindex","onClick","onKeydown","aria-label","aria-selected"],G={key:2,class:"p-listbox-empty-message"},$={key:3,class:"p-listbox-empty-message"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),K.render=function(e,t,i,l,o,K){const I=n("VirtualScroller"),E=s("ripple");return a(),r("div",D,[p(e.$slots,"header",{value:i.modelValue,options:K.visibleOptions}),i.filter?(a(),r("div",C,[u("div",L,[d(u("input",{type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[0]||(t[0]=e=>o.filterValue=e),placeholder:i.filterPlaceholder,onInput:t[1]||(t[1]=(...e)=>K.onFilterChange&&K.onFilterChange(...e))},null,40,F),[[h,o.filterValue]]),M])])):c("",!0),u("div",{class:"p-listbox-list-wrapper",style:m(i.listStyle)},[f(I,b({ref:K.virtualScrollerRef},i.virtualScrollerOptions,{style:i.listStyle,items:K.visibleOptions,disabled:K.virtualScrollerDisabled}),g({content:y((({styleClass:l,contentRef:n,items:s,getItemOptions:h,contentStyle:f})=>[u("ul",{ref:n,class:v(["p-listbox-list",l]),style:m(f),role:"listbox","aria-multiselectable":"multiple"},[i.optionGroupLabel?(a(!0),r(O,{key:1},x(s,((i,l)=>(a(),r(O,{key:K.getOptionGroupRenderKey(i)},[u("li",k,[p(e.$slots,"optiongroup",{option:i,index:K.getOptionIndex(l,h)},(()=>[S(V(K.getOptionGroupLabel(i)),1)]))]),(a(!0),r(O,null,x(K.getOptionGroupChildren(i),((i,l)=>d((a(),r("li",{tabindex:K.isOptionDisabled(i)?null:"0",class:v(["p-listbox-item",{"p-highlight":K.isSelected(i),"p-disabled":K.isOptionDisabled(i)}]),key:K.getOptionRenderKey(i),onClick:e=>K.onOptionSelect(e,i),onTouchend:t[3]||(t[3]=e=>K.onOptionTouchEnd()),onKeydown:e=>K.onOptionKeyDown(e,i),role:"option","aria-label":K.getOptionLabel(i),"aria-selected":K.isSelected(i)},[p(e.$slots,"option",{option:i,index:K.getOptionIndex(l,h)},(()=>[S(V(K.getOptionLabel(i)),1)]))],42,w)),[[E]]))),128))],64)))),128)):(a(!0),r(O,{key:0},x(s,((i,l)=>d((a(),r("li",{tabindex:K.isOptionDisabled(i)?null:"0",class:v(["p-listbox-item",{"p-highlight":K.isSelected(i),"p-disabled":K.isOptionDisabled(i)}]),key:K.getOptionRenderKey(i),onClick:e=>K.onOptionSelect(e,i),onTouchend:t[2]||(t[2]=e=>K.onOptionTouchEnd()),onKeydown:e=>K.onOptionKeyDown(e,i),role:"option","aria-label":K.getOptionLabel(i),"aria-selected":K.isSelected(i)},[p(e.$slots,"option",{option:i,index:K.getOptionIndex(l,h)},(()=>[S(V(K.getOptionLabel(i)),1)]))],42,T)),[[E]]))),128)),o.filterValue&&(!s||s&&0===s.length)?(a(),r("li",G,[p(e.$slots,"emptyfilter",{},(()=>[S(V(K.emptyFilterMessageText),1)]))])):!i.options||i.options&&0===i.options.length?(a(),r("li",$,[p(e.$slots,"empty",{},(()=>[S(V(K.emptyMessageText),1)]))])):c("",!0)],6)])),_:2},[e.$slots.loader?{name:"loader",fn:y((({options:t})=>[p(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),p(e.$slots,"footer",{value:i.modelValue,options:K.visibleOptions})])};export{K as default};

package/listbox/listbox.js

@@ -282,10 +282,10 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         },
         components: {
-            'VirtualScroller': VirtualScroller__default['default']
+            'VirtualScroller': VirtualScroller__default["default"]
         }
     };
 
@@ -295,13 +295,16 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
       class: "p-listbox-header"
     };
     const _hoisted_3 = { class: "p-listbox-filter-container" };
-    const _hoisted_4 = /*#__PURE__*/vue.createVNode("span", { class: "p-listbox-filter-icon pi pi-search" }, null, -1);
-    const _hoisted_5 = { class: "p-listbox-item-group" };
-    const _hoisted_6 = {
+    const _hoisted_4 = ["placeholder"];
+    const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-listbox-filter-icon pi pi-search" }, null, -1);
+    const _hoisted_6 = ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"];
+    const _hoisted_7 = { class: "p-listbox-item-group" };
+    const _hoisted_8 = ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"];
+    const _hoisted_9 = {
       key: 2,
       class: "p-listbox-empty-message"
     };
-    const _hoisted_7 = {
+    const _hoisted_10 = {
       key: 3,
       class: "p-listbox-empty-message"
     };
@@ -310,30 +313,30 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
       const _component_VirtualScroller = vue.resolveComponent("VirtualScroller");
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.renderSlot(_ctx.$slots, "header", {
           value: $props.modelValue,
           options: $options.visibleOptions
         }),
         ($props.filter)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_2, [
-              vue.createVNode("div", _hoisted_3, [
-                vue.withDirectives(vue.createVNode("input", {
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.withDirectives(vue.createElementVNode("input", {
                   type: "text",
                   class: "p-listbox-filter p-inputtext p-component",
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => ($data.filterValue = $event)),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.filterValue) = $event)),
                   placeholder: $props.filterPlaceholder,
-                  onInput: _cache[2] || (_cache[2] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args)))
-                }, null, 40, ["placeholder"]), [
+                  onInput: _cache[1] || (_cache[1] = (...args) => ($options.onFilterChange && $options.onFilterChange(...args)))
+                }, null, 40, _hoisted_4), [
                   [vue.vModelText, $data.filterValue]
                 ]),
-                _hoisted_4
+                _hoisted_5
               ])
             ]))
           : vue.createCommentVNode("", true),
-        vue.createVNode("div", {
+        vue.createElementVNode("div", {
           class: "p-listbox-list-wrapper",
-          style: $props.listStyle
+          style: vue.normalizeStyle($props.listStyle)
         }, [
           vue.createVNode(_component_VirtualScroller, vue.mergeProps({ ref: $options.virtualScrollerRef }, $props.virtualScrollerOptions, {
             style: $props.listStyle,
@@ -341,21 +344,21 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
             disabled: $options.virtualScrollerDisabled
           }), vue.createSlots({
             content: vue.withCtx(({ styleClass, contentRef, items, getItemOptions, contentStyle }) => [
-              vue.createVNode("ul", {
+              vue.createElementVNode("ul", {
                 ref: contentRef,
-                class: ['p-listbox-list', styleClass],
-                style: contentStyle,
+                class: vue.normalizeClass(['p-listbox-list', styleClass]),
+                style: vue.normalizeStyle(contentStyle),
                 role: "listbox",
                 "aria-multiselectable": "multiple"
               }, [
                 (!$props.optionGroupLabel)
-                  ? (vue.openBlock(true), vue.createBlock(vue.Fragment, { key: 0 }, vue.renderList(items, (option, i) => {
-                      return vue.withDirectives((vue.openBlock(), vue.createBlock("li", {
+                  ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(items, (option, i) => {
+                      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                         tabindex: $options.isOptionDisabled(option) ? null : '0',
-                        class: ['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}],
+                        class: vue.normalizeClass(['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}]),
                         key: $options.getOptionRenderKey(option),
                         onClick: $event => ($options.onOptionSelect($event, option)),
-                        onTouchend: _cache[3] || (_cache[3] = $event => ($options.onOptionTouchEnd())),
+                        onTouchend: _cache[2] || (_cache[2] = $event => ($options.onOptionTouchEnd())),
                         onKeydown: $event => ($options.onOptionKeyDown($event, option)),
                         role: "option",
                         "aria-label": $options.getOptionLabel(option),
@@ -367,15 +370,15 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                         }, () => [
                           vue.createTextVNode(vue.toDisplayString($options.getOptionLabel(option)), 1)
                         ])
-                      ], 42, ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"])), [
+                      ], 42, _hoisted_6)), [
                         [_directive_ripple]
                       ])
                     }), 128))
-                  : (vue.openBlock(true), vue.createBlock(vue.Fragment, { key: 1 }, vue.renderList(items, (optionGroup, i) => {
-                      return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+                  : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items, (optionGroup, i) => {
+                      return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                         key: $options.getOptionGroupRenderKey(optionGroup)
                       }, [
-                        vue.createVNode("li", _hoisted_5, [
+                        vue.createElementVNode("li", _hoisted_7, [
                           vue.renderSlot(_ctx.$slots, "optiongroup", {
                             option: optionGroup,
                             index: $options.getOptionIndex(i, getItemOptions)
@@ -383,13 +386,13 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                             vue.createTextVNode(vue.toDisplayString($options.getOptionGroupLabel(optionGroup)), 1)
                           ])
                         ]),
-                        (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.getOptionGroupChildren(optionGroup), (option, i) => {
-                          return vue.withDirectives((vue.openBlock(), vue.createBlock("li", {
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.getOptionGroupChildren(optionGroup), (option, i) => {
+                          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                             tabindex: $options.isOptionDisabled(option) ? null : '0',
-                            class: ['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}],
+                            class: vue.normalizeClass(['p-listbox-item', {'p-highlight': $options.isSelected(option), 'p-disabled': $options.isOptionDisabled(option)}]),
                             key: $options.getOptionRenderKey(option),
                             onClick: $event => ($options.onOptionSelect($event, option)),
-                            onTouchend: _cache[4] || (_cache[4] = $event => ($options.onOptionTouchEnd())),
+                            onTouchend: _cache[3] || (_cache[3] = $event => ($options.onOptionTouchEnd())),
                             onKeydown: $event => ($options.onOptionKeyDown($event, option)),
                             role: "option",
                             "aria-label": $options.getOptionLabel(option),
@@ -401,20 +404,20 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
                             }, () => [
                               vue.createTextVNode(vue.toDisplayString($options.getOptionLabel(option)), 1)
                             ])
-                          ], 42, ["tabindex", "onClick", "onKeydown", "aria-label", "aria-selected"])), [
+                          ], 42, _hoisted_8)), [
                             [_directive_ripple]
                           ])
                         }), 128))
                       ], 64))
                     }), 128)),
                 ($data.filterValue && (!items || (items && items.length === 0)))
-                  ? (vue.openBlock(), vue.createBlock("li", _hoisted_6, [
+                  ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9, [
                       vue.renderSlot(_ctx.$slots, "emptyfilter", {}, () => [
                         vue.createTextVNode(vue.toDisplayString($options.emptyFilterMessageText), 1)
                       ])
                     ]))
                   : ((!$props.options || ($props.options && $props.options.length === 0)))
-                    ? (vue.openBlock(), vue.createBlock("li", _hoisted_7, [
+                    ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_10, [
                         vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                           vue.createTextVNode(vue.toDisplayString($options.emptyMessageText), 1)
                         ])
@@ -475,4 +478,4 @@ this.primevue.listbox = (function (utils, api, Ripple, VirtualScroller, vue) {
 
     return script;
 
-}(primevue.utils, primevue.api, primevue.ripple, primevue.virtualscroller, Vue));
+})(primevue.utils, primevue.api, primevue.ripple, primevue.virtualscroller, Vue);

package/listbox/listbox.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.listbox=function(e,t,i,l,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(i),r=n(l),a={name:"Listbox",emits:["update:modelValue","change","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},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},virtualScrollerOptions:{type:Object,default:null}},optionTouched:!1,virtualScroller:null,data:()=>({filterValue:null}),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){return this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):this.getOptionLabel(t)},isOptionDisabled(t){return!!this.optionDisabled&&e.ObjectUtils.resolveFieldData(t,this.optionDisabled)},getOptionGroupRenderKey(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupLabel(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupChildren)},onOptionSelect(e,t){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?n&&(o=null,l=!0):(o=this.getOptionValue(t),l=!0)}else o=i?null:this.getOptionValue(t),l=!0;l&&this.updateModel(e,o)},onOptionSelectMultiple(e,t){let i=this.isSelected(t),l=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;i?(o=n?this.removeOption(t):[this.getOptionValue(t)],l=!0):(o=n&&this.modelValue||[],o=[...o,this.getOptionValue(t)],l=!0)}else o=i?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)],l=!0;l&&this.updateModel(e,o)},isSelected(t){let i=!1,l=this.getOptionValue(t);if(this.multiple){if(this.modelValue)for(let t of this.modelValue)if(e.ObjectUtils.equals(t,l,this.equalityKey)){i=!0;break}}else i=e.ObjectUtils.equals(this.modelValue,l,this.equalityKey);return i},removeOption(t){return this.modelValue.filter((i=>!e.ObjectUtils.equals(i,this.getOptionValue(t),this.equalityKey)))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},onOptionKeyDown(e,t){let i=e.currentTarget;switch(e.which){case 40:var l=this.findNextItem(i);l&&l.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(i);o&&o.focus(),e.preventDefault();break;case 13:this.onOptionSelect(e,t),e.preventDefault()}},findNextItem(t){let i=t.nextElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||e.DomHandler.hasClass(i,"p-listbox-item-group")?this.findNextItem(i):i:null},findPrevItem(t){let i=t.previousElementSibling;return i?e.DomHandler.hasClass(i,"p-disabled")||e.DomHandler.hasClass(i,"p-listbox-item-group")?this.findPrevItem(i):i:null},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value})},virtualScrollerRef(e){this.virtualScroller=e}},computed:{visibleOptions(){if(this.filterValue){if(this.optionGroupLabel){let e=[];for(let i of this.options){let l=t.FilterService.filter(this.getOptionGroupChildren(i),this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale);l&&l.length&&e.push({...i,items:l})}return e}return t.FilterService.filter(this.options,this.searchFields,this.filterValue,"contains",this.filterLocale)}return this.options},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptyFilterMessage},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:s.default},components:{VirtualScroller:r.default}};const p={class:"p-listbox p-component"},d={key:0,class:"p-listbox-header"},u={class:"p-listbox-filter-container"},c=o.createVNode("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),h={class:"p-listbox-item-group"},m={key:2,class:"p-listbox-empty-message"},b={key:3,class:"p-listbox-empty-message"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),a.render=function(e,t,i,l,n,s){const r=o.resolveComponent("VirtualScroller"),a=o.resolveDirective("ripple");return o.openBlock(),o.createBlock("div",p,[o.renderSlot(e.$slots,"header",{value:i.modelValue,options:s.visibleOptions}),i.filter?(o.openBlock(),o.createBlock("div",d,[o.createVNode("div",u,[o.withDirectives(o.createVNode("input",{type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[1]||(t[1]=e=>n.filterValue=e),placeholder:i.filterPlaceholder,onInput:t[2]||(t[2]=(...e)=>s.onFilterChange&&s.onFilterChange(...e))},null,40,["placeholder"]),[[o.vModelText,n.filterValue]]),c])])):o.createCommentVNode("",!0),o.createVNode("div",{class:"p-listbox-list-wrapper",style:i.listStyle},[o.createVNode(r,o.mergeProps({ref:s.virtualScrollerRef},i.virtualScrollerOptions,{style:i.listStyle,items:s.visibleOptions,disabled:s.virtualScrollerDisabled}),o.createSlots({content:o.withCtx((({styleClass:l,contentRef:r,items:p,getItemOptions:d,contentStyle:u})=>[o.createVNode("ul",{ref:r,class:["p-listbox-list",l],style:u,role:"listbox","aria-multiselectable":"multiple"},[i.optionGroupLabel?(o.openBlock(!0),o.createBlock(o.Fragment,{key:1},o.renderList(p,((i,l)=>(o.openBlock(),o.createBlock(o.Fragment,{key:s.getOptionGroupRenderKey(i)},[o.createVNode("li",h,[o.renderSlot(e.$slots,"optiongroup",{option:i,index:s.getOptionIndex(l,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionGroupLabel(i)),1)]))]),(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.getOptionGroupChildren(i),((i,l)=>o.withDirectives((o.openBlock(),o.createBlock("li",{tabindex:s.isOptionDisabled(i)?null:"0",class:["p-listbox-item",{"p-highlight":s.isSelected(i),"p-disabled":s.isOptionDisabled(i)}],key:s.getOptionRenderKey(i),onClick:e=>s.onOptionSelect(e,i),onTouchend:t[4]||(t[4]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,i),role:"option","aria-label":s.getOptionLabel(i),"aria-selected":s.isSelected(i)},[o.renderSlot(e.$slots,"option",{option:i,index:s.getOptionIndex(l,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(i)),1)]))],42,["tabindex","onClick","onKeydown","aria-label","aria-selected"])),[[a]]))),128))],64)))),128)):(o.openBlock(!0),o.createBlock(o.Fragment,{key:0},o.renderList(p,((i,l)=>o.withDirectives((o.openBlock(),o.createBlock("li",{tabindex:s.isOptionDisabled(i)?null:"0",class:["p-listbox-item",{"p-highlight":s.isSelected(i),"p-disabled":s.isOptionDisabled(i)}],key:s.getOptionRenderKey(i),onClick:e=>s.onOptionSelect(e,i),onTouchend:t[3]||(t[3]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,i),role:"option","aria-label":s.getOptionLabel(i),"aria-selected":s.isSelected(i)},[o.renderSlot(e.$slots,"option",{option:i,index:s.getOptionIndex(l,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(i)),1)]))],42,["tabindex","onClick","onKeydown","aria-label","aria-selected"])),[[a]]))),128)),n.filterValue&&(!p||p&&0===p.length)?(o.openBlock(),o.createBlock("li",m,[o.renderSlot(e.$slots,"emptyfilter",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyFilterMessageText),1)]))])):!i.options||i.options&&0===i.options.length?(o.openBlock(),o.createBlock("li",b,[o.renderSlot(e.$slots,"empty",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyMessageText),1)]))])):o.createCommentVNode("",!0)],6)])),_:2},[e.$slots.loader?{name:"loader",fn:o.withCtx((({options:t})=>[o.renderSlot(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),o.renderSlot(e.$slots,"footer",{value:i.modelValue,options:s.visibleOptions})])},a}(primevue.utils,primevue.api,primevue.ripple,primevue.virtualscroller,Vue);
+this.primevue=this.primevue||{},this.primevue.listbox=function(e,t,l,i,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(l),r=n(i),a={name:"Listbox",emits:["update:modelValue","change","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},emptyFilterMessage:{type:String,default:null},emptyMessage:{type:String,default:null},virtualScrollerOptions:{type:Object,default:null}},optionTouched:!1,virtualScroller:null,data:()=>({filterValue:null}),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){return this.dataKey?e.ObjectUtils.resolveFieldData(t,this.dataKey):this.getOptionLabel(t)},isOptionDisabled(t){return!!this.optionDisabled&&e.ObjectUtils.resolveFieldData(t,this.optionDisabled)},getOptionGroupRenderKey(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupLabel(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupLabel)},getOptionGroupChildren(t){return e.ObjectUtils.resolveFieldData(t,this.optionGroupChildren)},onOptionSelect(e,t){this.disabled||this.isOptionDisabled(t)||(this.multiple?this.onOptionSelectMultiple(e,t):this.onOptionSelectSingle(e,t),this.optionTouched=!1)},onOptionTouchEnd(){this.disabled||(this.optionTouched=!0)},onOptionSelectSingle(e,t){let l=this.isSelected(t),i=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;l?n&&(o=null,i=!0):(o=this.getOptionValue(t),i=!0)}else o=l?null:this.getOptionValue(t),i=!0;i&&this.updateModel(e,o)},onOptionSelectMultiple(e,t){let l=this.isSelected(t),i=!1,o=null;if(!this.optionTouched&&this.metaKeySelection){let n=e.metaKey||e.ctrlKey;l?(o=n?this.removeOption(t):[this.getOptionValue(t)],i=!0):(o=n&&this.modelValue||[],o=[...o,this.getOptionValue(t)],i=!0)}else o=l?this.removeOption(t):[...this.modelValue||[],this.getOptionValue(t)],i=!0;i&&this.updateModel(e,o)},isSelected(t){let l=!1,i=this.getOptionValue(t);if(this.multiple){if(this.modelValue)for(let t of this.modelValue)if(e.ObjectUtils.equals(t,i,this.equalityKey)){l=!0;break}}else l=e.ObjectUtils.equals(this.modelValue,i,this.equalityKey);return l},removeOption(t){return this.modelValue.filter((l=>!e.ObjectUtils.equals(l,this.getOptionValue(t),this.equalityKey)))},updateModel(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},onOptionKeyDown(e,t){let l=e.currentTarget;switch(e.which){case 40:var i=this.findNextItem(l);i&&i.focus(),e.preventDefault();break;case 38:var o=this.findPrevItem(l);o&&o.focus(),e.preventDefault();break;case 13:this.onOptionSelect(e,t),e.preventDefault()}},findNextItem(t){let l=t.nextElementSibling;return l?e.DomHandler.hasClass(l,"p-disabled")||e.DomHandler.hasClass(l,"p-listbox-item-group")?this.findNextItem(l):l:null},findPrevItem(t){let l=t.previousElementSibling;return l?e.DomHandler.hasClass(l,"p-disabled")||e.DomHandler.hasClass(l,"p-listbox-item-group")?this.findPrevItem(l):l:null},onFilterChange(e){this.$emit("filter",{originalEvent:e,value:e.target.value})},virtualScrollerRef(e){this.virtualScroller=e}},computed:{visibleOptions(){if(this.filterValue){if(this.optionGroupLabel){let e=[];for(let l of this.options){let i=t.FilterService.filter(this.getOptionGroupChildren(l),this.searchFields,this.filterValue,this.filterMatchMode,this.filterLocale);i&&i.length&&e.push({...l,items:i})}return e}return t.FilterService.filter(this.options,this.searchFields,this.filterValue,"contains",this.filterLocale)}return this.options},equalityKey(){return this.optionValue?null:this.dataKey},searchFields(){return this.filterFields||[this.optionLabel]},emptyFilterMessageText(){return this.emptyFilterMessage||this.$primevue.config.locale.emptyFilterMessage},emptyMessageText(){return this.emptyMessage||this.$primevue.config.locale.emptyMessage},virtualScrollerDisabled(){return!this.virtualScrollerOptions}},directives:{ripple:s.default},components:{VirtualScroller:r.default}};const p={class:"p-listbox p-component"},d={key:0,class:"p-listbox-header"},u={class:"p-listbox-filter-container"},c=["placeholder"],h=o.createElementVNode("span",{class:"p-listbox-filter-icon pi pi-search"},null,-1),m=["tabindex","onClick","onKeydown","aria-label","aria-selected"],b={class:"p-listbox-item-group"},g=["tabindex","onClick","onKeydown","aria-label","aria-selected"],y={key:2,class:"p-listbox-empty-message"},f={key:3,class:"p-listbox-empty-message"};return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===l&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),a.render=function(e,t,l,i,n,s){const r=o.resolveComponent("VirtualScroller"),a=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",p,[o.renderSlot(e.$slots,"header",{value:l.modelValue,options:s.visibleOptions}),l.filter?(o.openBlock(),o.createElementBlock("div",d,[o.createElementVNode("div",u,[o.withDirectives(o.createElementVNode("input",{type:"text",class:"p-listbox-filter p-inputtext p-component","onUpdate:modelValue":t[0]||(t[0]=e=>n.filterValue=e),placeholder:l.filterPlaceholder,onInput:t[1]||(t[1]=(...e)=>s.onFilterChange&&s.onFilterChange(...e))},null,40,c),[[o.vModelText,n.filterValue]]),h])])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"p-listbox-list-wrapper",style:o.normalizeStyle(l.listStyle)},[o.createVNode(r,o.mergeProps({ref:s.virtualScrollerRef},l.virtualScrollerOptions,{style:l.listStyle,items:s.visibleOptions,disabled:s.virtualScrollerDisabled}),o.createSlots({content:o.withCtx((({styleClass:i,contentRef:r,items:p,getItemOptions:d,contentStyle:u})=>[o.createElementVNode("ul",{ref:r,class:o.normalizeClass(["p-listbox-list",i]),style:o.normalizeStyle(u),role:"listbox","aria-multiselectable":"multiple"},[l.optionGroupLabel?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(p,((l,i)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:s.getOptionGroupRenderKey(l)},[o.createElementVNode("li",b,[o.renderSlot(e.$slots,"optiongroup",{option:l,index:s.getOptionIndex(i,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionGroupLabel(l)),1)]))]),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.getOptionGroupChildren(l),((l,i)=>o.withDirectives((o.openBlock(),o.createElementBlock("li",{tabindex:s.isOptionDisabled(l)?null:"0",class:o.normalizeClass(["p-listbox-item",{"p-highlight":s.isSelected(l),"p-disabled":s.isOptionDisabled(l)}]),key:s.getOptionRenderKey(l),onClick:e=>s.onOptionSelect(e,l),onTouchend:t[3]||(t[3]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,l),role:"option","aria-label":s.getOptionLabel(l),"aria-selected":s.isSelected(l)},[o.renderSlot(e.$slots,"option",{option:l,index:s.getOptionIndex(i,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(l)),1)]))],42,g)),[[a]]))),128))],64)))),128)):(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(p,((l,i)=>o.withDirectives((o.openBlock(),o.createElementBlock("li",{tabindex:s.isOptionDisabled(l)?null:"0",class:o.normalizeClass(["p-listbox-item",{"p-highlight":s.isSelected(l),"p-disabled":s.isOptionDisabled(l)}]),key:s.getOptionRenderKey(l),onClick:e=>s.onOptionSelect(e,l),onTouchend:t[2]||(t[2]=e=>s.onOptionTouchEnd()),onKeydown:e=>s.onOptionKeyDown(e,l),role:"option","aria-label":s.getOptionLabel(l),"aria-selected":s.isSelected(l)},[o.renderSlot(e.$slots,"option",{option:l,index:s.getOptionIndex(i,d)},(()=>[o.createTextVNode(o.toDisplayString(s.getOptionLabel(l)),1)]))],42,m)),[[a]]))),128)),n.filterValue&&(!p||p&&0===p.length)?(o.openBlock(),o.createElementBlock("li",y,[o.renderSlot(e.$slots,"emptyfilter",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyFilterMessageText),1)]))])):!l.options||l.options&&0===l.options.length?(o.openBlock(),o.createElementBlock("li",f,[o.renderSlot(e.$slots,"empty",{},(()=>[o.createTextVNode(o.toDisplayString(s.emptyMessageText),1)]))])):o.createCommentVNode("",!0)],6)])),_:2},[e.$slots.loader?{name:"loader",fn:o.withCtx((({options:t})=>[o.renderSlot(e.$slots,"loader",{options:t})]))}:void 0]),1040,["style","items","disabled"])],4),o.renderSlot(e.$slots,"footer",{value:l.modelValue,options:s.visibleOptions})])},a}(primevue.utils,primevue.api,primevue.ripple,primevue.virtualscroller,Vue);