primevue 3.16.2 → 3.18.0

package/knob/knob.js

@@ -5,15 +5,6 @@ this.primevue.knob = (function (vue) {
     var script = {
         name: 'Knob',
         emits: ['update:modelValue', 'change'],
-        data() {
-            return {
-                radius: 40,
-                midX: 50,
-                midY: 50,
-                minRadians: 4 * Math.PI / 3,
-                maxRadians: -Math.PI / 3
-            }
-        },
         props: {
             modelValue: {
                 type: Number,
@@ -65,7 +56,7 @@ this.primevue.knob = (function (vue) {
             },
             valueTemplate: {
                 type: String,
-                default: "{value}"
+                default: '{value}'
             },
             tabindex: {
                 type: Number,
@@ -73,31 +64,40 @@ this.primevue.knob = (function (vue) {
             },
             'aria-labelledby': {
                 type: String,
-    			default: null
+                default: null
             },
             'aria-label': {
                 type: String,
                 default: null
             }
         },
+        data() {
+            return {
+                radius: 40,
+                midX: 50,
+                midY: 50,
+                minRadians: (4 * Math.PI) / 3,
+                maxRadians: -Math.PI / 3
+            };
+        },
         methods: {
             updateValue(offsetX, offsetY) {
                 let dx = offsetX - this.size / 2;
-                let dy =  this.size / 2 - offsetY;
+                let dy = this.size / 2 - offsetY;
                 let angle = Math.atan2(dy, dx);
                 let start = -Math.PI / 2 - Math.PI / 6;
+
                 this.updateModel(angle, start);
             },
             updateModel(angle, start) {
                 let mappedValue;
-                if (angle > this.maxRadians)
-                    mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);
-                else if (angle < start)
-                    mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);
-                else
-                    return;
+
+                if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);
+                else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);
+                else return;
 
                 let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;
+
                 this.$emit('update:modelValue', newValue);
                 this.$emit('change', newValue);
             },
@@ -107,7 +107,7 @@ this.primevue.knob = (function (vue) {
                 else this.$emit('update:modelValue', newValue);
             },
             mapRange(x, inMin, inMax, outMin, outMax) {
-                return (x - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
+                return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
             },
             onClick(event) {
                 if (!this.disabled && !this.readonly) {
@@ -154,6 +154,7 @@ this.primevue.knob = (function (vue) {
                     const touch = event.targetTouches.item(0);
                     const offsetX = touch.clientX - rect.left;
                     const offsetY = touch.clientY - rect.top;
+
                     this.updateValue(offsetX, offsetY);
                 }
             },
@@ -161,6 +162,7 @@ this.primevue.knob = (function (vue) {
                 if (!this.disabled && !this.readonly) {
                     switch (event.code) {
                         case 'ArrowRight':
+
                         case 'ArrowUp': {
                             event.preventDefault();
                             this.updateModelValue(this.modelValue + 1);
@@ -168,6 +170,7 @@ this.primevue.knob = (function (vue) {
                         }
 
                         case 'ArrowLeft':
+
                         case 'ArrowDown': {
                             event.preventDefault();
                             this.updateModelValue(this.modelValue - 1);
@@ -204,7 +207,8 @@ this.primevue.knob = (function (vue) {
         computed: {
             containerClass() {
                 return [
-                    'p-knob p-component', {
+                    'p-knob p-component',
+                    {
                         'p-disabled': this.disabled
                     }
                 ];
@@ -216,10 +220,8 @@ this.primevue.knob = (function (vue) {
                 return `M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`;
             },
             zeroRadians() {
-                if (this.min > 0 && this.max > 0)
-                    return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);
-                else
-                    return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);
+                if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);
+                else return 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);
@@ -341,7 +343,7 @@ this.primevue.knob = (function (vue) {
       }
     }
 
-    var css_248z = "\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";
+    var css_248z = "\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 0.1s ease-in;\n    transition: stroke 0.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";
     styleInject(css_248z);
 
     script.render = render;

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}"},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{updateValue(e,t){let a=e-this.size/2,i=this.size/2-t,s=Math.atan2(i,a),n=-Math.PI/2-Math.PI/6;this.updateModel(s,n)},updateModel(e,t){let a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*Math.PI,this.minRadians,this.maxRadians,this.min,this.max)}let i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue(e){e>this.max?this.$emit("update:modelValue",this.max):e<this.min?this.$emit("update:modelValue",this.min):this.$emit("update:modelValue",e)},mapRange:(e,t,a,i,s)=>(e-t)*(s-i)/(a-t)+i,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(),a=e.targetTouches.item(0),i=a.clientX-t.left,s=a.clientY-t.top;this.updateValue(i,s)}},onKeyDown(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+1);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-1);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},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 a=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],i=["d","stroke-width","stroke"],s=["d","stroke-width","stroke"],n=["fill"];return function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===a&&i.firstChild?i.insertBefore(s,i.firstChild):i.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,d,l,r,h){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.containerClass)},[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 100 100",role:"slider",width:d.size,height:d.size,tabindex:d.readonly||d.disabled?-1:d.tabindex,"aria-valuemin":d.min,"aria-valuemax":d.max,"aria-valuenow":d.modelValue,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,onClick:o[0]||(o[0]=(...e)=>h.onClick&&h.onClick(...e)),onKeydown:o[1]||(o[1]=(...e)=>h.onKeyDown&&h.onKeyDown(...e)),onMousedown:o[2]||(o[2]=(...e)=>h.onMouseDown&&h.onMouseDown(...e)),onMouseup:o[3]||(o[3]=(...e)=>h.onMouseUp&&h.onMouseUp(...e)),onTouchstart:o[4]||(o[4]=(...e)=>h.onTouchStart&&h.onTouchStart(...e)),onTouchend:o[5]||(o[5]=(...e)=>h.onTouchEnd&&h.onTouchEnd(...e))},[e.createElementVNode("path",{d:h.rangePath,"stroke-width":d.strokeWidth,stroke:d.rangeColor,class:"p-knob-range"},null,8,i),e.createElementVNode("path",{d:h.valuePath,"stroke-width":d.strokeWidth,stroke:d.valueColor,class:"p-knob-value"},null,8,s),d.showValue?(e.openBlock(),e.createElementBlock("text",{key:0,x:50,y:57,"text-anchor":"middle",fill:d.textColor,class:"p-knob-text"},e.toDisplayString(h.valueToDisplay),9,n)):e.createCommentVNode("",!0)],40,a))],2)},t}(Vue);
+this.primevue=this.primevue||{},this.primevue.knob=function(e){"use strict";var t={name:"Knob",emits:["update:modelValue","change"],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}"},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({radius:40,midX:50,midY:50,minRadians:4*Math.PI/3,maxRadians:-Math.PI/3}),methods:{updateValue(e,t){let a=e-this.size/2,i=this.size/2-t,s=Math.atan2(i,a),n=-Math.PI/2-Math.PI/6;this.updateModel(s,n)},updateModel(e,t){let a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*Math.PI,this.minRadians,this.maxRadians,this.min,this.max)}let i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue(e){e>this.max?this.$emit("update:modelValue",this.max):e<this.min?this.$emit("update:modelValue",this.min):this.$emit("update:modelValue",e)},mapRange:(e,t,a,i,s)=>(e-t)*(s-i)/(a-t)+i,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(),a=e.targetTouches.item(0),i=a.clientX-t.left,s=a.clientY-t.top;this.updateValue(i,s)}},onKeyDown(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+1);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-1);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},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 a=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],i=["d","stroke-width","stroke"],s=["d","stroke-width","stroke"],n=["fill"];return function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===a&&i.firstChild?i.insertBefore(s,i.firstChild):i.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 0.1s ease-in;\n    transition: stroke 0.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,d,l,r,h){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.containerClass)},[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 100 100",role:"slider",width:d.size,height:d.size,tabindex:d.readonly||d.disabled?-1:d.tabindex,"aria-valuemin":d.min,"aria-valuemax":d.max,"aria-valuenow":d.modelValue,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,onClick:o[0]||(o[0]=(...e)=>h.onClick&&h.onClick(...e)),onKeydown:o[1]||(o[1]=(...e)=>h.onKeyDown&&h.onKeyDown(...e)),onMousedown:o[2]||(o[2]=(...e)=>h.onMouseDown&&h.onMouseDown(...e)),onMouseup:o[3]||(o[3]=(...e)=>h.onMouseUp&&h.onMouseUp(...e)),onTouchstart:o[4]||(o[4]=(...e)=>h.onTouchStart&&h.onTouchStart(...e)),onTouchend:o[5]||(o[5]=(...e)=>h.onTouchEnd&&h.onTouchEnd(...e))},[e.createElementVNode("path",{d:h.rangePath,"stroke-width":d.strokeWidth,stroke:d.rangeColor,class:"p-knob-range"},null,8,i),e.createElementVNode("path",{d:h.valuePath,"stroke-width":d.strokeWidth,stroke:d.valueColor,class:"p-knob-value"},null,8,s),d.showValue?(e.openBlock(),e.createElementBlock("text",{key:0,x:50,y:57,"text-anchor":"middle",fill:d.textColor,class:"p-knob-text"},e.toDisplayString(h.valueToDisplay),9,n)):e.createCommentVNode("",!0)],40,a))],2)},t}(Vue);

package/listbox/Listbox.d.ts

@@ -1,8 +1,7 @@
-import { VNode } from 'vue';
+import { InputHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { VirtualScrollerProps, VirtualScrollerItemOptions } from '../virtualscroller';
 
-
 type ListboxOptionLabelType = string | ((data: any) => string) | undefined;
 
 type ListboxOptionValueType = string | ((data: any) => any) | undefined;
@@ -111,7 +110,7 @@ export interface ListboxProps {
     /**
      * Uses to pass all properties of the HTMLInputElement to the filter input inside the component.
      */
-    filterInputProps?: HTMLInputElement | undefined;
+    filterInputProps?: InputHTMLAttributes | undefined;
     /**
      * Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it.
      * @see VirtualScroller.VirtualScrollerProps
@@ -122,6 +121,11 @@ export interface ListboxProps {
      * Default value is true.
      */
     autoOptionFocus?: boolean | undefined;
+    /**
+     * When enabled, the focused option is selected.
+     * Default value is false.
+     */
+    selectOnFocus?: boolean | undefined;
     /**
      * Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration.
      * Default value is '{0} results are available'.
@@ -151,14 +155,19 @@ export interface ListboxProps {
      * Index of the element in tabbing order.
      */
     tabindex?: number | string | undefined;
+    /**
+     * Icon to display in filter input.
+     * Default value is 'pi pi-search'.
+     */
+    filterIcon?: string | undefined;
     /**
      * Defines a string value that labels an interactive element.
      */
-    "aria-label"?: string | undefined;
+    'aria-label'?: string | undefined;
     /**
      * Identifier of the underlying input element.
      */
-    "aria-labelledby"?: string | undefined;
+    'aria-labelledby'?: string | undefined;
 }
 
 export interface ListboxSlots {
@@ -273,29 +282,29 @@ export declare type ListboxEmits = {
      * Callback to invoke on value change.
      * @param {ListboxChangeEvent} event - Custom change event.
      */
-    'change': (event: ListboxChangeEvent) => void;
+    change: (event: ListboxChangeEvent) => void;
     /**
      * Callback to invoke when the component receives focus.
      * @param {Event} event - Browser event.
      */
-    'focus': (event: Event) => void;
+    focus: (event: Event) => void;
     /**
      * Callback to invoke when the component loses focus.
      * @param {Event} event - Browser event.
      */
-    'blur': (event: Event) => void;
+    blur: (event: Event) => void;
     /**
      * Callback to invoke on filter input.
      * @param {ListboxFilterEvent} event - Custom filter event.
      */
-    'filter': (event: ListboxFilterEvent) => void;
-}
+    filter: (event: ListboxFilterEvent) => void;
+};
 
-declare class Listbox extends ClassComponent<ListboxProps, ListboxSlots, ListboxEmits> { }
+declare class Listbox extends ClassComponent<ListboxProps, ListboxSlots, ListboxEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Listbox: GlobalComponentConstructor<Listbox>
+        Listbox: GlobalComponentConstructor<Listbox>;
     }
 }
 
@@ -305,7 +314,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Listbox](https://www.primefaces.org/primevue/showcase/#/listbox)
+ * - [Listbox](https://www.primefaces.org/primevue/listbox)
  *
  */
 export default Listbox;