primereact 10.3.0 → 10.3.2

package/knob/knob.esm.js

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { useEventListener } from 'primereact/hooks';
-import { classNames, mergeProps } from 'primereact/utils';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps, useEventListener } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -105,6 +105,7 @@ var midY = 50;
 var minRadians = 4 * Math.PI / 3;
 var maxRadians = -Math.PI / 3;
 var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = KnobBase.getProps(inProps, context);
   var _KnobBase$setMetaData = KnobBase.setMetaData({

package/knob/knob.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useEventListener as n}from"primereact/hooks";import{classNames as r,mergeProps as a}from"primereact/utils";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";function l(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){return l(e)||c(e,t)||u(e,t)||m()}var d=o.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return r("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),p=40,h=4*Math.PI/3,v=-Math.PI/3,y=e.memo(e.forwardRef((function(r,o){var l=e.useContext(t),c=d.getProps(r,l),s=d.setMetaData({props:c}),u=s.ptm,m=s.cx;i(d.css.styles,s.isUnstyled,{name:"knob"});var y=e.useRef(null),b=!c.disabled&&!c.readOnly,g=f(n({target:"window",type:"mousemove",listener:function(e){W(e.offsetX,e.offsetY),e.preventDefault()},when:b}),2),w=g[0],M=g[1],k=f(n({target:"window",type:"mouseup",listener:function(e){M(),C(),e.preventDefault()},when:b}),2),x=k[0],C=k[1],E=f(n({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=y.current.getBoundingClientRect(),n=e.targetTouches.item(0);W(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:b}),2),I=E[0],A=E[1],P=f(n({target:"window",type:"touchend",listener:function(){A(),O()},when:b}),2),N=P[0],O=P[1],S=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},T=function(){return S(c.min>0&&c.max>0?c.min:0,c.min,c.max,h,v)},z=function(){return S(c.value,c.min,c.max,h,v)},D="M ".concat(50+Math.cos(h)*p," ").concat(50-Math.sin(h)*p," A ").concat(p," ").concat(p," 0 1 1 ").concat(50+Math.cos(v)*p," ").concat(50-Math.sin(v)*p),j="M ".concat(50+Math.cos(T())*p," ").concat(50-Math.sin(T())*p," A ").concat(p," ").concat(p," 0 ").concat(Math.abs(T()-z())<Math.PI?0:1," ").concat(z()>T()?0:1," ").concat(50+Math.cos(z())*p," ").concat(50-Math.sin(z())*p),W=function(e,t){var n=Math.atan2(c.size/2-t,e-c.size/2),r=-Math.PI/2-Math.PI/6;B(n,r)},B=function(e,t){var n;if(e>v)n=S(e,h,v,c.min,c.max);else{if(!(e<t))return;n=S(e+2*Math.PI,h,v,c.min,c.max)}c.onChange&&c.onChange({value:Math.round((n-c.min)/c.step)*c.step+c.min})};e.useImperativeHandle(o,(function(){return{props:c,getElement:function(){return y.current}}}));var Y=a({x:50,y:57,textAnchor:"middle",fill:c.textColor,className:m("label"),name:c.name},u("label")),R=c.showValue&&e.createElement("text",Y,c.valueTemplate.replace("{value}",c.value.toString())),U=a({ref:y,id:c.id,className:m("root"),style:c.style},u("root")),X=a({viewBox:"0 0 100 100",width:c.size,height:c.size,onClick:function(e){return t=e,void(c.disabled||c.readOnly||W(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,w(),x(),void t.preventDefault();var t},onMouseUp:function(e){return M(),void C()},onTouchStart:function(e){return I(),void N()},onTouchEnd:function(e){return A(),void O()}},u("svg")),K=a({d:D,strokeWidth:c.strokeWidth,stroke:c.rangeColor,className:m("range")},u("range")),V=a({d:j,strokeWidth:c.strokeWidth,stroke:c.valueColor,className:m("value")},u("value"));return e.createElement("div",U,e.createElement("svg",X,e.createElement("path",K),e.createElement("path",V),R))})));y.displayName="Knob";export{y as Knob};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as a,useEventListener as o}from"primereact/hooks";import{classNames as i}from"primereact/utils";function l(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){return l(e)||c(e,t)||u(e,t)||m()}var d=n.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return i("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),p=40,h=4*Math.PI/3,v=-Math.PI/3,y=e.memo(e.forwardRef((function(n,i){var l=a(),c=e.useContext(t),s=d.getProps(n,c),u=d.setMetaData({props:s}),m=u.ptm,y=u.cx;r(d.css.styles,u.isUnstyled,{name:"knob"});var b=e.useRef(null),g=!s.disabled&&!s.readOnly,w=f(o({target:"window",type:"mousemove",listener:function(e){B(e.offsetX,e.offsetY),e.preventDefault()},when:g}),2),M=w[0],k=w[1],x=f(o({target:"window",type:"mouseup",listener:function(e){k(),E(),e.preventDefault()},when:g}),2),C=x[0],E=x[1],I=f(o({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=b.current.getBoundingClientRect(),n=e.targetTouches.item(0);B(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:g}),2),A=I[0],P=I[1],N=f(o({target:"window",type:"touchend",listener:function(){P(),S()},when:g}),2),O=N[0],S=N[1],T=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},z=function(){return T(s.min>0&&s.max>0?s.min:0,s.min,s.max,h,v)},D=function(){return T(s.value,s.min,s.max,h,v)},j="M ".concat(50+Math.cos(h)*p," ").concat(50-Math.sin(h)*p," A ").concat(p," ").concat(p," 0 1 1 ").concat(50+Math.cos(v)*p," ").concat(50-Math.sin(v)*p),W="M ".concat(50+Math.cos(z())*p," ").concat(50-Math.sin(z())*p," A ").concat(p," ").concat(p," 0 ").concat(Math.abs(z()-D())<Math.PI?0:1," ").concat(D()>z()?0:1," ").concat(50+Math.cos(D())*p," ").concat(50-Math.sin(D())*p),B=function(e,t){var n=Math.atan2(s.size/2-t,e-s.size/2),r=-Math.PI/2-Math.PI/6;Y(n,r)},Y=function(e,t){var n;if(e>v)n=T(e,h,v,s.min,s.max);else{if(!(e<t))return;n=T(e+2*Math.PI,h,v,s.min,s.max)}s.onChange&&s.onChange({value:Math.round((n-s.min)/s.step)*s.step+s.min})};e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return b.current}}}));var R=l({x:50,y:57,textAnchor:"middle",fill:s.textColor,className:y("label"),name:s.name},m("label")),U=s.showValue&&e.createElement("text",R,s.valueTemplate.replace("{value}",s.value.toString())),X=l({ref:b,id:s.id,className:y("root"),style:s.style},m("root")),K=l({viewBox:"0 0 100 100",width:s.size,height:s.size,onClick:function(e){return t=e,void(s.disabled||s.readOnly||B(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,M(),C(),void t.preventDefault();var t},onMouseUp:function(e){return k(),void E()},onTouchStart:function(e){return A(),void O()},onTouchEnd:function(e){return P(),void S()}},m("svg")),V=l({d:j,strokeWidth:s.strokeWidth,stroke:s.rangeColor,className:y("range")},m("range")),_=l({d:W,strokeWidth:s.strokeWidth,stroke:s.valueColor,className:y("value")},m("value"));return e.createElement("div",X,e.createElement("svg",K,e.createElement("path",V),e.createElement("path",_),U))})));y.displayName="Knob";export{y as Knob};

package/knob/knob.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.knob = (function (exports, React, api, hooks, utils, componentbase) {
+this.primereact.knob = (function (exports, React, api, componentbase, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -122,6 +122,7 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
   var minRadians = 4 * Math.PI / 3;
   var maxRadians = -Math.PI / 3;
   var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = KnobBase.getProps(inProps, context);
     var _KnobBase$setMetaData = KnobBase.setMetaData({
@@ -280,7 +281,7 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
         }
       };
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       x: 50,
       y: 57,
       textAnchor: 'middle',
@@ -289,13 +290,13 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
       name: props.name
     }, ptm('label'));
     var text = props.showValue && /*#__PURE__*/React__namespace.createElement("text", labelProps, valueToDisplay());
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: cx('root'),
       style: props.style
     }, ptm('root'));
-    var svgProps = utils.mergeProps({
+    var svgProps = mergeProps({
       viewBox: '0 0 100 100',
       width: props.size,
       height: props.size,
@@ -315,13 +316,13 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
         return _onTouchEnd();
       }
     }, ptm('svg'));
-    var rangeProps = utils.mergeProps({
+    var rangeProps = mergeProps({
       d: rangePath,
       strokeWidth: props.strokeWidth,
       stroke: props.rangeColor,
       className: cx('range')
     }, ptm('range'));
-    var valueProps = utils.mergeProps({
+    var valueProps = mergeProps({
       d: valuePath,
       strokeWidth: props.strokeWidth,
       stroke: props.valueColor,
@@ -337,4 +338,4 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/knob/knob.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.knob=function(e,t,n,r,a,o){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=i(t);function s(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||c(e,t)||f(e,t)||m()}var p=o.ComponentBase.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return a.classNames("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),v=40,h=4*Math.PI/3,y=-Math.PI/3,b=l.memo(l.forwardRef((function(e,t){var i=l.useContext(n.PrimeReactContext),s=p.getProps(e,i),c=p.setMetaData({props:s}),u=c.ptm,f=c.cx;o.useHandleStyle(p.css.styles,c.isUnstyled,{name:"knob"});var m=l.useRef(null),b=!s.disabled&&!s.readOnly,g=d(r.useEventListener({target:"window",type:"mousemove",listener:function(e){_(e.offsetX,e.offsetY),e.preventDefault()},when:b}),2),M=g[0],k=g[1],w=d(r.useEventListener({target:"window",type:"mouseup",listener:function(e){k(),P(),e.preventDefault()},when:b}),2),x=w[0],P=w[1],E=d(r.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=m.current.getBoundingClientRect(),n=e.targetTouches.item(0);_(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:b}),2),C=E[0],O=E[1],j=d(r.useEventListener({target:"window",type:"touchend",listener:function(){O(),A()},when:b}),2),I=j[0],A=j[1],N=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},S=function(){return N(s.min>0&&s.max>0?s.min:0,s.min,s.max,h,y)},z=function(){return N(s.value,s.min,s.max,h,y)},D="M ".concat(50+Math.cos(h)*v," ").concat(50-Math.sin(h)*v," A ").concat(v," ").concat(v," 0 1 1 ").concat(50+Math.cos(y)*v," ").concat(50-Math.sin(y)*v),T="M ".concat(50+Math.cos(S())*v," ").concat(50-Math.sin(S())*v," A ").concat(v," ").concat(v," 0 ").concat(Math.abs(S()-z())<Math.PI?0:1," ").concat(z()>S()?0:1," ").concat(50+Math.cos(z())*v," ").concat(50-Math.sin(z())*v),_=function(e,t){var n=Math.atan2(s.size/2-t,e-s.size/2),r=-Math.PI/2-Math.PI/6;B(n,r)},B=function(e,t){var n;if(e>y)n=N(e,h,y,s.min,s.max);else{if(!(e<t))return;n=N(e+2*Math.PI,h,y,s.min,s.max)}s.onChange&&s.onChange({value:Math.round((n-s.min)/s.step)*s.step+s.min})};l.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return m.current}}}));var L=a.mergeProps({x:50,y:57,textAnchor:"middle",fill:s.textColor,className:f("label"),name:s.name},u("label")),R=s.showValue&&l.createElement("text",L,s.valueTemplate.replace("{value}",s.value.toString())),W=a.mergeProps({ref:m,id:s.id,className:f("root"),style:s.style},u("root")),Y=a.mergeProps({viewBox:"0 0 100 100",width:s.size,height:s.size,onClick:function(e){return t=e,void(s.disabled||s.readOnly||_(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,M(),x(),void t.preventDefault();var t},onMouseUp:function(e){return k(),void P()},onTouchStart:function(e){return C(),void I()},onTouchEnd:function(e){return O(),void A()}},u("svg")),K=a.mergeProps({d:D,strokeWidth:s.strokeWidth,stroke:s.rangeColor,className:f("range")},u("range")),U=a.mergeProps({d:T,strokeWidth:s.strokeWidth,stroke:s.valueColor,className:f("value")},u("value"));return l.createElement("div",W,l.createElement("svg",Y,l.createElement("path",K),l.createElement("path",U),R))})));return b.displayName="Knob",e.Knob=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.knob=function(e,t,n,r,a,o){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=i(t);function s(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||c(e,t)||f(e,t)||m()}var p=r.ComponentBase.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return o.classNames("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),v=40,h=4*Math.PI/3,y=-Math.PI/3,b=l.memo(l.forwardRef((function(e,t){var o=a.useMergeProps(),i=l.useContext(n.PrimeReactContext),s=p.getProps(e,i),c=p.setMetaData({props:s}),u=c.ptm,f=c.cx;r.useHandleStyle(p.css.styles,c.isUnstyled,{name:"knob"});var m=l.useRef(null),b=!s.disabled&&!s.readOnly,g=d(a.useEventListener({target:"window",type:"mousemove",listener:function(e){_(e.offsetX,e.offsetY),e.preventDefault()},when:b}),2),M=g[0],k=g[1],w=d(a.useEventListener({target:"window",type:"mouseup",listener:function(e){k(),E(),e.preventDefault()},when:b}),2),x=w[0],E=w[1],C=d(a.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=m.current.getBoundingClientRect(),n=e.targetTouches.item(0);_(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:b}),2),O=C[0],P=C[1],j=d(a.useEventListener({target:"window",type:"touchend",listener:function(){P(),A()},when:b}),2),I=j[0],A=j[1],N=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},S=function(){return N(s.min>0&&s.max>0?s.min:0,s.min,s.max,h,y)},z=function(){return N(s.value,s.min,s.max,h,y)},D="M ".concat(50+Math.cos(h)*v," ").concat(50-Math.sin(h)*v," A ").concat(v," ").concat(v," 0 1 1 ").concat(50+Math.cos(y)*v," ").concat(50-Math.sin(y)*v),T="M ".concat(50+Math.cos(S())*v," ").concat(50-Math.sin(S())*v," A ").concat(v," ").concat(v," 0 ").concat(Math.abs(S()-z())<Math.PI?0:1," ").concat(z()>S()?0:1," ").concat(50+Math.cos(z())*v," ").concat(50-Math.sin(z())*v),_=function(e,t){var n=Math.atan2(s.size/2-t,e-s.size/2),r=-Math.PI/2-Math.PI/6;B(n,r)},B=function(e,t){var n;if(e>y)n=N(e,h,y,s.min,s.max);else{if(!(e<t))return;n=N(e+2*Math.PI,h,y,s.min,s.max)}s.onChange&&s.onChange({value:Math.round((n-s.min)/s.step)*s.step+s.min})};l.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return m.current}}}));var L=o({x:50,y:57,textAnchor:"middle",fill:s.textColor,className:f("label"),name:s.name},u("label")),R=s.showValue&&l.createElement("text",L,s.valueTemplate.replace("{value}",s.value.toString())),W=o({ref:m,id:s.id,className:f("root"),style:s.style},u("root")),Y=o({viewBox:"0 0 100 100",width:s.size,height:s.size,onClick:function(e){return t=e,void(s.disabled||s.readOnly||_(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,M(),x(),void t.preventDefault();var t},onMouseUp:function(e){return k(),void E()},onTouchStart:function(e){return O(),void I()},onTouchEnd:function(e){return P(),void A()}},u("svg")),K=o({d:D,strokeWidth:s.strokeWidth,stroke:s.rangeColor,className:f("range")},u("range")),U=o({d:T,strokeWidth:s.strokeWidth,stroke:s.valueColor,className:f("value")},u("value"));return l.createElement("div",W,l.createElement("svg",Y,l.createElement("path",K),l.createElement("path",U),R))})));return b.displayName="Knob",e.Knob=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/listbox/listbox.cjs.js

@@ -255,6 +255,7 @@ var ListBoxBase = componentbase.ComponentBase.extend({
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = hooks.useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -280,17 +281,17 @@ var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var createHeader = function createHeader() {
-    var filterIconProps = utils.mergeProps({
+    var filterIconProps = mergeProps({
       className: cx('filterIcon')
     }, getPTOptions('filterIcon'));
     var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
     var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, filterIconProps), {
       props: props
     });
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header')
     }, getPTOptions('header'));
-    var filterContainerProps = utils.mergeProps({
+    var filterContainerProps = mergeProps({
       className: cx('filterContainer')
     }, getPTOptions('filterContainer'));
     var content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
@@ -326,6 +327,11 @@ var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
 ListBoxHeader.displayName = 'ListBoxHeader';
 
 var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
+  var mergeProps = hooks.useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -334,10 +340,17 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
       hostName: props.hostName,
       context: {
         selected: props.selected,
-        disabled: props.disabled
+        disabled: props.disabled,
+        focused: focusedState
       }
     });
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -381,14 +394,14 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
-    return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || utils.DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+    return nextItem ? utils.DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
   };
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
-    return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || utils.DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+    return prevItem ? utils.DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
   };
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
-  var itemProps = utils.mergeProps({
+  var itemProps = mergeProps({
     className: cx('item', {
       props: props
     }),
@@ -396,12 +409,15 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     onClick: onClick,
     onTouchEnd: onTouchEnd,
     onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
     tabIndex: '-1',
     'aria-label': props.label,
     key: props.label,
     role: 'option',
     'aria-selected': props.selected,
-    'aria-disabled': props.disabled
+    'aria-disabled': props.disabled,
+    'data-p-disabled': props.disabled
   }, getPTOptions('item'));
   return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
@@ -413,6 +429,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ListBoxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -716,7 +733,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
       var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + getOptionGroupRenderKey(option);
-      var itemGroupProps = utils.mergeProps({
+      var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
         style: ptCallbacks.sx('itemGroup', {
           scrollerOptions: scrollerOptions
@@ -757,7 +774,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     return createEmptyMessage(props.emptyMessage);
   };
   var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-    var emptyMessageProps = utils.mergeProps({
+    var emptyMessageProps = mergeProps({
       className: ptCallbacks.cx('emptyMessage')
     }, ptCallbacks.ptm('emptyMessage'));
     var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || api.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
@@ -776,7 +793,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
           return item && createItem(item, options.index, options);
         },
         contentTemplate: function contentTemplate(options) {
-          var listProps = utils.mergeProps(_objectSpread({
+          var listProps = mergeProps(_objectSpread({
             ref: options.contentRef,
             style: ptCallbacks.sx('list', {
               options: options
@@ -797,7 +814,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       }));
     } else {
       var items = createItems();
-      var listProps = utils.mergeProps(_objectSpread({
+      var listProps = mergeProps(_objectSpread({
         className: ptCallbacks.cx('list'),
         role: 'listbox',
         'aria-multiselectable': props.multiple
@@ -811,11 +828,11 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var list = createList();
   var header = createHeader();
-  var wrapperProps = utils.mergeProps({
+  var wrapperProps = mergeProps({
     className: ptCallbacks.cx('wrapper'),
     style: props.listStyle
   }, ptCallbacks.ptm('wrapper'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: ptCallbacks.cx('root'),

package/listbox/listbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),s=require("primereact/ripple");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e){return g(e)||h(e)||O(e)||x()}function E(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var w=r.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?o.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,I({hostName:e.hostName},n))},i={filter:function(e){return s(e)},reset:function(){return e.resetFilter()}},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=o.mergeProps({className:n("filterIcon")},l("filterIcon")),c=o.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,t),I({},t),{props:e}),m=o.mergeProps({className:n("header")},l("header")),b=o.mergeProps({className:n("filterContainer")},l("filterContainer")),d=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:s,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:i,filterInputChange:s,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",m,d)}();return p.createElement(p.Fragment,null,c)}));C.displayName="ListBoxHeader";var N=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},i=function e(t){var r=t.nextElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},a=function e(t){var r=t.previousElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,c=o.mergeProps({className:n("item",{props:e}),style:e.style,onClick:l,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},r("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled}}));return p.createElement("li",c,u,p.createElement(s.Ripple,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function L(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=U(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function U(e,t){if(e){if("string"==typeof e)return M(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}N.displayName="ListBoxItem";var k=p.memo(p.forwardRef((function(e,a){var u,s,c=p.useContext(t.PrimeReactContext),m=w.getProps(e,c),b=p.useState(""),d=(s=2,E(u=b)||S(u,s)||O(u,s)||P()),v=d[0],y=d[1],g=p.useRef(null),h=p.useRef(null),x=p.useRef(!1),D=(m.onFilterValueChange?m.filterValue:v)||"",I=D&&D.trim().length>0,T={props:m,state:{filterValue:D}},U=w.setMetaData(T);r.useHandleStyle(w.css.styles,U.isUnstyled,{name:"listbox"});var M=function(e){var t=e.option;m.disabled||Y(t)||(m.multiple?G(e.originalEvent,t):A(e.originalEvent,t),x.current=!1)},k=function(){m.disabled||(x.current=!0)},A=function(e,t){var r=z(t),n=!1,l=null;!x.current&&m.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=X(t),n=!0):(l=r?null:X(t),n=!0);n&&V(e,l)},G=function(e,t){var r=z(t),n=!1,l=null;if(!x&&m.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[X(t)],n=!0):(l=[].concat(j(l=o&&m.value||[]),[X(t)]),n=!0)}else l=r?B(t):[].concat(j(m.value||[]),[X(t)]),n=!0;n&&m.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:l}})},q=function(e){h.current&&h.current.scrollToIndex(0);var t=e.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},K=function(){y(""),m.onFilter&&m.onFilter({filter:""})},V=function(e,t){m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},B=function(e){return m.value.filter((function(t){return!o.ObjectUtils.equals(t,X(e),m.dataKey)}))},_=function(){if(null!=m.value&&ne){if(!m.optionGroupLabel)return R(m.value,ne);for(var e=0;e<ne.length;e++){var t=R(m.value,W(ne[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return m.optionValue?null:m.dataKey},R=function(e,t){var r=H();return t.findIndex((function(t){return o.ObjectUtils.equals(e,X(t),r)}))},z=function(e){var t=X(e),r=H();return m.multiple&&m.value?m.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(m.value,t,r)},J=function(e){return m.optionLabel?o.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},X=function(e){return m.optionValue?o.ObjectUtils.resolveFieldData(e,m.optionValue):e&&void 0!==e.value?e.value:e},$=function(e){return m.dataKey?o.ObjectUtils.resolveFieldData(e,m.dataKey):J(e)},Y=function(e){return m.optionDisabled?o.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Q=function(e){return o.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},W=function(e){return o.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Z=function(){if(h.current){var e=_();-1!==e&&setTimeout((function(){return h.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:m,focus:function(){return o.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return h.current}}})),n.useMountEffect((function(){Z()}));var ee=function(e,t){return W(e).map((function(e,r){var n=J(e),l=r+"_"+$(e),o=Y(e),i=o?null:m.tabIndex||0;return p.createElement(N,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:m.itemTemplate,selected:z(e),onClick:M,onTouchEnd:k,tabIndex:i,disabled:o,ptCallbacks:U,metaData:T})}))},te=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(m.optionGroupLabel){var l=m.optionGroupTemplate?o.ObjectUtils.getJSXElement(m.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,m.optionGroupLabel),i=ee(e,n),a=t+"_"+Q(e),u=o.mergeProps({className:U.cx("itemGroup"),style:U.sx("itemGroup",{scrollerOptions:r}),role:"group"},U.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",u,l),i)}var s=J(e),c=t+"_"+$(e),f=Y(e),b=f?null:m.tabIndex||0;return p.createElement(N,{hostName:"ListBox",key:c,label:s,option:e,style:n,template:m.itemTemplate,selected:z(e),onClick:M,onTouchEnd:k,tabIndex:b,disabled:f,ptCallbacks:U,metaData:T})},re=function(e,r){var n=o.mergeProps({className:U.cx("emptyMessage")},U.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,m)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},ne=function(){if(I){var e=D.trim().toLocaleLowerCase(m.filterLocale),r=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var n,l=[],o=L(m.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(W(i),r,e,m.filterMatchMode,m.filterLocale);a&&a.length&&l.push(F(F({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(m.options,r,e,m.filterMatchMode,m.filterLocale)}return m.options}(),le=o.ObjectUtils.isNotEmpty(m.tooltip),oe=w.getOtherProps(m),ie=o.ObjectUtils.reduceKeys(oe,o.DomHandler.ARIA_PROPS),ae=function(){if(m.virtualScrollerOptions){var e=F(F({},m.virtualScrollerOptions),{items:ne,onLazyLoad:function(e){return m.virtualScrollerOptions.onLazyLoad(F(F({},e),{filter:ne}))},itemTemplate:function(e,t){return e&&te(e,t.index,t)},contentTemplate:function(e){var t=o.mergeProps(F({ref:e.contentRef,style:U.sx("list",{options:e}),className:U.cx("list",{options:e}),role:"listbox","aria-multiselectable":m.multiple},ie),U.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:h},e,{pt:U.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(ne)?ne.map(te):I?re(m.emptyFilterMessage,!0):re(m.emptyMessage),r=o.mergeProps(F({className:U.cx("list"),role:"listbox","aria-multiselectable":m.multiple},ie),U.ptm("list"));return p.createElement("ul",r,t)}(),ue=m.filter?p.createElement(C,{hostName:"ListBox",filter:D,filterIcon:m.filterIcon,onFilter:q,resetFilter:K,filterTemplate:m.filterTemplate,disabled:m.disabled,filterPlaceholder:m.filterPlaceholder,filterInputProps:m.filterInputProps,ptCallbacks:U,metaData:T}):null,se=o.mergeProps({className:U.cx("wrapper"),style:m.listStyle},U.ptm("wrapper")),ce=o.mergeProps({ref:g,id:m.id,className:U.cx("root"),style:m.style},w.getOtherProps(m),U.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",ce,ue,p.createElement("div",se,ae)),le&&p.createElement(l.Tooltip,f({target:g,content:m.tooltip},m.tooltipOptions,{pt:U.ptm("tooltip")})))})));k.displayName="ListBox",exports.ListBox=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),s=require("primereact/ripple");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function d(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=d(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return g(e)||h(e)||O(e)||j()}function E(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return E(e)||S(e,t)||O(e,t)||P()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?o.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo((function(e){var t=n.useMergeProps(),r=e.ptCallbacks,l=r.ptm,i=r.cx,s=function(t,r){return l(t,N({hostName:e.hostName},r))},c={filter:function(e){return m(e)},reset:function(){return e.resetFilter()}},m=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},d=function(){var r=t({className:i("filterIcon")},s("filterIcon")),n=o.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,r),N({},r),{props:e}),d=t({className:i("header")},s("header")),b=t({className:i("filterContainer")},s("filterContainer")),v=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:m,className:i("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:l("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),n);e.filterTemplate&&(v=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:c,filterInputChange:m,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",d,v)}();return p.createElement(p.Fragment,null,d)}));C.displayName="ListBoxHeader";var F=p.memo((function(e){var t=w(p.useState(!1),2),r=t[0],l=t[1],i=n.useMergeProps(),a=e.ptCallbacks,u=a.ptm,c=a.cx,f=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},m=function e(t){var r=t.nextElementSibling;return r?o.DomHandler.isAttributeEquals(r,"data-p-disabled",!0)||o.DomHandler.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},d=function e(t){var r=t.previousElementSibling;return r?o.DomHandler.isAttributeEquals(r,"data-p-disabled",!0)||o.DomHandler.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},b=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,v=i({className:c("item",{props:e}),style:e.style,onClick:f,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=m(t);r&&r.focus(),e.preventDefault();break;case 38:var n=d(t);n&&n.focus(),e.preventDefault();break;case 13:f(e),e.preventDefault()}},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:r}}));return p.createElement("li",v,b,p.createElement(s.Ripple,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function M(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=U(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function U(e,t){if(e){if("string"==typeof e)return A(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?A(e,t):void 0}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}F.displayName="ListBoxItem";var k=p.memo(p.forwardRef((function(e,a){var u=n.useMergeProps(),s=p.useContext(t.PrimeReactContext),c=D.getProps(e,s),m=w(p.useState(""),2),d=m[0],b=m[1],v=p.useRef(null),y=p.useRef(null),g=p.useRef(!1),h=(c.onFilterValueChange?c.filterValue:d)||"",O=h&&h.trim().length>0,j={props:c,state:{filterValue:h}},E=D.setMetaData(j);r.useHandleStyle(D.css.styles,E.isUnstyled,{name:"listbox"});var S=function(e){var t=e.option;c.disabled||R(t)||(c.multiple?N(e.originalEvent,t):I(e.originalEvent,t),g.current=!1)},P=function(){c.disabled||(g.current=!0)},I=function(e,t){var r=B(t),n=!1,l=null;!g.current&&c.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=_(t),n=!0):(l=r?null:_(t),n=!0);n&&A(e,l)},N=function(e,t){var r=B(t),n=!1,l=null;if(!g&&c.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[_(t)],n=!0):(l=[].concat(x(l=o&&c.value||[]),[_(t)]),n=!0)}else l=r?k(t):[].concat(x(c.value||[]),[_(t)]),n=!0;n&&c.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:l}})},T=function(e){y.current&&y.current.scrollToIndex(0);var t=e.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},U=function(){b(""),c.onFilter&&c.onFilter({filter:""})},A=function(e,t){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:t}})},k=function(e){return c.value.filter((function(t){return!o.ObjectUtils.equals(t,_(e),c.dataKey)}))},q=function(){if(null!=c.value&&W){if(!c.optionGroupLabel)return K(c.value,W);for(var e=0;e<W.length;e++){var t=K(c.value,J(W[e]));if(-1!==t)return{group:e,option:t}}}return-1},G=function(){return c.optionValue?null:c.dataKey},K=function(e,t){var r=G();return t.findIndex((function(t){return o.ObjectUtils.equals(e,_(t),r)}))},B=function(e){var t=_(e),r=G();return c.multiple&&c.value?c.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(c.value,t,r)},V=function(e){return c.optionLabel?o.ObjectUtils.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},_=function(e){return c.optionValue?o.ObjectUtils.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return c.dataKey?o.ObjectUtils.resolveFieldData(e,c.dataKey):V(e)},R=function(e){return c.optionDisabled?o.ObjectUtils.isFunction(c.optionDisabled)?c.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},z=function(e){return o.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},J=function(e){return o.ObjectUtils.resolveFieldData(e,c.optionGroupChildren)},X=function(){if(y.current){var e=q();-1!==e&&setTimeout((function(){return y.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:c,focus:function(){return o.DomHandler.focusFirstElement(v.current)},getElement:function(){return v.current},getVirtualScroller:function(){return y.current}}})),n.useMountEffect((function(){X()}));var $=function(e,t){return J(e).map((function(e,r){var n=V(e),l=r+"_"+H(e),o=R(e),i=o?null:c.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:c.itemTemplate,selected:B(e),onClick:S,onTouchEnd:P,tabIndex:i,disabled:o,ptCallbacks:E,metaData:j})}))},Y=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(c.optionGroupLabel){var l=c.optionGroupTemplate?o.ObjectUtils.getJSXElement(c.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,c.optionGroupLabel),i=$(e,n),a=t+"_"+z(e),s=u({className:E.cx("itemGroup"),style:E.sx("itemGroup",{scrollerOptions:r}),role:"group"},E.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",s,l),i)}var f=V(e),m=t+"_"+H(e),d=R(e),b=d?null:c.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:m,label:f,option:e,style:n,template:c.itemTemplate,selected:B(e),onClick:S,onTouchEnd:P,tabIndex:b,disabled:d,ptCallbacks:E,metaData:j})},Q=function(e,r){var n=u({className:E.cx("emptyMessage")},E.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,c)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},W=function(){if(O){var e=h.trim().toLocaleLowerCase(c.filterLocale),r=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var n,l=[],o=M(c.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(J(i),r,e,c.filterMatchMode,c.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(c.options,r,e,c.filterMatchMode,c.filterLocale)}return c.options}(),Z=o.ObjectUtils.isNotEmpty(c.tooltip),ee=D.getOtherProps(c),te=o.ObjectUtils.reduceKeys(ee,o.DomHandler.ARIA_PROPS),re=function(){if(c.virtualScrollerOptions){var e=L(L({},c.virtualScrollerOptions),{items:W,onLazyLoad:function(e){return c.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:W}))},itemTemplate:function(e,t){return e&&Y(e,t.index,t)},contentTemplate:function(e){var t=u(L({ref:e.contentRef,style:E.sx("list",{options:e}),className:E.cx("list",{options:e}),role:"listbox","aria-multiselectable":c.multiple},te),E.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:y},e,{pt:E.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(W)?W.map(Y):O?Q(c.emptyFilterMessage,!0):Q(c.emptyMessage),r=u(L({className:E.cx("list"),role:"listbox","aria-multiselectable":c.multiple},te),E.ptm("list"));return p.createElement("ul",r,t)}(),ne=c.filter?p.createElement(C,{hostName:"ListBox",filter:h,filterIcon:c.filterIcon,onFilter:T,resetFilter:U,filterTemplate:c.filterTemplate,disabled:c.disabled,filterPlaceholder:c.filterPlaceholder,filterInputProps:c.filterInputProps,ptCallbacks:E,metaData:j}):null,le=u({className:E.cx("wrapper"),style:c.listStyle},E.ptm("wrapper")),oe=u({ref:v,id:c.id,className:E.cx("root"),style:c.style},D.getOtherProps(c),E.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",oe,ne,p.createElement("div",le,re)),Z&&p.createElement(l.Tooltip,f({target:v,content:c.tooltip},c.tooltipOptions,{pt:E.ptm("tooltip")})))})));k.displayName="ListBox",exports.ListBox=k;

package/listbox/listbox.d.ts

@@ -8,14 +8,14 @@
  *
  */
 import * as React from 'react';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { InputTextPassThroughOptions } from '../inputtext/inputtext';
+import { PassThroughOptions } from '../passthrough';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
 import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { IconType, PassThroughType } from '../utils/utils';
 import { VirtualScroller, VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
-import { InputTextPassThroughOptions } from '../inputtext/inputtext';
-import { PassThroughOptions } from '../passthrough';
-import { ComponentHooks } from '../componentbase/componentbase';
 
 export declare type ListBoxPassThroughType<T> = PassThroughType<T, ListBoxPassThroughMethodOptions>;
 
@@ -109,6 +109,11 @@ export interface ListBoxContext {
      * @defaultValue false
      */
     selected: boolean;
+    /**
+     * Current focused state of the item as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
     /**
      * Current disabled state of the item as a boolean.
      * @defaultValue false

package/listbox/listbox.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext, FilterService, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, mergeProps, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
 import { VirtualScroller } from 'primereact/virtualscroller';
 import { SearchIcon } from 'primereact/icons/search';
 import { InputText } from 'primereact/inputtext';
@@ -231,6 +231,7 @@ var ListBoxBase = ComponentBase.extend({
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -302,6 +303,11 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
 ListBoxHeader.displayName = 'ListBoxHeader';
 
 var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -310,10 +316,17 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
       hostName: props.hostName,
       context: {
         selected: props.selected,
-        disabled: props.disabled
+        disabled: props.disabled,
+        focused: focusedState
       }
     });
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -357,11 +370,11 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
   };
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
-    return nextItem ? DomHandler.hasClass(nextItem, 'p-disabled') || DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+    return nextItem ? DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
   };
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
-    return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+    return prevItem ? DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
   };
   var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var itemProps = mergeProps({
@@ -372,12 +385,15 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
     onClick: onClick,
     onTouchEnd: onTouchEnd,
     onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
     tabIndex: '-1',
     'aria-label': props.label,
     key: props.label,
     role: 'option',
     'aria-selected': props.selected,
-    'aria-disabled': props.disabled
+    'aria-disabled': props.disabled,
+    'data-p-disabled': props.disabled
   }, getPTOptions('item'));
   return /*#__PURE__*/React.createElement("li", itemProps, content, /*#__PURE__*/React.createElement(Ripple, null));
 });
@@ -389,6 +405,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ListBoxBase.getProps(inProps, context);
   var _React$useState = React.useState(''),

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,mergeProps as s,IconUtils as p,ObjectUtils as c,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,r){return(t=x(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function S(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return S(e)||w(e)||P(e)||j()}function C(e){if(Array.isArray(e))return e}function D(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var L=l.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?u("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return u("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return u("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return u("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function F(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e,r){return n(e,F({hostName:t.hostName},r))},i={filter:function(e){return a(e)},reset:function(){return t.resetFilter()}},a=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},u=function(){var r=s({className:l("filterIcon")},o("filterIcon")),u=p.getJSXIcon(t.filterIcon||e.createElement(d,r),F({},r),{props:t}),f=s({className:l("header")},o("header")),m=s({className:l("filterContainer")},o("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:a,className:l("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:n("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),u);t.filterTemplate&&(v=c.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:i,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,u)}));k.displayName="ListBoxHeader";var M=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},i=function e(t){var r=t.nextElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},a=function e(t){var r=t.previousElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=t.template?c.getJSXElement(t.template,t.option):t.label,p=s({className:l("item",{props:t}),style:t.style,onClick:o,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:o(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},n("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled}}));return e.createElement("li",p,u,e.createElement(v,null))}));function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function G(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function K(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=V(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return B(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}M.displayName="ListBoxItem";var _=e.memo(e.forwardRef((function(l,u){var p,d,b=e.useContext(t),v=L.getProps(l,b),g=e.useState(""),h=(d=2,C(p=g)||D(p,d)||P(p,d)||N()),x=h[0],O=h[1],E=e.useRef(null),S=e.useRef(null),w=e.useRef(!1),j=(v.onFilterValueChange?v.filterValue:x)||"",T=j&&j.trim().length>0,F={props:v,state:{filterValue:j}},A=L.setMetaData(F);o(L.css.styles,A.isUnstyled,{name:"listbox"});var V=function(e){var t=e.option;v.disabled||ee(t)||(v.multiple?R(e.originalEvent,t):_(e.originalEvent,t),w.current=!1)},B=function(){v.disabled||(w.current=!0)},_=function(e,t){var r=Y(t),n=!1,l=null;!w.current&&v.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=W(t),n=!0):(l=r?null:W(t),n=!0);n&&q(e,l)},R=function(e,t){var r=Y(t),n=!1,l=null;if(!w&&v.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?z(t):[W(t)],n=!0):(l=[].concat(I(l=o&&v.value||[]),[W(t)]),n=!0)}else l=r?z(t):[].concat(I(v.value||[]),[W(t)]),n=!0;n&&v.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:l}})},J=function(e){S.current&&S.current.scrollToIndex(0);var t=e.value;v.onFilterValueChange?v.onFilterValueChange({originalEvent:e.originalEvent,value:t}):O(t)},X=function(){O(""),v.onFilter&&v.onFilter({filter:""})},q=function(e,t){v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})},z=function(e){return v.value.filter((function(t){return!c.equals(t,W(e),v.dataKey)}))},U=function(){if(null!=v.value&&ae){if(!v.optionGroupLabel)return $(v.value,ae);for(var e=0;e<ae.length;e++){var t=$(v.value,re(ae[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return v.optionValue?null:v.dataKey},$=function(e,t){var r=H();return t.findIndex((function(t){return c.equals(e,W(t),r)}))},Y=function(e){var t=W(e),r=H();return v.multiple&&v.value?v.value.some((function(e){return c.equals(e,t,r)})):c.equals(v.value,t,r)},Q=function(e){return v.optionLabel?c.resolveFieldData(e,v.optionLabel):e&&void 0!==e.label?e.label:e},W=function(e){return v.optionValue?c.resolveFieldData(e,v.optionValue):e&&void 0!==e.value?e.value:e},Z=function(e){return v.dataKey?c.resolveFieldData(e,v.dataKey):Q(e)},ee=function(e){return v.optionDisabled?c.isFunction(v.optionDisabled)?v.optionDisabled(e):c.resolveFieldData(e,v.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},te=function(e){return c.resolveFieldData(e,v.optionGroupLabel)},re=function(e){return c.resolveFieldData(e,v.optionGroupChildren)},ne=function(){if(S.current){var e=U();-1!==e&&setTimeout((function(){return S.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(u,(function(){return{props:v,focus:function(){return f.focusFirstElement(E.current)},getElement:function(){return E.current},getVirtualScroller:function(){return S.current}}})),i((function(){ne()}));var le=function(t,r){return re(t).map((function(t,n){var l=Q(t),o=n+"_"+Z(t),i=ee(t),a=i?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:a,disabled:i,ptCallbacks:A,metaData:F})}))},oe=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(v.optionGroupLabel){var o=v.optionGroupTemplate?c.getJSXElement(v.optionGroupTemplate,t,r):c.resolveFieldData(t,v.optionGroupLabel),i=le(t,l),a=r+"_"+te(t),u=s({className:A.cx("itemGroup"),style:A.sx("itemGroup",{scrollerOptions:n}),role:"group"},A.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var p=Q(t),f=r+"_"+Z(t),m=ee(t),d=m?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:f,label:p,option:t,style:l,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:d,disabled:m,ptCallbacks:A,metaData:F})},ie=function(t,r){var l=s({className:A.cx("emptyMessage")},A.ptm("emptyMessage")),o=c.getJSXElement(t,v)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},ae=function(){if(T){var e=j.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[v.optionLabel||"label"];if(v.optionGroupLabel){var n,l=[],o=K(v.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(re(i),t,e,v.filterMatchMode,v.filterLocale);a&&a.length&&l.push(G(G({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(v.options,t,e,v.filterMatchMode,v.filterLocale)}return v.options}(),ue=c.isNotEmpty(v.tooltip),se=L.getOtherProps(v),pe=c.reduceKeys(se,f.ARIA_PROPS),ce=function(){if(v.virtualScrollerOptions){var t=G(G({},v.virtualScrollerOptions),{items:ae,onLazyLoad:function(e){return v.virtualScrollerOptions.onLazyLoad(G(G({},e),{filter:ae}))},itemTemplate:function(e,t){return e&&oe(e,t.index,t)},contentTemplate:function(t){var r=s(G({ref:t.contentRef,style:A.sx("list",{options:t}),className:A.cx("list",{options:t}),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:S},t,{pt:A.ptm("virtualScroller")}))}var r=c.isNotEmpty(ae)?ae.map(oe):T?ie(v.emptyFilterMessage,!0):ie(v.emptyMessage),n=s(G({className:A.cx("list"),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",n,r)}(),fe=v.filter?e.createElement(k,{hostName:"ListBox",filter:j,filterIcon:v.filterIcon,onFilter:J,resetFilter:X,filterTemplate:v.filterTemplate,disabled:v.disabled,filterPlaceholder:v.filterPlaceholder,filterInputProps:v.filterInputProps,ptCallbacks:A,metaData:F}):null,me=s({className:A.cx("wrapper"),style:v.listStyle},A.ptm("wrapper")),de=s({ref:E,id:v.id,className:A.cx("root"),style:v.style},L.getOtherProps(v),A.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",de,fe,e.createElement("div",me,ce)),ue&&e.createElement(a,y({target:E,content:v.tooltip},v.tooltipOptions,{pt:A.ptm("tooltip")})))})));_.displayName="ListBox";export{_ as ListBox};
+import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as a}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as s,IconUtils as c,ObjectUtils as p,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function x(e,t,r){return(t=O(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function S(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return S(e)||w(e)||P(e)||j()}function D(e){if(Array.isArray(e))return e}function C(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function F(e,t){return D(e)||C(e,t)||P(e,t)||N()}var L=l.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:function(e){return e.props.virtualScrollerOptions?s("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return s("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return s("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return s("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=e.memo((function(t){var r=i(),n=t.ptCallbacks,l=n.ptm,o=n.cx,a=function(e,r){return l(e,A({hostName:t.hostName},r))},u={filter:function(e){return s(e)},reset:function(){return t.resetFilter()}},s=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},f=function(){var n=r({className:o("filterIcon")},a("filterIcon")),i=c.getJSXIcon(t.filterIcon||e.createElement(d,n),A({},n),{props:t}),f=r({className:o("header")},a("header")),m=r({className:o("filterContainer")},a("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:s,className:o("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:l("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),i);t.filterTemplate&&(v=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:u,filterInputChange:s,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,f)}));k.displayName="ListBoxHeader";var M=e.memo((function(t){var r=F(e.useState(!1),2),n=r[0],l=r[1],o=i(),a=t.ptCallbacks,u=a.ptm,s=a.cx,c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},m=function e(t){var r=t.nextElementSibling;return r?f.isAttributeEquals(r,"data-p-disabled",!0)||f.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},d=function e(t){var r=t.previousElementSibling;return r?f.isAttributeEquals(r,"data-p-disabled",!0)||f.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},b=t.template?p.getJSXElement(t.template,t.option):t.label,y=o({className:s("item",{props:t}),style:t.style,onClick:c,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=m(t);r&&r.focus(),e.preventDefault();break;case 38:var n=d(t);n&&n.focus(),e.preventDefault();break;case 13:c(e),e.preventDefault()}},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled,"data-p-disabled":t.disabled},u("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:n}}));return e.createElement("li",y,b,e.createElement(v,null))}));function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function K(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function V(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=B(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function B(e,t){if(e){if("string"==typeof e)return q(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}M.displayName="ListBoxItem";var _=e.memo(e.forwardRef((function(l,s){var c=i(),d=e.useContext(t),b=L.getProps(l,d),v=F(e.useState(""),2),g=v[0],h=v[1],O=e.useRef(null),x=e.useRef(null),E=e.useRef(!1),S=(b.onFilterValueChange?b.filterValue:g)||"",w=S&&S.trim().length>0,P={props:b,state:{filterValue:S}},j=L.setMetaData(P);o(L.css.styles,j.isUnstyled,{name:"listbox"});var D=function(e){var t=e.option;b.disabled||$(t)||(b.multiple?T(e.originalEvent,t):N(e.originalEvent,t),E.current=!1)},C=function(){b.disabled||(E.current=!0)},N=function(e,t){var r=X(t),n=!1,l=null;!E.current&&b.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=U(t),n=!0):(l=r?null:U(t),n=!0);n&&B(e,l)},T=function(e,t){var r=X(t),n=!1,l=null;if(!E&&b.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?q(t):[U(t)],n=!0):(l=[].concat(I(l=o&&b.value||[]),[U(t)]),n=!0)}else l=r?q(t):[].concat(I(b.value||[]),[U(t)]),n=!0;n&&b.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:l}})},A=function(e){x.current&&x.current.scrollToIndex(0);var t=e.value;b.onFilterValueChange?b.onFilterValueChange({originalEvent:e.originalEvent,value:t}):h(t)},G=function(){h(""),b.onFilter&&b.onFilter({filter:""})},B=function(e,t){b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}})},q=function(e){return b.value.filter((function(t){return!p.equals(t,U(e),b.dataKey)}))},_=function(){if(null!=b.value&&re){if(!b.optionGroupLabel)return J(b.value,re);for(var e=0;e<re.length;e++){var t=J(b.value,Q(re[e]));if(-1!==t)return{group:e,option:t}}}return-1},R=function(){return b.optionValue?null:b.dataKey},J=function(e,t){var r=R();return t.findIndex((function(t){return p.equals(e,U(t),r)}))},X=function(e){var t=U(e),r=R();return b.multiple&&b.value?b.value.some((function(e){return p.equals(e,t,r)})):p.equals(b.value,t,r)},z=function(e){return b.optionLabel?p.resolveFieldData(e,b.optionLabel):e&&void 0!==e.label?e.label:e},U=function(e){return b.optionValue?p.resolveFieldData(e,b.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return b.dataKey?p.resolveFieldData(e,b.dataKey):z(e)},$=function(e){return b.optionDisabled?p.isFunction(b.optionDisabled)?b.optionDisabled(e):p.resolveFieldData(e,b.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Y=function(e){return p.resolveFieldData(e,b.optionGroupLabel)},Q=function(e){return p.resolveFieldData(e,b.optionGroupChildren)},W=function(){if(x.current){var e=_();-1!==e&&setTimeout((function(){return x.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(s,(function(){return{props:b,focus:function(){return f.focusFirstElement(O.current)},getElement:function(){return O.current},getVirtualScroller:function(){return x.current}}})),a((function(){W()}));var Z=function(t,r){return Q(t).map((function(t,n){var l=z(t),o=n+"_"+H(t),i=$(t),a=i?null:b.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:b.itemTemplate,selected:X(t),onClick:D,onTouchEnd:C,tabIndex:a,disabled:i,ptCallbacks:j,metaData:P})}))},ee=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(b.optionGroupLabel){var o=b.optionGroupTemplate?p.getJSXElement(b.optionGroupTemplate,t,r):p.resolveFieldData(t,b.optionGroupLabel),i=Z(t,l),a=r+"_"+Y(t),u=c({className:j.cx("itemGroup"),style:j.sx("itemGroup",{scrollerOptions:n}),role:"group"},j.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var s=z(t),f=r+"_"+H(t),m=$(t),d=m?null:b.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:f,label:s,option:t,style:l,template:b.itemTemplate,selected:X(t),onClick:D,onTouchEnd:C,tabIndex:d,disabled:m,ptCallbacks:j,metaData:P})},te=function(t,r){var l=c({className:j.cx("emptyMessage")},j.ptm("emptyMessage")),o=p.getJSXElement(t,b)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},re=function(){if(w){var e=S.trim().toLocaleLowerCase(b.filterLocale),t=b.filterBy?b.filterBy.split(","):[b.optionLabel||"label"];if(b.optionGroupLabel){var n,l=[],o=V(b.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Q(i),t,e,b.filterMatchMode,b.filterLocale);a&&a.length&&l.push(K(K({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(b.options,t,e,b.filterMatchMode,b.filterLocale)}return b.options}(),ne=p.isNotEmpty(b.tooltip),le=L.getOtherProps(b),oe=p.reduceKeys(le,f.ARIA_PROPS),ie=function(){if(b.virtualScrollerOptions){var t=K(K({},b.virtualScrollerOptions),{items:re,onLazyLoad:function(e){return b.virtualScrollerOptions.onLazyLoad(K(K({},e),{filter:re}))},itemTemplate:function(e,t){return e&&ee(e,t.index,t)},contentTemplate:function(t){var r=c(K({ref:t.contentRef,style:j.sx("list",{options:t}),className:j.cx("list",{options:t}),role:"listbox","aria-multiselectable":b.multiple},oe),j.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:x},t,{pt:j.ptm("virtualScroller")}))}var r=p.isNotEmpty(re)?re.map(ee):w?te(b.emptyFilterMessage,!0):te(b.emptyMessage),n=c(K({className:j.cx("list"),role:"listbox","aria-multiselectable":b.multiple},oe),j.ptm("list"));return e.createElement("ul",n,r)}(),ae=b.filter?e.createElement(k,{hostName:"ListBox",filter:S,filterIcon:b.filterIcon,onFilter:A,resetFilter:G,filterTemplate:b.filterTemplate,disabled:b.disabled,filterPlaceholder:b.filterPlaceholder,filterInputProps:b.filterInputProps,ptCallbacks:j,metaData:P}):null,ue=c({className:j.cx("wrapper"),style:b.listStyle},j.ptm("wrapper")),se=c({ref:O,id:b.id,className:j.cx("root"),style:b.style},L.getOtherProps(b),j.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",se,ae,e.createElement("div",ue,ie)),ne&&e.createElement(u,y({target:O,content:b.tooltip},b.tooltipOptions,{pt:j.ptm("tooltip")})))})));_.displayName="ListBox";export{_ as ListBox};