primereact 10.6.2 → 10.6.3

package/mention/mention.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as b}from"primereact/ripple";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function x(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 O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function E(){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 P(e){return O(e)||w(e)||S(e)||E()}function j(e){return j="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},j(e)}function I(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===j(t)?t:String(t)}function R(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(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,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){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 A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),f=e.useRef(0),y=T.setMetaData(H(H({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),g=y.ptm,v=y.cx;i(T.css.styles,y.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=s.current;t&&d.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&b(!0)}),[u.autoResize]);var x=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),O=m.isNotEmpty(u.tooltip),w=o({ref:s,className:v("root",{isFilled:x}),onFocus:function(e){u.autoResize&&b(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&b(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&b(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&b(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),g("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",w),O&&e.createElement(p,h({target:s,content:u.tooltip,pt:g("tooltip")},u.tooltipOptions)))})));z.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),f=e.useContext(n),x=B.getProps(r,f),O=A(e.useState(!1),2),w=O[0],S=O[1],E=A(e.useState(!1),2),j=E[0],I=E[1],k=A(e.useState(!1),2),R=k[0],N=k[1],C=A(e.useState(null),2),D=C[0],T=C[1],F=A(e.useState([]),2),H=F[0],K=F[1],M=e.useRef(null),U=e.useRef(null),V=e.useRef(x.inputRef),J=e.useRef(null),X=e.useRef(null),Y={props:x,state:{overlayVisible:w,focused:j,searching:R,trigger:D}},q=B.setMetaData(Y),Z=q.ptm,$=q.cx,G=q.isUnstyled;i(B.css.styles,G,{name:"mention"});var L=function(e,t,n){return Z(t,{context:{trigger:D?D.key:""},state:_({},n)})},Q=A(a({target:M,overlay:U,listener:function(e,t){t.valid&&ne()},when:w}),2),W=Q[0],ee=Q[1],te=function(){S(!0)},ne=function(){S(!1),N(!1),T(null)},re=function(){y.set("overlay",U.current,f&&f.autoZIndex||t.autoZIndex,f&&f.zIndex.overlay||t.zIndex.overlay),d.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),ue()},ie=function(){x.autoHighlight&&x.suggestions&&x.suggestions.length&&K((function(e){var t=P(e);return t[0]=!0,t}))},oe=function(){W(),x.onShow&&x.onShow()},le=function(){ee()},ae=function(){y.clear(U.current),x.onHide&&x.onHide()},ue=function(){if(D){var e=D.key,t=D.index,n=V.current.value,r=d.getCursorOffset(V.current,n.substring(0,t-1),n.substring(t),e);U.current.style.transformOrigin="top",U.current.style.left="calc(".concat(r.left,"px + 1rem)"),U.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},se=function(e){g.emit("overlay-click",{originalEvent:e,target:M.current})},ce=function(e,t,n){if(!D){var r=Array.isArray(x.trigger)?x.trigger.find((function(e){return e===t})):x.trigger===t?x.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=pe(e,n);if(o.index>i)return o}return D},pe=function(e,t){if(Array.isArray(x.trigger)){var n={};return x.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(x.trigger);return{key:x.trigger,index:-1!==r?r+1:-1}},fe=function(e){X.current&&clearTimeout(X.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=ce(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);X.current=setTimeout((function(){me(e,l,o)}),x.delay)}}else ne()},me=function(e,t,n){x.onSearch&&(N(!0),T(n),x.onSearch({originalEvent:e,trigger:n.key,query:t}))},de=function(e,t){var n=V.current.value,r=e.target.selectionStart,i=n.indexOf(" ",D.index),o=n.substring(D.index,i>-1?i:r),l=ye(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,D.index),u=n.substring(i>-1?r:D.index+o.length);V.current.value="".concat(a).concat(l," ").concat(u),e.target=V.current,x.onChange&&x.onChange(e)}var s=D.index+l.length+1;V.current.setSelectionRange(s,s),ne(),x.onSelect&&x.onSelect({originalEvent:e,suggestion:t})},ye=function(e){if(e){var t=Array.isArray(x.field)?x.field[x.trigger.findIndex((function(e){return e===D.key}))]:x.field;return t?m.resolveFieldData(e,t):e}return""},ge=function(e,t){d.focus(V.current),de(e,t)},ve=V.current&&V.current.value,be=e.useMemo((function(){return m.isNotEmpty(x.value)||m.isNotEmpty(x.defaultValue)||m.isNotEmpty(ve)}),[x.value,x.defaultValue,ve]);e.useImperativeHandle(c,(function(){return{props:x,show:te,hide:ne,focus:function(){return d.focus(V.current)},getElement:function(){return M.current},getOverlay:function(){return U.current},getInput:function(){return V.current}}})),e.useEffect((function(){m.combinedRefs(V,x.inputRef)}),[V,x.inputRef]),u((function(){var e=x.suggestions&&x.suggestions.length;if(e){var t=x.suggestions.map((function(){return!1}));K(t)}R&&(e?te():ne(),w&&ue(),N(!1))}),[x.suggestions]),u((function(){var e=G(),t=e?d.isAttributeEquals(M.current,"data-p-inputwrapper-filled",!0):d.hasClass(M.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(M.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(M.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(U.current)}));var he=function(t,n){var r=n+"_item",i=x.itemTemplate?m.getJSXElement(x.itemTemplate,t,{trigger:D?D.key:"",index:n}):ye(t),o=H[n],l=p({key:r,className:$("item",{isSelected:o}),onClick:function(e){return ge(e,t)},"data-p-highlight":o},L(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(b,null))},xe=function(){var t=p({ref:J,className:$("items")},Z("items"));if(x.suggestions){var n=x.suggestions.map(he);return e.createElement("ul",t,n)}return null},Oe=B.getOtherProps(x),we=function(){var t=m.getJSXElement(x.headerTemplate,x),n=m.getJSXElement(x.footerTemplate,x),r=xe(),i=p({ref:U,className:$("panel"),style:_({maxHeight:x.scrollHeight},x.panelStyle),onClick:se},Z("panel")),l=p({classNames:$("transition"),in:w,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:re,onEntering:ie,onEntered:oe,onExit:le,onExited:ae},Z("transition")),a=e.createElement(o,h({nodeRef:U},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Se=p(_(_({ref:V,id:x.inputId,className:$("input"),style:x.inputStyle},Oe),{},{onFocus:function(e){I(!0),x.onFocus&&x.onFocus(e)},onBlur:function(e){I(!1),x.onBlur&&x.onBlur(e)},onKeyDown:function(e){if(w){var t=d.findSingle(U.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);K((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(U.current,n)}}else if(t=d.findSingle(U.current,"li")){var o=d.index(t);K((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);K((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(U.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===D.key&&ne();break;case 13:t&&de(e,x.suggestions[d.index(t)]),e.preventDefault();break;case 27:ne(),e.preventDefault()}}},onInput:function(e){x.onInput&&x.onInput(e);var t=e.target.value.length>0;G()?d.setAttributes(M.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(M.current,"p-inputwrapper-filled"):d.removeClass(M.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||fe(e)},onChange:function(e){x.onChange&&x.onChange(e),fe(e)},__parentMetadata:{parent:Y}}),Z("input")),Ee=p({ref:M,id:x.id,className:$("root",{focusedState:j,isFilled:be}),style:x.style},B.getOtherProps(x),Z("root"));return e.createElement("div",Ee,e.createElement(z,Se),we)})));M.displayName="Mention";export{M as Mention};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as b}from"primereact/ripple";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function x(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 O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function E(){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 P(e){return O(e)||w(e)||S(e)||E()}function j(e){return j="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},j(e)}function I(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===j(t)?t:String(t)}function R(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(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,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){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 A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(H(H({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,b=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&d.isVisible(t)&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",y.current=t.scrollHeight))};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize]);var O=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),w=m.isNotEmpty(u.tooltip),S=o({ref:s,className:f(u.className,b("root",{context:a,isFilled:O})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",S),w&&e.createElement(p,h({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));z.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),O=B.getProps(r,x),w=A(e.useState(!1),2),S=w[0],E=w[1],j=A(e.useState(!1),2),I=j[0],k=j[1],R=A(e.useState(!1),2),N=R[0],C=R[1],D=A(e.useState(null),2),T=D[0],F=D[1],H=A(e.useState([]),2),K=H[0],M=H[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(O.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:O,state:{overlayVisible:S,focused:I,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&re()},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),F(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){O.autoHighlight&&O.suggestions&&O.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),O.onShow&&O.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),O.onHide&&O.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(O.trigger)?O.trigger.find((function(e){return e===t})):O.trigger===t?O.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(O.trigger)){var n={};return O.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(O.trigger);return{key:O.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),O.delay)}}else re()},de=function(e,t,n){O.onSearch&&(C(!0),F(n),O.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current.value,r=e.target.selectionStart,i=n.indexOf(" ",T.index),o=n.substring(T.index,i>-1?i:r),l=ge(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,T.index),u=n.substring(i>-1?r:T.index+o.length);J.current.value="".concat(a).concat(l," ").concat(u),e.target=J.current,O.onChange&&O.onChange(e)}var s=T.index+l.length+1;J.current.setSelectionRange(s,s),re(),O.onSelect&&O.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(O.field)?O.field[O.trigger.findIndex((function(e){return e===T.key}))]:O.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},be=J.current&&J.current.value,he=e.useMemo((function(){return m.isNotEmpty(O.value)||m.isNotEmpty(O.defaultValue)||m.isNotEmpty(be)}),[O.value,O.defaultValue,be]);e.useImperativeHandle(c,(function(){return{props:O,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,O.inputRef)}),[J,O.inputRef]),u((function(){var e=O.suggestions&&O.suggestions.length;if(e){var t=O.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[O.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!he&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[he]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=O.itemTemplate?m.getJSXElement(O.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({key:r,className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(b,null))},Oe=function(){var t=p({ref:X,className:G("items")},$("items"));if(O.suggestions){var n=O.suggestions.map(xe);return e.createElement("ul",t,n)}return null},we=B.getOtherProps(O),Se=function(){var t=m.getJSXElement(O.headerTemplate,O),n=m.getJSXElement(O.footerTemplate,O),r=Oe(),i=p({ref:V,className:G("panel"),style:_({maxHeight:O.scrollHeight},O.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,h({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:O.inputId,className:G("input"),style:O.inputStyle},we),{},{onFocus:function(e){k(!0),O.onFocus&&O.onFocus(e)},onBlur:function(e){k(!1),O.onBlur&&O.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,O.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){O.onInput&&O.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){O.onChange&&O.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:O.id,className:f(O.className,G("root",{focusedState:I,isFilled:he})),style:O.style},B.getOtherProps(O),$("root"));return e.createElement("div",Pe,e.createElement(z,Ee),Se)})));M.displayName="Mention";export{M as Mention};

package/mention/mention.js

@@ -155,13 +155,15 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
   var classes$1 = {
     root: function root(_ref) {
       var props = _ref.props,
+        context = _ref.context,
         isFilled = _ref.isFilled;
       return utils.classNames('p-inputtextarea p-inputtext p-component', {
         'p-disabled': props.disabled,
         'p-filled': isFilled,
         'p-inputtextarea-resizable': props.autoResize,
-        'p-invalid': props.invalid
-      }, props.className);
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
     }
   };
   var styles$1 = "\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
@@ -171,6 +173,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       __parentMetadata: null,
       autoResize: false,
       invalid: false,
+      variant: null,
       keyfilter: null,
       onBlur: null,
       onFocus: null,
@@ -289,9 +292,10 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = mergeProps({
       ref: elementRef,
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
+        context: context,
         isFilled: isFilled
-      }),
+      })),
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyUp: onKeyUp,
@@ -325,13 +329,13 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       return utils.classNames('p-mention-input', props.inputClassName);
     },
     root: function root(_ref4) {
-      var props = _ref4.props,
-        isFilled = _ref4.isFilled,
+      _ref4.props;
+        var isFilled = _ref4.isFilled,
         focusedState = _ref4.focusedState;
       return utils.classNames('p-mention p-component p-inputwrapper', {
         'p-inputwrapper-filled': isFilled,
         'p-inputwrapper-focus': focusedState
-      }, props.className);
+      });
     },
     transition: 'p-connected-overlay'
   };
@@ -849,10 +853,10 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         focusedState: focusedState,
         isFilled: isFilled
-      }),
+      })),
       style: props.style
     }, MentionBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(InputTextarea, inputMentionProps), panel);

package/mention/mention.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(t),y=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(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 b(e){if(Array.isArray(e))return v(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 v(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)?v(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 w(e){return b(e)||h(e)||O(e)||x()}function S(e){return S="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},S(e)}function j(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"===S(t)?t:String(t)}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){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 k(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(U(U({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&u.DomHandler.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize]);var h=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),O=u.ObjectUtils.isNotEmpty(c.tooltip),x=i({ref:p,className:v("root",{isFilled:h}),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",x),O&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=k(m.useState(!1),2),v=d[0],b=d[1],h=k(m.useState(!1),2),O=h[0],x=h[1],S=k(m.useState(!1),2),j=S[0],E=S[1],D=k(m.useState(null),2),P=D[0],H=D[1],I=k(m.useState([]),2),N=I[0],R=I[1],U=m.useRef(null),T=m.useRef(null),B=m.useRef(f.inputRef),M=m.useRef(null),_=m.useRef(null),z={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(z),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=k(o.useOverlayListener({target:U,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&R((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=B.current.value,r=u.DomHandler.getCursorOffset(B.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:U.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){_.current&&clearTimeout(_.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);_.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=B.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),l=ce(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,P.index),u=n.substring(i>-1?r:P.index+o.length);B.current.value="".concat(a).concat(l," ").concat(u),e.target=B.current,f.onChange&&f.onChange(e)}var s=P.index+l.length+1;B.current.setSelectionRange(s,s),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(B.current),se(e,t)},fe=B.current&&B.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(B.current)},getElement:function(){return U.current},getOverlay:function(){return T.current},getInput:function(){return B.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(B,f.inputRef)}),[B,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));R(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(U.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:M,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:B,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);R((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);R((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);R((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(U.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:z}}),V("input")),he=l({ref:U,id:f.id,className:Z("root",{focusedState:O,isFilled:de}),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(C,be),ve)})));return B.displayName="Mention",e.Mention=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(t),y=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(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 b(e){if(Array.isArray(e))return v(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 v(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)?v(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 w(e){return b(e)||h(e)||O(e)||x()}function S(e){return S="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},S(e)}function j(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"===S(t)?t:String(t)}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){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 N(e,t){return P(e)||H(e,t)||O(e,t)||I()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=k.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=k.setMetaData(U(U({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(k.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&u.DomHandler.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize]);var h=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),O=u.ObjectUtils.isNotEmpty(c.tooltip),x=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:h})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},k.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",x),O&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=N(m.useState(!1),2),v=d[0],b=d[1],h=N(m.useState(!1),2),O=h[0],x=h[1],S=N(m.useState(!1),2),j=S[0],E=S[1],D=N(m.useState(null),2),P=D[0],H=D[1],I=N(m.useState([]),2),k=I[0],R=I[1],U=m.useRef(null),T=m.useRef(null),B=m.useRef(f.inputRef),M=m.useRef(null),_=m.useRef(null),z={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(z),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=N(o.useOverlayListener({target:U,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&R((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=B.current.value,r=u.DomHandler.getCursorOffset(B.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:U.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){_.current&&clearTimeout(_.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);_.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=B.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),l=ce(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,P.index),u=n.substring(i>-1?r:P.index+o.length);B.current.value="".concat(a).concat(l," ").concat(u),e.target=B.current,f.onChange&&f.onChange(e)}var s=P.index+l.length+1;B.current.setSelectionRange(s,s),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(B.current),se(e,t)},fe=B.current&&B.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(B.current)},getElement:function(){return U.current},getOverlay:function(){return T.current},getInput:function(){return B.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(B,f.inputRef)}),[B,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));R(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(U.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=k[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:M,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:B,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);R((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);R((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);R((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(U.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:z}}),V("input")),he=l({ref:U,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(C,be),ve)})));return B.displayName="Mention",e.Mention=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);

package/metergroup/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./metergroup.cjs.js",
+    "module": "./metergroup.esm.js",
+    "unpkg": "./metergroup.min.js",
+    "types": "./metergroup.d.ts",
+    "sideEffects": false
+}

package/multiselect/multiselect.cjs.js

@@ -179,12 +179,14 @@ function _slicedToArray(arr, i) {
 var classes$1 = {
   root: function root(_ref) {
     var props = _ref.props,
+      context = _ref.context,
       focusedState = _ref.focusedState,
       overlayVisibleState = _ref.overlayVisibleState;
     return utils.classNames('p-multiselect p-component p-inputwrapper', {
       'p-multiselect-chip': props.display === 'chip',
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
       'p-multiselect-clearable': props.showClear && !props.disabled,
       'p-focus': focusedState,
       'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
@@ -293,6 +295,7 @@ var MultiSelectBase = componentbase.ComponentBase.extend({
     inputId: null,
     inputRef: null,
     invalid: false,
+    variant: null,
     itemCheckboxIcon: null,
     itemClassName: null,
     itemTemplate: null,
@@ -355,12 +358,13 @@ var classes = {
   icon: 'p-checkbox-icon',
   root: function root(_ref) {
     var props = _ref.props,
-      checked = _ref.checked;
+      checked = _ref.checked,
+      context = _ref.context;
     return utils.classNames('p-checkbox p-component', {
       'p-highlight': checked,
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
-      'p-variant-filled': props.variant === 'filled'
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   }
 };
@@ -377,6 +381,7 @@ var CheckboxBase = componentbase.ComponentBase.extend({
     inputId: null,
     inputRef: null,
     invalid: false,
+    variant: null,
     name: null,
     onChange: null,
     onContextMenu: null,
@@ -494,7 +499,8 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var rootProps = mergeProps({
     id: props.id,
     className: utils.classNames(props.className, cx('root', {
-      checked: checked
+      checked: checked,
+      context: context
     })),
     style: props.style,
     'data-p-highlight': checked,
@@ -713,6 +719,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var checkboxRef = React__namespace.useRef(null);
   var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
@@ -730,7 +737,9 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
     });
   };
   var onFocus = function onFocus(event) {
+    var _checkboxRef$current;
     setFocusedState(true);
+    checkboxRef === null || checkboxRef === void 0 || (_checkboxRef$current = checkboxRef.current) === null || _checkboxRef$current === void 0 || _checkboxRef$current.getInput().focus();
   };
   var onBlur = function onBlur(event) {
     setFocusedState(false);
@@ -772,6 +781,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
     'data-p-disabled': props.disabled
   }, getPTOptions('item'));
   return /*#__PURE__*/React__namespace.createElement("li", itemProps, /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement(Checkbox, {
+    ref: checkboxRef,
     checked: props.selected,
     icon: checkboxIcon,
     pt: ptm('checkbox'),
@@ -1500,10 +1510,18 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       filter: ''
     });
   };
-  var scrollInView = function scrollInView() {
-    var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
-    if (highlightItem && highlightItem.scrollIntoView) {
-      highlightItem.scrollIntoView({
+  var scrollInView = function scrollInView(event) {
+    if (!overlayVisibleState) {
+      return;
+    }
+    var focusedItem;
+    if (event) {
+      focusedItem = event.currentTarget;
+    } else {
+      focusedItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
+    }
+    if (focusedItem && focusedItem.scrollIntoView) {
+      focusedItem.scrollIntoView({
         block: 'nearest',
         inline: 'nearest'
       });
@@ -1815,7 +1833,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var changeFocusedOptionIndex = function changeFocusedOptionIndex(event, index) {
     if (focusedOptionIndex !== index) {
       setFocusedOptionIndex(index);
-      scrollInView();
+      scrollInView(event);
       if (props.selectOnFocus) {
         onOptionSelect(event, visibleOptions[index], false);
       }
@@ -2027,6 +2045,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     style: _objectSpread(_objectSpread({}, props.style), sx('root')),
     className: utils.classNames(props.className, cx('root', {
       focusedState: focusedState,
+      context: context,
       overlayVisibleState: overlayVisibleState
     }))
   }, otherProps), {}, {

package/multiselect/multiselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),o=require("primereact/icons/spinner"),i=require("primereact/icons/times"),a=require("primereact/icons/timescircle"),c=require("primereact/overlayservice"),u=require("primereact/tooltip"),s=require("primereact/utils"),p=require("primereact/csstransition"),f=require("primereact/portal"),d=require("primereact/virtualscroller"),m=require("primereact/icons/check"),b=require("primereact/icons/search"),v=require("primereact/inputtext"),h=require("primereact/ripple");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=g(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function E(e){return E="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},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return w(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function P(){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 F(e){return C(e)||N(e)||D(e)||P()}function U(e){throw new TypeError('"'+e+'" is read-only')}function L(e){if(Array.isArray(e))return e}function A(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}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 T(e,t){return L(e)||A(e,t)||D(e,t)||M()}var H=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,selectOnFocus:!1,focusOnHover:!0,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return s.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":s.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return s.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return s.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return s.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-multiselect {\n        display: inline-flex;\n        user-select: none;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel {\n        border: none;\n        position: initial;\n        background: none;\n        box-shadow: none;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n        padding: 0;\n    }\n    \n    .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-multiselect-select-all-label {\n        margin-left: 0.5rem;\n    }\n    \n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-multiselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        right: 3rem;\n    }\n    \n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return s.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var G=O.memo(O.forwardRef((function(e,r){var o=l.useMergeProps(),i=O.useContext(t.PrimeReactContext),a=R.getProps(e,i),c=R.setMetaData({props:a,context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),p=c.ptm,f=c.cx;n.useHandleStyle(R.css.styles,c.isUnstyled,{name:"checkbox"});var d=O.useRef(null),b=O.useRef(a.inputRef),v=function(){return a.checked===a.trueValue},h=function(e){if(!a.disabled&&!a.readonly&&a.onChange){var t,n=v()?a.falseValue:a.trueValue;if(null==a||null===(t=a.onChange)||void 0===t||t.call(a,{originalEvent:e,value:a.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:n}}),e.defaultPrevented)return;s.DomHandler.focus(b.current)}};O.useImperativeHandle(r,(function(){return{props:a,focus:function(){return s.DomHandler.focus(b.current)},getElement:function(){return d.current},getInput:function(){return b.current}}})),O.useEffect((function(){s.ObjectUtils.combinedRefs(b,a.inputRef)}),[b,a.inputRef]),l.useUpdateEffect((function(){b.current.checked=v()}),[a.checked,a.trueValue]),l.useMountEffect((function(){a.autoFocus&&s.DomHandler.focus(b.current,a.autoFocus)}));var y,g,x,E,S,k=v(),j=s.ObjectUtils.isNotEmpty(a.tooltip),w=R.getOtherProps(a),C=o({id:a.id,className:s.classNames(a.className,f("root",{checked:k})),style:a.style,"data-p-highlight":k,"data-p-disabled":a.disabled,onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},w,p("root"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:d},C),(E=s.ObjectUtils.reduceKeys(w,s.DomHandler.ARIA_PROPS),S=o(q({id:a.inputId,type:"checkbox",className:f("input"),name:a.name,tabIndex:a.tabIndex,onFocus:function(e){var t;null==a||null===(t=a.onFocus)||void 0===t||t.call(a)},onBlur:function(e){var t;null==a||null===(t=a.onBlur)||void 0===t||t.call(a)},onChange:function(e){return h(e)},disabled:a.disabled,readOnly:a.readOnly,required:a.required,"aria-invalid":a.invalid,checked:k},E),p("input")),O.createElement("input",I({ref:b},S))),(y=o({className:f("icon")},p("icon")),g=o({className:f("box",{checked:k}),"data-p-highlight":k,"data-p-disabled":a.disabled},p("box")),x=s.IconUtils.getJSXIcon(k?a.icon||O.createElement(m.CheckIcon,y):null,q({},y),{props:a,checked:k}),O.createElement("div",g,x))),j&&O.createElement(u.Tooltip,I({target:d,content:a.tooltip,pt:p("tooltip")},a.tooltipOptions)))})));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}G.displayName="Checkbox";var X=O.memo((function(e){var n=l.useMergeProps(),r=e.ptm,o=e.cx,a=e.isUnstyled,c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},u=function(t,n){return r(t,J({hostName:e.hostName},n))},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},f=function(t){if(e.onSelectAll)e.onSelectAll({originalEvent:t,checked:e.selectAll});else{var n=e.isAllSelected()?[]:e.visibleOptions.filter((function(t){return e.isValidOption(t)})).map((function(t){return e.getOptionValue(t)}));e.updateModel(t,n,n)}},d=function(){var t=n({className:o("filterIcon")},u("filterIcon")),l=s.IconUtils.getJSXIcon(e.filterIcon||O.createElement(b.SearchIcon,t),J({},t),{props:e});if(e.filter){var i=n({className:o("filterContainer")},u("filterContainer")),a=O.createElement("div",i,O.createElement(v.InputText,{ref:e.filterRef,type:"text",role:"searchbox",value:e.filterValue,onChange:p,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:r("filterInput"),__parentMetadata:{parent:e.metaData}}),l);if(e.filterTemplate)a=s.ObjectUtils.getJSXElement(e.filterTemplate,{className:i.className,element:a,filterOptions:c,onFilter:p,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,a)}return null}(),y=e.id?e.id+"_selectall":s.UniqueComponentId(),g=n({htmlFor:y,className:o("headerSelectAllLabel")},u("headerSelectAllLabel")),x=n({className:o("headerCheckboxIcon")},u("headerCheckboxIcon")),I=n({className:o("headerCheckboxContainer")},u("headerCheckboxContainer")),E=s.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(m.CheckIcon,x),J({},x),{selected:e.selected}),S=e.showSelectAll&&O.createElement("div",I,O.createElement(G,{id:y,checked:e.selectAll,onChange:f,role:"checkbox","aria-checked":e.selectAll,icon:E,pt:r("headerCheckbox"),unstyled:a()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),k=n({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),j=s.IconUtils.getJSXIcon(e.closeIcon||O.createElement(i.TimesIcon,k),J({},k),{props:e}),w=n({className:o("header")},u("header")),C=n({type:"button",className:o("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},u("closeButton")),N=O.createElement("button",C,j,O.createElement(h.Ripple,null)),D=O.createElement("div",w,S,d,N);return e.template?s.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:S,checked:e.selectAll,onChange:f,filterElement:d,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:D,itemCheckboxIcon:E,props:e}):D}));function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}X.displayName="MultiSelectHeader";var z=O.memo((function(e){var t=T(O.useState(!1),2),n=t[0],r=t[1],o=l.useMergeProps(),i=e.ptm,a=e.cx,c=e.isUnstyled,u=function(t){return i(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedIndex:e.focusedIndex,index:e.index}})},p=o({className:a("checkboxIcon")},u("checkboxIcon")),f=e.selected?s.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(m.CheckIcon,p),B({},p),{selected:e.selected}):null,d=e.template?s.ObjectUtils.getJSXElement(e.template,e.option):e.label,b=e.disabled?-1:e.tabIndex,v=o({className:a("checkboxContainer")},u("checkboxContainer")),y=o({className:s.classNames(e.className,e.option.className,a("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick(t,e.option),t.preventDefault(),t.stopPropagation()},onFocus:function(e){r(!0)},onBlur:function(e){r(!1)},onMouseMove:function(t){return null==e?void 0:e.onMouseMove(t,e.index)},tabIndex:b,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},u("item"));return O.createElement("li",y,O.createElement("div",v,O.createElement(G,{checked:e.selected,icon:f,pt:i("checkbox"),unstyled:c()})),O.createElement("span",null,d),O.createElement(h.Ripple,null))}));function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}z.displayName="MultiSelectItem";var Y=O.memo(O.forwardRef((function(e,n){var r=O.useRef(null),o=O.useRef(null),i=l.useMergeProps(),a=O.useContext(t.PrimeReactContext),c=e.ptm,u=e.cx,m=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,W({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(r.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return r.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&o.current&&s.DomHandler.focus(o.current,!1)}))},g=function(t){r.current&&r.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},x=function(){if(e.panelFooterTemplate){var t=s.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){var l;e.focusOnHover&&(null==e||null===(l=e.changeFocusedOptionIndex)||void 0===l||l.call(e,t,n))},S=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,s=e.isSelected(t);return O.createElement(z,{hostName:e.hostName,index:l,key:o,focusedOptionIndex:e.focusedOptionIndex,label:r,option:t,style:n,template:e.itemTemplate,selected:s,onClick:e.onOptionSelect,onMouseMove:E,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})}))},k=function(){var n=s.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=i({className:u("emptyMessage")},v("emptyMessage"));return O.createElement("li",l,n)},j=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?s.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=S(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),f=i({className:u("itemGroup"),style:m("itemGroup",{scrollerOptions:l})},v("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",f,o),a)}var d=e.getOptionLabel(t),h=n+"_"+e.getOptionRenderKey(t),y=e.isOptionDisabled(t),g=y?null:e.tabIndex||0,x=e.isSelected(t);return O.createElement(z,{hostName:e.hostName,key:h,focusedOptionIndex:e.focusedOptionIndex,label:d,option:t,style:r,index:n,template:e.itemTemplate,selected:x,onClick:e.onOptionSelect,onMouseMove:E,tabIndex:g,disabled:y,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})},w=function(){if(e.virtualScrollerOptions){var n=W(W({},e.virtualScrollerOptions),{style:W(W({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:s.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(W(W({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:k(),l=i({ref:t.contentRef,style:t.style,className:s.classNames(t.className,u("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("ul",l,n)}});return O.createElement(d.VirtualScroller,I({ref:r},n,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var l,o,a=s.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?k():(l=s.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),o=i({className:u("emptyMessage")},v("emptyMessage")),O.createElement("li",o,l)),p=i({className:u("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),f=i({className:u("list"),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("div",p,O.createElement("ul",f,a))},C=function(){var t=e.allowOptionSelect(),l=O.createElement(X,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:o,filterValue:e.filterValue,filterTemplate:e.filterTemplate,visibleOptions:e.visibleOptions,isValidOption:e.isValidOption,getOptionValue:e.getOptionValue,updateModel:e.updateModel,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:c,cx:u,isUnstyled:b,metaData:e.metaData}),r=w(),f=x(),d=i({className:s.classNames(e.panelClassName,u("panel",{panelProps:e,context:a,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return O.createElement("div",I({ref:n},d),r,f);var m=i({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition")),E=i({ref:e.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenFirstFocusableEl")),S=i({ref:e.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenLastFocusableEl"));return O.createElement(p.CSSTransition,I({nodeRef:n},m),O.createElement("div",I({ref:n},d),O.createElement("span",E),l,r,f,O.createElement("span",S)))}();return e.inline?C:O.createElement(f.Portal,{element:C,appendTo:e.appendTo})})));function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ee(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=te(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function te(e,t){if(e){if("string"==typeof e)return ne(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)?ne(e,t):void 0}}function ne(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}Y.displayName="MultiSelectPanel";var le=O.memo(O.forwardRef((function(e,p){var f=l.useMergeProps(),d=O.useContext(t.PrimeReactContext),m=H.getProps(e,d),b=T(O.useState(null),2),v=b[0],h=b[1],y=T(O.useState(!1),2),g=y[0],E=y[1],S=T(O.useState(""),2),k=S[0],w=S[1],C=T(O.useState(-1),2),N=C[0],D=C[1],P=T(O.useState(!1),2),L=P[0],A=P[1],M=T(O.useState(m.inline),2),R=M[0],V=M[1],q=O.useRef(null),G=O.useRef(null),K=O.useRef(null),J=O.useRef(null),X=O.useRef(null),_=O.useRef(m.inputRef),B=O.useRef(null),z=O.useRef(null),Z=k&&k.trim().length>0,W=s.ObjectUtils.isEmpty(m.value),$=m.optionValue?null:m.dataKey,te={props:m,state:{filterState:k,focused:L,overlayVisible:R}},ne=H.setMetaData(te),le=ne.ptm,re=ne.cx,oe=ne.sx,ie=ne.isUnstyled;n.useHandleStyle(H.css.styles,ie,{name:"multiselect"});var ae=T(l.useOverlayListener({target:q,overlay:z,listener:function(e,t){t.valid&&("outside"===t.type?!Ne(e)&&!De(e)&&we():we())},when:R}),2),ce=ae[0],ue=ae[1],se=function(e){var t=Ge()&&e<ct.length-1?ct.slice(e+1).findIndex((function(e){return _e(e)})):-1;return t>-1?t+e+1:-1},pe=function(e){var t=Ge()&&e>0?s.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return _e(e)})):-1;return t>-1?t:-1},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Ge()&&(n=t?-1===(n=pe(e))?se(e):n:-1===(n=se(e))?pe(e):n),n>-1?n:e},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=fe(n,!0)),-1===n&&(n=fe(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=ct.slice(l,r+1).filter((function(e){return Xe(e)})).map((function(e){return Te(e)}));Ee(e,o,o)}},me=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!m.disabled&&!Re(t)){var l=null;l=Ue(t)?m.value.filter((function(e){return!s.ObjectUtils.equals(e,Te(t),$)})):[].concat(F(m.value||[]),[Te(t)]),Ee(e,l,t),-1!==n&&h(n)}},be=function(e){if(R){var t=-1!==v?$e(v):g?We():ze();e.shiftKey&&de(e,N,t),tt(e,t)}else je(),m.editable&&tt(e,Be());e.preventDefault()},ve=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==v&&me(e,ct[v]),R&&we(),e.preventDefault();else{var t=-1!==v?Qe(v):g?Ye():Ze();tt(e,t),!R&&je(),e.preventDefault()}},he=function(e){R?-1!==v&&(e.shiftKey?de(e,v):me(e,ct[v])):(h(-1),be(e)),e.preventDefault()},ye=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),h(-1)}else{var n=e.metaKey||e.ctrlKey,l=We();e.shiftKey&&n&&de(e,l,N),tt(e,l),!R&&je()}e.preventDefault()},ge=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),U("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=Ye();e.shiftKey&&l&&de(e,N,r),tt(e,r),!R&&je()}e.preventDefault()},Oe=function(e){e.preventDefault()},xe=function(e){e.preventDefault()},Ie=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(R&&Ke()?(s.DomHandler.focus(e.shiftKey?X.current:J.current),e.preventDefault()):(-1!==v&&me(e,ct[v]),R&&we(filter)))},Ee=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},Se=function(){w(""),m.onFilter&&m.onFilter({filter:""})},ke=function(){var e=s.DomHandler.findSingle(z.current,'li[data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})},je=function(){V(!0),h(-1!==v?v:m.autoOptionFocus?ze():Be()),s.DomHandler.focus(_.current)},we=function(){h(-1),V(!1),E(!1)},Ce=function(){s.DomHandler.alignOverlay(z.current,B.current.parentElement,m.appendTo||d&&d.appendTo||x.default.appendTo)},Ne=function(e){return"clearicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")},De=function(e){return"headercheckboxcontainer"===s.DomHandler.getAttribute(e.target,"data-pc-section")},Pe=function(e){return z.current&&z.current.contains(e.target)},Fe=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.ObjectUtils.equals(e,Te(t),$)}))}))},Ue=function(e){if(m.value){var t=Te(e),n=Ve(e);return m.value.some((function(e){return s.ObjectUtils.equals(n?e:Te(e),t,$)}))}return!1},Le=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=ee(m.options);try{for(l.s();!(n=l.n()).done;){if(t=Ae(e,He(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ae(e,m.options),s.ObjectUtils.isEmpty(t)&&(t=Ae(e,m.value));return t?Me(t):null},Ae=function(e,t){return t.find((function(t){return s.ObjectUtils.equals(Te(t),e,$)}))},Me=function(e){return m.optionLabel?s.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},Te=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=s.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},He=function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Re=function(e){return m.optionDisabled?s.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):s.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ve=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},qe=function(e){return m.optionGroupLabel&&e.optionGroup&&e.group},Ge=function(){return s.ObjectUtils.isNotEmpty(m.value)},Ke=function(){return s.DomHandler.getFocusableElements(z.current,':not([data-p-hidden-focusable="true"])').length>0},Je=function(e){var t;return Xe(e)&&(null===(t=Me(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(G.current.toLocaleLowerCase(m.filterLocale)))},Xe=function(e){return s.ObjectUtils.isNotEmpty(e)&&!(Re(e)||qe(e))},_e=function(e){return Xe(e)&&Ue(e)},Be=function(){if(Ge())for(var e,t=function(){var e=m.value[n],t=ct.findIndex((function(t){return _e(t)&&(n=e,l=Te(t),s.ObjectUtils.equals(n,l,$));var n,l}));if(t>-1)return{v:t}},n=m.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},ze=function(){var e=Be();return e<0?We():e},Ze=function(){var e=Be();return e<0?Ye():e},We=function(){return ct.findIndex((function(e){return Xe(e)}))},Ye=function(){return s.ObjectUtils.findLastIndex(ct,(function(e){return Xe(e)}))},$e=function(e){var t=e<ct.length-1?ct.slice(e+1).findIndex((function(e){return Xe(e)})):-1;return t>-1?t+e+1:e},Qe=function(e){var t=e>0?s.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return Xe(e)})):-1;return t>-1?t:e},et=function(e){G.current=(G.current||"")+e.key;var t=-1;s.ObjectUtils.isNotEmpty(G.current)&&(-1===(t=-1!==v?-1===(t=ct.slice(v).findIndex((function(e){return Je(e)})))?ct.slice(0,v).findIndex((function(e){return Je(e)})):t+v:ct.findIndex((function(e){return Je(e)})))&&-1===v&&(t=ze()),-1!==t&&tt(e,t)),K.current&&clearTimeout(K.current),K.current=setTimeout((function(){G.current="",K.current=null}),500)},tt=function(e,t){v!==t&&(h(t),ke(),m.selectOnFocus&&me(e,ct[t],!1))},nt=function(e,t){var n=m.value.filter((function(e){return!s.ObjectUtils.equals(e,t,$)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Ee(e,n,t)},lt=function(){var e=/{(.*?)}/,n=m.selectedItemsLabel||t.localeOption("selectionMessage");return e.test(n)?n.replace(n.match(e)[0],m.value.length+""):n},rt=function(){if(!W&&!m.fixedPlaceholder)return s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():s.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Le(t)}),""):""};O.useImperativeHandle(p,(function(){return{props:m,show:je,hide:we,focus:function(){return s.DomHandler.focus(_.current)},getElement:function(){return q.current},getOverlay:function(){return z.current},getInput:function(){return _.current}}})),l.useMountEffect((function(){Ce()})),O.useEffect((function(){s.ObjectUtils.combinedRefs(_,m.inputRef)}),[_,m.inputRef]),O.useEffect((function(){setTimeout((function(){m.overlayVisible?je():we()}),100)}),[m.overlayVisible]),l.useUpdateEffect((function(){R&&k&&Z&&Ce()}),[R,k,Z]),l.useUnmountEffect((function(){s.ZIndexUtils.clear(z.current)}));var ot,it,at,ct=function(){if(Z){var e=k.trim().toLocaleLowerCase(m.filterLocale),n=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],o=ee(m.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=t.FilterService.filter(He(i),n,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push(Q(Q({},i),j({},m.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return t.FilterService.filter(m.options,n,e,m.filterMatchMode,m.filterLocale)}return m.options}(),ut=s.ObjectUtils.isNotEmpty(m.tooltip),st=H.getOtherProps(m),pt=s.ObjectUtils.reduceKeys(st,s.DomHandler.ARIA_PROPS),ft=f({className:re("triggerIcon")},le("triggerIcon")),dt=f({className:re("trigger")},le("trigger")),mt=m.loadingIcon?s.IconUtils.getJSXIcon(m.loadingIcon,Q({},ft),{props:m}):O.createElement(o.SpinnerIcon,I({spin:!0},ft)),bt=m.dropdownIcon?s.IconUtils.getJSXIcon(m.dropdownIcon,Q({},ft),{props:m}):O.createElement(r.ChevronDownIcon,ft),vt=O.createElement("div",dt,m.loading?mt:bt),ht=!m.inline&&(ot=m.selectedItemTemplate?W?s.ObjectUtils.getJSXElement(m.selectedItemTemplate):s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():m.value.map((function(e,t){var n=s.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==m.display||W?rt():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n={context:{value:e,index:t}},l=Le(e),r=f({key:t,className:re("removeTokenIcon"),onClick:function(t){return nt(t,e)}},le("removeTokenIcon",n)),o=!m.disabled&&(m.removeIcon?s.IconUtils.getJSXIcon(m.removeIcon,Q({},r),{props:m}):O.createElement(a.TimesCircleIcon,r)),i=f({className:re("token")},le("token",n)),c=f({key:l+t,className:re("tokenLabel")},le("tokenLabel",n));return O.createElement("div",I({},i,{key:l}),O.createElement("span",c,l),o)})),it=f({ref:B,className:re("labelContainer")},le("labelContainer")),at=f({className:re("label",{empty:W})},le("label")),O.createElement("div",it,O.createElement("div",at,ot||m.placeholder||"empty"))),yt=!m.inline&&function(){var e=f({className:re("clearIcon"),onClick:function(e){return Ee(e,[],[])}},le("clearIcon")),t=s.IconUtils.getJSXIcon(m.clearIcon||O.createElement(i.TimesIcon,e),Q({},e),{props:m});return W||!m.showClear||m.disabled?null:t}(),gt=f(Q(Q({ref:q,id:m.id,style:Q(Q({},m.style),oe("root")),className:s.classNames(m.className,re("root",{focusedState:L,overlayVisibleState:R}))},st),{},{onClick:function(e){m.inline||m.disabled||m.loading||Pe(e)||"removetokenicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")||Ne(e)||(R?we():je(),s.DomHandler.focus(_.current),e.preventDefault()),E(!0)}}),H.getOtherProps(m),le("root")),Ot=f({className:"p-hidden-accessible","data-p-hidden-accessible":!0},le("hiddenInputWrapper")),xt=f(Q({ref:_,id:m.inputId,name:m.name,type:"text",onFocus:function(e){A(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){A(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(m.inline)break;ve(e);break;case"ArrowDown":if(m.inline)break;be(e);break;case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;he(e);break;case"Home":if(m.inline)break;ye(e),e.preventDefault();break;case"End":if(m.inline)break;ge(e),e.preventDefault();break;case"PageDown":xe(e);break;case"PageUp":Oe(e);break;case"Escape":if(m.inline)break;we();break;case"Tab":Ie(e);break;case"ShiftLeft":case"ShiftRight":D(v);break;default:if("KeyA"===e.code&&t){var n=ct.filter((function(e){return Xe(e)})).map((function(e){return Te(e)}));Ee(e,n,n),e.preventDefault();break}!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&(!R&&je(),et(e),e.preventDefault())}E(!1)},role:"combobox","aria-expanded":R,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex},pt),le("input"));return O.createElement(O.Fragment,null,O.createElement("div",gt,O.createElement("div",Ot,O.createElement("input",I({},xt,{readOnly:!0}))),!m.inline&&O.createElement(O.Fragment,null,ht,yt,vt),O.createElement(Y,I({hostName:"MultiSelect",ref:z,visibleOptions:ct},m,{onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:q.current})},onOverlayHide:we,filterValue:k,focusedOptionIndex:v,onFirstHiddenFocus:function(e){var t=e.relatedTarget===_.current?s.DomHandler.getFirstFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):_.current;s.DomHandler.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===_.current?s.DomHandler.getLastFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):_.current;s.DomHandler.focus(t)},firstHiddenFocusableElementOnOverlay:J,lastHiddenFocusableElementOnOverlay:X,setFocusedOptionIndex:h,hasFilter:Z,isValidOption:Xe,getOptionValue:Te,updateModel:Ee,onFilterInputChange:function(e){var t=e.query;w(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:Se,onCloseClick:function(e){we(),s.DomHandler.focus(_.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ct){var n=ct.filter((function(e){return Re(e)&&Ue(e)}));t=n.map((function(e){return Te(e)}))}}else if(ct){var l=ct.filter((function(e){return!Re(e)||Ue(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(F(t),F(He(e).filter((function(e){return!Re(e)})).map((function(e){return Te(e)}))))}))):t=l.map((function(e){return Te(e)}))}Ee(e.originalEvent,t,t)}},getOptionLabel:Me,getOptionRenderKey:function(e){return m.dataKey?s.ObjectUtils.resolveFieldData(e,m.dataKey):Me(e)},isOptionDisabled:Re,getOptionGroupChildren:He,getOptionGroupLabel:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:Ue,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==Fe(m.value,He(t))}));return-1!==t?{group:e,option:t}:-1}return Fe(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(s.ObjectUtils.isEmpty(ct))return!1;var e=ct.filter((function(e){return!Re(e)}));if(m.optionGroupLabel){var t,n=!0,l=ee(e);try{for(l.s();!(t=l.n()).done;){!0===He(t.value).filter((function(e){return!Re(e)})).some((function(e){return!Ue(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!Ue(e)}))},onOptionSelect:me,allowOptionSelect:function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},in:R,onEnter:function(e){s.ZIndexUtils.set("overlay",z.current,d&&d.autoZIndex||x.default.autoZIndex,d&&d.zIndex.overlay||x.default.zIndex.overlay),s.DomHandler.addStyles(z.current,{position:"absolute",top:"0",left:"0"}),Ce(),ke(),e&&e()},onEntered:function(e){e&&e(),ce(),m.onShow&&m.onShow()},onExit:function(){ue()},onExited:function(){m.filter&&m.resetFilterOnHide&&Se(),s.ZIndexUtils.clear(z.current),m.onHide&&m.onHide()},ptm:le,cx:re,sx:oe,isUnstyled:ie,metaData:te,changeFocusedOptionIndex:tt}))),ut&&O.createElement(u.Tooltip,I({target:q,content:m.tooltip,pt:le("tooltip")},m.tooltipOptions)))})));le.displayName="MultiSelect",exports.MultiSelect=le;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),i=require("primereact/icons/spinner"),o=require("primereact/icons/times"),a=require("primereact/icons/timescircle"),c=require("primereact/overlayservice"),u=require("primereact/tooltip"),s=require("primereact/utils"),p=require("primereact/csstransition"),f=require("primereact/portal"),d=require("primereact/virtualscroller"),m=require("primereact/icons/check"),b=require("primereact/icons/search"),v=require("primereact/inputtext"),h=require("primereact/ripple");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=g(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function E(e){return E="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},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return w(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function P(){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 F(e){return C(e)||N(e)||D(e)||P()}function U(e){throw new TypeError('"'+e+'" is read-only')}function L(e){if(Array.isArray(e))return e}function A(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,i,o,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=i.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw r}}return a}}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 T(e,t){return L(e)||A(e,t)||D(e,t)||M()}var H=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,selectOnFocus:!1,focusOnHover:!0,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,variant:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context,l=e.focusedState,r=e.overlayVisibleState;return s.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":l,"p-inputwrapper-filled":s.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":l||r})},label:function(e){var t=e.props,n=e.empty;return s.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return s.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return s.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-multiselect {\n        display: inline-flex;\n        user-select: none;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label  {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel {\n        border: none;\n        position: initial;\n        background: none;\n        box-shadow: none;\n    }\n    \n    .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n        padding: 0;\n    }\n    \n    .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-multiselect-select-all-label {\n        margin-left: 0.5rem;\n    }\n    \n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-multiselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        right: 3rem;\n    }\n    \n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return s.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var G=O.memo(O.forwardRef((function(e,r){var i=l.useMergeProps(),o=O.useContext(t.PrimeReactContext),a=R.getProps(e,o),c=R.setMetaData({props:a,context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),p=c.ptm,f=c.cx;n.useHandleStyle(R.css.styles,c.isUnstyled,{name:"checkbox"});var d=O.useRef(null),b=O.useRef(a.inputRef),v=function(){return a.checked===a.trueValue},h=function(e){if(!a.disabled&&!a.readonly&&a.onChange){var t,n=v()?a.falseValue:a.trueValue;if(null==a||null===(t=a.onChange)||void 0===t||t.call(a,{originalEvent:e,value:a.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:n}}),e.defaultPrevented)return;s.DomHandler.focus(b.current)}};O.useImperativeHandle(r,(function(){return{props:a,focus:function(){return s.DomHandler.focus(b.current)},getElement:function(){return d.current},getInput:function(){return b.current}}})),O.useEffect((function(){s.ObjectUtils.combinedRefs(b,a.inputRef)}),[b,a.inputRef]),l.useUpdateEffect((function(){b.current.checked=v()}),[a.checked,a.trueValue]),l.useMountEffect((function(){a.autoFocus&&s.DomHandler.focus(b.current,a.autoFocus)}));var y,g,x,E,S,k=v(),j=s.ObjectUtils.isNotEmpty(a.tooltip),w=R.getOtherProps(a),C=i({id:a.id,className:s.classNames(a.className,f("root",{checked:k,context:o})),style:a.style,"data-p-highlight":k,"data-p-disabled":a.disabled,onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},w,p("root"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:d},C),(E=s.ObjectUtils.reduceKeys(w,s.DomHandler.ARIA_PROPS),S=i(q({id:a.inputId,type:"checkbox",className:f("input"),name:a.name,tabIndex:a.tabIndex,onFocus:function(e){var t;null==a||null===(t=a.onFocus)||void 0===t||t.call(a)},onBlur:function(e){var t;null==a||null===(t=a.onBlur)||void 0===t||t.call(a)},onChange:function(e){return h(e)},disabled:a.disabled,readOnly:a.readOnly,required:a.required,"aria-invalid":a.invalid,checked:k},E),p("input")),O.createElement("input",I({ref:b},S))),(y=i({className:f("icon")},p("icon")),g=i({className:f("box",{checked:k}),"data-p-highlight":k,"data-p-disabled":a.disabled},p("box")),x=s.IconUtils.getJSXIcon(k?a.icon||O.createElement(m.CheckIcon,y):null,q({},y),{props:a,checked:k}),O.createElement("div",g,x))),j&&O.createElement(u.Tooltip,I({target:d,content:a.tooltip,pt:p("tooltip")},a.tooltipOptions)))})));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}G.displayName="Checkbox";var X=O.memo((function(e){var n=l.useMergeProps(),r=e.ptm,i=e.cx,a=e.isUnstyled,c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},u=function(t,n){return r(t,J({hostName:e.hostName},n))},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},f=function(t){if(e.onSelectAll)e.onSelectAll({originalEvent:t,checked:e.selectAll});else{var n=e.isAllSelected()?[]:e.visibleOptions.filter((function(t){return e.isValidOption(t)})).map((function(t){return e.getOptionValue(t)}));e.updateModel(t,n,n)}},d=function(){var t=n({className:i("filterIcon")},u("filterIcon")),l=s.IconUtils.getJSXIcon(e.filterIcon||O.createElement(b.SearchIcon,t),J({},t),{props:e});if(e.filter){var o=n({className:i("filterContainer")},u("filterContainer")),a=O.createElement("div",o,O.createElement(v.InputText,{ref:e.filterRef,type:"text",role:"searchbox",value:e.filterValue,onChange:p,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:r("filterInput"),__parentMetadata:{parent:e.metaData}}),l);if(e.filterTemplate)a=s.ObjectUtils.getJSXElement(e.filterTemplate,{className:o.className,element:a,filterOptions:c,onFilter:p,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,a)}return null}(),y=e.id?e.id+"_selectall":s.UniqueComponentId(),g=n({htmlFor:y,className:i("headerSelectAllLabel")},u("headerSelectAllLabel")),x=n({className:i("headerCheckboxIcon")},u("headerCheckboxIcon")),I=n({className:i("headerCheckboxContainer")},u("headerCheckboxContainer")),E=s.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(m.CheckIcon,x),J({},x),{selected:e.selected}),S=e.showSelectAll&&O.createElement("div",I,O.createElement(G,{id:y,checked:e.selectAll,onChange:f,role:"checkbox","aria-checked":e.selectAll,icon:E,pt:r("headerCheckbox"),unstyled:a()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),k=n({className:i("closeIcon"),"aria-hidden":!0},u("closeIcon")),j=s.IconUtils.getJSXIcon(e.closeIcon||O.createElement(o.TimesIcon,k),J({},k),{props:e}),w=n({className:i("header")},u("header")),C=n({type:"button",className:i("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},u("closeButton")),N=O.createElement("button",C,j,O.createElement(h.Ripple,null)),D=O.createElement("div",w,S,d,N);return e.template?s.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:S,checked:e.selectAll,onChange:f,filterElement:d,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:D,itemCheckboxIcon:E,props:e}):D}));function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}X.displayName="MultiSelectHeader";var z=O.memo((function(e){var t=T(O.useState(!1),2),n=t[0],r=t[1],i=O.useRef(null),o=l.useMergeProps(),a=e.ptm,c=e.cx,u=e.isUnstyled,p=function(t){return a(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedIndex:e.focusedIndex,index:e.index}})},f=o({className:c("checkboxIcon")},p("checkboxIcon")),d=e.selected?s.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(m.CheckIcon,f),B({},f),{selected:e.selected}):null,b=e.template?s.ObjectUtils.getJSXElement(e.template,e.option):e.label,v=e.disabled?-1:e.tabIndex,y=o({className:c("checkboxContainer")},p("checkboxContainer")),g=o({className:s.classNames(e.className,e.option.className,c("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick(t,e.option),t.preventDefault(),t.stopPropagation()},onFocus:function(e){var t;r(!0),null==i||null===(t=i.current)||void 0===t||t.getInput().focus()},onBlur:function(e){r(!1)},onMouseMove:function(t){return null==e?void 0:e.onMouseMove(t,e.index)},tabIndex:v,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},p("item"));return O.createElement("li",g,O.createElement("div",y,O.createElement(G,{ref:i,checked:e.selected,icon:d,pt:a("checkbox"),unstyled:u()})),O.createElement("span",null,b),O.createElement(h.Ripple,null))}));function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}z.displayName="MultiSelectItem";var Y=O.memo(O.forwardRef((function(e,n){var r=O.useRef(null),i=O.useRef(null),o=l.useMergeProps(),a=O.useContext(t.PrimeReactContext),c=e.ptm,u=e.cx,m=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,W({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(r.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return r.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&i.current&&s.DomHandler.focus(i.current,!1)}))},g=function(t){r.current&&r.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},x=function(){if(e.panelFooterTemplate){var t=s.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){var l;e.focusOnHover&&(null==e||null===(l=e.changeFocusedOptionIndex)||void 0===l||l.call(e,t,n))},S=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),i=l+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=o?null:e.tabIndex||0,s=e.isSelected(t);return O.createElement(z,{hostName:e.hostName,index:l,key:i,focusedOptionIndex:e.focusedOptionIndex,label:r,option:t,style:n,template:e.itemTemplate,selected:s,onClick:e.onOptionSelect,onMouseMove:E,tabIndex:a,disabled:o,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})}))},k=function(){var n=s.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=o({className:u("emptyMessage")},v("emptyMessage"));return O.createElement("li",l,n)},j=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?s.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=S(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),f=o({className:u("itemGroup"),style:m("itemGroup",{scrollerOptions:l})},v("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",f,i),a)}var d=e.getOptionLabel(t),h=n+"_"+e.getOptionRenderKey(t),y=e.isOptionDisabled(t),g=y?null:e.tabIndex||0,x=e.isSelected(t);return O.createElement(z,{hostName:e.hostName,key:h,focusedOptionIndex:e.focusedOptionIndex,label:d,option:t,style:r,index:n,template:e.itemTemplate,selected:x,onClick:e.onOptionSelect,onMouseMove:E,tabIndex:g,disabled:y,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})},w=function(){if(e.virtualScrollerOptions){var n=W(W({},e.virtualScrollerOptions),{style:W(W({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:s.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(W(W({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:k(),l=o({ref:t.contentRef,style:t.style,className:s.classNames(t.className,u("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("ul",l,n)}});return O.createElement(d.VirtualScroller,I({ref:r},n,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var l,i,a=s.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?k():(l=s.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),i=o({className:u("emptyMessage")},v("emptyMessage")),O.createElement("li",i,l)),p=o({className:u("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),f=o({className:u("list"),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("div",p,O.createElement("ul",f,a))},C=function(){var t=e.allowOptionSelect(),l=O.createElement(X,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:i,filterValue:e.filterValue,filterTemplate:e.filterTemplate,visibleOptions:e.visibleOptions,isValidOption:e.isValidOption,getOptionValue:e.getOptionValue,updateModel:e.updateModel,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:c,cx:u,isUnstyled:b,metaData:e.metaData}),r=w(),f=x(),d=o({className:s.classNames(e.panelClassName,u("panel",{panelProps:e,context:a,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return O.createElement("div",I({ref:n},d),r,f);var m=o({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition")),E=o({ref:e.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenFirstFocusableEl")),S=o({ref:e.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenLastFocusableEl"));return O.createElement(p.CSSTransition,I({nodeRef:n},m),O.createElement("div",I({ref:n},d),O.createElement("span",E),l,r,f,O.createElement("span",S)))}();return e.inline?C:O.createElement(f.Portal,{element:C,appendTo:e.appendTo})})));function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ee(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=te(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}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 i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function te(e,t){if(e){if("string"==typeof e)return ne(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)?ne(e,t):void 0}}function ne(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}Y.displayName="MultiSelectPanel";var le=O.memo(O.forwardRef((function(e,p){var f=l.useMergeProps(),d=O.useContext(t.PrimeReactContext),m=H.getProps(e,d),b=T(O.useState(null),2),v=b[0],h=b[1],y=T(O.useState(!1),2),g=y[0],E=y[1],S=T(O.useState(""),2),k=S[0],w=S[1],C=T(O.useState(-1),2),N=C[0],D=C[1],P=T(O.useState(!1),2),L=P[0],A=P[1],M=T(O.useState(m.inline),2),R=M[0],V=M[1],q=O.useRef(null),G=O.useRef(null),K=O.useRef(null),J=O.useRef(null),X=O.useRef(null),_=O.useRef(m.inputRef),B=O.useRef(null),z=O.useRef(null),Z=k&&k.trim().length>0,W=s.ObjectUtils.isEmpty(m.value),$=m.optionValue?null:m.dataKey,te={props:m,state:{filterState:k,focused:L,overlayVisible:R}},ne=H.setMetaData(te),le=ne.ptm,re=ne.cx,ie=ne.sx,oe=ne.isUnstyled;n.useHandleStyle(H.css.styles,oe,{name:"multiselect"});var ae=T(l.useOverlayListener({target:q,overlay:z,listener:function(e,t){t.valid&&("outside"===t.type?!Ne(e)&&!De(e)&&we():we())},when:R}),2),ce=ae[0],ue=ae[1],se=function(e){var t=Ge()&&e<ct.length-1?ct.slice(e+1).findIndex((function(e){return _e(e)})):-1;return t>-1?t+e+1:-1},pe=function(e){var t=Ge()&&e>0?s.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return _e(e)})):-1;return t>-1?t:-1},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Ge()&&(n=t?-1===(n=pe(e))?se(e):n:-1===(n=se(e))?pe(e):n),n>-1?n:e},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=fe(n,!0)),-1===n&&(n=fe(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),i=ct.slice(l,r+1).filter((function(e){return Xe(e)})).map((function(e){return Te(e)}));Ee(e,i,i)}},me=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!m.disabled&&!Re(t)){var l=null;l=Ue(t)?m.value.filter((function(e){return!s.ObjectUtils.equals(e,Te(t),$)})):[].concat(F(m.value||[]),[Te(t)]),Ee(e,l,t),-1!==n&&h(n)}},be=function(e){if(R){var t=-1!==v?$e(v):g?We():ze();e.shiftKey&&de(e,N,t),tt(e,t)}else je(),m.editable&&tt(e,Be());e.preventDefault()},ve=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==v&&me(e,ct[v]),R&&we(),e.preventDefault();else{var t=-1!==v?Qe(v):g?Ye():Ze();tt(e,t),!R&&je(),e.preventDefault()}},he=function(e){R?-1!==v&&(e.shiftKey?de(e,v):me(e,ct[v])):(h(-1),be(e)),e.preventDefault()},ye=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),h(-1)}else{var n=e.metaKey||e.ctrlKey,l=We();e.shiftKey&&n&&de(e,l,N),tt(e,l),!R&&je()}e.preventDefault()},ge=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),U("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=Ye();e.shiftKey&&l&&de(e,N,r),tt(e,r),!R&&je()}e.preventDefault()},Oe=function(e){e.preventDefault()},xe=function(e){e.preventDefault()},Ie=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(R&&Ke()?(s.DomHandler.focus(e.shiftKey?X.current:J.current),e.preventDefault()):(-1!==v&&me(e,ct[v]),R&&we(filter)))},Ee=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},Se=function(){w(""),m.onFilter&&m.onFilter({filter:""})},ke=function(e){var t;R&&((t=e?e.currentTarget:s.DomHandler.findSingle(z.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}))},je=function(){V(!0),h(-1!==v?v:m.autoOptionFocus?ze():Be()),s.DomHandler.focus(_.current)},we=function(){h(-1),V(!1),E(!1)},Ce=function(){s.DomHandler.alignOverlay(z.current,B.current.parentElement,m.appendTo||d&&d.appendTo||x.default.appendTo)},Ne=function(e){return"clearicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")},De=function(e){return"headercheckboxcontainer"===s.DomHandler.getAttribute(e.target,"data-pc-section")},Pe=function(e){return z.current&&z.current.contains(e.target)},Fe=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.ObjectUtils.equals(e,Te(t),$)}))}))},Ue=function(e){if(m.value){var t=Te(e),n=Ve(e);return m.value.some((function(e){return s.ObjectUtils.equals(n?e:Te(e),t,$)}))}return!1},Le=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=ee(m.options);try{for(l.s();!(n=l.n()).done;){if(t=Ae(e,He(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ae(e,m.options),s.ObjectUtils.isEmpty(t)&&(t=Ae(e,m.value));return t?Me(t):null},Ae=function(e,t){return t.find((function(t){return s.ObjectUtils.equals(Te(t),e,$)}))},Me=function(e){return m.optionLabel?s.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},Te=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=s.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},He=function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Re=function(e){return m.optionDisabled?s.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):s.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ve=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},qe=function(e){return m.optionGroupLabel&&e.optionGroup&&e.group},Ge=function(){return s.ObjectUtils.isNotEmpty(m.value)},Ke=function(){return s.DomHandler.getFocusableElements(z.current,':not([data-p-hidden-focusable="true"])').length>0},Je=function(e){var t;return Xe(e)&&(null===(t=Me(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(G.current.toLocaleLowerCase(m.filterLocale)))},Xe=function(e){return s.ObjectUtils.isNotEmpty(e)&&!(Re(e)||qe(e))},_e=function(e){return Xe(e)&&Ue(e)},Be=function(){if(Ge())for(var e,t=function(){var e=m.value[n],t=ct.findIndex((function(t){return _e(t)&&(n=e,l=Te(t),s.ObjectUtils.equals(n,l,$));var n,l}));if(t>-1)return{v:t}},n=m.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},ze=function(){var e=Be();return e<0?We():e},Ze=function(){var e=Be();return e<0?Ye():e},We=function(){return ct.findIndex((function(e){return Xe(e)}))},Ye=function(){return s.ObjectUtils.findLastIndex(ct,(function(e){return Xe(e)}))},$e=function(e){var t=e<ct.length-1?ct.slice(e+1).findIndex((function(e){return Xe(e)})):-1;return t>-1?t+e+1:e},Qe=function(e){var t=e>0?s.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return Xe(e)})):-1;return t>-1?t:e},et=function(e){G.current=(G.current||"")+e.key;var t=-1;s.ObjectUtils.isNotEmpty(G.current)&&(-1===(t=-1!==v?-1===(t=ct.slice(v).findIndex((function(e){return Je(e)})))?ct.slice(0,v).findIndex((function(e){return Je(e)})):t+v:ct.findIndex((function(e){return Je(e)})))&&-1===v&&(t=ze()),-1!==t&&tt(e,t)),K.current&&clearTimeout(K.current),K.current=setTimeout((function(){G.current="",K.current=null}),500)},tt=function(e,t){v!==t&&(h(t),ke(e),m.selectOnFocus&&me(e,ct[t],!1))},nt=function(e,t){var n=m.value.filter((function(e){return!s.ObjectUtils.equals(e,t,$)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Ee(e,n,t)},lt=function(){var e=/{(.*?)}/,n=m.selectedItemsLabel||t.localeOption("selectionMessage");return e.test(n)?n.replace(n.match(e)[0],m.value.length+""):n},rt=function(){if(!W&&!m.fixedPlaceholder)return s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():s.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Le(t)}),""):""};O.useImperativeHandle(p,(function(){return{props:m,show:je,hide:we,focus:function(){return s.DomHandler.focus(_.current)},getElement:function(){return q.current},getOverlay:function(){return z.current},getInput:function(){return _.current}}})),l.useMountEffect((function(){Ce()})),O.useEffect((function(){s.ObjectUtils.combinedRefs(_,m.inputRef)}),[_,m.inputRef]),O.useEffect((function(){setTimeout((function(){m.overlayVisible?je():we()}),100)}),[m.overlayVisible]),l.useUpdateEffect((function(){R&&k&&Z&&Ce()}),[R,k,Z]),l.useUnmountEffect((function(){s.ZIndexUtils.clear(z.current)}));var it,ot,at,ct=function(){if(Z){var e=k.trim().toLocaleLowerCase(m.filterLocale),n=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],i=ee(m.options);try{for(i.s();!(l=i.n()).done;){var o=l.value,a=t.FilterService.filter(He(o),n,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push(Q(Q({},o),j({},m.optionGroupChildren,a)))}}catch(e){i.e(e)}finally{i.f()}return r}return t.FilterService.filter(m.options,n,e,m.filterMatchMode,m.filterLocale)}return m.options}(),ut=s.ObjectUtils.isNotEmpty(m.tooltip),st=H.getOtherProps(m),pt=s.ObjectUtils.reduceKeys(st,s.DomHandler.ARIA_PROPS),ft=f({className:re("triggerIcon")},le("triggerIcon")),dt=f({className:re("trigger")},le("trigger")),mt=m.loadingIcon?s.IconUtils.getJSXIcon(m.loadingIcon,Q({},ft),{props:m}):O.createElement(i.SpinnerIcon,I({spin:!0},ft)),bt=m.dropdownIcon?s.IconUtils.getJSXIcon(m.dropdownIcon,Q({},ft),{props:m}):O.createElement(r.ChevronDownIcon,ft),vt=O.createElement("div",dt,m.loading?mt:bt),ht=!m.inline&&(it=m.selectedItemTemplate?W?s.ObjectUtils.getJSXElement(m.selectedItemTemplate):s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():m.value.map((function(e,t){var n=s.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==m.display||W?rt():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n={context:{value:e,index:t}},l=Le(e),r=f({key:t,className:re("removeTokenIcon"),onClick:function(t){return nt(t,e)}},le("removeTokenIcon",n)),i=!m.disabled&&(m.removeIcon?s.IconUtils.getJSXIcon(m.removeIcon,Q({},r),{props:m}):O.createElement(a.TimesCircleIcon,r)),o=f({className:re("token")},le("token",n)),c=f({key:l+t,className:re("tokenLabel")},le("tokenLabel",n));return O.createElement("div",I({},o,{key:l}),O.createElement("span",c,l),i)})),ot=f({ref:B,className:re("labelContainer")},le("labelContainer")),at=f({className:re("label",{empty:W})},le("label")),O.createElement("div",ot,O.createElement("div",at,it||m.placeholder||"empty"))),yt=!m.inline&&function(){var e=f({className:re("clearIcon"),onClick:function(e){return Ee(e,[],[])}},le("clearIcon")),t=s.IconUtils.getJSXIcon(m.clearIcon||O.createElement(o.TimesIcon,e),Q({},e),{props:m});return W||!m.showClear||m.disabled?null:t}(),gt=f(Q(Q({ref:q,id:m.id,style:Q(Q({},m.style),ie("root")),className:s.classNames(m.className,re("root",{focusedState:L,context:d,overlayVisibleState:R}))},st),{},{onClick:function(e){m.inline||m.disabled||m.loading||Pe(e)||"removetokenicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")||Ne(e)||(R?we():je(),s.DomHandler.focus(_.current),e.preventDefault()),E(!0)}}),H.getOtherProps(m),le("root")),Ot=f({className:"p-hidden-accessible","data-p-hidden-accessible":!0},le("hiddenInputWrapper")),xt=f(Q({ref:_,id:m.inputId,name:m.name,type:"text",onFocus:function(e){A(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){A(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(m.inline)break;ve(e);break;case"ArrowDown":if(m.inline)break;be(e);break;case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;he(e);break;case"Home":if(m.inline)break;ye(e),e.preventDefault();break;case"End":if(m.inline)break;ge(e),e.preventDefault();break;case"PageDown":xe(e);break;case"PageUp":Oe(e);break;case"Escape":if(m.inline)break;we();break;case"Tab":Ie(e);break;case"ShiftLeft":case"ShiftRight":D(v);break;default:if("KeyA"===e.code&&t){var n=ct.filter((function(e){return Xe(e)})).map((function(e){return Te(e)}));Ee(e,n,n),e.preventDefault();break}!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&(!R&&je(),et(e),e.preventDefault())}E(!1)},role:"combobox","aria-expanded":R,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex},pt),le("input"));return O.createElement(O.Fragment,null,O.createElement("div",gt,O.createElement("div",Ot,O.createElement("input",I({},xt,{readOnly:!0}))),!m.inline&&O.createElement(O.Fragment,null,ht,yt,vt),O.createElement(Y,I({hostName:"MultiSelect",ref:z,visibleOptions:ct},m,{onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:q.current})},onOverlayHide:we,filterValue:k,focusedOptionIndex:v,onFirstHiddenFocus:function(e){var t=e.relatedTarget===_.current?s.DomHandler.getFirstFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):_.current;s.DomHandler.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===_.current?s.DomHandler.getLastFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):_.current;s.DomHandler.focus(t)},firstHiddenFocusableElementOnOverlay:J,lastHiddenFocusableElementOnOverlay:X,setFocusedOptionIndex:h,hasFilter:Z,isValidOption:Xe,getOptionValue:Te,updateModel:Ee,onFilterInputChange:function(e){var t=e.query;w(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:Se,onCloseClick:function(e){we(),s.DomHandler.focus(_.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ct){var n=ct.filter((function(e){return Re(e)&&Ue(e)}));t=n.map((function(e){return Te(e)}))}}else if(ct){var l=ct.filter((function(e){return!Re(e)||Ue(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(F(t),F(He(e).filter((function(e){return!Re(e)})).map((function(e){return Te(e)}))))}))):t=l.map((function(e){return Te(e)}))}Ee(e.originalEvent,t,t)}},getOptionLabel:Me,getOptionRenderKey:function(e){return m.dataKey?s.ObjectUtils.resolveFieldData(e,m.dataKey):Me(e)},isOptionDisabled:Re,getOptionGroupChildren:He,getOptionGroupLabel:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:Ue,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==Fe(m.value,He(t))}));return-1!==t?{group:e,option:t}:-1}return Fe(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(s.ObjectUtils.isEmpty(ct))return!1;var e=ct.filter((function(e){return!Re(e)}));if(m.optionGroupLabel){var t,n=!0,l=ee(e);try{for(l.s();!(t=l.n()).done;){!0===He(t.value).filter((function(e){return!Re(e)})).some((function(e){return!Ue(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!Ue(e)}))},onOptionSelect:me,allowOptionSelect:function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},in:R,onEnter:function(e){s.ZIndexUtils.set("overlay",z.current,d&&d.autoZIndex||x.default.autoZIndex,d&&d.zIndex.overlay||x.default.zIndex.overlay),s.DomHandler.addStyles(z.current,{position:"absolute",top:"0",left:"0"}),Ce(),ke(),e&&e()},onEntered:function(e){e&&e(),ce(),m.onShow&&m.onShow()},onExit:function(){ue()},onExited:function(){m.filter&&m.resetFilterOnHide&&Se(),s.ZIndexUtils.clear(z.current),m.onHide&&m.onHide()},ptm:le,cx:re,sx:ie,isUnstyled:oe,metaData:te,changeFocusedOptionIndex:tt}))),ut&&O.createElement(u.Tooltip,I({target:q,content:m.tooltip,pt:le("tooltip")},m.tooltipOptions)))})));le.displayName="MultiSelect",exports.MultiSelect=le;

package/multiselect/multiselect.d.ts

@@ -625,6 +625,11 @@ export interface MultiSelectProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @defaultValue false
      */
     invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Uses to pass attributes to DOM elements inside the component.
      * @type {MultiSelectPassThroughOptions}