primereact 10.8.4 → 10.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (283) hide show
  1. package/LICENSE.md +1 -1
  2. package/api/api.cjs.js +17 -16
  3. package/api/api.cjs.min.js +1 -1
  4. package/api/api.esm.js +17 -16
  5. package/api/api.esm.min.js +1 -1
  6. package/api/api.js +17 -16
  7. package/api/api.min.js +1 -1
  8. package/autocomplete/autocomplete.cjs.js +28 -15
  9. package/autocomplete/autocomplete.cjs.min.js +1 -1
  10. package/autocomplete/autocomplete.d.ts +1 -1
  11. package/autocomplete/autocomplete.esm.js +28 -15
  12. package/autocomplete/autocomplete.esm.min.js +1 -1
  13. package/autocomplete/autocomplete.js +28 -15
  14. package/autocomplete/autocomplete.min.js +1 -1
  15. package/calendar/calendar.cjs.js +11 -5
  16. package/calendar/calendar.cjs.min.js +1 -1
  17. package/calendar/calendar.esm.js +11 -5
  18. package/calendar/calendar.esm.min.js +1 -1
  19. package/calendar/calendar.js +11 -5
  20. package/calendar/calendar.min.js +1 -1
  21. package/checkbox/checkbox.cjs.js +6 -6
  22. package/checkbox/checkbox.cjs.min.js +1 -1
  23. package/checkbox/checkbox.esm.js +6 -6
  24. package/checkbox/checkbox.esm.min.js +1 -1
  25. package/checkbox/checkbox.js +6 -6
  26. package/checkbox/checkbox.min.js +1 -1
  27. package/chip/chip.cjs.js +7 -3
  28. package/chip/chip.cjs.min.js +1 -1
  29. package/chip/chip.esm.js +7 -3
  30. package/chip/chip.esm.min.js +1 -1
  31. package/chip/chip.js +7 -3
  32. package/chip/chip.min.js +1 -1
  33. package/chips/chips.cjs.js +27 -19
  34. package/chips/chips.cjs.min.js +1 -1
  35. package/chips/chips.esm.js +27 -19
  36. package/chips/chips.esm.min.js +1 -1
  37. package/chips/chips.js +27 -19
  38. package/chips/chips.min.js +1 -1
  39. package/componentbase/componentbase.cjs.js +2 -2
  40. package/componentbase/componentbase.cjs.min.js +1 -1
  41. package/componentbase/componentbase.esm.js +2 -2
  42. package/componentbase/componentbase.esm.min.js +1 -1
  43. package/componentbase/componentbase.js +2 -2
  44. package/componentbase/componentbase.min.js +1 -1
  45. package/confirmdialog/confirmdialog.cjs.js +8 -6
  46. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  47. package/confirmdialog/confirmdialog.esm.js +8 -6
  48. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  49. package/confirmdialog/confirmdialog.js +8 -6
  50. package/confirmdialog/confirmdialog.min.js +1 -1
  51. package/core/core.js +111 -97
  52. package/core/core.min.js +13 -13
  53. package/datatable/datatable.cjs.js +38 -30
  54. package/datatable/datatable.cjs.min.js +1 -1
  55. package/datatable/datatable.esm.js +38 -30
  56. package/datatable/datatable.esm.min.js +1 -1
  57. package/datatable/datatable.js +38 -30
  58. package/datatable/datatable.min.js +1 -1
  59. package/dialog/dialog.cjs.js +8 -8
  60. package/dialog/dialog.cjs.min.js +1 -1
  61. package/dialog/dialog.esm.js +8 -8
  62. package/dialog/dialog.esm.min.js +1 -1
  63. package/dialog/dialog.js +8 -8
  64. package/dialog/dialog.min.js +1 -1
  65. package/dropdown/dropdown.cjs.js +28 -18
  66. package/dropdown/dropdown.cjs.min.js +1 -1
  67. package/dropdown/dropdown.d.ts +2 -2
  68. package/dropdown/dropdown.esm.js +28 -18
  69. package/dropdown/dropdown.esm.min.js +1 -1
  70. package/dropdown/dropdown.js +28 -18
  71. package/dropdown/dropdown.min.js +1 -1
  72. package/focustrap/focustrap.cjs.js +7 -7
  73. package/focustrap/focustrap.cjs.min.js +1 -1
  74. package/focustrap/focustrap.esm.js +7 -7
  75. package/focustrap/focustrap.esm.min.js +1 -1
  76. package/focustrap/focustrap.js +7 -7
  77. package/focustrap/focustrap.min.js +1 -1
  78. package/iconbase/iconbase.cjs.js +1 -1
  79. package/iconbase/iconbase.cjs.min.js +1 -1
  80. package/iconbase/iconbase.esm.js +1 -1
  81. package/iconbase/iconbase.esm.min.js +1 -1
  82. package/iconbase/iconbase.js +1 -1
  83. package/iconbase/iconbase.min.js +1 -1
  84. package/inputmask/inputmask.cjs.js +2 -1
  85. package/inputmask/inputmask.cjs.min.js +1 -1
  86. package/inputmask/inputmask.esm.js +2 -1
  87. package/inputmask/inputmask.esm.min.js +1 -1
  88. package/inputmask/inputmask.js +2 -1
  89. package/inputmask/inputmask.min.js +1 -1
  90. package/inputnumber/inputnumber.cjs.js +3 -0
  91. package/inputnumber/inputnumber.cjs.min.js +1 -1
  92. package/inputnumber/inputnumber.esm.js +4 -1
  93. package/inputnumber/inputnumber.esm.min.js +1 -1
  94. package/inputnumber/inputnumber.js +3 -0
  95. package/inputnumber/inputnumber.min.js +1 -1
  96. package/inputtext/inputtext.cjs.js +7 -0
  97. package/inputtext/inputtext.cjs.min.js +1 -1
  98. package/inputtext/inputtext.esm.js +7 -0
  99. package/inputtext/inputtext.esm.min.js +1 -1
  100. package/inputtext/inputtext.js +7 -0
  101. package/inputtext/inputtext.min.js +1 -1
  102. package/inputtextarea/inputtextarea.cjs.js +11 -2
  103. package/inputtextarea/inputtextarea.cjs.min.js +1 -1
  104. package/inputtextarea/inputtextarea.esm.js +11 -2
  105. package/inputtextarea/inputtextarea.esm.min.js +1 -1
  106. package/inputtextarea/inputtextarea.js +11 -2
  107. package/inputtextarea/inputtextarea.min.js +1 -1
  108. package/mention/mention.cjs.js +12 -2
  109. package/mention/mention.cjs.min.js +1 -1
  110. package/mention/mention.esm.js +12 -2
  111. package/mention/mention.esm.min.js +1 -1
  112. package/mention/mention.js +12 -2
  113. package/mention/mention.min.js +1 -1
  114. package/menu/menu.cjs.js +18 -11
  115. package/menu/menu.cjs.min.js +1 -1
  116. package/menu/menu.esm.js +18 -11
  117. package/menu/menu.esm.min.js +1 -1
  118. package/menu/menu.js +18 -11
  119. package/menu/menu.min.js +1 -1
  120. package/messages/messages.cjs.js +2 -3
  121. package/messages/messages.cjs.min.js +1 -1
  122. package/messages/messages.esm.js +3 -4
  123. package/messages/messages.esm.min.js +1 -1
  124. package/messages/messages.js +2 -3
  125. package/messages/messages.min.js +1 -1
  126. package/multiselect/multiselect.cjs.js +97 -102
  127. package/multiselect/multiselect.cjs.min.js +1 -1
  128. package/multiselect/multiselect.esm.js +98 -103
  129. package/multiselect/multiselect.esm.min.js +1 -1
  130. package/multiselect/multiselect.js +97 -102
  131. package/multiselect/multiselect.min.js +1 -1
  132. package/multistatecheckbox/multistatecheckbox.cjs.js +7 -7
  133. package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
  134. package/multistatecheckbox/multistatecheckbox.esm.js +7 -7
  135. package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
  136. package/multistatecheckbox/multistatecheckbox.js +7 -7
  137. package/multistatecheckbox/multistatecheckbox.min.js +1 -1
  138. package/organizationchart/organizationchart.cjs.js +2 -6
  139. package/organizationchart/organizationchart.esm.js +2 -6
  140. package/organizationchart/organizationchart.js +2 -6
  141. package/overlaypanel/overlaypanel.cjs.js +1 -2
  142. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  143. package/overlaypanel/overlaypanel.esm.js +2 -3
  144. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  145. package/overlaypanel/overlaypanel.js +1 -2
  146. package/overlaypanel/overlaypanel.min.js +1 -1
  147. package/package.json +1 -1
  148. package/primereact.all.cjs.js +409 -299
  149. package/primereact.all.cjs.min.js +1 -1
  150. package/primereact.all.esm.js +2812 -2702
  151. package/primereact.all.esm.min.js +1 -1
  152. package/primereact.all.js +409 -299
  153. package/primereact.all.min.js +1 -1
  154. package/resources/themes/arya-blue/theme.css +4 -1
  155. package/resources/themes/arya-green/theme.css +4 -1
  156. package/resources/themes/arya-orange/theme.css +4 -1
  157. package/resources/themes/arya-purple/theme.css +4 -1
  158. package/resources/themes/bootstrap4-dark-blue/theme.css +4 -1
  159. package/resources/themes/bootstrap4-dark-purple/theme.css +4 -1
  160. package/resources/themes/bootstrap4-light-blue/theme.css +4 -1
  161. package/resources/themes/bootstrap4-light-purple/theme.css +4 -1
  162. package/resources/themes/fluent-light/theme.css +4 -1
  163. package/resources/themes/lara-dark-amber/theme.css +2 -1
  164. package/resources/themes/lara-dark-blue/theme.css +2 -1
  165. package/resources/themes/lara-dark-cyan/theme.css +2 -1
  166. package/resources/themes/lara-dark-green/theme.css +2 -1
  167. package/resources/themes/lara-dark-indigo/theme.css +2 -1
  168. package/resources/themes/lara-dark-pink/theme.css +2 -1
  169. package/resources/themes/lara-dark-purple/theme.css +2 -1
  170. package/resources/themes/lara-dark-teal/theme.css +2 -1
  171. package/resources/themes/lara-light-amber/theme.css +2 -1
  172. package/resources/themes/lara-light-blue/theme.css +2 -1
  173. package/resources/themes/lara-light-cyan/theme.css +2 -1
  174. package/resources/themes/lara-light-green/theme.css +2 -1
  175. package/resources/themes/lara-light-indigo/theme.css +2 -1
  176. package/resources/themes/lara-light-pink/theme.css +2 -1
  177. package/resources/themes/lara-light-purple/theme.css +2 -1
  178. package/resources/themes/lara-light-teal/theme.css +2 -1
  179. package/resources/themes/luna-amber/theme.css +4 -1
  180. package/resources/themes/luna-blue/theme.css +4 -1
  181. package/resources/themes/luna-green/theme.css +4 -1
  182. package/resources/themes/luna-pink/theme.css +4 -1
  183. package/resources/themes/md-dark-deeppurple/theme.css +3 -1
  184. package/resources/themes/md-dark-indigo/theme.css +3 -1
  185. package/resources/themes/md-light-deeppurple/theme.css +3 -1
  186. package/resources/themes/md-light-indigo/theme.css +3 -1
  187. package/resources/themes/mdc-dark-deeppurple/theme.css +3 -1
  188. package/resources/themes/mdc-dark-indigo/theme.css +3 -1
  189. package/resources/themes/mdc-light-deeppurple/theme.css +3 -1
  190. package/resources/themes/mdc-light-indigo/theme.css +3 -1
  191. package/resources/themes/mira/theme.css +2 -1
  192. package/resources/themes/nano/theme.css +4 -1
  193. package/resources/themes/nova/theme.css +4 -1
  194. package/resources/themes/nova-accent/theme.css +4 -1
  195. package/resources/themes/nova-alt/theme.css +4 -1
  196. package/resources/themes/rhea/theme.css +4 -1
  197. package/resources/themes/saga-blue/theme.css +4 -1
  198. package/resources/themes/saga-green/theme.css +4 -1
  199. package/resources/themes/saga-orange/theme.css +4 -1
  200. package/resources/themes/saga-purple/theme.css +4 -1
  201. package/resources/themes/soho-dark/theme.css +1 -0
  202. package/resources/themes/soho-light/theme.css +1 -0
  203. package/resources/themes/tailwind-light/theme.css +2 -1
  204. package/resources/themes/vela-blue/theme.css +4 -1
  205. package/resources/themes/vela-green/theme.css +4 -1
  206. package/resources/themes/vela-orange/theme.css +4 -1
  207. package/resources/themes/vela-purple/theme.css +4 -1
  208. package/resources/themes/viva-dark/theme.css +1 -0
  209. package/resources/themes/viva-light/theme.css +1 -0
  210. package/scrollpanel/scrollpanel.cjs.js +1 -0
  211. package/scrollpanel/scrollpanel.cjs.min.js +1 -1
  212. package/scrollpanel/scrollpanel.esm.js +1 -0
  213. package/scrollpanel/scrollpanel.esm.min.js +1 -1
  214. package/scrollpanel/scrollpanel.js +1 -0
  215. package/scrollpanel/scrollpanel.min.js +1 -1
  216. package/sidebar/sidebar.cjs.js +2 -3
  217. package/sidebar/sidebar.cjs.min.js +1 -1
  218. package/sidebar/sidebar.esm.js +3 -4
  219. package/sidebar/sidebar.esm.min.js +1 -1
  220. package/sidebar/sidebar.js +2 -3
  221. package/sidebar/sidebar.min.js +1 -1
  222. package/splitbutton/splitbutton.d.ts +2 -2
  223. package/tabview/tabview.cjs.js +17 -1
  224. package/tabview/tabview.cjs.min.js +1 -1
  225. package/tabview/tabview.esm.js +17 -1
  226. package/tabview/tabview.esm.min.js +1 -1
  227. package/tabview/tabview.js +17 -1
  228. package/tabview/tabview.min.js +1 -1
  229. package/toast/toast.cjs.js +5 -242
  230. package/toast/toast.cjs.min.js +1 -1
  231. package/toast/toast.esm.js +6 -243
  232. package/toast/toast.esm.min.js +1 -1
  233. package/toast/toast.js +5 -242
  234. package/toast/toast.min.js +1 -1
  235. package/togglebutton/togglebutton.cjs.js +1 -1
  236. package/togglebutton/togglebutton.cjs.min.js +1 -1
  237. package/togglebutton/togglebutton.esm.js +1 -1
  238. package/togglebutton/togglebutton.esm.min.js +1 -1
  239. package/togglebutton/togglebutton.js +1 -1
  240. package/togglebutton/togglebutton.min.js +1 -1
  241. package/tooltip/tooltip.cjs.js +4 -2
  242. package/tooltip/tooltip.cjs.min.js +1 -1
  243. package/tooltip/tooltip.esm.js +5 -3
  244. package/tooltip/tooltip.esm.min.js +1 -1
  245. package/tooltip/tooltip.js +4 -2
  246. package/tooltip/tooltip.min.js +1 -1
  247. package/tree/tree.cjs.js +7 -7
  248. package/tree/tree.cjs.min.js +1 -1
  249. package/tree/tree.esm.js +7 -7
  250. package/tree/tree.esm.min.js +1 -1
  251. package/tree/tree.js +7 -7
  252. package/tree/tree.min.js +1 -1
  253. package/treeselect/treeselect.cjs.js +3 -2
  254. package/treeselect/treeselect.cjs.min.js +1 -1
  255. package/treeselect/treeselect.esm.js +4 -3
  256. package/treeselect/treeselect.esm.min.js +1 -1
  257. package/treeselect/treeselect.js +3 -2
  258. package/treeselect/treeselect.min.js +1 -1
  259. package/treetable/treetable.cjs.js +49 -38
  260. package/treetable/treetable.cjs.min.js +1 -1
  261. package/treetable/treetable.esm.js +49 -38
  262. package/treetable/treetable.esm.min.js +1 -1
  263. package/treetable/treetable.js +49 -38
  264. package/treetable/treetable.min.js +1 -1
  265. package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
  266. package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
  267. package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
  268. package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
  269. package/tristatecheckbox/tristatecheckbox.js +1 -1
  270. package/tristatecheckbox/tristatecheckbox.min.js +1 -1
  271. package/utils/utils.cjs.js +10 -31
  272. package/utils/utils.cjs.min.js +1 -1
  273. package/utils/utils.esm.js +9 -10
  274. package/utils/utils.esm.min.js +1 -1
  275. package/utils/utils.js +12 -31
  276. package/utils/utils.min.js +1 -1
  277. package/virtualscroller/virtualscroller.cjs.js +14 -3
  278. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  279. package/virtualscroller/virtualscroller.esm.js +15 -4
  280. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  281. package/virtualscroller/virtualscroller.js +14 -3
  282. package/virtualscroller/virtualscroller.min.js +1 -1
  283. package/web-types.json +6 -6
@@ -467,15 +467,15 @@ var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
467
467
  utils.DomHandler.focus(inputRef.current);
468
468
  }
469
469
  };
470
- var _onFocus = function onFocus() {
470
+ var _onFocus = function onFocus(event) {
471
471
  var _props$onFocus;
472
472
  setFocusedState(true);
473
- props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
473
+ props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
474
474
  };
475
- var _onBlur = function onBlur() {
475
+ var _onBlur = function onBlur(event) {
476
476
  var _props$onBlur;
477
477
  setFocusedState(false);
478
- props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
478
+ props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
479
479
  };
480
480
  React__namespace.useImperativeHandle(ref, function () {
481
481
  return {
@@ -526,10 +526,10 @@ var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
526
526
  name: props.name,
527
527
  tabIndex: props.tabIndex,
528
528
  onFocus: function onFocus(e) {
529
- return _onFocus();
529
+ return _onFocus(e);
530
530
  },
531
531
  onBlur: function onBlur(e) {
532
- return _onBlur();
532
+ return _onBlur(e);
533
533
  },
534
534
  onChange: function onChange(e) {
535
535
  return _onChange(e);
@@ -696,7 +696,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
696
696
  var closeButtonProps = mergeProps({
697
697
  type: 'button',
698
698
  className: cx('closeButton'),
699
- 'aria-label': PrimeReact.localeOption('close'),
699
+ 'aria-label': PrimeReact.ariaLabel('close'),
700
700
  onClick: props.onClose
701
701
  }, getPTOptions('closeButton'));
702
702
  var closeElement = /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
@@ -890,34 +890,6 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
890
890
  props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, event, index);
891
891
  }
892
892
  };
893
- var createGroupChildren = function createGroupChildren(optionGroup, style) {
894
- var groupChildren = props.getOptionGroupChildren(optionGroup);
895
- return groupChildren.map(function (option, j) {
896
- var optionLabel = props.getOptionLabel(option);
897
- var optionKey = j + '_' + props.getOptionRenderKey(option);
898
- var disabled = props.isOptionDisabled(option);
899
- var selected = props.isSelected(option);
900
- return /*#__PURE__*/React__namespace.createElement(MultiSelectItem, {
901
- hostName: props.hostName,
902
- index: j,
903
- key: optionKey,
904
- focusedOptionIndex: props.focusedOptionIndex,
905
- label: optionLabel,
906
- option: option,
907
- style: style,
908
- template: props.itemTemplate,
909
- selected: selected,
910
- onClick: props.onOptionSelect,
911
- onMouseMove: changeFocusedItemOnHover,
912
- disabled: disabled,
913
- className: props.itemClassName,
914
- checkboxIcon: props.checkboxIcon,
915
- isUnstyled: isUnstyled,
916
- ptm: ptm,
917
- cx: cx
918
- });
919
- });
920
- };
921
893
  var createEmptyFilter = function createEmptyFilter() {
922
894
  var emptyFilterMessage = utils.ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || PrimeReact.localeOption('emptyFilterMessage');
923
895
  var emptyMessageProps = mergeProps({
@@ -941,9 +913,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
941
913
  var style = {
942
914
  height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
943
915
  };
944
- if (props.optionGroupLabel) {
916
+ if (option.group && props.optionGroupLabel) {
945
917
  var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
946
- var groupChildrenContent = createGroupChildren(option, style);
947
918
  var key = index + '_' + props.getOptionGroupRenderKey(option);
948
919
  var itemGroupProps = mergeProps({
949
920
  className: cx('itemGroup'),
@@ -951,11 +922,9 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
951
922
  scrollerOptions: scrollerOptions
952
923
  })
953
924
  }, getPTOptions('itemGroup'));
954
- return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
955
- key: key
956
- }, /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemGroupProps, {
925
+ return /*#__PURE__*/React__namespace.createElement("li", _extends({
957
926
  key: key
958
- }), groupContent), groupChildrenContent);
927
+ }, itemGroupProps), groupContent);
959
928
  }
960
929
  var optionLabel = props.getOptionLabel(option);
961
930
  var optionKey = index + '_' + props.getOptionRenderKey(option);
@@ -1151,8 +1120,9 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1151
1120
  var firstHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
1152
1121
  var lastHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
1153
1122
  var inputRef = React__namespace.useRef(props.inputRef);
1154
- var labelRef = React__namespace.useRef(null);
1123
+ var labelContainerRef = React__namespace.useRef(null);
1155
1124
  var overlayRef = React__namespace.useRef(null);
1125
+ var labelRef = React__namespace.useRef(null);
1156
1126
  var hasFilter = filterState && filterState.trim().length > 0;
1157
1127
  var empty = utils.ObjectUtils.isEmpty(props.value);
1158
1128
  var equalityKey = props.optionValue ? null : props.dataKey;
@@ -1458,29 +1428,12 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1458
1428
  var value = null;
1459
1429
  if (event.checked) {
1460
1430
  value = [];
1461
- if (visibleOptions) {
1462
- var selectedOptions = visibleOptions.filter(function (option) {
1463
- return isOptionDisabled(option) && isSelected(option);
1464
- });
1465
- value = selectedOptions.map(function (option) {
1466
- return getOptionValue(option);
1467
- });
1468
- }
1469
- } else if (visibleOptions) {
1470
- var options = visibleOptions.filter(function (option) {
1471
- return !isOptionDisabled(option) || isSelected(option);
1431
+ } else {
1432
+ var validOptions = visibleOptions.filter(function (option) {
1433
+ return isValidOption(option) && !isOptionDisabled(option);
1472
1434
  });
1473
- if (props.optionGroupLabel) {
1474
- value = [];
1475
- options.forEach(function (optionGroup) {
1476
- return value = [].concat(_toConsumableArray(value), _toConsumableArray(getOptionGroupChildren(optionGroup).filter(function (option) {
1477
- return !isOptionDisabled(option);
1478
- }).map(function (option) {
1479
- return getOptionValue(option);
1480
- })));
1481
- });
1482
- } else {
1483
- value = options.map(function (option) {
1435
+ if (validOptions) {
1436
+ value = validOptions.map(function (option) {
1484
1437
  return getOptionValue(option);
1485
1438
  });
1486
1439
  }
@@ -1584,7 +1537,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1584
1537
  props.onHide && props.onHide();
1585
1538
  };
1586
1539
  var alignOverlay = function alignOverlay() {
1587
- utils.DomHandler.alignOverlay(overlayRef.current, labelRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
1540
+ !props.inline && utils.DomHandler.alignOverlay(overlayRef.current, labelContainerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
1588
1541
  };
1589
1542
  var isClearClicked = function isClearClicked(event) {
1590
1543
  return utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'clearicon';
@@ -1686,31 +1639,8 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1686
1639
  return false;
1687
1640
  }
1688
1641
  var options = visibleOptions.filter(function (option) {
1689
- return !isOptionDisabled(option);
1642
+ return !isOptionDisabled(option) && isValidOption(option);
1690
1643
  });
1691
- if (props.optionGroupLabel) {
1692
- var areAllSelected = true;
1693
- var _iterator2 = _createForOfIteratorHelper(options),
1694
- _step2;
1695
- try {
1696
- for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
1697
- var optionGroup = _step2.value;
1698
- var visibleOptionsGroupChildren = getOptionGroupChildren(optionGroup).filter(function (option) {
1699
- return !isOptionDisabled(option);
1700
- });
1701
- if (visibleOptionsGroupChildren.some(function (option) {
1702
- return !isSelected(option);
1703
- }) === true) {
1704
- areAllSelected = false;
1705
- }
1706
- }
1707
- } catch (err) {
1708
- _iterator2.e(err);
1709
- } finally {
1710
- _iterator2.f();
1711
- }
1712
- return areAllSelected;
1713
- }
1714
1644
  return !options.some(function (option) {
1715
1645
  return !isSelected(option);
1716
1646
  });
@@ -1760,7 +1690,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1760
1690
  return !props.useOptionAsValue && props.optionValue || option && option.value !== undefined;
1761
1691
  };
1762
1692
  var isOptionGroup = function isOptionGroup(option) {
1763
- return props.optionGroupLabel && option.optionGroup && option.group;
1693
+ return props.optionGroupLabel && option.group;
1764
1694
  };
1765
1695
  var hasSelectedOption = function hasSelectedOption() {
1766
1696
  return utils.ObjectUtils.isNotEmpty(props.value);
@@ -1871,6 +1801,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1871
1801
  };
1872
1802
  var removeChip = function removeChip(event, item) {
1873
1803
  event.stopPropagation();
1804
+ if (!isVisible(event.currentTarget)) return;
1874
1805
  var value = props.value.filter(function (val) {
1875
1806
  return !utils.ObjectUtils.equals(val, item, equalityKey);
1876
1807
  });
@@ -1882,6 +1813,17 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1882
1813
  }
1883
1814
  updateModel(event, value, item);
1884
1815
  };
1816
+ var isVisible = function isVisible(element) {
1817
+ var parentElement = labelRef.current;
1818
+ var isOverflow = parentElement.clientWidth < parentElement.scrollWidth;
1819
+ if (!isOverflow) return true;
1820
+ var target = element.closest('[data-pc-section="token"]');
1821
+ var parentStyles = window.getComputedStyle(parentElement);
1822
+ var targetStyles = window.getComputedStyle(target);
1823
+ var parentWidth = parentElement.clientWidth - parseFloat(parentStyles.paddingLeft) - parseFloat(parentStyles.paddingRight);
1824
+ var targetRight = target.getBoundingClientRect().right + parseFloat(targetStyles.marginRight) - parentElement.getBoundingClientRect().left;
1825
+ return targetRight <= parentWidth;
1826
+ };
1885
1827
  var getSelectedItemsLabel = function getSelectedItemsLabel() {
1886
1828
  var pattern = /{(.*?)}/;
1887
1829
  var selectedItemsLabel = props.selectedItemsLabel || PrimeReact.localeOption('selectionMessage');
@@ -1932,10 +1874,15 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1932
1874
  var label = getLabelByValue(val);
1933
1875
  var labelKey = label + '_' + i;
1934
1876
  var iconProps = mergeProps({
1877
+ 'aria-label': PrimeReact.localeOption('removeTokenIcon'),
1935
1878
  className: cx('removeTokenIcon'),
1936
1879
  onClick: function onClick(e) {
1937
1880
  return removeChip(e, val);
1938
- }
1881
+ },
1882
+ onKeyDown: function onKeyDown(e) {
1883
+ return onRemoveTokenIconKeyDown(e, val);
1884
+ },
1885
+ tabIndex: props.tabIndex || '0'
1939
1886
  }, ptm('removeTokenIcon', context));
1940
1887
  var icon = !props.disabled && (props.removeIcon ? utils.IconUtils.getJSXIcon(props.removeIcon, _objectSpread({}, iconProps), {
1941
1888
  props: props
@@ -1954,31 +1901,73 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
1954
1901
  return getLabel();
1955
1902
  };
1956
1903
  var getVisibleOptions = function getVisibleOptions() {
1904
+ var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
1957
1905
  if (hasFilter) {
1958
1906
  var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
1959
1907
  var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
1960
1908
  if (props.optionGroupLabel) {
1961
1909
  var filteredGroups = [];
1962
- var _iterator3 = _createForOfIteratorHelper(props.options),
1963
- _step3;
1910
+ var _iterator2 = _createForOfIteratorHelper(props.options),
1911
+ _step2;
1964
1912
  try {
1965
- for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
1966
- var optgroup = _step3.value;
1913
+ for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
1914
+ var optgroup = _step2.value;
1967
1915
  var filteredSubOptions = PrimeReact.FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
1968
1916
  if (filteredSubOptions && filteredSubOptions.length) {
1969
1917
  filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
1970
1918
  }
1971
1919
  }
1972
1920
  } catch (err) {
1973
- _iterator3.e(err);
1921
+ _iterator2.e(err);
1974
1922
  } finally {
1975
- _iterator3.f();
1923
+ _iterator2.f();
1976
1924
  }
1977
- return filteredGroups;
1925
+ return flatOptions(filteredGroups);
1978
1926
  }
1979
- return PrimeReact.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
1927
+ return PrimeReact.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
1928
+ }
1929
+ return options;
1930
+ };
1931
+ var flatOptions = function flatOptions(options) {
1932
+ return (options || []).reduce(function (result, option, index) {
1933
+ result.push(_objectSpread(_objectSpread({}, option), {}, {
1934
+ group: true,
1935
+ index: index
1936
+ }));
1937
+ var optionGroupChildren = getOptionGroupChildren(option);
1938
+ optionGroupChildren && optionGroupChildren.forEach(function (o) {
1939
+ return result.push(o);
1940
+ });
1941
+ return result;
1942
+ }, []);
1943
+ };
1944
+ var onClearIconKeyDown = function onClearIconKeyDown(event) {
1945
+ event.preventDefault();
1946
+ event.stopPropagation();
1947
+ switch (event.code) {
1948
+ case 'Space':
1949
+ case 'NumpadEnter':
1950
+ case 'Enter':
1951
+ if (props.inline) {
1952
+ break;
1953
+ }
1954
+ updateModel(event, [], []);
1955
+ break;
1956
+ }
1957
+ };
1958
+ var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
1959
+ event.preventDefault();
1960
+ event.stopPropagation();
1961
+ switch (event.code) {
1962
+ case 'Space':
1963
+ case 'NumpadEnter':
1964
+ case 'Enter':
1965
+ if (props.inline) {
1966
+ break;
1967
+ }
1968
+ removeChip(event, val);
1969
+ break;
1980
1970
  }
1981
- return props.options;
1982
1971
  };
1983
1972
  React__namespace.useImperativeHandle(ref, function () {
1984
1973
  return {
@@ -2024,9 +2013,14 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
2024
2013
  var createClearIcon = function createClearIcon() {
2025
2014
  var clearIconProps = mergeProps({
2026
2015
  className: cx('clearIcon'),
2016
+ 'aria-label': PrimeReact.localeOption('clear'),
2027
2017
  onClick: function onClick(e) {
2028
2018
  return updateModel(e, [], []);
2029
- }
2019
+ },
2020
+ onKeyDown: function onKeyDown(e) {
2021
+ return onClearIconKeyDown(e);
2022
+ },
2023
+ tabIndex: props.tabIndex || '0'
2030
2024
  }, ptm('clearIcon'));
2031
2025
  var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, clearIconProps);
2032
2026
  var clearIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
@@ -2040,10 +2034,11 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
2040
2034
  var createLabel = function createLabel() {
2041
2035
  var content = getLabelContent();
2042
2036
  var labelContainerProps = mergeProps({
2043
- ref: labelRef,
2037
+ ref: labelContainerRef,
2044
2038
  className: cx('labelContainer')
2045
2039
  }, ptm('labelContainer'));
2046
2040
  var labelProps = mergeProps({
2041
+ ref: labelRef,
2047
2042
  className: cx('label', {
2048
2043
  empty: empty
2049
2044
  })
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),i=require("primereact/icons/spinner"),o=require("primereact/icons/times"),a=require("primereact/icons/timescircle"),c=require("primereact/overlayservice"),u=require("primereact/tooltip"),s=require("primereact/utils"),p=require("primereact/csstransition"),f=require("primereact/portal"),d=require("primereact/virtualscroller"),m=require("primereact/icons/check"),b=require("primereact/icons/search"),v=require("primereact/inputtext"),h=require("primereact/ripple");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=g(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return w(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function 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 F(e){return C(e)||N(e)||P(e)||D()}function U(e){throw new TypeError('"'+e+'" is read-only')}function L(e){if(Array.isArray(e))return e}function M(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 A(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return L(e)||M(e,t)||P(e,t)||A()}var H=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,selectOnFocus:!1,focusOnHover:!0,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,variant:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context,l=e.focusedState,r=e.overlayVisibleState;return s.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":l,"p-inputwrapper-filled":s.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":l||r})},label:function(e){var t=e.props,n=e.empty;return s.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return s.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return s.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-multiselect-checkbox",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 3rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return s.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var G=O.memo(O.forwardRef((function(e,r){var i=l.useMergeProps(),o=O.useContext(t.PrimeReactContext),a=R.getProps(e,o),c=T(O.useState(!1),2),p=c[1],f=R.setMetaData({props:a,state:{focused:c[0]},context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),d=f.ptm,b=f.cx;n.useHandleStyle(R.css.styles,f.isUnstyled,{name:"checkbox"});var v=O.useRef(null),h=O.useRef(a.inputRef),y=function(){return a.checked===a.trueValue},g=function(e){if(!a.disabled&&!a.readonly&&a.onChange){var t,n=y()?a.falseValue:a.trueValue;if(null==a||null===(t=a.onChange)||void 0===t||t.call(a,{originalEvent:e,value:a.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:n}}),e.defaultPrevented)return;s.DomHandler.focus(h.current)}};O.useImperativeHandle(r,(function(){return{props:a,focus:function(){return s.DomHandler.focus(h.current)},getElement:function(){return v.current},getInput:function(){return h.current}}})),O.useEffect((function(){s.ObjectUtils.combinedRefs(h,a.inputRef)}),[h,a.inputRef]),l.useUpdateEffect((function(){h.current.checked=y()}),[a.checked,a.trueValue]),l.useMountEffect((function(){a.autoFocus&&s.DomHandler.focus(h.current,a.autoFocus)}));var x,E,S,k,j,w=y(),C=s.ObjectUtils.isNotEmpty(a.tooltip),N=R.getOtherProps(a),P=i({id:a.id,className:s.classNames(a.className,b("root",{checked:w,context:o})),style:a.style,"data-p-highlight":w,"data-p-disabled":a.disabled,onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},N,d("root"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:v},P),(k=s.ObjectUtils.reduceKeys(N,s.DomHandler.ARIA_PROPS),j=i(q({id:a.inputId,type:"checkbox",className:b("input"),name:a.name,tabIndex:a.tabIndex,onFocus:function(e){return p(!0),void(null==a||null===(t=a.onFocus)||void 0===t||t.call(a));var t},onBlur:function(e){return p(!1),void(null==a||null===(t=a.onBlur)||void 0===t||t.call(a));var t},onChange:function(e){return g(e)},disabled:a.disabled,readOnly:a.readOnly,required:a.required,"aria-invalid":a.invalid,checked:w},k),d("input")),O.createElement("input",I({ref:h},j))),(x=i({className:b("icon")},d("icon")),E=i({className:b("box",{checked:w}),"data-p-highlight":w,"data-p-disabled":a.disabled},d("box")),S=s.IconUtils.getJSXIcon(w?a.icon||O.createElement(m.CheckIcon,x):null,q({},x),{props:a,checked:w}),O.createElement("div",E,S))),C&&O.createElement(u.Tooltip,I({target:v,content:a.tooltip,pt:d("tooltip")},a.tooltipOptions)))})));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}G.displayName="Checkbox";var J=O.memo((function(e){var n=l.useMergeProps(),r=e.ptm,i=e.cx,a=e.isUnstyled,c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},u=function(t,n){return r(t,_({hostName:e.hostName},n))},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},f=function(t){if(e.onSelectAll)e.onSelectAll({originalEvent:t,checked:e.selectAll});else{var n=e.isAllSelected()?[]:e.visibleOptions.filter((function(t){return e.isValidOption(t)})).map((function(t){return e.getOptionValue(t)}));e.updateModel(t,n,n)}},d=function(){var t=n({className:i("filterIcon")},u("filterIcon")),l=s.IconUtils.getJSXIcon(e.filterIcon||O.createElement(b.SearchIcon,t),_({},t),{props:e});if(e.filter){var o=n({className:i("filterContainer")},u("filterContainer")),a=O.createElement("div",o,O.createElement(v.InputText,{ref:e.filterRef,type:"text",role:"searchbox",value:e.filterValue,onChange:p,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}}),l);if(e.filterTemplate)a=s.ObjectUtils.getJSXElement(e.filterTemplate,{className:o.className,element:a,filterOptions:c,onFilter:p,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,a)}return null}(),y=e.id?e.id+"_selectall":s.UniqueComponentId(),g=n({htmlFor:y,className:i("headerSelectAllLabel")},u("headerSelectAllLabel")),x=n({className:i("headerCheckboxIcon")},u("headerCheckbox.icon")),I=n({className:i("headerCheckboxContainer")},u("headerCheckboxContainer")),E=s.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(m.CheckIcon,x),_({},x),{selected:e.selected}),S=e.showSelectAll&&O.createElement("div",I,O.createElement(G,{id:y,checked:e.selectAll,onChange:f,role:"checkbox","aria-checked":e.selectAll,icon:E,pt:r("headerCheckbox"),unstyled:a()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),k=n({className:i("closeIcon"),"aria-hidden":!0},u("closeIcon")),j=s.IconUtils.getJSXIcon(e.closeIcon||O.createElement(o.TimesIcon,k),_({},k),{props:e}),w=n({className:i("header")},u("header")),C=n({type:"button",className:i("closeButton"),"aria-label":t.localeOption("close"),onClick:e.onClose},u("closeButton")),N=O.createElement("button",C,j,O.createElement(h.Ripple,null)),P=O.createElement("div",w,S,d,N);return e.template?s.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:S,checked:e.selectAll,onChange:f,filterElement:d,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:P,itemCheckboxIcon:E,props:e}):P}));function X(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?X(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="MultiSelectHeader";var z=O.memo((function(e){var t=T(O.useState(!1),2),n=t[0],r=t[1],i=O.useRef(null),o=l.useMergeProps(),a=e.ptm,c=e.cx,u=e.isUnstyled,p=function(t){return a(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedIndex:e.focusedIndex,index:e.index}})},f=o({className:c("checkboxIcon")},p("checkbox.icon")),d=e.selected?s.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(m.CheckIcon,f),B({},f),{selected:e.selected}):null,b=e.template?s.ObjectUtils.getJSXElement(e.template,e.option):e.label,v=o({className:c("checkboxContainer")},p("checkboxContainer")),y=o({className:s.classNames(e.className,e.option.className,c("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick(t,e.option),t.preventDefault(),t.stopPropagation()},onFocus:function(e){var t;r(!0),null==i||null===(t=i.current)||void 0===t||t.getInput().focus()},onBlur:function(e){r(!1)},onMouseMove:function(t){return null==e?void 0:e.onMouseMove(t,e.index)},role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},p("item"));return O.createElement("li",I({},y,{key:e.index+"_multiselectitem"}),O.createElement("div",v,O.createElement(G,{ref:i,checked:e.selected,icon:d,pt:a("checkbox"),unstyled:u(),tabIndex:-1})),O.createElement("span",null,b),O.createElement(h.Ripple,null))}));function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}z.displayName="MultiSelectItem";var Y=O.memo(O.forwardRef((function(e,n){var r=O.useRef(null),i=O.useRef(null),o=l.useMergeProps(),a=O.useContext(t.PrimeReactContext),c=e.ptm,u=e.cx,m=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,W({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(r.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return r.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&i.current&&s.DomHandler.focus(i.current,!1)}))},g=function(t){r.current&&r.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},x=function(){if(e.panelFooterTemplate){var t=s.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){var l;e.focusOnHover&&(null==e||null===(l=e.changeFocusedOptionIndex)||void 0===l||l.call(e,t,n))},S=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),i=l+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=e.isSelected(t);return O.createElement(z,{hostName:e.hostName,index:l,key:i,focusedOptionIndex:e.focusedOptionIndex,label:r,option:t,style:n,template:e.itemTemplate,selected:a,onClick:e.onOptionSelect,onMouseMove:E,disabled:o,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})}))},k=function(){var n=s.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=o({className:u("emptyMessage")},v("emptyMessage"));return O.createElement("li",I({},l,{key:"emptyFilterMessage"}),n)},j=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?s.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=S(t,r),p=n+"_"+e.getOptionGroupRenderKey(t),f=o({className:u("itemGroup"),style:m("itemGroup",{scrollerOptions:l})},v("itemGroup"));return O.createElement(O.Fragment,{key:p},O.createElement("li",I({},f,{key:p}),i),a)}var d=e.getOptionLabel(t),h=n+"_"+e.getOptionRenderKey(t),y=e.isOptionDisabled(t),g=e.isSelected(t);return O.createElement(z,{hostName:e.hostName,key:h,focusedOptionIndex:e.focusedOptionIndex,label:d,option:t,style:r,index:n,template:e.itemTemplate,selected:g,onClick:e.onOptionSelect,onMouseMove:E,disabled:y,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})},w=function(){if(e.virtualScrollerOptions){var n=W(W({},e.virtualScrollerOptions),{style:W(W({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:s.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(W(W({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:k(),l=o({ref:t.contentRef,style:t.style,className:s.classNames(t.className,u("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("ul",l,n)}});return O.createElement(d.VirtualScroller,I({ref:r},n,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var l,i,a=s.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?k():(l=s.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),i=o({className:u("emptyMessage")},v("emptyMessage")),O.createElement("li",I({},i,{key:"emptyMessage"}),l)),p=o({className:u("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),f=o({className:u("list"),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("div",p,O.createElement("ul",f,a))},C=function(){var t=e.allowOptionSelect(),l=O.createElement(J,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:i,filterValue:e.filterValue,filterTemplate:e.filterTemplate,visibleOptions:e.visibleOptions,isValidOption:e.isValidOption,getOptionValue:e.getOptionValue,updateModel:e.updateModel,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:c,cx:u,isUnstyled:b,metaData:e.metaData}),r=w(),f=x(),d=o({className:s.classNames(e.panelClassName,u("panel",{panelProps:e,context:a,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return O.createElement("div",I({ref:n},d),r,f);var m=o({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,appear:!0,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition")),E=o({ref:e.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenFirstFocusableEl")),S=o({ref:e.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenLastFocusableEl"));return O.createElement(p.CSSTransition,I({nodeRef:n},m),O.createElement("div",I({ref:n},d),O.createElement("span",E),l,r,f,O.createElement("span",S)))}();return e.inline?C:O.createElement(f.Portal,{element:C,appendTo:e.appendTo})})));function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ee(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=te(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function te(e,t){if(e){if("string"==typeof e)return ne(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ne(e,t):void 0}}function ne(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}Y.displayName="MultiSelectPanel";var le=O.memo(O.forwardRef((function(e,p){var f=l.useMergeProps(),d=O.useContext(t.PrimeReactContext),m=H.getProps(e,d),b=T(O.useState(null),2),v=b[0],h=b[1],y=T(O.useState(!1),2),g=y[0],E=y[1],S=T(O.useState(""),2),k=S[0],w=S[1],C=T(O.useState(-1),2),N=C[0],P=C[1],D=T(O.useState(!1),2),L=D[0],M=D[1],A=T(O.useState(m.inline),2),R=A[0],V=A[1],q=O.useRef(null),G=O.useRef(null),K=O.useRef(null),_=O.useRef(null),J=O.useRef(null),X=O.useRef(m.inputRef),B=O.useRef(null),z=O.useRef(null),Z=k&&k.trim().length>0,W=s.ObjectUtils.isEmpty(m.value),$=m.optionValue?null:m.dataKey,te={props:m,state:{filterState:k,focused:L,overlayVisible:R}},ne=H.setMetaData(te),le=ne.ptm,re=ne.cx,ie=ne.sx,oe=ne.isUnstyled;n.useHandleStyle(H.css.styles,oe,{name:"multiselect"});var ae=T(l.useOverlayListener({target:q,overlay:z,listener:function(e,t){t.valid&&("outside"===t.type?!Pe(e)&&!De(e)&&Ce():Ce())},when:R}),2),ce=ae[0],ue=ae[1],se=function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},pe=function(e){var t=Ke()&&e<ut.length-1?ut.slice(e+1).findIndex((function(e){return Be(e)})):-1;return t>-1?t+e+1:-1},fe=function(e){var t=Ke()&&e>0?s.ObjectUtils.findLastIndex(ut.slice(0,e),(function(e){return Be(e)})):-1;return t>-1?t:-1},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Ke()&&(n=t?-1===(n=fe(e))?pe(e):n:-1===(n=pe(e))?fe(e):n),n>-1?n:e},me=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=de(n,!0)),-1===n&&(n=de(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),i=ut.slice(l,r+1).filter((function(e){return Xe(e)})).map((function(e){return He(e)}));Se(e,i,i)}},be=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!m.disabled&&!Ve(t)){var l=null;l=Le(t)?m.value.filter((function(e){return!s.ObjectUtils.equals(e,He(t),$)})):[].concat(F(m.value||[]),[He(t)]),Se(e,l,t),-1!==n&&h(n)}},ve=function(e){if(R){var t=-1!==v?Qe(v):g?Ye():Ze();e.shiftKey&&me(e,N,t),nt(e,t)}else we(),m.editable&&nt(e,ze());e.preventDefault()},he=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==v&&be(e,ut[v]),R&&Ce(),e.preventDefault();else{var t=-1!==v?et(v):g?$e():We();nt(e,t),!R&&we(),e.preventDefault()}},ye=function(e){R?-1!==v&&(e.shiftKey?me(e,v):be(e,ut[v])):(h(-1),ve(e)),e.preventDefault()},ge=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),h(-1)}else{var n=e.metaKey||e.ctrlKey,l=Ye();e.shiftKey&&n&&me(e,l,N),nt(e,l),!R&&we()}e.preventDefault()},Oe=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),U("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=$e();e.shiftKey&&l&&me(e,N,r),nt(e,r),!R&&we()}e.preventDefault()},xe=function(e){e.preventDefault()},Ie=function(e){e.preventDefault()},Ee=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(R&&_e()?(s.DomHandler.focus(e.shiftKey?J.current:_.current),e.preventDefault()):(-1!==v&&be(e,ut[v]),R&&Ce(filter)))},Se=function(e,t,n){m.onChange&&(m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:m.name,id:m.id,value:t}}),s.DomHandler.focus(X.current))},ke=function(){w(""),m.onFilter&&m.onFilter({filter:""})},je=function(e){var t;R&&((t=e?e.currentTarget:s.DomHandler.findSingle(z.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}))},we=function(){V(!0),h(-1!==v?v:m.autoOptionFocus?Ze():ze()),s.DomHandler.focus(X.current)},Ce=function(){h(-1),V(!1),E(!1)},Ne=function(){s.DomHandler.alignOverlay(z.current,B.current.parentElement,m.appendTo||d&&d.appendTo||x.default.appendTo)},Pe=function(e){return"clearicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")},De=function(e){return"headercheckboxcontainer"===s.DomHandler.getAttribute(e.target,"data-pc-section")},Fe=function(e){return z.current&&z.current.contains(e.target)},Ue=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.ObjectUtils.equals(e,He(t),$)}))}))},Le=function(e){if(m.value){var t=He(e),n=qe(e);return m.value.some((function(e){return s.ObjectUtils.equals(n?e:He(e),t,$)}))}return!1},Me=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=ee(m.options);try{for(l.s();!(n=l.n()).done;){if(t=Ae(e,Re(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ae(e,m.options),s.ObjectUtils.isEmpty(t)&&(t=Ae(e,m.value));return t?Te(t):null},Ae=function(e,t){return t.find((function(t){return s.ObjectUtils.equals(He(t),e,$)}))},Te=function(e){return m.optionLabel?s.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},He=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=s.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Re=function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Ve=function(e){var t;if(!se()&&!Le(e))return!0;var n=m.optionDisabled;return n?s.ObjectUtils.isFunction(n)?n(e):s.ObjectUtils.resolveFieldData(e,n):e&&null!==(t=e.disabled)&&void 0!==t&&t},qe=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},Ge=function(e){return m.optionGroupLabel&&e.optionGroup&&e.group},Ke=function(){return s.ObjectUtils.isNotEmpty(m.value)},_e=function(){return s.DomHandler.getFocusableElements(z.current,':not([data-p-hidden-focusable="true"])').length>0},Je=function(e){var t;return Xe(e)&&(null===(t=Te(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(G.current.toLocaleLowerCase(m.filterLocale)))},Xe=function(e){return s.ObjectUtils.isNotEmpty(e)&&!(Ve(e)||Ge(e))},Be=function(e){return Xe(e)&&Le(e)},ze=function(){if(Ke())for(var e,t=function(){var e=m.value[n],t=ut.findIndex((function(t){return Be(t)&&(n=e,l=He(t),s.ObjectUtils.equals(n,l,$));var n,l}));if(t>-1)return{v:t}},n=m.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},Ze=function(){var e=ze();return e<0?Ye():e},We=function(){var e=ze();return e<0?$e():e},Ye=function(){return ut.findIndex((function(e){return Xe(e)}))},$e=function(){return s.ObjectUtils.findLastIndex(ut,(function(e){return Xe(e)}))},Qe=function(e){var t=e<ut.length-1?ut.slice(e+1).findIndex((function(e){return Xe(e)})):-1;return t>-1?t+e+1:e},et=function(e){var t=e>0?s.ObjectUtils.findLastIndex(ut.slice(0,e),(function(e){return Xe(e)})):-1;return t>-1?t:e},tt=function(e){G.current=(G.current||"")+e.key;var t=-1;s.ObjectUtils.isNotEmpty(G.current)&&(-1===(t=-1!==v?-1===(t=ut.slice(v).findIndex((function(e){return Je(e)})))?ut.slice(0,v).findIndex((function(e){return Je(e)})):t+v:ut.findIndex((function(e){return Je(e)})))&&-1===v&&(t=Ze()),-1!==t&&nt(e,t)),K.current&&clearTimeout(K.current),K.current=setTimeout((function(){G.current="",K.current=null}),500)},nt=function(e,t){v!==t&&(h(t),je(e),m.selectOnFocus&&be(e,ut[t],!1))},lt=function(e,t){e.stopPropagation();var n=m.value.filter((function(e){return!s.ObjectUtils.equals(e,t,$)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Se(e,n,t)},rt=function(){var e=/{(.*?)}/,n=m.selectedItemsLabel||t.localeOption("selectionMessage");return e.test(n)?n.replace(n.match(e)[0],m.value.length+""):n},it=function(){if(!W&&!m.fixedPlaceholder)return s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?rt():s.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Me(t)}),""):""};O.useImperativeHandle(p,(function(){return{props:m,show:we,hide:Ce,focus:function(){return s.DomHandler.focus(X.current)},getElement:function(){return q.current},getOverlay:function(){return z.current},getInput:function(){return X.current}}})),l.useMountEffect((function(){Ne()})),O.useEffect((function(){s.ObjectUtils.combinedRefs(X,m.inputRef)}),[X,m.inputRef]),O.useEffect((function(){!0===m.overlayVisible?we():!1===m.overlayVisible&&Ce()}),[m.overlayVisible]),l.useUpdateEffect((function(){R&&k&&Z&&Ne()}),[R,k,Z]),l.useUnmountEffect((function(){s.ZIndexUtils.clear(z.current)}));var ot,at,ct,ut=function(){if(Z){var e=k.trim().toLocaleLowerCase(m.filterLocale),n=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],i=ee(m.options);try{for(i.s();!(l=i.n()).done;){var o=l.value,a=t.FilterService.filter(Re(o),n,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push(Q(Q({},o),j({},m.optionGroupChildren,a)))}}catch(e){i.e(e)}finally{i.f()}return r}return t.FilterService.filter(m.options,n,e,m.filterMatchMode,m.filterLocale)}return m.options}(),st=s.ObjectUtils.isNotEmpty(m.tooltip),pt=H.getOtherProps(m),ft=s.ObjectUtils.reduceKeys(pt,s.DomHandler.ARIA_PROPS),dt=f({className:re("triggerIcon")},le("triggerIcon")),mt=f({className:re("trigger")},le("trigger")),bt=m.loadingIcon?s.IconUtils.getJSXIcon(m.loadingIcon,Q({},dt),{props:m}):O.createElement(i.SpinnerIcon,I({spin:!0},dt)),vt=m.dropdownIcon?s.IconUtils.getJSXIcon(m.dropdownIcon,Q({},dt),{props:m}):O.createElement(r.ChevronDownIcon,dt),ht=O.createElement("div",mt,m.loading?bt:vt),yt=!m.inline&&(ot=m.selectedItemTemplate?W?s.ObjectUtils.getJSXElement(m.selectedItemTemplate):s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?rt():m.value.map((function(e,t){var n=s.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==m.display||W?it():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n={context:{value:e,index:t}},l=Me(e),r=l+"_"+t,i=f({className:re("removeTokenIcon"),onClick:function(t){return lt(t,e)}},le("removeTokenIcon",n)),o=!m.disabled&&(m.removeIcon?s.IconUtils.getJSXIcon(m.removeIcon,Q({},i),{props:m}):O.createElement(a.TimesCircleIcon,i)),c=f({className:re("token")},le("token",n)),u=f({className:re("tokenLabel")},le("tokenLabel",n));return O.createElement("div",I({},c,{key:r}),O.createElement("span",u,l),o)})),at=f({ref:B,className:re("labelContainer")},le("labelContainer")),ct=f({className:re("label",{empty:W})},le("label")),O.createElement("div",at,O.createElement("div",ct,ot||m.placeholder||m.emptyMessage||"empty"))),gt=!m.inline&&function(){var e=f({className:re("clearIcon"),onClick:function(e){return Se(e,[],[])}},le("clearIcon")),t=s.IconUtils.getJSXIcon(m.clearIcon||O.createElement(o.TimesIcon,e),Q({},e),{props:m});return W||!m.showClear||m.disabled?null:t}(),Ot=f(Q(Q({ref:q,id:m.id,style:Q(Q({},m.style),ie("root")),className:s.classNames(m.className,re("root",{focusedState:L,context:d,overlayVisibleState:R}))},pt),{},{onClick:function(e){m.inline||m.disabled||m.loading||Fe(e)||Pe(e)||(R?Ce():we(),s.DomHandler.focus(X.current),e.preventDefault()),E(!0)}}),H.getOtherProps(m),le("root")),xt=f({className:"p-hidden-accessible","data-p-hidden-accessible":!0},le("hiddenInputWrapper")),It=f(Q({ref:X,id:m.inputId,name:m.name,type:"text",onFocus:function(e){M(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){M(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(m.inline)break;he(e);break;case"ArrowDown":if(m.inline)break;ve(e);break;case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;ye(e);break;case"Home":if(m.inline)break;ge(e),e.preventDefault();break;case"End":if(m.inline)break;Oe(e),e.preventDefault();break;case"PageDown":Ie(e);break;case"PageUp":xe(e);break;case"Escape":if(m.inline)break;Ce();break;case"Tab":Ee(e);break;case"ShiftLeft":case"ShiftRight":P(v);break;default:if("a"===e.key&&t){var n=ut.filter((function(e){return Xe(e)})).map((function(e){return He(e)}));Se(e,n,n),e.preventDefault();break}!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&(!R&&we(),tt(e),e.preventDefault())}E(!1)},role:"combobox","aria-expanded":R,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex,value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return Array.isArray(e)?e.map((function(e){return Me(e)})).join(", "):e}(m.value)},ft),le("input"));return O.createElement(O.Fragment,null,O.createElement("div",Ot,O.createElement("div",xt,O.createElement("input",I({},It,{readOnly:!0}))),!m.inline&&O.createElement(O.Fragment,null,yt,gt,ht),O.createElement(Y,I({hostName:"MultiSelect",ref:z,visibleOptions:ut},m,{onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:q.current})},onOverlayHide:Ce,filterValue:k,focusedOptionIndex:v,onFirstHiddenFocus:function(e){var t=e.relatedTarget===X.current?s.DomHandler.getFirstFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):X.current;s.DomHandler.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===X.current?s.DomHandler.getLastFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):X.current;s.DomHandler.focus(t)},firstHiddenFocusableElementOnOverlay:_,lastHiddenFocusableElementOnOverlay:J,setFocusedOptionIndex:h,hasFilter:Z,isValidOption:Xe,getOptionValue:He,updateModel:Se,onFilterInputChange:function(e){var t=e.query;w(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:ke,onCloseClick:function(e){Ce(),s.DomHandler.focus(X.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ut){var n=ut.filter((function(e){return Ve(e)&&Le(e)}));t=n.map((function(e){return He(e)}))}}else if(ut){var l=ut.filter((function(e){return!Ve(e)||Le(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(F(t),F(Re(e).filter((function(e){return!Ve(e)})).map((function(e){return He(e)}))))}))):t=l.map((function(e){return He(e)}))}m.selectionLimit&&t&&t.length&&(t=t.slice(0,m.selectionLimit)),Se(e.originalEvent,t,t)}},getOptionLabel:Te,getOptionRenderKey:function(e){return m.dataKey?s.ObjectUtils.resolveFieldData(e,m.dataKey):Te(e)},isOptionDisabled:Ve,getOptionGroupChildren:Re,getOptionGroupLabel:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:Le,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==Ue(m.value,Re(t))}));return-1!==t?{group:e,option:t}:-1}return Ue(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(s.ObjectUtils.isEmpty(ut))return!1;var e=ut.filter((function(e){return!Ve(e)}));if(m.optionGroupLabel){var t,n=!0,l=ee(e);try{for(l.s();!(t=l.n()).done;){!0===Re(t.value).filter((function(e){return!Ve(e)})).some((function(e){return!Le(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!Le(e)}))},onOptionSelect:be,allowOptionSelect:se,in:R,onEnter:function(e){s.ZIndexUtils.set("overlay",z.current,d&&d.autoZIndex||x.default.autoZIndex,d&&d.zIndex.overlay||x.default.zIndex.overlay),s.DomHandler.addStyles(z.current,{position:"absolute",top:"0",left:"0"}),Ne(),je(),e&&e()},onEntered:function(e){e&&e(),ce(),m.onShow&&m.onShow()},onExit:function(){ue()},onExited:function(){m.filter&&m.resetFilterOnHide&&ke(),s.ZIndexUtils.clear(z.current),m.onHide&&m.onHide()},ptm:le,cx:re,sx:ie,isUnstyled:oe,metaData:te,changeFocusedOptionIndex:nt}))),st&&O.createElement(u.Tooltip,I({target:q,content:m.tooltip,pt:le("tooltip")},m.tooltipOptions)))})));le.displayName="MultiSelect",exports.MultiSelect=le;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/hooks"),r=require("primereact/icons/chevrondown"),i=require("primereact/icons/spinner"),o=require("primereact/icons/times"),a=require("primereact/icons/timescircle"),c=require("primereact/overlayservice"),u=require("primereact/tooltip"),s=require("primereact/utils"),p=require("primereact/csstransition"),f=require("primereact/portal"),d=require("primereact/virtualscroller"),m=require("primereact/icons/check"),b=require("primereact/icons/search"),v=require("primereact/inputtext"),h=require("primereact/ripple");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var O=g(e),x=y(t);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return w(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function 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 F(e){throw new TypeError('"'+e+'" is read-only')}function U(e){if(Array.isArray(e))return e}function L(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 A(){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 M(e,t){return U(e)||L(e,t)||P(e,t)||A()}var T=n.ComponentBase.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,selectOnFocus:!1,focusOnHover:!0,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,variant:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context,l=e.focusedState,r=e.overlayVisibleState;return s.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":l,"p-inputwrapper-filled":s.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":l||r})},label:function(e){var t=e.props,n=e.empty;return s.classNames("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var t=e.panelProps,n=e.context;return s.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":t.inline,"p-multiselect-flex":t.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===x.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===x.default.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return s.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-multiselect-checkbox",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 3rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),R=n.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return s.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function H(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?H(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var q=O.memo(O.forwardRef((function(e,r){var i=l.useMergeProps(),o=O.useContext(t.PrimeReactContext),a=R.getProps(e,o),c=M(O.useState(!1),2),p=c[1],f=R.setMetaData({props:a,state:{focused:c[0]},context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),d=f.ptm,b=f.cx;n.useHandleStyle(R.css.styles,f.isUnstyled,{name:"checkbox"});var v=O.useRef(null),h=O.useRef(a.inputRef),y=function(){return a.checked===a.trueValue},g=function(e){if(!a.disabled&&!a.readonly&&a.onChange){var t,n=y()?a.falseValue:a.trueValue;if(null==a||null===(t=a.onChange)||void 0===t||t.call(a,{originalEvent:e,value:a.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:n}}),e.defaultPrevented)return;s.DomHandler.focus(h.current)}};O.useImperativeHandle(r,(function(){return{props:a,focus:function(){return s.DomHandler.focus(h.current)},getElement:function(){return v.current},getInput:function(){return h.current}}})),O.useEffect((function(){s.ObjectUtils.combinedRefs(h,a.inputRef)}),[h,a.inputRef]),l.useUpdateEffect((function(){h.current.checked=y()}),[a.checked,a.trueValue]),l.useMountEffect((function(){a.autoFocus&&s.DomHandler.focus(h.current,a.autoFocus)}));var x,E,S,k,j,w=y(),C=s.ObjectUtils.isNotEmpty(a.tooltip),N=R.getOtherProps(a),P=i({id:a.id,className:s.classNames(a.className,b("root",{checked:w,context:o})),style:a.style,"data-p-highlight":w,"data-p-disabled":a.disabled,onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},N,d("root"));return O.createElement(O.Fragment,null,O.createElement("div",I({ref:v},P),(k=s.ObjectUtils.reduceKeys(N,s.DomHandler.ARIA_PROPS),j=i(V({id:a.inputId,type:"checkbox",className:b("input"),name:a.name,tabIndex:a.tabIndex,onFocus:function(e){return t=e,p(!0),void(null==a||null===(n=a.onFocus)||void 0===n||n.call(a,t));var t,n},onBlur:function(e){return t=e,p(!1),void(null==a||null===(n=a.onBlur)||void 0===n||n.call(a,t));var t,n},onChange:function(e){return g(e)},disabled:a.disabled,readOnly:a.readOnly,required:a.required,"aria-invalid":a.invalid,checked:w},k),d("input")),O.createElement("input",I({ref:h},j))),(x=i({className:b("icon")},d("icon")),E=i({className:b("box",{checked:w}),"data-p-highlight":w,"data-p-disabled":a.disabled},d("box")),S=s.IconUtils.getJSXIcon(w?a.icon||O.createElement(m.CheckIcon,x):null,V({},x),{props:a,checked:w}),O.createElement("div",E,S))),C&&O.createElement(u.Tooltip,I({target:v,content:a.tooltip,pt:d("tooltip")},a.tooltipOptions)))})));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}q.displayName="Checkbox";var _=O.memo((function(e){var n=l.useMergeProps(),r=e.ptm,i=e.cx,a=e.isUnstyled,c={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},u=function(t,n){return r(t,G({hostName:e.hostName},n))},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},f=function(t){if(e.onSelectAll)e.onSelectAll({originalEvent:t,checked:e.selectAll});else{var n=e.isAllSelected()?[]:e.visibleOptions.filter((function(t){return e.isValidOption(t)})).map((function(t){return e.getOptionValue(t)}));e.updateModel(t,n,n)}},d=function(){var t=n({className:i("filterIcon")},u("filterIcon")),l=s.IconUtils.getJSXIcon(e.filterIcon||O.createElement(b.SearchIcon,t),G({},t),{props:e});if(e.filter){var o=n({className:i("filterContainer")},u("filterContainer")),a=O.createElement("div",o,O.createElement(v.InputText,{ref:e.filterRef,type:"text",role:"searchbox",value:e.filterValue,onChange:p,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}}),l);if(e.filterTemplate)a=s.ObjectUtils.getJSXElement(e.filterTemplate,{className:o.className,element:a,filterOptions:c,onFilter:p,filterIconClassName:e.filterIconClassName,props:e});return O.createElement(O.Fragment,null,a)}return null}(),y=e.id?e.id+"_selectall":s.UniqueComponentId(),g=n({htmlFor:y,className:i("headerSelectAllLabel")},u("headerSelectAllLabel")),x=n({className:i("headerCheckboxIcon")},u("headerCheckbox.icon")),I=n({className:i("headerCheckboxContainer")},u("headerCheckboxContainer")),E=s.IconUtils.getJSXIcon(e.itemCheckboxIcon||O.createElement(m.CheckIcon,x),G({},x),{selected:e.selected}),S=e.showSelectAll&&O.createElement("div",I,O.createElement(q,{id:y,checked:e.selectAll,onChange:f,role:"checkbox","aria-checked":e.selectAll,icon:E,pt:r("headerCheckbox"),unstyled:a()}),!e.filter&&O.createElement("label",g,e.selectAllLabel)),k=n({className:i("closeIcon"),"aria-hidden":!0},u("closeIcon")),j=s.IconUtils.getJSXIcon(e.closeIcon||O.createElement(o.TimesIcon,k),G({},k),{props:e}),w=n({className:i("header")},u("header")),C=n({type:"button",className:i("closeButton"),"aria-label":t.ariaLabel("close"),onClick:e.onClose},u("closeButton")),N=O.createElement("button",C,j,O.createElement(h.Ripple,null)),P=O.createElement("div",w,S,d,N);return e.template?s.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:S,checked:e.selectAll,onChange:f,filterElement:d,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:P,itemCheckboxIcon:E,props:e}):P}));function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}_.displayName="MultiSelectHeader";var X=O.memo((function(e){var t=M(O.useState(!1),2),n=t[0],r=t[1],i=O.useRef(null),o=l.useMergeProps(),a=e.ptm,c=e.cx,u=e.isUnstyled,p=function(t){return a(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedIndex:e.focusedIndex,index:e.index}})},f=o({className:c("checkboxIcon")},p("checkbox.icon")),d=e.selected?s.IconUtils.getJSXIcon(e.checkboxIcon||O.createElement(m.CheckIcon,f),J({},f),{selected:e.selected}):null,b=e.template?s.ObjectUtils.getJSXElement(e.template,e.option):e.label,v=o({className:c("checkboxContainer")},p("checkboxContainer")),y=o({className:s.classNames(e.className,e.option.className,c("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick(t,e.option),t.preventDefault(),t.stopPropagation()},onFocus:function(e){var t;r(!0),null==i||null===(t=i.current)||void 0===t||t.getInput().focus()},onBlur:function(e){r(!1)},onMouseMove:function(t){return null==e?void 0:e.onMouseMove(t,e.index)},role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},p("item"));return O.createElement("li",I({},y,{key:e.index+"_multiselectitem"}),O.createElement("div",v,O.createElement(q,{ref:i,checked:e.selected,icon:d,pt:a("checkbox"),unstyled:u(),tabIndex:-1})),O.createElement("span",null,b),O.createElement(h.Ripple,null))}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}X.displayName="MultiSelectItem";var Z=O.memo(O.forwardRef((function(e,n){var r=O.useRef(null),i=O.useRef(null),o=l.useMergeProps(),a=O.useContext(t.PrimeReactContext),c=e.ptm,u=e.cx,m=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,W({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(r.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return r.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&i.current&&s.DomHandler.focus(i.current,!1)}))},g=function(t){r.current&&r.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},x=function(){if(e.panelFooterTemplate){var t=s.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return O.createElement("div",{className:"p-multiselect-footer"},t)}return null},E=function(t,n){var l;e.focusOnHover&&(null==e||null===(l=e.changeFocusedOptionIndex)||void 0===l||l.call(e,t,n))},S=function(){var n=s.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage"),l=o({className:u("emptyMessage")},v("emptyMessage"));return O.createElement("li",I({},l,{key:"emptyFilterMessage"}),n)},k=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(t.group&&e.optionGroupLabel){var i=e.optionGroupTemplate?s.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=n+"_"+e.getOptionGroupRenderKey(t),p=o({className:u("itemGroup"),style:m("itemGroup",{scrollerOptions:l})},v("itemGroup"));return O.createElement("li",I({key:a},p),i)}var f=e.getOptionLabel(t),d=n+"_"+e.getOptionRenderKey(t),h=e.isOptionDisabled(t),y=e.isSelected(t);return O.createElement(X,{hostName:e.hostName,key:d,focusedOptionIndex:e.focusedOptionIndex,label:f,option:t,style:r,index:n,template:e.itemTemplate,selected:y,onClick:e.onOptionSelect,onMouseMove:E,disabled:h,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})},j=function(){if(e.virtualScrollerOptions){var n=W(W({},e.virtualScrollerOptions),{style:W(W({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:s.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(W(W({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&k(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S(),l=o({ref:t.contentRef,style:t.style,className:s.classNames(t.className,u("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("ul",l,n)}});return O.createElement(d.VirtualScroller,I({ref:r},n,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var l,i,a=s.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(k):e.hasFilter?S():(l=s.ObjectUtils.getJSXElement(e.emptyMessage,e)||t.localeOption("emptyMessage"),i=o({className:u("emptyMessage")},v("emptyMessage")),O.createElement("li",I({},i,{key:"emptyMessage"}),l)),p=o({className:u("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),f=o({className:u("list"),role:"listbox","aria-multiselectable":!0},v("list"));return O.createElement("div",p,O.createElement("ul",f,a))},w=function(){var t=e.allowOptionSelect(),l=O.createElement(_,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:i,filterValue:e.filterValue,filterTemplate:e.filterTemplate,visibleOptions:e.visibleOptions,isValidOption:e.isValidOption,getOptionValue:e.getOptionValue,updateModel:e.updateModel,onFilter:g,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),selectAllLabel:e.selectAllLabel,onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon,ptm:c,cx:u,isUnstyled:b,metaData:e.metaData}),r=j(),f=x(),d=o({className:s.classNames(e.panelClassName,u("panel",{panelProps:e,context:a,allowOptionSelect:t})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return O.createElement("div",I({ref:n},d),r,f);var m=o({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,appear:!0,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition")),E=o({ref:e.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenFirstFocusableEl")),S=o({ref:e.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenLastFocusableEl"));return O.createElement(p.CSSTransition,I({nodeRef:n},m),O.createElement("div",I({ref:n},d),O.createElement("span",E),l,r,f,O.createElement("span",S)))}();return e.inline?w:O.createElement(f.Portal,{element:w,appendTo:e.appendTo})})));function Y(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 $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ee(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 ee(e,t){if(e){if("string"==typeof e)return te(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)?te(e,t):void 0}}function te(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}Z.displayName="MultiSelectPanel";var ne=O.memo(O.forwardRef((function(e,p){var f=l.useMergeProps(),d=O.useContext(t.PrimeReactContext),m=T.getProps(e,d),b=M(O.useState(null),2),v=b[0],h=b[1],y=M(O.useState(!1),2),g=y[0],E=y[1],S=M(O.useState(""),2),k=S[0],w=S[1],U=M(O.useState(-1),2),L=U[0],A=U[1],R=M(O.useState(!1),2),H=R[0],V=R[1],q=M(O.useState(m.inline),2),K=q[0],G=q[1],_=O.useRef(null),B=O.useRef(null),J=O.useRef(null),X=O.useRef(null),z=O.useRef(null),W=O.useRef(m.inputRef),Y=O.useRef(null),ee=O.useRef(null),te=O.useRef(null),ne=k&&k.trim().length>0,le=s.ObjectUtils.isEmpty(m.value),re=m.optionValue?null:m.dataKey,ie={props:m,state:{filterState:k,focused:H,overlayVisible:K}},oe=T.setMetaData(ie),ae=oe.ptm,ce=oe.cx,ue=oe.sx,se=oe.isUnstyled;n.useHandleStyle(T.css.styles,se,{name:"multiselect"});var pe=M(l.useOverlayListener({target:_,overlay:ee,listener:function(e,t){t.valid&&("outside"===t.type?!Le(e)&&!Ae(e)&&Fe():Fe())},when:K}),2),fe=pe[0],de=pe[1],me=function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},be=function(e){var t=Xe()&&e<ht.length-1?ht.slice(e+1).findIndex((function(e){return Ye(e)})):-1;return t>-1?t+e+1:-1},ve=function(e){var t=Xe()&&e>0?s.ObjectUtils.findLastIndex(ht.slice(0,e),(function(e){return Ye(e)})):-1;return t>-1?t:-1},he=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Xe()&&(n=t?-1===(n=ve(e))?be(e):n:-1===(n=be(e))?ve(e):n),n>-1?n:e},ye=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=he(n,!0)),-1===n&&(n=he(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),i=ht.slice(l,r+1).filter((function(e){return Ze(e)})).map((function(e){return Ke(e)}));Ce(e,i,i)}},ge=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!m.disabled&&!_e(t)){var l,r=null;r=Re(t)?m.value.filter((function(e){return!s.ObjectUtils.equals(e,Ke(t),re)})):[].concat(C(l=m.value||[])||N(l)||P(l)||D(),[Ke(t)]),Ce(e,r,t),-1!==n&&h(n)}},Oe=function(e){if(K){var t=-1!==v?lt(v):g?tt():Qe();e.shiftKey&&ye(e,L,t),ot(e,t)}else De(),m.editable&&ot(e,$e());e.preventDefault()},xe=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==v&&ge(e,ht[v]),K&&Fe(),e.preventDefault();else{var t=-1!==v?rt(v):g?nt():et();ot(e,t),!K&&De(),e.preventDefault()}},Ie=function(e){K?-1!==v&&(e.shiftKey?ye(e,v):ge(e,ht[v])):(h(-1),Oe(e)),e.preventDefault()},Ee=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),h(-1)}else{var n=e.metaKey||e.ctrlKey,l=tt();e.shiftKey&&n&&ye(e,l,L),ot(e,l),!K&&De()}e.preventDefault()},Se=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),F("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=nt();e.shiftKey&&l&&ye(e,L,r),ot(e,r),!K&&De()}e.preventDefault()},ke=function(e){e.preventDefault()},je=function(e){e.preventDefault()},we=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(K&&ze()?(s.DomHandler.focus(e.shiftKey?z.current:X.current),e.preventDefault()):(-1!==v&&ge(e,ht[v]),K&&Fe(filter)))},Ce=function(e,t,n){m.onChange&&(m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:m.name,id:m.id,value:t}}),s.DomHandler.focus(W.current))},Ne=function(){w(""),m.onFilter&&m.onFilter({filter:""})},Pe=function(e){var t;K&&((t=e?e.currentTarget:s.DomHandler.findSingle(ee.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}))},De=function(){G(!0),h(-1!==v?v:m.autoOptionFocus?Qe():$e()),s.DomHandler.focus(W.current)},Fe=function(){h(-1),G(!1),E(!1)},Ue=function(){!m.inline&&s.DomHandler.alignOverlay(ee.current,Y.current.parentElement,m.appendTo||d&&d.appendTo||x.default.appendTo)},Le=function(e){return"clearicon"===s.DomHandler.getAttribute(e.target,"data-pc-section")},Ae=function(e){return"headercheckboxcontainer"===s.DomHandler.getAttribute(e.target,"data-pc-section")},Me=function(e){return ee.current&&ee.current.contains(e.target)},Te=function(e,t){return t.findIndex((function(t){return e.some((function(e){return s.ObjectUtils.equals(e,Ke(t),re)}))}))},Re=function(e){if(m.value){var t=Ke(e),n=Be(e);return m.value.some((function(e){return s.ObjectUtils.equals(n?e:Ke(e),t,re)}))}return!1},He=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=Q(m.options);try{for(l.s();!(n=l.n()).done;){if(t=Ve(e,Ge(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ve(e,m.options),s.ObjectUtils.isEmpty(t)&&(t=Ve(e,m.value));return t?qe(t):null},Ve=function(e,t){return t.find((function(t){return s.ObjectUtils.equals(Ke(t),e,re)}))},qe=function(e){return m.optionLabel?s.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},Ke=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=s.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Ge=function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},_e=function(e){var t;if(!me()&&!Re(e))return!0;var n=m.optionDisabled;return n?s.ObjectUtils.isFunction(n)?n(e):s.ObjectUtils.resolveFieldData(e,n):e&&null!==(t=e.disabled)&&void 0!==t&&t},Be=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},Je=function(e){return m.optionGroupLabel&&e.group},Xe=function(){return s.ObjectUtils.isNotEmpty(m.value)},ze=function(){return s.DomHandler.getFocusableElements(ee.current,':not([data-p-hidden-focusable="true"])').length>0},We=function(e){var t;return Ze(e)&&(null===(t=qe(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(B.current.toLocaleLowerCase(m.filterLocale)))},Ze=function(e){return s.ObjectUtils.isNotEmpty(e)&&!(_e(e)||Je(e))},Ye=function(e){return Ze(e)&&Re(e)},$e=function(){if(Xe())for(var e,t=function(){var e=m.value[n],t=ht.findIndex((function(t){return Ye(t)&&(n=e,l=Ke(t),s.ObjectUtils.equals(n,l,re));var n,l}));if(t>-1)return{v:t}},n=m.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},Qe=function(){var e=$e();return e<0?tt():e},et=function(){var e=$e();return e<0?nt():e},tt=function(){return ht.findIndex((function(e){return Ze(e)}))},nt=function(){return s.ObjectUtils.findLastIndex(ht,(function(e){return Ze(e)}))},lt=function(e){var t=e<ht.length-1?ht.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},rt=function(e){var t=e>0?s.ObjectUtils.findLastIndex(ht.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},it=function(e){B.current=(B.current||"")+e.key;var t=-1;s.ObjectUtils.isNotEmpty(B.current)&&(-1===(t=-1!==v?-1===(t=ht.slice(v).findIndex((function(e){return We(e)})))?ht.slice(0,v).findIndex((function(e){return We(e)})):t+v:ht.findIndex((function(e){return We(e)})))&&-1===v&&(t=Qe()),-1!==t&&ot(e,t)),J.current&&clearTimeout(J.current),J.current=setTimeout((function(){B.current="",J.current=null}),500)},ot=function(e,t){v!==t&&(h(t),Pe(e),m.selectOnFocus&&ge(e,ht[t],!1))},at=function(e,t){if(e.stopPropagation(),ct(e.currentTarget)){var n=m.value.filter((function(e){return!s.ObjectUtils.equals(e,t,re)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Ce(e,n,t)}},ct=function(e){var t=te.current;if(!(t.clientWidth<t.scrollWidth))return!0;var n=e.closest('[data-pc-section="token"]'),l=window.getComputedStyle(t),r=window.getComputedStyle(n),i=t.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight);return n.getBoundingClientRect().right+parseFloat(r.marginRight)-t.getBoundingClientRect().left<=i},ut=function(){var e=/{(.*?)}/,n=m.selectedItemsLabel||t.localeOption("selectionMessage");return e.test(n)?n.replace(n.match(e)[0],m.value.length+""):n},st=function(){if(!le&&!m.fixedPlaceholder)return s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?ut():s.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+He(t)}),""):""},pt=function(e){return(e||[]).reduce((function(e,t,n){e.push($($({},t),{},{group:!0,index:n}));var l=Ge(t);return l&&l.forEach((function(t){return e.push(t)})),e}),[])},ft=function(e){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;Ce(e,[],[])}},dt=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;at(e,t)}};O.useImperativeHandle(p,(function(){return{props:m,show:De,hide:Fe,focus:function(){return s.DomHandler.focus(W.current)},getElement:function(){return _.current},getOverlay:function(){return ee.current},getInput:function(){return W.current}}})),l.useMountEffect((function(){Ue()})),O.useEffect((function(){s.ObjectUtils.combinedRefs(W,m.inputRef)}),[W,m.inputRef]),O.useEffect((function(){!0===m.overlayVisible?De():!1===m.overlayVisible&&Fe()}),[m.overlayVisible]),l.useUpdateEffect((function(){K&&k&&ne&&Ue()}),[K,k,ne]),l.useUnmountEffect((function(){s.ZIndexUtils.clear(ee.current)}));var mt,bt,vt,ht=function(){var e=m.optionGroupLabel?pt(m.options):m.options;if(ne){var n=k.trim().toLocaleLowerCase(m.filterLocale),l=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var r,i=[],o=Q(m.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,c=t.FilterService.filter(Ge(a),l,n,m.filterMatchMode,m.filterLocale);c&&c.length&&i.push($($({},a),j({},m.optionGroupChildren,c)))}}catch(e){o.e(e)}finally{o.f()}return pt(i)}return t.FilterService.filter(e,l,n,m.filterMatchMode,m.filterLocale)}return e}(),yt=s.ObjectUtils.isNotEmpty(m.tooltip),gt=T.getOtherProps(m),Ot=s.ObjectUtils.reduceKeys(gt,s.DomHandler.ARIA_PROPS),xt=f({className:ce("triggerIcon")},ae("triggerIcon")),It=f({className:ce("trigger")},ae("trigger")),Et=m.loadingIcon?s.IconUtils.getJSXIcon(m.loadingIcon,$({},xt),{props:m}):O.createElement(i.SpinnerIcon,I({spin:!0},xt)),St=m.dropdownIcon?s.IconUtils.getJSXIcon(m.dropdownIcon,$({},xt),{props:m}):O.createElement(r.ChevronDownIcon,xt),kt=O.createElement("div",It,m.loading?Et:St),jt=!m.inline&&(mt=m.selectedItemTemplate?le?s.ObjectUtils.getJSXElement(m.selectedItemTemplate):s.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?ut():m.value.map((function(e,t){var n=s.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return O.createElement(O.Fragment,{key:t},n)})):"chip"!==m.display||le?st():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,n){var l={context:{value:e,index:n}},r=He(e),i=r+"_"+n,o=f({"aria-label":t.localeOption("removeTokenIcon"),className:ce("removeTokenIcon"),onClick:function(t){return at(t,e)},onKeyDown:function(t){return dt(t,e)},tabIndex:m.tabIndex||"0"},ae("removeTokenIcon",l)),c=!m.disabled&&(m.removeIcon?s.IconUtils.getJSXIcon(m.removeIcon,$({},o),{props:m}):O.createElement(a.TimesCircleIcon,o)),u=f({className:ce("token")},ae("token",l)),p=f({className:ce("tokenLabel")},ae("tokenLabel",l));return O.createElement("div",I({},u,{key:i}),O.createElement("span",p,r),c)})),bt=f({ref:Y,className:ce("labelContainer")},ae("labelContainer")),vt=f({ref:te,className:ce("label",{empty:le})},ae("label")),O.createElement("div",bt,O.createElement("div",vt,mt||m.placeholder||m.emptyMessage||"empty"))),wt=!m.inline&&function(){var e=f({className:ce("clearIcon"),"aria-label":t.localeOption("clear"),onClick:function(e){return Ce(e,[],[])},onKeyDown:function(e){return ft(e)},tabIndex:m.tabIndex||"0"},ae("clearIcon")),n=s.IconUtils.getJSXIcon(m.clearIcon||O.createElement(o.TimesIcon,e),$({},e),{props:m});return le||!m.showClear||m.disabled?null:n}(),Ct=f($($({ref:_,id:m.id,style:$($({},m.style),ue("root")),className:s.classNames(m.className,ce("root",{focusedState:H,context:d,overlayVisibleState:K}))},gt),{},{onClick:function(e){m.inline||m.disabled||m.loading||Me(e)||Le(e)||(K?Fe():De(),s.DomHandler.focus(W.current),e.preventDefault()),E(!0)}}),T.getOtherProps(m),ae("root")),Nt=f({className:"p-hidden-accessible","data-p-hidden-accessible":!0},ae("hiddenInputWrapper")),Pt=f($({ref:W,id:m.inputId,name:m.name,type:"text",onFocus:function(e){V(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){V(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(m.inline)break;xe(e);break;case"ArrowDown":if(m.inline)break;Oe(e);break;case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;Ie(e);break;case"Home":if(m.inline)break;Ee(e),e.preventDefault();break;case"End":if(m.inline)break;Se(e),e.preventDefault();break;case"PageDown":je(e);break;case"PageUp":ke(e);break;case"Escape":if(m.inline)break;Fe();break;case"Tab":we(e);break;case"ShiftLeft":case"ShiftRight":A(v);break;default:if("a"===e.key&&t){var n=ht.filter((function(e){return Ze(e)})).map((function(e){return Ke(e)}));Ce(e,n,n),e.preventDefault();break}!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&(!K&&De(),it(e),e.preventDefault())}E(!1)},role:"combobox","aria-expanded":K,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex,value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return Array.isArray(e)?e.map((function(e){return He(e)})).join(", "):e}(m.value)},Ot),ae("input"));return O.createElement(O.Fragment,null,O.createElement("div",Ct,O.createElement("div",Nt,O.createElement("input",I({},Pt,{readOnly:!0}))),!m.inline&&O.createElement(O.Fragment,null,jt,wt,kt),O.createElement(Z,I({hostName:"MultiSelect",ref:ee,visibleOptions:ht},m,{onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},onOverlayHide:Fe,filterValue:k,focusedOptionIndex:v,onFirstHiddenFocus:function(e){var t=e.relatedTarget===W.current?s.DomHandler.getFirstFocusableElement(ee.current,':not([data-p-hidden-focusable="true"])'):W.current;s.DomHandler.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===W.current?s.DomHandler.getLastFocusableElement(ee.current,':not([data-p-hidden-focusable="true"])'):W.current;s.DomHandler.focus(t)},firstHiddenFocusableElementOnOverlay:X,lastHiddenFocusableElementOnOverlay:z,setFocusedOptionIndex:h,hasFilter:ne,isValidOption:Ze,getOptionValue:Ke,updateModel:Ce,onFilterInputChange:function(e){var t=e.query;w(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:Ne,onCloseClick:function(e){Fe(),s.DomHandler.focus(W.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked)t=[];else{var n=ht.filter((function(e){return Ze(e)&&!_e(e)}));n&&(t=n.map((function(e){return Ke(e)})))}m.selectionLimit&&t&&t.length&&(t=t.slice(0,m.selectionLimit)),Ce(e.originalEvent,t,t)}},getOptionLabel:qe,getOptionRenderKey:function(e){return m.dataKey?s.ObjectUtils.resolveFieldData(e,m.dataKey):qe(e)},isOptionDisabled:_e,getOptionGroupChildren:Ge,getOptionGroupLabel:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return s.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:Re,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==Te(m.value,Ge(t))}));return-1!==t?{group:e,option:t}:-1}return Te(m.value,m.options)}return-1},isAllSelected:function(){return m.onSelectAll?m.selectAll:!s.ObjectUtils.isEmpty(ht)&&!ht.filter((function(e){return!_e(e)&&Ze(e)})).some((function(e){return!Re(e)}))},onOptionSelect:ge,allowOptionSelect:me,in:K,onEnter:function(e){s.ZIndexUtils.set("overlay",ee.current,d&&d.autoZIndex||x.default.autoZIndex,d&&d.zIndex.overlay||x.default.zIndex.overlay),s.DomHandler.addStyles(ee.current,{position:"absolute",top:"0",left:"0"}),Ue(),Pe(),e&&e()},onEntered:function(e){e&&e(),fe(),m.onShow&&m.onShow()},onExit:function(){de()},onExited:function(){m.filter&&m.resetFilterOnHide&&Ne(),s.ZIndexUtils.clear(ee.current),m.onHide&&m.onHide()},ptm:ae,cx:ce,sx:ue,isUnstyled:se,metaData:ie,changeFocusedOptionIndex:ot}))),yt&&O.createElement(u.Tooltip,I({target:_,content:m.tooltip,pt:ae("tooltip")},m.tooltipOptions)))})));ne.displayName="MultiSelect",exports.MultiSelect=ne;