primereact 9.2.3 → 9.3.0

package/multiselect/multiselect.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, overlayservice, tooltip, utils, csstransition, portal, virtualscroller, inputtext, ripple) {
+this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, overlayservice, tooltip, utils, csstransition, portal, virtualscroller, check, inputtext, ripple, times, search, timescircle, chevrondown) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -158,10 +158,12 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       appendTo: null,
       ariaLabelledBy: null,
       className: null,
+      closeIcon: null,
+      checkboxIcon: null,
       dataKey: null,
       disabled: false,
       display: 'comma',
-      dropdownIcon: 'pi pi-chevron-down',
+      dropdownIcon: null,
       emptyFilterMessage: null,
       filter: false,
       filterBy: null,
@@ -172,6 +174,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       fixedPlaceholder: false,
       flex: false,
       id: null,
+      itemCheckboxIcon: null,
       inline: false,
       inputId: null,
       inputRef: null,
@@ -199,7 +202,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       panelHeaderTemplate: null,
       panelStyle: null,
       placeholder: null,
-      removeIcon: 'pi pi-times-circle',
+      removeIcon: null,
       resetFilterOnHide: false,
       scrollHeight: '200px',
       selectAll: false,
@@ -243,7 +246,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       required: false,
       readOnly: false,
       tabIndex: null,
-      icon: 'pi pi-check',
+      icon: null,
       tooltip: null,
       tooltipOptions: null,
       onChange: null,
@@ -270,7 +273,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
     var onClick = function onClick(event) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
-        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
         var isInputToggled = event.target === inputRef.current;
         var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
         if (isInputToggled || isCheckboxToggled) {
@@ -343,8 +346,12 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       'p-disabled': props.disabled,
       'p-focus': focusedState
     });
-    var icon = utils.IconUtils.getJSXIcon(checked ? props.icon : '', {
-      className: 'p-checkbox-icon p-c'
+    var iconClassName = 'p-checkbox-icon p-c';
+    var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+      className: iconClassName
+    }) : null;
+    var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
     }, {
       props: props,
       checked: checked
@@ -375,13 +382,15 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       required: props.required
     }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
       className: boxClass
-    }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions)));
   }));
   Checkbox.displayName = 'Checkbox';
 
+  function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     var filterOptions = {
       filter: function filter(e) {
@@ -409,6 +418,15 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       event.preventDefault();
     };
     var createFilterElement = function createFilterElement() {
+      var filterIconClassName = 'p-multiselect-filter-icon';
+      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+        className: filterIconClassName
+      });
+      var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: filterIconClassName
+      }, {
+        props: props
+      });
       if (props.filter) {
         var containerClassName = utils.classNames('p-multiselect-filter-container');
         var content = /*#__PURE__*/React__namespace.createElement("div", {
@@ -421,16 +439,14 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           onChange: onFilter,
           className: "p-multiselect-filter",
           placeholder: props.filterPlaceholder
-        }), /*#__PURE__*/React__namespace.createElement("span", {
-          className: "p-multiselect-filter-icon pi pi-search"
-        }));
+        }), filterIcon);
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: containerClassName,
             element: content,
             filterOptions: filterOptions,
             onFilter: onFilter,
-            filterIconClassName: 'p-multeselect-filter-icon pi pi-search',
+            filterIconClassName: filterIconClassName,
             props: props
           };
           content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
@@ -440,21 +456,36 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       return null;
     };
     var filterElement = createFilterElement();
+    var checkboxIconClassName = 'p-checkbox-icon p-c';
+    var checkedIcon = props.itemCheckboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+      className: checkboxIconClassName
+    });
+    var itemCheckboxIcon = utils.IconUtils.getJSXIcon(checkedIcon, {
+      className: checkboxIconClassName
+    }, {
+      selected: props.selected
+    });
     var checkboxElement = props.showSelectAll && /*#__PURE__*/React__namespace.createElement(Checkbox, {
       checked: props.selectAll,
       onChange: onSelectAll,
       role: "checkbox",
-      "aria-checked": props.selectAll
+      "aria-checked": props.selectAll,
+      icon: itemCheckboxIcon
+    });
+    var iconProps = {
+      className: 'p-multiselect-close-icon',
+      'aria-hidden': true
+    };
+    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
+    var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, iconProps), {
+      props: props
     });
     var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: "p-multiselect-close p-link",
       "aria-label": PrimeReact.localeOption('close'),
       onClick: props.onClose
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-multiselect-close-icon pi pi-times",
-      "aria-hidden": "true"
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     var element = /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-multiselect-header"
     }, checkboxElement, filterElement, closeElement);
@@ -467,9 +498,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
         filterElement: filterElement,
         closeElement: closeElement,
         closeElementClassName: 'p-multiselect-close p-link',
-        closeIconClassName: 'p-multiselect-close-icon pi pi-times',
+        closeIconClassName: 'p-multiselect-close-icon',
         onCloseClick: props.onClose,
         element: element,
+        itemCheckboxIcon: itemCheckboxIcon,
         props: props
       };
       return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
@@ -503,8 +535,14 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
     var checkboxClassName = utils.classNames('p-checkbox-box', {
       'p-highlight': props.selected
     });
-    var checkboxIcon = utils.classNames('p-checkbox-icon p-c', {
-      'pi pi-check': props.selected
+    var checkboxIconClassName = 'p-checkbox-icon p-c';
+    var icon = props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+      className: checkboxIconClassName
+    });
+    var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: checkboxIconClassName
+    }, {
+      selected: props.selected
     });
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
     var tabIndex = props.disabled ? null : props.tabIndex || 0;
@@ -520,9 +558,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       className: "p-checkbox p-component"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: checkboxClassName
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: checkboxIcon
-    }))), /*#__PURE__*/React__namespace.createElement("span", null, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, checkboxIcon)), /*#__PURE__*/React__namespace.createElement("span", null, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
   MultiSelectItem.displayName = 'MultiSelectItem';
 
@@ -572,7 +608,10 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
         selectAll: props.isAllSelected(),
         onSelectAll: props.onSelectAll,
         template: props.panelHeaderTemplate,
-        resetFilter: props.resetFilter
+        resetFilter: props.resetFilter,
+        closeIcon: props.closeIcon,
+        filterIcon: props.filterIcon,
+        itemCheckboxIcon: props.itemCheckboxIcon
       });
     };
     var createFooter = function createFooter() {
@@ -603,7 +642,8 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           onKeyDown: props.onOptionKeyDown,
           tabIndex: tabIndex,
           disabled: disabled,
-          className: props.itemClassName
+          className: props.itemClassName,
+          checkboxIcon: props.checkboxIcon
         });
       });
     };
@@ -645,7 +685,8 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           onKeyDown: props.onOptionKeyDown,
           tabIndex: tabIndex,
           disabled: disabled,
-          className: props.itemClassName
+          className: props.itemClassName,
+          checkboxIcon: props.checkboxIcon
         });
       }
     };
@@ -1208,14 +1249,19 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
           var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
           return value.map(function (val) {
             var label = getLabelByValue(val);
-            var icon = !props.disabled && utils.IconUtils.getJSXIcon(props.removeIcon, {
+            var icon = !props.disabled && (props.removeIcon ? utils.IconUtils.getJSXIcon(props.removeIcon, {
               className: 'p-multiselect-token-icon',
               onClick: function onClick(e) {
                 return removeChip(e, val);
               }
             }, {
               props: props
-            });
+            }) : /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, {
+              className: "p-multiselect-token-icon",
+              onClick: function onClick(e) {
+                return removeChip(e, val);
+              }
+            }));
             return /*#__PURE__*/React__namespace.createElement("div", {
               className: "p-multiselect-token",
               key: label
@@ -1292,13 +1338,22 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     var createClearIcon = function createClearIcon() {
+      var iconClassName = 'p-multiselect-clear-icon';
+      var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+        className: iconClassName
+      });
+      var clearIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
       if (!empty && props.showClear && !props.disabled) {
         return /*#__PURE__*/React__namespace.createElement("i", {
-          className: "p-multiselect-clear-icon pi pi-times",
+          className: iconClassName,
           onClick: function onClick(e) {
             return updateModel(e, null);
           }
-        });
+        }, clearIcon);
       }
       return null;
     };
@@ -1328,6 +1383,16 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
       'p-inputwrapper-focus': focusedState || overlayVisibleState
     }, props.className);
+    var dropdownIconClass = 'p-multiselect-trigger-icon p-c';
+    var dropdownIcon = /*#__PURE__*/React__namespace.createElement("div", {
+      className: "p-multiselect-trigger"
+    }, props.dropdownIcon ? utils.IconUtils.getJSXIcon(props.dropdownIcon, {
+      className: dropdownIconClass
+    }, {
+      props: props
+    }) : /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+      className: dropdownIconClass
+    }));
     var label = !props.inline && createLabel();
     var clearIcon = !props.inline && createClearIcon();
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -1352,13 +1417,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
       "aria-expanded": overlayVisibleState,
       disabled: props.disabled,
       tabIndex: props.tabIndex
-    }, ariaProps))), !props.inline && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-multiselect-trigger"
-    }, utils.IconUtils.getJSXIcon(props.dropdownIcon, {
-      className: 'p-multiselect-trigger-icon p-c'
-    }, {
-      props: props
-    }))), /*#__PURE__*/React__namespace.createElement(MultiSelectPanel, _extends({
+    }, ariaProps))), !props.inline && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, label, clearIcon, dropdownIcon), /*#__PURE__*/React__namespace.createElement(MultiSelectPanel, _extends({
       ref: overlayRef,
       visibleOptions: visibleOptions
     }, props, {
@@ -1400,4 +1459,4 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, over
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.virtualscroller, primereact.inputtext, primereact.ripple);
+})({}, React, primereact.api, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.virtualscroller, primereact.icons/check, primereact.inputtext, primereact.ripple, primereact.icons/times, primereact.icons/search, primereact.icons/timescircle, primereact.icons/chevrondown);

package/multiselect/multiselect.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,i,o,a,c,u,s,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(t),b=f(n);function v(){return v=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},v.apply(this,arguments)}function y(e){return y="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},y(e)}function h(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==y(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=h(e,"string");return"symbol"===y(t)?t:String(t)}function O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(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 S(e){if(Array.isArray(e))return E(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function k(){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 N(e){return S(e)||j(e)||x(e)||k()}function w(e){if(Array.isArray(e))return e}function D(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 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 C(e,t){return w(e)||D(e,t)||x(e,t)||I()}var P={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:"pi pi-chevron-down",emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide: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:"pi pi-times-circle",resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,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},getProps:function(e){return o.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,P.defaultProps)}},F={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,F.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,F.defaultProps)}},U=d.memo(d.forwardRef((function(e,t){var n=F.getProps(e),r=C(d.useState(!1),2),a=r[0],c=r[1],u=d.useRef(null),s=d.useRef(n.inputRef),p=function(e){if(!n.disabled&&!n.readOnly&&n.onChange){var t=f(),l=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===s.current||l&&e.target.checked!==t){var r=t?n.falseValue:n.trueValue;n.onChange({originalEvent:e,value:n.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:n.name,id:n.id,value:n.value,checked:r}})}o.DomHandler.focus(s.current),e.preventDefault()}},f=function(){return n.checked===n.trueValue};d.useImperativeHandle(t,(function(){return{props:n,focus:function(){return o.DomHandler.focus(s.current)},getElement:function(){return u.current},getInput:function(){return s.current}}})),d.useEffect((function(){o.ObjectUtils.combinedRefs(s,n.inputRef)}),[s,n.inputRef]),l.useUpdateEffect((function(){s.current.checked=f()}),[n.checked,n.trueValue]);var m=f(),b=o.ObjectUtils.isNotEmpty(n.tooltip),y=F.getOtherProps(n),h=o.ObjectUtils.reduceKeys(y,o.DomHandler.ARIA_PROPS),g=o.classNames("p-checkbox p-component",{"p-checkbox-checked":m,"p-checkbox-disabled":n.disabled,"p-checkbox-focused":a},n.className),O=o.classNames("p-checkbox-box",{"p-highlight":m,"p-disabled":n.disabled,"p-focus":a}),E=o.IconUtils.getJSXIcon(m?n.icon:"",{className:"p-checkbox-icon p-c"},{props:n,checked:m});return d.createElement(d.Fragment,null,d.createElement("div",v({ref:u,id:n.id,className:g,style:n.style},y,{onClick:p,onContextMenu:n.onContextMenu,onMouseDown:n.onMouseDown}),d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",v({ref:s,type:"checkbox",id:n.inputId,name:n.name,tabIndex:n.tabIndex,defaultChecked:m,onFocus:function(){c(!0)},onBlur:function(){c(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||p(e)},disabled:n.disabled,readOnly:n.readOnly,required:n.required},h))),d.createElement("div",{className:O},E)),b&&d.createElement(i.Tooltip,v({target:u,content:n.tooltip},n.tooltipOptions)))})));U.displayName="Checkbox";var L=d.memo((function(e){var t={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},i=function(){if(e.filter){var n=o.classNames("p-multiselect-filter-container"),r=d.createElement("div",{className:n},d.createElement(s.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),d.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"}));if(e.filterTemplate)r=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:r,filterOptions:t,onFilter:l,filterIconClassName:"p-multeselect-filter-icon pi pi-search",props:e});return d.createElement(d.Fragment,null,r)}return null}(),a=e.showSelectAll&&d.createElement(U,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll}),c=d.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n.localeOption("close"),onClick:e.onClose},d.createElement("span",{className:"p-multiselect-close-icon pi pi-times","aria-hidden":"true"}),d.createElement(p.Ripple,null)),u=d.createElement("div",{className:"p-multiselect-header"},a,i,c);return e.template?o.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:a,checked:e.selectAll,onChange:r,filterElement:i,closeElement:c,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:u,props:e}):u}));L.displayName="MultiSelectHeader";var T=d.memo((function(e){var t=o.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=o.classNames("p-checkbox-box",{"p-highlight":e.selected}),l=o.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},d.createElement("div",{className:"p-checkbox p-component"},d.createElement("div",{className:n},d.createElement("span",{className:l}))),d.createElement("span",null,r),d.createElement(p.Ripple,null))}));function A(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="MultiSelectItem";var H=d.memo(d.forwardRef((function(e,t){var l,r,i,s,p,f=d.useRef(null),m=d.useRef(null),y=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},h=function(){e.onEntered((function(){e.filter&&m.current&&o.DomHandler.focus(m.current,!1)}))},g=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},O=function(){if(e.panelFooterTemplate){var t=o.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return d.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=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,c=e.isSelected(t);return d.createElement(T,{key:i,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:o,className:e.itemClassName})}))},S=function(){var t=o.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage");return d.createElement("li",{className:"p-multiselect-empty-message"},t)},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?o.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=E(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:c},d.createElement("li",{className:"p-multiselect-item-group",style:r},i),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return d.createElement(T,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName})},x=function(){if(e.virtualScrollerOptions){var t=R(R({},e.virtualScrollerOptions),{style:R(R({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:o.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(R(R({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(t){var n=o.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return d.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},l)}});return d.createElement(u.VirtualScroller,v({ref:f},t))}var n=o.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?S():null;return d.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},d.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},k=(l=e.allowOptionSelect(),r=o.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===b.default.inputStyle,"p-ripple-disabled":!1===b.default.ripple},e.panelClassName),i=d.createElement(L,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter}),s=x(),p=O(),e.inline?d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},s,p):d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:y,onEntered:h,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},i,s,p)));return e.inline?k:d.createElement(c.Portal,{element:k,appendTo:e.appendTo})})));function M(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 V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=G(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 G(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(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}H.displayName="MultiSelectPanel";var J=d.memo(d.forwardRef((function(e,t){var a=P.getProps(e),c=C(d.useState(""),2),u=c[0],s=c[1],p=C(d.useState(!1),2),f=p[0],m=p[1],y=C(d.useState(a.inline),2),h=y[0],g=y[1],E=d.useRef(null),S=d.useRef(a.inputRef),j=d.useRef(null),x=d.useRef(null),k=u&&u.trim().length>0,w=o.ObjectUtils.isEmpty(a.value),D=a.optionValue?null:a.dataKey,I=C(l.useOverlayListener({target:E,overlay:x,listener:function(e,t){t.valid&&("outside"===t.type?!q(e)&&J():J())},when:h}),2),F=I[0],U=I[1],L=function(){return!a.selectionLimit||!a.value||a.value&&a.value.length<a.selectionLimit},T=function(e){var t=e.originalEvent,n=e.option;if(!a.disabled&&!te(n)){var l=W(n),r=ne(n),i=Z(n),c=L();i?M(t,a.value.filter((function(e){return!o.ObjectUtils.equals(r?e:W(e),l,D)}))):c&&M(t,[].concat(N(a.value||[]),[l]))}},A=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},R=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||o.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},M=function(e,t){a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})},G=function(){s(""),a.onFilter&&a.onFilter({filter:""})},_=function(){g(!0)},J=function(){g(!1)},X=function(){o.DomHandler.alignOverlay(x.current,j.current.parentElement,a.appendTo||b.default.appendTo)},q=function(e){return o.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},B=function(e){return x.current&&x.current.contains(e.target)},z=function(e,t){return t.findIndex((function(t){return e.some((function(e){return o.ObjectUtils.equals(e,W(t),D)}))}))},Z=function(e){if(a.value){var t=W(e),n=ne(e);return a.value.some((function(e){return o.ObjectUtils.equals(n?e:W(e),t,D)}))}return!1},Y=function(e){var t;if(a.options)if(a.optionGroupLabel){var n,l=K(a.options);try{for(l.s();!(n=l.n()).done;){if(t=$(e,ee(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=$(e,a.options);return t?Q(t):null},$=function(e,t){return t.find((function(t){return o.ObjectUtils.equals(W(t),e,D)}))},Q=function(e){return a.optionLabel?o.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},W=function(e){if(a.useOptionAsValue)return e;if(a.optionValue){var t=o.ObjectUtils.resolveFieldData(e,a.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ee=function(e){return o.ObjectUtils.resolveFieldData(e,a.optionGroupChildren)},te=function(e){return a.optionDisabled?o.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ne=function(e){return!a.useOptionAsValue&&a.optionValue||e&&void 0!==e.value},le=function(e,t){var n=a.value.filter((function(e){return!o.ObjectUtils.equals(e,t,D)}));M(e,n)},re=function(){var e=/{(.*?)}/;return e.test(a.selectedItemsLabel)?a.selectedItemsLabel.replace(a.selectedItemsLabel.match(e)[0],a.value.length+""):a.selectedItemsLabel},ie=function(){if(!w&&!a.fixedPlaceholder)return o.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?re():a.value.reduce((function(e,t,n){return e+(0!==n?",":"")+Y(t)}),"")};d.useImperativeHandle(t,(function(){return{props:a,show:_,hide:J,focus:function(){return o.DomHandler.focus(S.current)},getElement:function(){return E.current},getOverlay:function(){return x.current},getInput:function(){return S.current}}})),d.useEffect((function(){o.ObjectUtils.combinedRefs(S,a.inputRef)}),[S,a.inputRef]),d.useEffect((function(){setTimeout((function(){a.overlayVisible?_():J()}),100)}),[a.overlayVisible]),l.useUpdateEffect((function(){h&&k&&X()}),[h,k]),l.useUnmountEffect((function(){o.ZIndexUtils.clear(x.current)}));var oe=function(){if(k){var e=u.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[a.optionLabel||"label"];if(a.optionGroupLabel){var l,r=[],i=K(a.options);try{for(i.s();!(l=i.n()).done;){var o=l.value,c=n.FilterService.filter(ee(o),t,e,a.filterMatchMode,a.filterLocale);c&&c.length&&r.push(V(V({},o),O({},a.optionGroupChildren,c)))}}catch(e){i.e(e)}finally{i.f()}return r}return n.FilterService.filter(a.options,t,e,a.filterMatchMode,a.filterLocale)}return a.options}(),ae=o.ObjectUtils.isNotEmpty(a.tooltip),ce=P.getOtherProps(a),ue=o.ObjectUtils.reduceKeys(ce,o.DomHandler.ARIA_PROPS),se=o.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===a.display,"p-disabled":a.disabled,"p-multiselect-clearable":a.showClear&&!a.disabled,"p-focus":f,"p-inputwrapper-filled":o.ObjectUtils.isNotEmpty(a.value),"p-inputwrapper-focus":f||h},a.className),pe=!a.inline&&function(){var e=a.selectedItemTemplate?w?o.ObjectUtils.getJSXElement(a.selectedItemTemplate):o.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?re():a.value.map((function(e,t){var n=o.ObjectUtils.getJSXElement(a.selectedItemTemplate,e);return d.createElement(d.Fragment,{key:t},n)})):"chip"!==a.display||w?ie():a.value.slice(0,a.maxSelectedLabels||a.value.length).map((function(e){var t=Y(e),n=!a.disabled&&o.IconUtils.getJSXIcon(a.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return le(t,e)}},{props:a});return d.createElement("div",{className:"p-multiselect-token",key:t},d.createElement("span",{className:"p-multiselect-token-label"},t),n)})),t=o.classNames("p-multiselect-label",{"p-placeholder":w&&a.placeholder,"p-multiselect-label-empty":w&&!a.placeholder&&!a.selectedItemTemplate,"p-multiselect-items-label":!w&&"chip"!==a.display&&a.value.length>a.maxSelectedLabels});return d.createElement("div",{ref:j,className:"p-multiselect-label-container"},d.createElement("div",{className:t},e||a.placeholder||"empty"))}(),fe=!a.inline&&(w||!a.showClear||a.disabled?null:d.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return M(e,null)}}));return d.createElement(d.Fragment,null,d.createElement("div",v({ref:E,id:a.id,style:a.style,className:se},ce,{onClick:function(e){a.inline||a.disabled||B(e)||o.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||q(e)||(h?J():_(),o.DomHandler.focus(S.current),e.preventDefault())}}),d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",v({ref:S,id:a.inputId,name:a.name,readOnly:!0,type:"text",onFocus:function(e){m(!0),a.onFocus&&a.onFocus(e)},onBlur:function(e){m(!1),a.onBlur&&a.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(a.inline)break;!h&&e.altKey&&(_(),e.preventDefault());break;case 32:if(a.inline)break;h?J():_(),e.preventDefault();break;case 27:if(a.inline)break;J();break;case 9:if(h){var t=o.DomHandler.getFirstFocusableElement(x.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":h,disabled:a.disabled,tabIndex:a.tabIndex},ue))),!a.inline&&d.createElement(d.Fragment,null,pe,fe,d.createElement("div",{className:"p-multiselect-trigger"},o.IconUtils.getJSXIcon(a.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:a}))),d.createElement(H,v({ref:x,visibleOptions:oe},a,{onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:E.current})},onOverlayHide:J,filterValue:u,hasFilter:k,onFilterInputChange:function(e){var t=e.query;s(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},resetFilter:G,onCloseClick:function(e){J(),o.DomHandler.focus(S.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(a.onSelectAll)a.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],oe){var n=oe.filter((function(e){return te(e)&&Z(e)}));t=n.map((function(e){return W(e)}))}}else if(oe){var l=oe.filter((function(e){return!te(e)}));a.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(N(t),N(ee(e).filter((function(e){return!te(e)})).map((function(e){return W(e)}))))}))):t=l.map((function(e){return W(e)}))}M(e.originalEvent,t)}},getOptionLabel:Q,getOptionRenderKey:function(e){return a.dataKey?o.ObjectUtils.resolveFieldData(e,a.dataKey):Q(e)},isOptionDisabled:te,getOptionGroupChildren:ee,getOptionGroupLabel:function(e){return o.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},getOptionGroupRenderKey:function(e){return o.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},isSelected:Z,getSelectedOptionIndex:function(){if(null!=a.value&&a.options){if(a.optionGroupLabel){var e=0,t=a.options.findIndex((function(t,n){return(e=n)&&-1!==z(a.value,ee(t))}));return-1!==t?{group:e,option:t}:-1}return z(a.value,a.options)}return-1},isAllSelected:function(){if(a.onSelectAll)return a.selectAll;if(o.ObjectUtils.isEmpty(oe))return!1;var e=oe.filter((function(e){return!te(e)}));if(!a.optionGroupLabel)return!e.some((function(e){return!Z(e)}));var t,n=K(e);try{for(n.s();!(t=n.n()).done;){return!ee(t.value).filter((function(e){return!te(e)})).some((function(e){return!Z(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:T,allowOptionSelect:L,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=A(n);l&&l.focus(),t.preventDefault();break;case 38:var r=R(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:T(e),t.preventDefault();break;case 27:J(),o.DomHandler.focus(S.current)}},in:h,onEnter:function(e){var t;o.ZIndexUtils.set("overlay",x.current,b.default.autoZIndex,b.default.zIndex.overlay),X(),(t=o.DomHandler.findSingle(x.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),F(),a.onShow&&a.onShow()},onExit:function(){U()},onExited:function(){a.filter&&a.resetFilterOnHide&&G(),o.ZIndexUtils.clear(x.current),a.onHide&&a.onHide()}}))),ae&&d.createElement(i.Tooltip,v({target:E,content:a.tooltip},a.tooltipOptions)))})));return J.displayName="MultiSelect",e.MultiSelect=J,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.inputtext,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,o,i,a,c,u,s,p,f,m,d,b,v){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(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 g=h(t),O=y(n);function E(){return E=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},E.apply(this,arguments)}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 I(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;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"===S(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 x(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 N(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 C(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 D(){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 N(e)||w(e)||C(e)||D()}function U(e){if(Array.isArray(e))return e}function F(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 T(){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 L(e,t){return U(e)||F(e,t)||C(e,t)||T()}var A={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide: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,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},getProps:function(e){return i.ObjectUtils.getMergedProps(e,A.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,A.defaultProps)}},R={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,R.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,R.defaultProps)}},H=g.memo(g.forwardRef((function(e,t){var n=R.getProps(e),r=L(g.useState(!1),2),a=r[0],c=r[1],u=g.useRef(null),p=g.useRef(n.inputRef),f=function(e){if(!n.disabled&&!n.readOnly&&n.onChange){var t=m(),l=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===p.current||l&&e.target.checked!==t){var r=t?n.falseValue:n.trueValue;n.onChange({originalEvent:e,value:n.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:n.name,id:n.id,value:n.value,checked:r}})}i.DomHandler.focus(p.current),e.preventDefault()}},m=function(){return n.checked===n.trueValue};g.useImperativeHandle(t,(function(){return{props:n,focus:function(){return i.DomHandler.focus(p.current)},getElement:function(){return u.current},getInput:function(){return p.current}}})),g.useEffect((function(){i.ObjectUtils.combinedRefs(p,n.inputRef)}),[p,n.inputRef]),l.useUpdateEffect((function(){p.current.checked=m()}),[n.checked,n.trueValue]);var d=m(),b=i.ObjectUtils.isNotEmpty(n.tooltip),v=R.getOtherProps(n),y=i.ObjectUtils.reduceKeys(v,i.DomHandler.ARIA_PROPS),h=i.classNames("p-checkbox p-component",{"p-checkbox-checked":d,"p-checkbox-disabled":n.disabled,"p-checkbox-focused":a},n.className),O=i.classNames("p-checkbox-box",{"p-highlight":d,"p-disabled":n.disabled,"p-focus":a}),S="p-checkbox-icon p-c",I=i.IconUtils.getJSXIcon(d?n.icon||g.createElement(s.CheckIcon,{className:S}):null,{className:S},{props:n,checked:d});return g.createElement(g.Fragment,null,g.createElement("div",E({ref:u,id:n.id,className:h,style:n.style},v,{onClick:f,onContextMenu:n.onContextMenu,onMouseDown:n.onMouseDown}),g.createElement("div",{className:"p-hidden-accessible"},g.createElement("input",E({ref:p,type:"checkbox",id:n.inputId,name:n.name,tabIndex:n.tabIndex,defaultChecked:d,onFocus:function(){c(!0)},onBlur:function(){c(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||f(e)},disabled:n.disabled,readOnly:n.readOnly,required:n.required},y))),g.createElement("div",{className:O},I)),b&&g.createElement(o.Tooltip,E({target:u,content:n.tooltip},n.tooltipOptions)))})));function M(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 V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="Checkbox";var K=g.memo((function(e){var t={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},o=function(){var n="p-multiselect-filter-icon",r=i.IconUtils.getJSXIcon(e.filterIcon||g.createElement(d.SearchIcon,{className:n}),{className:n},{props:e});if(e.filter){var o=i.classNames("p-multiselect-filter-container"),a=g.createElement("div",{className:o},g.createElement(p.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),r);if(e.filterTemplate)a=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:o,element:a,filterOptions:t,onFilter:l,filterIconClassName:n,props:e});return g.createElement(g.Fragment,null,a)}return null}(),a="p-checkbox-icon p-c",c=i.IconUtils.getJSXIcon(e.itemCheckboxIcon||g.createElement(s.CheckIcon,{className:a}),{className:a},{selected:e.selected}),u=e.showSelectAll&&g.createElement(H,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll,icon:c}),b={className:"p-multiselect-close-icon","aria-hidden":!0},v=i.IconUtils.getJSXIcon(e.closeIcon||g.createElement(m.TimesIcon,b),V({},b),{props:e}),y=g.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n.localeOption("close"),onClick:e.onClose},v,g.createElement(f.Ripple,null)),h=g.createElement("div",{className:"p-multiselect-header"},u,o,y);return e.template?i.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:u,checked:e.selectAll,onChange:r,filterElement:o,closeElement:y,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:h,itemCheckboxIcon:c,props:e}):h}));K.displayName="MultiSelectHeader";var G=g.memo((function(e){var t=i.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=i.classNames("p-checkbox-box",{"p-highlight":e.selected}),l="p-checkbox-icon p-c",r=i.IconUtils.getJSXIcon(e.checkboxIcon||g.createElement(s.CheckIcon,{className:l}),{className:l},{selected:e.selected}),o=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return g.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},g.createElement("div",{className:"p-checkbox p-component"},g.createElement("div",{className:n},r)),g.createElement("span",null,o),g.createElement(f.Ripple,null))}));function J(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 X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}G.displayName="MultiSelectItem";var _=g.memo(g.forwardRef((function(e,t){var l,r,o,s,p,f=g.useRef(null),m=g.useRef(null),d=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},b=function(){e.onEntered((function(){e.filter&&m.current&&i.DomHandler.focus(m.current,!1)}))},v=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return g.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=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,c=e.isSelected(t);return g.createElement(G,{key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon})}))},S=function(){var t=i.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage");return g.createElement("li",{className:"p-multiselect-empty-message"},t)},I=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?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=h(t,r),c=n+"_"+e.getOptionGroupRenderKey(t);return g.createElement(g.Fragment,{key:c},g.createElement("li",{className:"p-multiselect-item-group",style:r},o),a)}var u=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return g.createElement(G,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName,checkboxIcon:e.checkboxIcon})},k=function(){if(e.virtualScrollerOptions){var t=X(X({},e.virtualScrollerOptions),{style:X(X({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(X(X({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&I(e,t.index,t)},contentTemplate:function(t){var n=i.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return g.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},l)}});return g.createElement(u.VirtualScroller,E({ref:f},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(I):e.hasFilter?S():null;return g.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},g.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},j=(l=e.allowOptionSelect(),r=i.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===O.default.inputStyle,"p-ripple-disabled":!1===O.default.ripple},e.panelClassName),o=g.createElement(K,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon}),s=k(),p=y(),e.inline?g.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},s,p):g.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:b,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},o,s,p)));return e.inline?j:g.createElement(c.Portal,{element:j,appendTo:e.appendTo})})));function q(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?q(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Z(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 Z(e,t){if(e){if("string"==typeof e)return Y(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)?Y(e,t):void 0}}function Y(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}_.displayName="MultiSelectPanel";var $=g.memo(g.forwardRef((function(e,t){var a=A.getProps(e),c=L(g.useState(""),2),u=c[0],s=c[1],p=L(g.useState(!1),2),f=p[0],d=p[1],y=L(g.useState(a.inline),2),h=y[0],S=y[1],I=g.useRef(null),k=g.useRef(a.inputRef),x=g.useRef(null),N=g.useRef(null),w=u&&u.trim().length>0,C=i.ObjectUtils.isEmpty(a.value),D=a.optionValue?null:a.dataKey,U=L(l.useOverlayListener({target:I,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&X():X())},when:h}),2),F=U[0],T=U[1],R=function(){return!a.selectionLimit||!a.value||a.value&&a.value.length<a.selectionLimit},H=function(e){var t=e.originalEvent,n=e.option;if(!a.disabled&&!re(n)){var l=ne(n),r=oe(n),o=Q(n),c=R();o?K(t,a.value.filter((function(e){return!i.ObjectUtils.equals(r?e:ne(e),l,D)}))):c&&K(t,[].concat(P(a.value||[]),[l]))}},M=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||i.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},V=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||i.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},K=function(e,t){a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})},G=function(){s(""),a.onFilter&&a.onFilter({filter:""})},J=function(){S(!0)},X=function(){S(!1)},q=function(){i.DomHandler.alignOverlay(N.current,x.current.parentElement,a.appendTo||O.default.appendTo)},Z=function(e){return i.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},Y=function(e){return N.current&&N.current.contains(e.target)},$=function(e,t){return t.findIndex((function(t){return e.some((function(e){return i.ObjectUtils.equals(e,ne(t),D)}))}))},Q=function(e){if(a.value){var t=ne(e),n=oe(e);return a.value.some((function(e){return i.ObjectUtils.equals(n?e:ne(e),t,D)}))}return!1},W=function(e){var t;if(a.options)if(a.optionGroupLabel){var n,l=z(a.options);try{for(l.s();!(n=l.n()).done;){if(t=ee(e,le(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ee(e,a.options);return t?te(t):null},ee=function(e,t){return t.find((function(t){return i.ObjectUtils.equals(ne(t),e,D)}))},te=function(e){return a.optionLabel?i.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},ne=function(e){if(a.useOptionAsValue)return e;if(a.optionValue){var t=i.ObjectUtils.resolveFieldData(e,a.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},le=function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupChildren)},re=function(e){return a.optionDisabled?i.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},oe=function(e){return!a.useOptionAsValue&&a.optionValue||e&&void 0!==e.value},ie=function(e,t){var n=a.value.filter((function(e){return!i.ObjectUtils.equals(e,t,D)}));K(e,n)},ae=function(){var e=/{(.*?)}/;return e.test(a.selectedItemsLabel)?a.selectedItemsLabel.replace(a.selectedItemsLabel.match(e)[0],a.value.length+""):a.selectedItemsLabel},ce=function(){if(!C&&!a.fixedPlaceholder)return i.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?ae():a.value.reduce((function(e,t,n){return e+(0!==n?",":"")+W(t)}),"")};g.useImperativeHandle(t,(function(){return{props:a,show:J,hide:X,focus:function(){return i.DomHandler.focus(k.current)},getElement:function(){return I.current},getOverlay:function(){return N.current},getInput:function(){return k.current}}})),g.useEffect((function(){i.ObjectUtils.combinedRefs(k,a.inputRef)}),[k,a.inputRef]),g.useEffect((function(){setTimeout((function(){a.overlayVisible?J():X()}),100)}),[a.overlayVisible]),l.useUpdateEffect((function(){h&&w&&q()}),[h,w]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(N.current)}));var ue=function(){if(w){var e=u.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[a.optionLabel||"label"];if(a.optionGroupLabel){var l,r=[],o=z(a.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,c=n.FilterService.filter(le(i),t,e,a.filterMatchMode,a.filterLocale);c&&c.length&&r.push(B(B({},i),j({},a.optionGroupChildren,c)))}}catch(e){o.e(e)}finally{o.f()}return r}return n.FilterService.filter(a.options,t,e,a.filterMatchMode,a.filterLocale)}return a.options}(),se=i.ObjectUtils.isNotEmpty(a.tooltip),pe=A.getOtherProps(a),fe=i.ObjectUtils.reduceKeys(pe,i.DomHandler.ARIA_PROPS),me=i.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===a.display,"p-disabled":a.disabled,"p-multiselect-clearable":a.showClear&&!a.disabled,"p-focus":f,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(a.value),"p-inputwrapper-focus":f||h},a.className),de="p-multiselect-trigger-icon p-c",be=g.createElement("div",{className:"p-multiselect-trigger"},a.dropdownIcon?i.IconUtils.getJSXIcon(a.dropdownIcon,{className:de},{props:a}):g.createElement(v.ChevronDownIcon,{className:de})),ve=!a.inline&&function(){var e=a.selectedItemTemplate?C?i.ObjectUtils.getJSXElement(a.selectedItemTemplate):i.ObjectUtils.isNotEmpty(a.maxSelectedLabels)&&a.value.length>a.maxSelectedLabels?ae():a.value.map((function(e,t){var n=i.ObjectUtils.getJSXElement(a.selectedItemTemplate,e);return g.createElement(g.Fragment,{key:t},n)})):"chip"!==a.display||C?ce():a.value.slice(0,a.maxSelectedLabels||a.value.length).map((function(e){var t=W(e),n=!a.disabled&&(a.removeIcon?i.IconUtils.getJSXIcon(a.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}},{props:a}):g.createElement(b.TimesCircleIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}}));return g.createElement("div",{className:"p-multiselect-token",key:t},g.createElement("span",{className:"p-multiselect-token-label"},t),n)})),t=i.classNames("p-multiselect-label",{"p-placeholder":C&&a.placeholder,"p-multiselect-label-empty":C&&!a.placeholder&&!a.selectedItemTemplate,"p-multiselect-items-label":!C&&"chip"!==a.display&&a.value.length>a.maxSelectedLabels});return g.createElement("div",{ref:x,className:"p-multiselect-label-container"},g.createElement("div",{className:t},e||a.placeholder||"empty"))}(),ye=!a.inline&&function(){var e="p-multiselect-clear-icon",t=i.IconUtils.getJSXIcon(a.clearIcon||g.createElement(m.TimesIcon,{className:e}),{className:e},{props:a});return C||!a.showClear||a.disabled?null:g.createElement("i",{className:e,onClick:function(e){return K(e,null)}},t)}();return g.createElement(g.Fragment,null,g.createElement("div",E({ref:I,id:a.id,style:a.style,className:me},pe,{onClick:function(e){a.inline||a.disabled||Y(e)||i.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(h?X():J(),i.DomHandler.focus(k.current),e.preventDefault())}}),g.createElement("div",{className:"p-hidden-accessible"},g.createElement("input",E({ref:k,id:a.inputId,name:a.name,readOnly:!0,type:"text",onFocus:function(e){d(!0),a.onFocus&&a.onFocus(e)},onBlur:function(e){d(!1),a.onBlur&&a.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(a.inline)break;!h&&e.altKey&&(J(),e.preventDefault());break;case 32:if(a.inline)break;h?X():J(),e.preventDefault();break;case 27:if(a.inline)break;X();break;case 9:if(h){var t=i.DomHandler.getFirstFocusableElement(N.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":h,disabled:a.disabled,tabIndex:a.tabIndex},fe))),!a.inline&&g.createElement(g.Fragment,null,ve,ye,be),g.createElement(_,E({ref:N,visibleOptions:ue},a,{onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onOverlayHide:X,filterValue:u,hasFilter:w,onFilterInputChange:function(e){var t=e.query;s(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},resetFilter:G,onCloseClick:function(e){X(),i.DomHandler.focus(k.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(a.onSelectAll)a.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ue){var n=ue.filter((function(e){return re(e)&&Q(e)}));t=n.map((function(e){return ne(e)}))}}else if(ue){var l=ue.filter((function(e){return!re(e)}));a.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(P(t),P(le(e).filter((function(e){return!re(e)})).map((function(e){return ne(e)}))))}))):t=l.map((function(e){return ne(e)}))}K(e.originalEvent,t)}},getOptionLabel:te,getOptionRenderKey:function(e){return a.dataKey?i.ObjectUtils.resolveFieldData(e,a.dataKey):te(e)},isOptionDisabled:re,getOptionGroupChildren:le,getOptionGroupLabel:function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},getOptionGroupRenderKey:function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},isSelected:Q,getSelectedOptionIndex:function(){if(null!=a.value&&a.options){if(a.optionGroupLabel){var e=0,t=a.options.findIndex((function(t,n){return(e=n)&&-1!==$(a.value,le(t))}));return-1!==t?{group:e,option:t}:-1}return $(a.value,a.options)}return-1},isAllSelected:function(){if(a.onSelectAll)return a.selectAll;if(i.ObjectUtils.isEmpty(ue))return!1;var e=ue.filter((function(e){return!re(e)}));if(!a.optionGroupLabel)return!e.some((function(e){return!Q(e)}));var t,n=z(e);try{for(n.s();!(t=n.n()).done;){return!le(t.value).filter((function(e){return!re(e)})).some((function(e){return!Q(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:H,allowOptionSelect:R,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=M(n);l&&l.focus(),t.preventDefault();break;case 38:var r=V(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:H(e),t.preventDefault();break;case 27:X(),i.DomHandler.focus(k.current)}},in:h,onEnter:function(e){var t;i.ZIndexUtils.set("overlay",N.current,O.default.autoZIndex,O.default.zIndex.overlay),q(),(t=i.DomHandler.findSingle(N.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),F(),a.onShow&&a.onShow()},onExit:function(){T()},onExited:function(){a.filter&&a.resetFilterOnHide&&G(),i.ZIndexUtils.clear(N.current),a.onHide&&a.onHide()}}))),se&&g.createElement(o.Tooltip,E({target:I,content:a.tooltip},a.tooltipOptions)))})));return $.displayName="MultiSelect",e.MultiSelect=$,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.icons/check,primereact.inputtext,primereact.ripple,primereact.icons/times,primereact.icons/search,primereact.icons/timescircle,primereact.icons/chevrondown);

package/orderlist/orderlist.cjs.js

@@ -7,7 +7,12 @@ var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var button = require('primereact/button');
+var angledown = require('primereact/icons/angledown');
+var angledoubleup = require('primereact/icons/angledoubleup');
+var angleup = require('primereact/icons/angleup');
+var angledoubledown = require('primereact/icons/angledoubledown');
 var ripple = require('primereact/ripple');
+var search = require('primereact/icons/search');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -129,6 +134,11 @@ var OrderListBase = {
     listStyle: null,
     dragdrop: false,
     tabIndex: 0,
+    filterIcon: null,
+    moveUpIcon: null,
+    moveTopIcon: null,
+    moveDownIcon: null,
+    moveBottomIcon: null,
     dataKey: null,
     breakpoint: '960px',
     onChange: null,
@@ -151,6 +161,10 @@ var OrderListBase = {
 };
 
 var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
+  var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
+  var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null);
+  var moveDownIcon = props.moveDownIcon || /*#__PURE__*/React__namespace.createElement(angledown.AngleDownIcon, null);
+  var moveBottomIcon = props.moveBottomIcon || /*#__PURE__*/React__namespace.createElement(angledoubledown.AngleDoubleDownIcon, null);
   var moveUp = function moveUp(event) {
     if (props.selection) {
       var value = _toConsumableArray(props.value);
@@ -247,19 +261,19 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     className: "p-orderlist-controls"
   }, /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-up",
+    icon: moveUpIcon,
     onClick: moveUp
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-double-up",
+    icon: moveTopIcon,
     onClick: moveTop
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-down",
+    icon: moveDownIcon,
     onClick: moveDown
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     type: "button",
-    icon: "pi pi-angle-double-down",
+    icon: moveBottomIcon,
     onClick: moveBottom
   }));
 });
@@ -425,6 +439,15 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
     }, items);
   };
   var createFilter = function createFilter() {
+    var iconClassName = 'p-orderlist-filter';
+    var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      className: iconClassName
+    });
+    var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (props.filter) {
       var content = /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-orderlist-filter"
@@ -436,8 +459,8 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
         placeholder: props.placeholder,
         className: "p-orderlist-filter-input p-inputtext p-component"
       }), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-orderlist-filter-icon pi pi-search"
-      }));
+        className: "p-orderlist-filter-icon"
+      }, filterIcon));
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-orderlist-filter',
@@ -447,7 +470,7 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
             onKeyDown: onFilterInputKeyDown
           },
           filterOptions: filterOptions,
-          iconClassName: 'p-orderlist-filter-icon pi pi-search',
+          iconClassName: 'p-orderlist-filter-icon',
           element: content,
           props: props
         };
@@ -643,7 +666,11 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     value: visibleList,
     selection: selectionState,
     onReorder: onReorder,
-    dataKey: props.dataKey
+    dataKey: props.dataKey,
+    moveUpIcon: props.moveUpIcon,
+    moveTopIcon: props.moveTopIcon,
+    moveDownIcon: props.moveDownIcon,
+    moveBottomIcon: props.moveBottomIcon
   }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
     value: visibleList,
     selection: selectionState,
@@ -660,7 +687,8 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     dataKey: props.dataKey,
     dragdrop: props.dragdrop,
     onChange: props.onChange,
-    tabIndex: props.tabIndex
+    tabIndex: props.tabIndex,
+    filterIcon: props.filterIcon
   }));
 }));
 OrderList.displayName = 'OrderList';

package/orderlist/orderlist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils"),l=require("primereact/button"),i=require("primereact/ripple");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=o(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function v(){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 g(e){return p(e)||f(e)||m(e)||v()}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function b(){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 E(e,t){return h(e)||y(e,t)||m(e,t)||b()}var I={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,I.defaultProps)}},O=u.memo((function(e){return u.createElement("div",{className:"p-orderlist-controls"},u.createElement(l.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=g(e.value),l=0;l<e.selection.length;l++){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===i)break;var o=r[i-1];r[i-1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),u.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=g(e.value),l=0;l<e.selection.length;l++){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(0===i)break;var o=r.splice(i,1)[0];r.unshift(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),u.createElement(l.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=g(e.value),l=e.selection.length-1;l>=0;l--){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(i===r.length-1)break;var o=r[i+1];r[i+1]=r[i],r[i]=o}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),u.createElement(l.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=g(e.value),l=e.selection.length-1;l>=0;l--){var i=n.ObjectUtils.findIndexInList(e.selection[l],r,e.dataKey);if(i===r.length-1)break;var o=r.splice(i,1)[0];r.push(o)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));O.displayName="OrderListControls";var D=u.memo((function(e){var t,r=u.useRef(null),l=u.useRef(null),o=u.useRef(null),a=u.useRef(null),c={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},s=function(t){return-1!==n.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){l.current!==t&&l.current+1!==t&&(o.current=t,n.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},p=function(e){o.current=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},f=function(t){var r=l.current>o.current?o.current:0===o.current?0:o.current-1,i=g(e.value);n.ObjectUtils.reorderArray(i,l.current,r),o.current=null,n.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:i})},m=function(e){r.current=!1},v=function(e){if(r.current){var t=a.current.getBoundingClientRect().top+n.DomHandler.getWindowScrollTop(),l=t+a.current.clientHeight-e.pageY,i=e.pageY-t;l<25&&l>0?a.current.scrollTop+=15:i<25&&i>0&&(a.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},y=function(e,t){return u.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:p,onDrop:f})},b=e.header?u.createElement("div",{className:"p-orderlist-header"},e.header):null,E=function(){if(e.filter){var t=u.createElement("div",{className:"p-orderlist-filter"},u.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:h,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),u.createElement("span",{className:"p-orderlist-filter-icon pi pi-search"}));if(e.filterTemplate)t=n.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:h},filterOptions:c,iconClassName:"p-orderlist-filter-icon pi pi-search",element:t,props:e});return u.createElement("div",{className:"p-orderlist-filter-container"},t)}return null}(),I=(t=e.value?e.value.map((function(t,o){var a=e.itemTemplate?e.itemTemplate(t):t,c=n.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var p=[];return 0===o&&p.push(y(t,o)),p.push(u.createElement("li",{key:d,className:c,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:o})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:o})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return n=t,i=o,r.current=!0,l.current=i,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,i},onDragEnd:m,tabIndex:e.tabIndex},a,u.createElement(i.Ripple,null))),p.push(y(o,d+"_droppoint")),p}return u.createElement("li",{key:d,className:c,role:"option","aria-selected":s(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:o})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:o})},tabIndex:e.tabIndex},a)})):null,u.createElement("ul",{ref:a,className:"p-orderlist-list",style:e.listStyle,onDragOver:v,role:"listbox","aria-multiselectable":!0},t));return u.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));D.displayName="OrderListSubList";var C=u.memo(u.forwardRef((function(e,l){var i=I.getProps(e),o=E(u.useState([]),2),a=o[0],d=o[1],p=E(u.useState(""),2),f=p[0],m=p[1],v=E(u.useState(null),2),h=v[0],y=v[1],b=n.ObjectUtils.isNotEmpty(f),C=u.useRef(null),w=u.useRef(null),x=u.useRef(null),j=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,l=n.ObjectUtils.findIndexInList(e.value,a,i.dataKey);t=-1!==l?r?a.filter((function(e,t){return t!==l})):[e.value]:r?[].concat(g(a),[e.value]):[e.value],d(t)},S=function e(t){var r=t.nextElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},k=function e(t){var r=t.previousElementSibling;return r?n.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},N=function(){var e=n.DomHandler.findSingle(C.current,".p-orderlist-list"),t=n.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(x.current){case"up":n.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":n.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},T=function(){if(!w.current){w.current=n.DomHandler.createInlineStyle(c.default.nonce);var e="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-orderlist[").concat(h,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(h,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(h,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(h,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");w.current.innerHTML=e}};u.useImperativeHandle(l,(function(){return{props:i,getElement:function(){return C.current}}})),r.useMountEffect((function(){!h&&y(n.UniqueComponentId())})),r.useUpdateEffect((function(){return h&&(C.current.setAttribute(h,""),T()),function(){w.current=n.DomHandler.removeInlineStyle(w.current)}}),[h,i.breakpoint]),r.useUpdateEffect((function(){x.current&&(N(),x.current=null)}));var K=I.getOtherProps(i),L=n.classNames("p-orderlist p-component",i.className),R=function(){if(b){var e=f.trim().toLocaleLowerCase(i.filterLocale),r=i.filterBy?i.filterBy.split(","):[];return t.FilterService.filter(i.value,r,e,i.filterMatchMode,i.filterLocale)}return i.value}();return u.createElement("div",s({ref:C,id:i.id,className:L,style:i.style},K),u.createElement(O,{value:R,selection:a,onReorder:function(e){i.onChange&&i.onChange({event:e.originalEvent,value:e.value}),x.current=e.direction},dataKey:i.dataKey}),u.createElement(D,{value:R,selection:a,onItemClick:j,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=S(r);n&&n.focus(),t.preventDefault();break;case 38:var l=k(r);l&&l.focus(),t.preventDefault();break;case 13:j(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),i.onFilter&&i.onFilter({originalEvent:e,filter:t})},itemTemplate:i.itemTemplate,filter:i.filter,onFilter:function(e){var t=e.target.value;m(t),i.onFilter&&i.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),i.onFilter&&i.onFilter({filter:""})},filterTemplate:i.filterTemplate,header:i.header,listStyle:i.listStyle,dataKey:i.dataKey,dragdrop:i.dragdrop,onChange:i.onChange,tabIndex:i.tabIndex}))})));C.displayName="OrderList",exports.OrderList=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/utils"),l=require("primereact/button"),o=require("primereact/icons/angledown"),i=require("primereact/icons/angledoubleup"),a=require("primereact/icons/angleup"),c=require("primereact/icons/angledoubledown"),u=require("primereact/ripple"),s=require("primereact/icons/search");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 f=p(e),m=d(t);function v(){return v=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},v.apply(this,arguments)}function g(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 h(e){if(Array.isArray(e))return g(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function I(){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 E(e){return h(e)||b(e)||y(e)||I()}function D(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,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=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw l}}return a}}function w(){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 C(e,t){return D(e)||O(e,t)||y(e,t)||w()}var x={defaultProps:{__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,x.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,x.defaultProps)}},S=f.memo((function(e){var t=e.moveUpIcon||f.createElement(a.AngleUpIcon,null),n=e.moveTopIcon||f.createElement(i.AngleDoubleUpIcon,null),u=e.moveDownIcon||f.createElement(o.AngleDownIcon,null),s=e.moveBottomIcon||f.createElement(c.AngleDoubleDownIcon,null);return f.createElement("div",{className:"p-orderlist-controls"},f.createElement(l.Button,{type:"button",icon:t,onClick:function(t){if(e.selection){for(var n=E(e.value),l=0;l<e.selection.length;l++){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}}}),f.createElement(l.Button,{type:"button",icon:n,onClick:function(t){if(e.selection){for(var n=E(e.value),l=0;l<e.selection.length;l++){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}}}),f.createElement(l.Button,{type:"button",icon:u,onClick:function(t){if(e.selection){for(var n=E(e.value),l=e.selection.length-1;l>=0;l--){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}}}),f.createElement(l.Button,{type:"button",icon:s,onClick:function(t){if(e.selection){for(var n=E(e.value),l=e.selection.length-1;l>=0;l--){var o=r.ObjectUtils.findIndexInList(e.selection[l],n,e.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}}}))}));S.displayName="OrderListControls";var j=f.memo((function(e){var t,n=f.useRef(null),l=f.useRef(null),o=f.useRef(null),i=f.useRef(null),a={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){l.current!==t&&l.current+1!==t&&(o.current=t,r.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},p=function(e){o.current=null,r.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},m=function(t){var n=l.current>o.current?o.current:0===o.current?0:o.current-1,i=E(e.value);r.ObjectUtils.reorderArray(i,l.current,n),o.current=null,r.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:i})},v=function(e){n.current=!1},g=function(e){if(n.current){var t=i.current.getBoundingClientRect().top+r.DomHandler.getWindowScrollTop(),l=t+i.current.clientHeight-e.pageY,o=e.pageY-t;l<25&&l>0?i.current.scrollTop+=15:o<25&&o>0&&(i.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},b=function(e,t){return f.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:p,onDrop:m})},y=e.header?f.createElement("div",{className:"p-orderlist-header"},e.header):null,I=function(){var t="p-orderlist-filter",n=r.IconUtils.getJSXIcon(e.filterIcon||f.createElement(s.SearchIcon,{className:t}),{className:t},{props:e});if(e.filter){var l=f.createElement("div",{className:"p-orderlist-filter"},f.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:h,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),f.createElement("span",{className:"p-orderlist-filter-icon"},n));if(e.filterTemplate)l=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:h},filterOptions:a,iconClassName:"p-orderlist-filter-icon",element:l,props:e});return f.createElement("div",{className:"p-orderlist-filter-container"},l)}return null}(),D=(t=e.value?e.value.map((function(t,o){var i=e.itemTemplate?e.itemTemplate(t):t,a=r.classNames("p-orderlist-item",{"p-highlight":c(t)},e.className),s=JSON.stringify(t);if(e.dragdrop){var d=[];return 0===o&&d.push(b(t,o)),d.push(f.createElement("li",{key:s,className:a,onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:o})},role:"option","aria-selected":c(t),draggable:"true",onDragStart:function(t){return r=t,i=o,n.current=!0,l.current=i,void(e.dragdropScope&&r.dataTransfer.setData("text","orderlist"));var r,i},onDragEnd:v,tabIndex:e.tabIndex},i,f.createElement(u.Ripple,null))),d.push(b(o,s+"_droppoint")),d}return f.createElement("li",{key:s,className:a,role:"option","aria-selected":c(t),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:o})},tabIndex:e.tabIndex},i)})):null,f.createElement("ul",{ref:i,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return f.createElement("div",{className:"p-orderlist-list-container"},y,I,D)}));j.displayName="OrderListSubList";var N=f.memo(f.forwardRef((function(e,l){var o=x.getProps(e),i=C(f.useState([]),2),a=i[0],c=i[1],u=C(f.useState(""),2),s=u[0],d=u[1],p=C(f.useState(null),2),g=p[0],h=p[1],b=r.ObjectUtils.isNotEmpty(s),y=f.useRef(null),I=f.useRef(null),D=f.useRef(null),O=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,l=r.ObjectUtils.findIndexInList(e.value,a,o.dataKey);t=-1!==l?n?a.filter((function(e,t){return t!==l})):[e.value]:n?[].concat(E(a),[e.value]):[e.value],c(t)},w=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},N=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-orderlist-item")?n:e(n):null},k=function(){var e=r.DomHandler.findSingle(y.current,".p-orderlist-list"),t=r.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":r.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":r.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},T=function(){if(!I.current){I.current=r.DomHandler.createInlineStyle(m.default.nonce);var e="\n@media screen and (max-width: ".concat(o.breakpoint,") {\n    .p-orderlist[").concat(g,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(g,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");I.current.innerHTML=e}};f.useImperativeHandle(l,(function(){return{props:o,getElement:function(){return y.current}}})),n.useMountEffect((function(){!g&&h(r.UniqueComponentId())})),n.useUpdateEffect((function(){return g&&(y.current.setAttribute(g,""),T()),function(){I.current=r.DomHandler.removeInlineStyle(I.current)}}),[g,o.breakpoint]),n.useUpdateEffect((function(){D.current&&(k(),D.current=null)}));var U=x.getOtherProps(o),K=r.classNames("p-orderlist p-component",o.className),L=function(){if(b){var e=s.trim().toLocaleLowerCase(o.filterLocale),n=o.filterBy?o.filterBy.split(","):[];return t.FilterService.filter(o.value,n,e,o.filterMatchMode,o.filterLocale)}return o.value}();return f.createElement("div",v({ref:y,id:o.id,className:K,style:o.style},U),f.createElement(S,{value:L,selection:a,onReorder:function(e){o.onChange&&o.onChange({event:e.originalEvent,value:e.value}),D.current=e.direction},dataKey:o.dataKey,moveUpIcon:o.moveUpIcon,moveTopIcon:o.moveTopIcon,moveDownIcon:o.moveDownIcon,moveBottomIcon:o.moveBottomIcon}),f.createElement(j,{value:L,selection:a,onItemClick:O,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=w(n);r&&r.focus(),t.preventDefault();break;case 38:var l=N(n);l&&l.focus(),t.preventDefault();break;case 13:O(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;d(t),o.onFilter&&o.onFilter({originalEvent:e,filter:t})},itemTemplate:o.itemTemplate,filter:o.filter,onFilter:function(e){var t=e.target.value;d(t),o.onFilter&&o.onFilter({originalEvent:e,value:t})},resetFilter:function(){d(""),o.onFilter&&o.onFilter({filter:""})},filterTemplate:o.filterTemplate,header:o.header,listStyle:o.listStyle,dataKey:o.dataKey,dragdrop:o.dragdrop,onChange:o.onChange,tabIndex:o.tabIndex,filterIcon:o.filterIcon}))})));N.displayName="OrderList",exports.OrderList=N;