primevue 3.12.3 → 3.12.6

package/knob/knob.js

@@ -201,41 +201,48 @@ this.primevue.knob = (function (vue) {
     };
     //Derived and forked from https://github.com/kramer99/vue-knob-control
 
+    const _hoisted_1 = ["width", "height"];
+    const _hoisted_2 = ["d", "stroke-width", "stroke"];
+    const _hoisted_3 = ["d", "stroke-width", "stroke"];
+    const _hoisted_4 = ["fill"];
+
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createBlock("div", { class: $options.containerClass }, [
-        (vue.openBlock(), vue.createBlock("svg", {
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass)
+      }, [
+        (vue.openBlock(), vue.createElementBlock("svg", {
           viewBox: "0 0 100 100",
           width: $props.size,
           height: $props.size,
-          onClick: _cache[1] || (_cache[1] = (...args) => ($options.onClick && $options.onClick(...args))),
-          onMousedown: _cache[2] || (_cache[2] = (...args) => ($options.onMouseDown && $options.onMouseDown(...args))),
-          onMouseup: _cache[3] || (_cache[3] = (...args) => ($options.onMouseUp && $options.onMouseUp(...args))),
-          onTouchstart: _cache[4] || (_cache[4] = (...args) => ($options.onTouchStart && $options.onTouchStart(...args))),
-          onTouchend: _cache[5] || (_cache[5] = (...args) => ($options.onTouchEnd && $options.onTouchEnd(...args)))
+          onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
+          onMousedown: _cache[1] || (_cache[1] = (...args) => ($options.onMouseDown && $options.onMouseDown(...args))),
+          onMouseup: _cache[2] || (_cache[2] = (...args) => ($options.onMouseUp && $options.onMouseUp(...args))),
+          onTouchstart: _cache[3] || (_cache[3] = (...args) => ($options.onTouchStart && $options.onTouchStart(...args))),
+          onTouchend: _cache[4] || (_cache[4] = (...args) => ($options.onTouchEnd && $options.onTouchEnd(...args)))
         }, [
-          vue.createVNode("path", {
+          vue.createElementVNode("path", {
             d: $options.rangePath,
             "stroke-width": $props.strokeWidth,
             stroke: $props.rangeColor,
             class: "p-knob-range"
-          }, null, 8, ["d", "stroke-width", "stroke"]),
-          vue.createVNode("path", {
+          }, null, 8, _hoisted_2),
+          vue.createElementVNode("path", {
             d: $options.valuePath,
             "stroke-width": $props.strokeWidth,
             stroke: $props.valueColor,
             class: "p-knob-value"
-          }, null, 8, ["d", "stroke-width", "stroke"]),
+          }, null, 8, _hoisted_3),
           ($props.showValue)
-            ? (vue.openBlock(), vue.createBlock("text", {
+            ? (vue.openBlock(), vue.createElementBlock("text", {
                 key: 0,
                 x: 50,
                 y: 57,
                 "text-anchor": "middle",
                 fill: $props.textColor,
                 class: "p-knob-text"
-              }, vue.toDisplayString($options.valueToDisplay), 9, ["fill"]))
+              }, vue.toDisplayString($options.valueToDisplay), 9, _hoisted_4))
             : vue.createCommentVNode("", true)
-        ], 40, ["width", "height"]))
+        ], 40, _hoisted_1))
       ], 2))
     }
 
@@ -273,4 +280,4 @@ this.primevue.knob = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);

package/knob/knob.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.knob=function(e){"use strict";var t={name:"Knob",emits:["update:modelValue","change"],data:()=>({radius:40,midX:50,midY:50,minRadians:4*Math.PI/3,maxRadians:-Math.PI/3}),props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"}},methods:{updateValue(e,t){let i=e-this.size/2,a=this.size/2-t,s=Math.atan2(a,i),n=-Math.PI/2-Math.PI/6;this.updateModel(s,n)},updateModel(e,t){let i;if(e>this.maxRadians)i=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;i=this.mapRange(e+2*Math.PI,this.minRadians,this.maxRadians,this.min,this.max)}let a=Math.round((i-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",a),this.$emit("change",a)},mapRange:(e,t,i,a,s)=>(e-t)*(s-a)/(i-t)+a,onClick(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){const t=this.$el.getBoundingClientRect(),i=e.targetTouches.item(0),a=i.clientX-t.left,s=i.clientY-t.top;this.updateValue(a,s)}}},computed:{containerClass(){return["p-knob p-component",{"p-disabled":this.disabled}]},rangePath(){return`M ${this.minX} ${this.minY} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX} ${this.maxY}`},valuePath(){return`M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`},zeroRadians(){return this.min>0&&this.max>0?this.mapRange(this.min,this.min,this.max,this.minRadians,this.maxRadians):this.mapRange(0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX(){return this.midX+Math.cos(this.minRadians)*this.radius},minY(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc(){return Math.abs(this.zeroRadians-this.valueRadians)<Math.PI?0:1},sweep(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&a.firstChild?a.insertBefore(s,a.firstChild):a.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n@-webkit-keyframes dash-frame {\n100% {\n        stroke-dashoffset: 0;\n}\n}\n@keyframes dash-frame {\n100% {\n        stroke-dashoffset: 0;\n}\n}\n.p-knob-range {\n    fill: none;\n    -webkit-transition: stroke .1s ease-in;\n    transition: stroke .1s ease-in;\n}\n.p-knob-value {\n    -webkit-animation-name: dash-frame;\n            animation-name: dash-frame;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    fill: none;\n}\n.p-knob-text {\n    font-size: 1.3rem;\n    text-align: center;\n}\n"),t.render=function(t,i,a,s,n,o){return e.openBlock(),e.createBlock("div",{class:o.containerClass},[(e.openBlock(),e.createBlock("svg",{viewBox:"0 0 100 100",width:a.size,height:a.size,onClick:i[1]||(i[1]=(...e)=>o.onClick&&o.onClick(...e)),onMousedown:i[2]||(i[2]=(...e)=>o.onMouseDown&&o.onMouseDown(...e)),onMouseup:i[3]||(i[3]=(...e)=>o.onMouseUp&&o.onMouseUp(...e)),onTouchstart:i[4]||(i[4]=(...e)=>o.onTouchStart&&o.onTouchStart(...e)),onTouchend:i[5]||(i[5]=(...e)=>o.onTouchEnd&&o.onTouchEnd(...e))},[e.createVNode("path",{d:o.rangePath,"stroke-width":a.strokeWidth,stroke:a.rangeColor,class:"p-knob-range"},null,8,["d","stroke-width","stroke"]),e.createVNode("path",{d:o.valuePath,"stroke-width":a.strokeWidth,stroke:a.valueColor,class:"p-knob-value"},null,8,["d","stroke-width","stroke"]),a.showValue?(e.openBlock(),e.createBlock("text",{key:0,x:50,y:57,"text-anchor":"middle",fill:a.textColor,class:"p-knob-text"},e.toDisplayString(o.valueToDisplay),9,["fill"])):e.createCommentVNode("",!0)],40,["width","height"]))],2)},t}(Vue);
+this.primevue=this.primevue||{},this.primevue.knob=function(e){"use strict";var t={name:"Knob",emits:["update:modelValue","change"],data:()=>({radius:40,midX:50,midY:50,minRadians:4*Math.PI/3,maxRadians:-Math.PI/3}),props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"}},methods:{updateValue(e,t){let i=e-this.size/2,a=this.size/2-t,s=Math.atan2(a,i),n=-Math.PI/2-Math.PI/6;this.updateModel(s,n)},updateModel(e,t){let i;if(e>this.maxRadians)i=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;i=this.mapRange(e+2*Math.PI,this.minRadians,this.maxRadians,this.min,this.max)}let a=Math.round((i-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",a),this.$emit("change",a)},mapRange:(e,t,i,a,s)=>(e-t)*(s-a)/(i-t)+a,onClick(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){const t=this.$el.getBoundingClientRect(),i=e.targetTouches.item(0),a=i.clientX-t.left,s=i.clientY-t.top;this.updateValue(a,s)}}},computed:{containerClass(){return["p-knob p-component",{"p-disabled":this.disabled}]},rangePath(){return`M ${this.minX} ${this.minY} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX} ${this.maxY}`},valuePath(){return`M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`},zeroRadians(){return this.min>0&&this.max>0?this.mapRange(this.min,this.min,this.max,this.minRadians,this.maxRadians):this.mapRange(0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX(){return this.midX+Math.cos(this.minRadians)*this.radius},minY(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc(){return Math.abs(this.zeroRadians-this.valueRadians)<Math.PI?0:1},sweep(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}};const i=["width","height"],a=["d","stroke-width","stroke"],s=["d","stroke-width","stroke"],n=["fill"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&a.firstChild?a.insertBefore(s,a.firstChild):a.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n@-webkit-keyframes dash-frame {\n100% {\n        stroke-dashoffset: 0;\n}\n}\n@keyframes dash-frame {\n100% {\n        stroke-dashoffset: 0;\n}\n}\n.p-knob-range {\n    fill: none;\n    -webkit-transition: stroke .1s ease-in;\n    transition: stroke .1s ease-in;\n}\n.p-knob-value {\n    -webkit-animation-name: dash-frame;\n            animation-name: dash-frame;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    fill: none;\n}\n.p-knob-text {\n    font-size: 1.3rem;\n    text-align: center;\n}\n"),t.render=function(t,o,h,r,d,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.containerClass)},[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 100 100",width:h.size,height:h.size,onClick:o[0]||(o[0]=(...e)=>l.onClick&&l.onClick(...e)),onMousedown:o[1]||(o[1]=(...e)=>l.onMouseDown&&l.onMouseDown(...e)),onMouseup:o[2]||(o[2]=(...e)=>l.onMouseUp&&l.onMouseUp(...e)),onTouchstart:o[3]||(o[3]=(...e)=>l.onTouchStart&&l.onTouchStart(...e)),onTouchend:o[4]||(o[4]=(...e)=>l.onTouchEnd&&l.onTouchEnd(...e))},[e.createElementVNode("path",{d:l.rangePath,"stroke-width":h.strokeWidth,stroke:h.rangeColor,class:"p-knob-range"},null,8,a),e.createElementVNode("path",{d:l.valuePath,"stroke-width":h.strokeWidth,stroke:h.valueColor,class:"p-knob-value"},null,8,s),h.showValue?(e.openBlock(),e.createElementBlock("text",{key:0,x:50,y:57,"text-anchor":"middle",fill:h.textColor,class:"p-knob-text"},e.toDisplayString(l.valueToDisplay),9,n)):e.createCommentVNode("",!0)],40,i))],2)},t}(Vue);

package/listbox/listbox.cjs.js

@@ -286,10 +286,10 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     },
     components: {
-        'VirtualScroller': VirtualScroller__default['default']
+        'VirtualScroller': VirtualScroller__default["default"]
     }
 };
 
@@ -299,13 +299,16 @@ const _hoisted_2 = {
   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"
 };
@@ -314,30 +317,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   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,
@@ -345,21 +348,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         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),
@@ -371,15 +374,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, () => [
                       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)
@@ -387,13 +390,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         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),
@@ -405,20 +408,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         }, () => [
                           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)
                     ])

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};