primereact 10.5.1 → 10.5.2
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.
- package/api/api.cjs.js +94 -92
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +229 -11
- package/api/api.esm.js +94 -92
- package/api/api.esm.min.js +1 -1
- package/api/api.js +94 -92
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +89 -45
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +89 -45
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +89 -45
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +13 -13
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +13 -13
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +13 -13
- package/blockui/blockui.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -11
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +9 -0
- package/calendar/calendar.esm.js +30 -11
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -11
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +17 -15
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +4 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +17 -15
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +28 -14
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +28 -14
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +28 -14
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +70 -153
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +10 -34
- package/checkbox/checkbox.esm.js +70 -153
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +70 -153
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +23 -9
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +6 -1
- package/chips/chips.esm.js +23 -9
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +23 -9
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +3 -2
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +3 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +4 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +5 -7
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +4 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +1 -0
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +1 -0
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +1 -0
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +5 -5
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +5 -5
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +5 -5
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +639 -603
- package/core/core.min.js +13 -13
- package/datatable/datatable.cjs.js +128 -110
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +1 -1
- package/datatable/datatable.esm.js +128 -110
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +128 -110
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +16 -13
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +17 -15
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +6 -6
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -6
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +98 -29
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +41 -0
- package/dropdown/dropdown.esm.js +98 -29
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +98 -31
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +125 -54
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +125 -54
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +125 -54
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +22 -19
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +23 -20
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +115 -72
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +116 -73
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +115 -72
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +11 -9
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +11 -9
- package/image/image.esm.min.js +1 -1
- package/image/image.js +11 -9
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +20 -36
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -5
- package/inputnumber/inputnumber.esm.js +20 -36
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +20 -36
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +18 -93
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +9 -20
- package/inputswitch/inputswitch.esm.js +18 -93
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +18 -93
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +5 -3
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +5 -3
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +5 -3
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +3 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +3 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +3 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +14 -10
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +15 -0
- package/listbox/listbox.esm.js +15 -11
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +14 -10
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +3 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +3 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +3 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +1 -1
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +1 -1
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +1 -1
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +1 -1
- package/message/message.esm.js +2 -8
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +237 -0
- package/metergroup/metergroup.cjs.min.js +1 -0
- package/metergroup/metergroup.d.ts +183 -0
- package/metergroup/metergroup.esm.js +233 -0
- package/metergroup/metergroup.esm.min.js +1 -0
- package/metergroup/metergroup.js +236 -0
- package/metergroup/metergroup.min.js +1 -0
- package/multiselect/multiselect.cjs.js +94 -123
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +25 -1
- package/multiselect/multiselect.esm.js +94 -123
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +94 -123
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +1 -1
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +35 -11
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +5 -0
- package/orderlist/orderlist.esm.js +35 -11
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +35 -11
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +3 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +125 -108
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +88 -0
- package/paginator/paginator.esm.js +125 -108
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +125 -108
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +13 -5
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +13 -5
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +13 -5
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.d.ts +12 -0
- package/passthrough/tailwind/index.cjs.js +268 -172
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +268 -172
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +268 -172
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +70 -39
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +72 -41
- package/password/password.esm.min.js +1 -1
- package/password/password.js +70 -39
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +126 -101
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -0
- package/picklist/picklist.esm.js +126 -101
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +126 -101
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1774 -1431
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1775 -1431
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1774 -1431
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +67 -142
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +17 -35
- package/radiobutton/radiobutton.esm.js +68 -143
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +67 -142
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +344 -67
- package/resources/themes/arya-green/theme.css +344 -67
- package/resources/themes/arya-orange/theme.css +344 -67
- package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
- package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
- package/resources/themes/fluent-light/theme.css +341 -64
- package/resources/themes/lara-dark-amber/theme.css +470 -67
- package/resources/themes/lara-dark-blue/theme.css +470 -67
- package/resources/themes/lara-dark-cyan/theme.css +470 -67
- package/resources/themes/lara-dark-green/theme.css +470 -67
- package/resources/themes/lara-dark-indigo/theme.css +470 -67
- package/resources/themes/lara-dark-pink/theme.css +470 -67
- package/resources/themes/lara-dark-teal/theme.css +470 -67
- package/resources/themes/lara-light-amber/theme.css +470 -67
- package/resources/themes/lara-light-blue/theme.css +470 -67
- package/resources/themes/lara-light-cyan/theme.css +470 -67
- package/resources/themes/lara-light-green/theme.css +470 -67
- package/resources/themes/lara-light-indigo/theme.css +470 -67
- package/resources/themes/lara-light-pink/theme.css +470 -67
- package/resources/themes/lara-light-teal/theme.css +470 -67
- package/resources/themes/luna-amber/theme.css +344 -67
- package/resources/themes/luna-blue/theme.css +344 -67
- package/resources/themes/luna-green/theme.css +344 -67
- package/resources/themes/luna-pink/theme.css +344 -67
- package/resources/themes/md-dark-deeppurple/theme.css +995 -289
- package/resources/themes/md-dark-indigo/theme.css +684 -232
- package/resources/themes/md-light-deeppurple/theme.css +868 -162
- package/resources/themes/md-light-indigo/theme.css +566 -101
- package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
- package/resources/themes/mdc-dark-indigo/theme.css +697 -232
- package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
- package/resources/themes/mdc-light-indigo/theme.css +566 -101
- package/resources/themes/mira/theme.css +344 -67
- package/resources/themes/nano/theme.css +344 -67
- package/resources/themes/nova/theme.css +344 -67
- package/resources/themes/nova-accent/theme.css +344 -67
- package/resources/themes/nova-alt/theme.css +344 -67
- package/resources/themes/rhea/theme.css +343 -66
- package/resources/themes/saga-blue/theme.css +344 -67
- package/resources/themes/saga-green/theme.css +344 -67
- package/resources/themes/saga-orange/theme.css +344 -67
- package/resources/themes/soho-dark/theme.css +413 -88
- package/resources/themes/soho-light/theme.css +392 -67
- package/resources/themes/tailwind-light/theme.css +344 -67
- package/resources/themes/vela-blue/theme.css +344 -67
- package/resources/themes/vela-green/theme.css +344 -67
- package/resources/themes/vela-orange/theme.css +344 -67
- package/resources/themes/viva-dark/theme.css +392 -67
- package/resources/themes/viva-light/theme.css +392 -67
- package/selectbutton/selectbutton.cjs.js +12 -4
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +5 -0
- package/selectbutton/selectbutton.esm.js +12 -4
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +13 -5
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +4 -3
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +4 -4
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +4 -3
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +3 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +3 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +3 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +18 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +18 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +18 -2
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/splitter/splitter.cjs.js +7 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -5
- package/splitter/splitter.esm.js +7 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +7 -7
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +21 -1
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +10 -0
- package/styleclass/styleclass.esm.js +21 -1
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +22 -2
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +1 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/toast/toast.cjs.js +93 -92
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +93 -92
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +93 -92
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +54 -92
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +24 -0
- package/togglebutton/togglebutton.esm.js +53 -91
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +54 -92
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +3 -3
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.cjs.js +20 -8
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +20 -8
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +20 -8
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +2 -0
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +2 -0
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +2 -0
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +17 -14
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +17 -14
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +17 -14
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +33 -90
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
- package/tristatecheckbox/tristatecheckbox.esm.js +34 -91
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +33 -90
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +64 -72
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +11 -2
- package/utils/utils.esm.js +65 -72
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +64 -72
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +17 -15
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +14 -12
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +17 -15
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +455 -39
|
@@ -164,6 +164,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
164
164
|
return utils.classNames('p-multiselect p-component p-inputwrapper', {
|
|
165
165
|
'p-multiselect-chip': props.display === 'chip',
|
|
166
166
|
'p-disabled': props.disabled,
|
|
167
|
+
'p-invalid': props.invalid,
|
|
167
168
|
'p-multiselect-clearable': props.showClear && !props.disabled,
|
|
168
169
|
'p-focus': focusedState,
|
|
169
170
|
'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
|
|
@@ -223,24 +224,18 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
223
224
|
},
|
|
224
225
|
checkboxContainer: 'p-checkbox p-component',
|
|
225
226
|
checkboxIcon: 'p-checkbox-icon p-c',
|
|
226
|
-
checkbox: function checkbox(_ref6) {
|
|
227
|
-
var props = _ref6.itemProps;
|
|
228
|
-
return utils.classNames('p-checkbox-box', {
|
|
229
|
-
'p-highlight': props.selected
|
|
230
|
-
});
|
|
231
|
-
},
|
|
232
227
|
transition: 'p-connected-overlay'
|
|
233
228
|
};
|
|
234
|
-
var styles
|
|
229
|
+
var 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";
|
|
235
230
|
var inlineStyles = {
|
|
236
|
-
root: function root(
|
|
237
|
-
var props =
|
|
231
|
+
root: function root(_ref6) {
|
|
232
|
+
var props = _ref6.props;
|
|
238
233
|
return props.showClear && !props.disabled && {
|
|
239
234
|
position: 'relative'
|
|
240
235
|
};
|
|
241
236
|
},
|
|
242
|
-
itemGroup: function itemGroup(
|
|
243
|
-
var scrollerOptions =
|
|
237
|
+
itemGroup: function itemGroup(_ref7) {
|
|
238
|
+
var scrollerOptions = _ref7.scrollerOptions;
|
|
244
239
|
return {
|
|
245
240
|
height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
|
|
246
241
|
};
|
|
@@ -276,10 +271,12 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
276
271
|
inline: false,
|
|
277
272
|
inputId: null,
|
|
278
273
|
inputRef: null,
|
|
274
|
+
invalid: false,
|
|
279
275
|
itemCheckboxIcon: null,
|
|
280
276
|
itemClassName: null,
|
|
281
277
|
itemTemplate: null,
|
|
282
278
|
loading: false,
|
|
279
|
+
loadingIcon: null,
|
|
283
280
|
maxSelectedLabels: null,
|
|
284
281
|
name: null,
|
|
285
282
|
onBlur: null,
|
|
@@ -326,35 +323,26 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
326
323
|
},
|
|
327
324
|
css: {
|
|
328
325
|
classes: classes$1,
|
|
329
|
-
styles: styles
|
|
326
|
+
styles: styles,
|
|
330
327
|
inlineStyles: inlineStyles
|
|
331
328
|
}
|
|
332
329
|
});
|
|
333
330
|
|
|
334
331
|
var classes = {
|
|
335
|
-
|
|
336
|
-
input:
|
|
332
|
+
box: 'p-checkbox-box',
|
|
333
|
+
input: 'p-checkbox-input',
|
|
334
|
+
icon: 'p-checkbox-icon',
|
|
335
|
+
root: function root(_ref) {
|
|
337
336
|
var props = _ref.props,
|
|
338
|
-
checked = _ref.checked
|
|
339
|
-
|
|
340
|
-
return utils.classNames('p-checkbox-box', {
|
|
337
|
+
checked = _ref.checked;
|
|
338
|
+
return utils.classNames('p-checkbox p-component', {
|
|
341
339
|
'p-highlight': checked,
|
|
342
340
|
'p-disabled': props.disabled,
|
|
343
|
-
'p-
|
|
344
|
-
|
|
345
|
-
},
|
|
346
|
-
root: function root(_ref2) {
|
|
347
|
-
var props = _ref2.props,
|
|
348
|
-
checked = _ref2.checked,
|
|
349
|
-
focusedState = _ref2.focusedState;
|
|
350
|
-
return utils.classNames('p-checkbox p-component', {
|
|
351
|
-
'p-checkbox-checked': checked,
|
|
352
|
-
'p-checkbox-disabled': props.disabled,
|
|
353
|
-
'p-checkbox-focused': focusedState
|
|
341
|
+
'p-invalid': props.invalid,
|
|
342
|
+
'p-variant-filled': props.variant === 'filled'
|
|
354
343
|
});
|
|
355
344
|
}
|
|
356
345
|
};
|
|
357
|
-
var styles = "\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n} \n";
|
|
358
346
|
var CheckboxBase = componentbase.ComponentBase.extend({
|
|
359
347
|
defaultProps: {
|
|
360
348
|
__TYPE: 'Checkbox',
|
|
@@ -367,6 +355,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
367
355
|
id: null,
|
|
368
356
|
inputId: null,
|
|
369
357
|
inputRef: null,
|
|
358
|
+
invalid: false,
|
|
370
359
|
name: null,
|
|
371
360
|
onChange: null,
|
|
372
361
|
onClick: null,
|
|
@@ -383,8 +372,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
383
372
|
children: undefined
|
|
384
373
|
},
|
|
385
374
|
css: {
|
|
386
|
-
classes: classes
|
|
387
|
-
styles: styles
|
|
375
|
+
classes: classes
|
|
388
376
|
}
|
|
389
377
|
});
|
|
390
378
|
|
|
@@ -394,15 +382,8 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
394
382
|
var mergeProps = hooks.useMergeProps();
|
|
395
383
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
396
384
|
var props = CheckboxBase.getProps(inProps, context);
|
|
397
|
-
var _React$useState = React__namespace.useState(false),
|
|
398
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
399
|
-
focusedState = _React$useState2[0],
|
|
400
|
-
setFocusedState = _React$useState2[1];
|
|
401
385
|
var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
|
|
402
386
|
props: props,
|
|
403
|
-
state: {
|
|
404
|
-
focused: focusedState
|
|
405
|
-
},
|
|
406
387
|
context: {
|
|
407
388
|
checked: props.checked === props.trueValue,
|
|
408
389
|
disabled: props.disabled
|
|
@@ -412,20 +393,19 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
412
393
|
cx = _CheckboxBase$setMeta.cx,
|
|
413
394
|
isUnstyled = _CheckboxBase$setMeta.isUnstyled;
|
|
414
395
|
componentbase.useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
|
|
415
|
-
name: 'checkbox'
|
|
416
|
-
styled: true
|
|
396
|
+
name: 'checkbox'
|
|
417
397
|
});
|
|
418
398
|
var elementRef = React__namespace.useRef(null);
|
|
419
399
|
var inputRef = React__namespace.useRef(props.inputRef);
|
|
420
|
-
var
|
|
421
|
-
|
|
400
|
+
var isChecked = function isChecked() {
|
|
401
|
+
return props.checked === props.trueValue;
|
|
402
|
+
};
|
|
403
|
+
var _onChange = function onChange(event) {
|
|
404
|
+
if (props.disabled || props.readonly) {
|
|
422
405
|
return;
|
|
423
406
|
}
|
|
424
|
-
if (props.onChange
|
|
407
|
+
if (props.onChange) {
|
|
425
408
|
var _checked = isChecked();
|
|
426
|
-
var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
|
|
427
|
-
var isInputToggled = event.target === inputRef.current;
|
|
428
|
-
var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
|
|
429
409
|
var value = _checked ? props.falseValue : props.trueValue;
|
|
430
410
|
var eventData = {
|
|
431
411
|
originalEvent: event,
|
|
@@ -445,33 +425,22 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
445
425
|
checked: value
|
|
446
426
|
}
|
|
447
427
|
};
|
|
448
|
-
props.
|
|
428
|
+
props.onChange && props.onChange(eventData);
|
|
449
429
|
|
|
450
430
|
// do not continue if the user defined click wants to prevent
|
|
451
431
|
if (event.defaultPrevented) {
|
|
452
432
|
return;
|
|
453
433
|
}
|
|
454
|
-
if (isInputToggled || isCheckboxToggled) {
|
|
455
|
-
props.onChange && props.onChange(eventData);
|
|
456
|
-
}
|
|
457
434
|
utils.DomHandler.focus(inputRef.current);
|
|
458
|
-
event.preventDefault();
|
|
459
435
|
}
|
|
460
436
|
};
|
|
461
437
|
var _onFocus = function onFocus() {
|
|
462
|
-
|
|
438
|
+
var _props$onFocus;
|
|
439
|
+
props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
|
|
463
440
|
};
|
|
464
441
|
var _onBlur = function onBlur() {
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
var _onKeyDown = function onKeyDown(event) {
|
|
468
|
-
if (event.code === 'Space' || event.key === ' ') {
|
|
469
|
-
// event.key is for Android support
|
|
470
|
-
_onClick(event);
|
|
471
|
-
}
|
|
472
|
-
};
|
|
473
|
-
var isChecked = function isChecked() {
|
|
474
|
-
return props.checked === props.trueValue;
|
|
442
|
+
var _props$onBlur;
|
|
443
|
+
props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
|
|
475
444
|
};
|
|
476
445
|
React__namespace.useImperativeHandle(ref, function () {
|
|
477
446
|
return {
|
|
@@ -501,66 +470,66 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
501
470
|
var checked = isChecked();
|
|
502
471
|
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
|
|
503
472
|
var otherProps = CheckboxBase.getOtherProps(props);
|
|
504
|
-
var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
|
|
505
|
-
var iconProps = mergeProps({
|
|
506
|
-
className: cx('icon')
|
|
507
|
-
}, ptm('icon'));
|
|
508
|
-
var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
|
|
509
|
-
var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$4({}, iconProps), {
|
|
510
|
-
props: props,
|
|
511
|
-
checked: checked
|
|
512
|
-
});
|
|
513
473
|
var rootProps = mergeProps({
|
|
514
474
|
id: props.id,
|
|
515
475
|
className: utils.classNames(props.className, cx('root', {
|
|
516
|
-
checked: checked
|
|
517
|
-
focusedState: focusedState
|
|
476
|
+
checked: checked
|
|
518
477
|
})),
|
|
519
478
|
style: props.style,
|
|
520
|
-
onClick: function onClick(e) {
|
|
521
|
-
return _onClick(e);
|
|
522
|
-
},
|
|
523
479
|
'data-p-highlight': checked,
|
|
524
480
|
'data-p-disabled': props.disabled,
|
|
525
481
|
onContextMenu: props.onContextMenu,
|
|
526
482
|
onMouseDown: props.onMouseDown
|
|
527
483
|
}, otherProps, ptm('root'));
|
|
528
|
-
var
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
})
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
484
|
+
var createInputElement = function createInputElement() {
|
|
485
|
+
var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
|
|
486
|
+
var inputProps = mergeProps(_objectSpread$4({
|
|
487
|
+
id: props.inputId,
|
|
488
|
+
type: 'checkbox',
|
|
489
|
+
className: cx('input'),
|
|
490
|
+
name: props.name,
|
|
491
|
+
tabIndex: props.tabIndex,
|
|
492
|
+
defaultChecked: checked,
|
|
493
|
+
onFocus: function onFocus(e) {
|
|
494
|
+
return _onFocus();
|
|
495
|
+
},
|
|
496
|
+
onBlur: function onBlur(e) {
|
|
497
|
+
return _onBlur();
|
|
498
|
+
},
|
|
499
|
+
onChange: function onChange(e) {
|
|
500
|
+
return _onChange(e);
|
|
501
|
+
},
|
|
502
|
+
disabled: props.disabled,
|
|
503
|
+
readOnly: props.readOnly,
|
|
504
|
+
required: props.required,
|
|
505
|
+
'aria-invalid': props.invalid,
|
|
506
|
+
checked: isChecked()
|
|
507
|
+
}, ariaProps), ptm('input'));
|
|
508
|
+
return /*#__PURE__*/React__namespace.createElement("input", _extends({
|
|
509
|
+
ref: inputRef
|
|
510
|
+
}, inputProps));
|
|
511
|
+
};
|
|
512
|
+
var createBoxElement = function createBoxElement() {
|
|
513
|
+
var iconProps = mergeProps({
|
|
514
|
+
className: cx('icon')
|
|
515
|
+
}, ptm('icon'));
|
|
516
|
+
var boxProps = mergeProps({
|
|
517
|
+
className: cx('box', {
|
|
518
|
+
checked: checked
|
|
519
|
+
}),
|
|
520
|
+
'data-p-highlight': checked,
|
|
521
|
+
'data-p-disabled': props.disabled
|
|
522
|
+
}, ptm('box'));
|
|
523
|
+
var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
|
|
524
|
+
var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$4({}, iconProps), {
|
|
525
|
+
props: props,
|
|
526
|
+
checked: checked
|
|
527
|
+
});
|
|
528
|
+
return /*#__PURE__*/React__namespace.createElement("div", boxProps, checkboxIcon);
|
|
529
|
+
};
|
|
559
530
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
560
531
|
ref: elementRef
|
|
561
|
-
}, rootProps),
|
|
562
|
-
ref: inputRef
|
|
563
|
-
}, hiddenInputProps))), /*#__PURE__*/React__namespace.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
|
|
532
|
+
}, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
|
|
564
533
|
target: elementRef,
|
|
565
534
|
content: props.tooltip,
|
|
566
535
|
pt: ptm('tooltip')
|
|
@@ -621,7 +590,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
621
590
|
var content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, {
|
|
622
591
|
ref: props.filterRef,
|
|
623
592
|
type: "text",
|
|
624
|
-
role: "
|
|
593
|
+
role: "searchbox",
|
|
625
594
|
value: props.filterValue,
|
|
626
595
|
onChange: onFilter,
|
|
627
596
|
className: "p-multiselect-filter",
|
|
@@ -721,7 +690,8 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
721
690
|
setFocusedState = _React$useState2[1];
|
|
722
691
|
var mergeProps = hooks.useMergeProps();
|
|
723
692
|
var ptm = props.ptm,
|
|
724
|
-
cx = props.cx
|
|
693
|
+
cx = props.cx,
|
|
694
|
+
isUnstyled = props.isUnstyled;
|
|
725
695
|
var getPTOptions = function getPTOptions(key) {
|
|
726
696
|
return ptm(key, {
|
|
727
697
|
hostName: props.hostName,
|
|
@@ -759,12 +729,6 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
759
729
|
var checkboxContainerProps = mergeProps({
|
|
760
730
|
className: cx('checkboxContainer')
|
|
761
731
|
}, getPTOptions('checkboxContainer'));
|
|
762
|
-
var checkboxProps = mergeProps({
|
|
763
|
-
className: cx('checkbox', {
|
|
764
|
-
itemProps: props
|
|
765
|
-
}),
|
|
766
|
-
'data-p-highlight': props.selected
|
|
767
|
-
}, getPTOptions('checkbox'));
|
|
768
732
|
var itemProps = mergeProps({
|
|
769
733
|
className: utils.classNames(props.className, props.option.className, cx('item', {
|
|
770
734
|
itemProps: props
|
|
@@ -779,7 +743,12 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
779
743
|
'data-p-highlight': props.selected,
|
|
780
744
|
'data-p-disabled': props.disabled
|
|
781
745
|
}, getPTOptions('item'));
|
|
782
|
-
return /*#__PURE__*/React__namespace.createElement("li", itemProps, /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement(
|
|
746
|
+
return /*#__PURE__*/React__namespace.createElement("li", itemProps, /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement(Checkbox, {
|
|
747
|
+
checked: props.selected,
|
|
748
|
+
icon: checkboxIcon,
|
|
749
|
+
pt: ptm('checkbox'),
|
|
750
|
+
unstyled: isUnstyled()
|
|
751
|
+
})), /*#__PURE__*/React__namespace.createElement("span", null, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
783
752
|
});
|
|
784
753
|
MultiSelectItem.displayName = 'MultiSelectItem';
|
|
785
754
|
|
|
@@ -885,6 +854,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
885
854
|
disabled: disabled,
|
|
886
855
|
className: props.itemClassName,
|
|
887
856
|
checkboxIcon: props.checkboxIcon,
|
|
857
|
+
isUnstyled: isUnstyled,
|
|
888
858
|
ptm: ptm,
|
|
889
859
|
cx: cx
|
|
890
860
|
});
|
|
@@ -943,6 +913,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
943
913
|
disabled: disabled,
|
|
944
914
|
className: props.itemClassName,
|
|
945
915
|
checkboxIcon: props.checkboxIcon,
|
|
916
|
+
isUnstyled: isUnstyled,
|
|
946
917
|
ptm: ptm,
|
|
947
918
|
cx: cx
|
|
948
919
|
});
|
|
@@ -1213,7 +1184,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
1213
1184
|
}).map(function (option) {
|
|
1214
1185
|
return getOptionValue(option);
|
|
1215
1186
|
});
|
|
1216
|
-
updateModel(event, value);
|
|
1187
|
+
updateModel(event, value, value);
|
|
1217
1188
|
}
|
|
1218
1189
|
};
|
|
1219
1190
|
var onOptionSelect = function onOptionSelect(event, option) {
|
|
@@ -1226,7 +1197,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
1226
1197
|
if (selected) value = props.value.filter(function (val) {
|
|
1227
1198
|
return !utils.ObjectUtils.equals(val, getOptionValue(option), equalityKey);
|
|
1228
1199
|
});else value = [].concat(_toConsumableArray(props.value || []), [getOptionValue(option)]);
|
|
1229
|
-
updateModel(event, value);
|
|
1200
|
+
updateModel(event, value, option);
|
|
1230
1201
|
index !== -1 && setFocusedOptionIndex(index);
|
|
1231
1202
|
};
|
|
1232
1203
|
var onClick = function onClick(event) {
|
|
@@ -1386,7 +1357,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
1386
1357
|
}).map(function (option) {
|
|
1387
1358
|
return getOptionValue(option);
|
|
1388
1359
|
});
|
|
1389
|
-
updateModel(event, value);
|
|
1360
|
+
updateModel(event, value, value);
|
|
1390
1361
|
event.preventDefault();
|
|
1391
1362
|
break;
|
|
1392
1363
|
}
|
|
@@ -2023,7 +1994,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, componentba
|
|
|
2023
1994
|
onFocus: onFocus,
|
|
2024
1995
|
onBlur: onBlur,
|
|
2025
1996
|
onKeyDown: onKeyDown,
|
|
2026
|
-
role: '
|
|
1997
|
+
role: 'combobox',
|
|
2027
1998
|
'aria-expanded': overlayVisibleState,
|
|
2028
1999
|
disabled: props.disabled,
|
|
2029
2000
|
tabIndex: !props.disabled ? props.tabIndex : -1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,o,i,a,c,s,u,p,f,d,m,b,v,h,y){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(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 x=O(t),I=g(n);function k(){return k=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},k.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 j(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function w(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e){if(Array.isArray(e))return C(e)}function D(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 C(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)?C(e,t):void 0}}function F(){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 L(e){return N(e)||D(e)||P(e)||F()}function U(e){throw new TypeError('"'+e+'" is read-only')}function A(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return a}}function H(){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 R(e,t){return A(e)||T(e,t)||P(e,t)||H()}var M=l.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,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return p.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return p.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 p.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"===I.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===I.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 p.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",checkbox:function(e){return p.classNames("p-checkbox-box",{"p-highlight":e.itemProps.selected})},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}}}}}),V=l.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick: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:{icon:"p-checkbox-icon p-c",input:function(e){return p.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return p.classNames("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n} \n"}});function G(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 K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=x.memo(x.forwardRef((function(e,t){var o=r.useMergeProps(),i=x.useContext(n.PrimeReactContext),a=V.getProps(e,i),c=R(x.useState(!1),2),s=c[0],f=c[1],d=V.setMetaData({props:a,state:{focused:s},context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),m=d.ptm,v=d.cx;l.useHandleStyle(V.css.styles,d.isUnstyled,{name:"checkbox",styled:!0});var h=x.useRef(null),y=x.useRef(a.inputRef),g=function(e){if(!a.disabled&&!a.readOnly&&(a.onChange||a.onClick)){var t=O(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,l=e.target===y.current,r=n&&e.target.checked!==t,o=t?a.falseValue:a.trueValue,i={originalEvent:e,value:a.value,checked:o,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:o}};if(a.onClick&&a.onClick(i),e.defaultPrevented)return;(l||r)&&a.onChange&&a.onChange(i),p.DomHandler.focus(y.current),e.preventDefault()}},O=function(){return a.checked===a.trueValue};x.useImperativeHandle(t,(function(){return{props:a,focus:function(){return p.DomHandler.focus(y.current)},getElement:function(){return h.current},getInput:function(){return y.current}}})),x.useEffect((function(){p.ObjectUtils.combinedRefs(y,a.inputRef)}),[y,a.inputRef]),r.useUpdateEffect((function(){y.current.checked=O()}),[a.checked,a.trueValue]),r.useMountEffect((function(){a.autoFocus&&p.DomHandler.focus(y.current,a.autoFocus)}));var I=O(),E=p.ObjectUtils.isNotEmpty(a.tooltip),S=V.getOtherProps(a),j=p.ObjectUtils.reduceKeys(S,p.DomHandler.ARIA_PROPS),w=o({className:v("icon")},m("icon")),C=p.IconUtils.getJSXIcon(I?a.icon||x.createElement(b.CheckIcon,w):null,K({},w),{props:a,checked:I}),N=o({id:a.id,className:p.classNames(a.className,v("root",{checked:I,focusedState:s})),style:a.style,onClick:function(e){return g(e)},"data-p-highlight":I,"data-p-disabled":a.disabled,onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},S,m("root")),D=o({className:"p-hidden-accessible"},m("hiddenInputWrapper")),P=o(K({id:a.inputId,type:"checkbox",name:a.name,tabIndex:a.tabIndex,defaultChecked:I,onFocus:function(e){f(!0)},onBlur:function(e){f(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||g(t)},disabled:a.disabled,readOnly:a.readOnly,required:a.required},j),m("hiddenInput")),F=o({className:v("input",{checked:I,focusedState:s}),"data-p-highlight":I,"data-p-disabled":a.disabled,"data-p-focus":s},m("input"));return x.createElement(x.Fragment,null,x.createElement("div",k({ref:h},N),x.createElement("div",D,x.createElement("input",k({ref:y},P))),x.createElement("div",F,C)),E&&x.createElement(u.Tooltip,k({target:h,content:a.tooltip,pt:m("tooltip")},a.tooltipOptions)))})));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 _(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){w(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="Checkbox";var B=x.memo((function(e){var t=r.useMergeProps(),l=e.ptm,o=e.cx,i=e.isUnstyled,c={filter:function(e){return u(e)},reset:function(){return e.resetFilter()}},s=function(t,n){return l(t,_({hostName:e.hostName},n))},u=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},f=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault(),t.stopPropagation()},d=function(){var n=t({className:o("filterIcon")},s("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||x.createElement(v.SearchIcon,n),_({},n),{props:e});if(e.filter){var i=t({className:o("filterContainer")},s("filterContainer")),a=x.createElement("div",i,x.createElement(h.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:u,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:l("filterInput"),__parentMetadata:{parent:e.metaData}}),r);if(e.filterTemplate)a=p.ObjectUtils.getJSXElement(e.filterTemplate,{className:i.className,element:a,filterOptions:c,onFilter:u,filterIconClassName:e.filterIconClassName,props:e});return x.createElement(x.Fragment,null,a)}return null}(),m=e.id?e.id+"_selectall":p.UniqueComponentId(),g=t({htmlFor:m,className:o("headerSelectAllLabel")},s("headerSelectAllLabel")),O=t({className:o("headerCheckboxIcon")},s("headerCheckboxIcon")),I=t({className:o("headerCheckboxContainer")},s("headerCheckboxContainer")),k=p.IconUtils.getJSXIcon(e.itemCheckboxIcon||x.createElement(b.CheckIcon,O),_({},O),{selected:e.selected}),E=e.showSelectAll&&x.createElement("div",I,x.createElement(J,{id:m,checked:e.selectAll,onChange:f,role:"checkbox","aria-checked":e.selectAll,icon:k,pt:l("headerCheckbox"),unstyled:i()}),!e.filter&&x.createElement("label",g,e.selectAllLabel)),S=t({className:o("closeIcon"),"aria-hidden":!0},s("closeIcon")),j=p.IconUtils.getJSXIcon(e.closeIcon||x.createElement(a.TimesIcon,S),_({},S),{props:e}),w=t({className:o("header")},s("header")),C=t({type:"button",className:o("closeButton"),"aria-label":n.localeOption("close"),onClick:e.onClose},s("closeButton")),N=x.createElement("button",C,j,x.createElement(y.Ripple,null)),D=x.createElement("div",w,E,d,N);return e.template?p.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:E,checked:e.selectAll,onChange:f,filterElement:d,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:D,itemCheckboxIcon:k,props:e}):D}));function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectHeader";var Z=x.memo((function(e){var t=R(x.useState(!1),2),n=t[0],l=t[1],o=r.useMergeProps(),i=e.ptm,a=e.cx,c=function(t){return i(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedIndex:e.focusedIndex,index:e.index}})},s=o({className:a("checkboxIcon")},c("checkboxIcon")),u=e.selected?p.IconUtils.getJSXIcon(e.checkboxIcon||x.createElement(b.CheckIcon,s),z({},s),{selected:e.selected}):null,f=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,d=e.disabled?-1:e.tabIndex,m=o({className:a("checkboxContainer")},c("checkboxContainer")),v=o({className:a("checkbox",{itemProps:e}),"data-p-highlight":e.selected},c("checkbox")),h=o({className:p.classNames(e.className,e.option.className,a("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick(t,e.option),t.preventDefault(),t.stopPropagation()},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:d,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},c("item"));return x.createElement("li",h,x.createElement("div",m,x.createElement("div",v,u)),x.createElement("span",null,f),x.createElement(y.Ripple,null))}));function W(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Z.displayName="MultiSelectItem";var $=x.memo(x.forwardRef((function(e,t){var l=x.useRef(null),o=x.useRef(null),i=r.useMergeProps(),a=x.useContext(n.PrimeReactContext),c=e.ptm,s=e.cx,u=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,Y({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(l.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return l.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&o.current&&p.DomHandler.focus(o.current,!1)}))},g=function(t){l.current&&l.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},O=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return x.createElement("div",{className:"p-multiselect-footer"},t)}return null},I=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,u=e.isSelected(t);return x.createElement(Z,{hostName:e.hostName,index:l,key:o,focusedOptionIndex:e.focusedOptionIndex,label:r,option:t,style:n,template:e.itemTemplate,selected:u,onClick:e.onOptionSelect,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:c,cx:s})}))},E=function(){var t=p.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage"),l=i({className:s("emptyMessage")},v("emptyMessage"));return x.createElement("li",l,t)},S=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=I(t,r),f=n+"_"+e.getOptionGroupRenderKey(t),d=i({className:s("itemGroup"),style:u("itemGroup",{scrollerOptions:l})},v("itemGroup"));return x.createElement(x.Fragment,{key:f},x.createElement("li",d,o),a)}var m=e.getOptionLabel(t),b=n+"_"+e.getOptionRenderKey(t),h=e.isOptionDisabled(t),y=h?null:e.tabIndex||0,g=e.isSelected(t);return x.createElement(Z,{hostName:e.hostName,key:b,focusedOptionIndex:e.focusedOptionIndex,label:m,option:t,style:r,index:n,template:e.itemTemplate,selected:g,onClick:e.onOptionSelect,tabIndex:y,disabled:h,className:e.itemClassName,checkboxIcon:e.checkboxIcon,ptm:c,cx:s})},j=function(){if(e.virtualScrollerOptions){var t=Y(Y({},e.virtualScrollerOptions),{style:Y(Y({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(Y(Y({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&S(e,t.index,t)},contentTemplate:function(t){var n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:E(),l=i({ref:t.contentRef,style:t.style,className:p.classNames(t.className,s("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return x.createElement("ul",l,n)}});return x.createElement(m.VirtualScroller,k({ref:l},t,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var r,o,a=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(S):e.hasFilter?E():(r=p.ObjectUtils.getJSXElement(e.emptyMessage,e)||n.localeOption("emptyMessage"),o=i({className:s("emptyMessage")},v("emptyMessage")),x.createElement("li",o,r)),u=i({className:s("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),f=i({className:s("list"),role:"listbox","aria-multiselectable":!0},v("list"));return x.createElement("div",u,x.createElement("ul",f,a))},w=function(){var n=e.allowOptionSelect(),l=x.createElement(B,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:o,filterValue:e.filterValue,filterTemplate:e.filterTemplate,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:s,isUnstyled:b,metaData:e.metaData}),r=j(),u=O(),d=i({className:p.classNames(e.panelClassName,s("panel",{panelProps:e,context:a,allowOptionSelect:n})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return x.createElement("div",k({ref:t},d),r,u);var m=i({classNames:s("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition")),I=i({ref:e.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenFirstFocusableEl")),E=i({ref:e.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenLastFocusableEl"));return x.createElement(f.CSSTransition,k({nodeRef:t},m),x.createElement("div",k({ref:t},d),x.createElement("span",I),l,r,u,x.createElement("span",E)))}();return e.inline?w:x.createElement(d.Portal,{element:w,appendTo:e.appendTo})})));function Q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Q(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function te(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ne(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function ne(e,t){if(e){if("string"==typeof e)return le(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)?le(e,t):void 0}}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}$.displayName="MultiSelectPanel";var re=x.memo(x.forwardRef((function(e,t){var f=r.useMergeProps(),d=x.useContext(n.PrimeReactContext),m=M.getProps(e,d),b=R(x.useState(null),2),v=b[0],h=b[1],y=R(x.useState(!1),2),g=y[0],O=y[1],E=R(x.useState(""),2),S=E[0],j=E[1],C=R(x.useState(-1),2),N=C[0],D=C[1],P=R(x.useState(!1),2),F=P[0],A=P[1],T=R(x.useState(m.inline),2),H=T[0],V=T[1],G=x.useRef(null),K=x.useRef(null),J=x.useRef(null),X=x.useRef(null),_=x.useRef(null),B=x.useRef(m.inputRef),q=x.useRef(null),z=x.useRef(null),Z=S&&S.trim().length>0,W=p.ObjectUtils.isEmpty(m.value),Y=m.optionValue?null:m.dataKey,Q={props:m,state:{filterState:S,focused:F,overlayVisible:H}},ne=M.setMetaData(Q),le=ne.ptm,re=ne.cx,oe=ne.sx,ie=ne.isUnstyled;l.useHandleStyle(M.css.styles,ie,{name:"multiselect"});var ae=R(r.useOverlayListener({target:G,overlay:z,listener:function(e,t){t.valid&&("outside"===t.type?!Ne(e)&&!De(e)&&we():we())},when:H}),2),ce=ae[0],se=ae[1],ue=function(e){var t=Ke&&e<ct.length-1?ct.slice(e+1).findIndex((function(e){return Be(e)})):-1;return t>-1?t+e+1:-1},pe=function(e){var t=Ke&&e>0?p.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return Be(e)})):-1;return t>-1?t:-1},fe=function(e){var t=-1;return Ke&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=pe(e))?ue(e):t:-1===(t=ue(e))?pe(e):t),t>-1?t:e},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=fe(n,!0)),-1===n&&(n=fe(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=ct.slice(l,r+1).filter((function(e){return _e(e)})).map((function(e){return He(e)}));ke(e,o)}},me=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!m.disabled&&!Me(t)){var l=null;l=Le(t)?m.value.filter((function(e){return!p.ObjectUtils.equals(e,He(t),Y)})):[].concat(L(m.value||[]),[He(t)]),ke(e,l),-1!==n&&h(n)}},be=function(e){if(H){var t=-1!==v?$e(v):g?We():ze();e.shiftKey&&de(e,N,t),tt(e,t)}else je(),m.editable&&tt(e,qe());e.preventDefault()},ve=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==v&&me(e,ct[v]),H&&we(),e.preventDefault();else{var t=-1!==v?Qe(v):g?Ye():Ze();tt(e,t),!H&&je(),e.preventDefault()}},he=function(e){H?-1!==v&&(e.shiftKey?de(e,v):me(e,ct[v])):(h(-1),be(e)),e.preventDefault()},ye=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),h(-1)}else{var n=e.metaKey||e.ctrlKey,l=We();e.shiftKey&&n&&de(e,l,N),tt(e,l),!H&&je()}e.preventDefault()},ge=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),U("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=Ye();e.shiftKey&&l&&de(e,N,r),tt(e,r),!H&&je()}e.preventDefault()},Oe=function(e){e.preventDefault()},xe=function(e){e.preventDefault()},Ie=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(H&&Je()?(p.DomHandler.focus(e.shiftKey?_.current:X.current),e.preventDefault()):(-1!==v&&me(e,ct[v]),H&&we(filter)))},ke=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},Ee=function(){j(""),m.onFilter&&m.onFilter({filter:""})},Se=function(){var e=p.DomHandler.findSingle(z.current,'li[data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})},je=function(){V(!0),h(-1!==v?v:m.autoOptionFocus?ze():qe()),p.DomHandler.focus(B.current)},we=function(){h(-1),V(!1),O(!1)},Ce=function(){p.DomHandler.alignOverlay(z.current,q.current.parentElement,m.appendTo||d&&d.appendTo||I.default.appendTo)},Ne=function(e){return"clearicon"===p.DomHandler.getAttribute(e.target,"data-pc-section")},De=function(e){return"headercheckboxcontainer"===p.DomHandler.getAttribute(e.target,"data-pc-section")},Pe=function(e){return z.current&&z.current.contains(e.target)},Fe=function(e,t){return t.findIndex((function(t){return e.some((function(e){return p.ObjectUtils.equals(e,He(t),Y)}))}))},Le=function(e){if(m.value){var t=He(e),n=Ve(e);return m.value.some((function(e){return p.ObjectUtils.equals(n?e:He(e),t,Y)}))}return!1},Ue=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=te(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),p.ObjectUtils.isEmpty(t)&&(t=Ae(e,m.value));return t?Te(t):null},Ae=function(e,t){return t.find((function(t){return p.ObjectUtils.equals(He(t),e,Y)}))},Te=function(e){return m.optionLabel?p.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=p.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Re=function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Me=function(e){return m.optionDisabled?p.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ve=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},Ge=function(e){return m.optionGroupLabel&&e.optionGroup&&e.group},Ke=function(){return p.ObjectUtils.isNotEmpty(m.value)},Je=function(){return p.DomHandler.getFocusableElements(z.current,':not([data-p-hidden-focusable="true"])').length>0},Xe=function(e){var t;return _e(e)&&(null===(t=Te(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(K.current.toLocaleLowerCase(m.filterLocale)))},_e=function(e){return p.ObjectUtils.isNotEmpty(e)&&!(Me(e)||Ge(e))},Be=function(e){return _e(e)&&Le(e)},qe=function(){if(Ke())for(var e,t=function(){var e=m.value[n],t=ct.findIndex((function(t){return Be(t)&&(n=e,l=He(t),p.ObjectUtils.equals(n,l,Y));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=qe();return e<0?We():e},Ze=function(){var e=qe();return e<0?Ye():e},We=function(){return ct.findIndex((function(e){return _e(e)}))},Ye=function(){return p.ObjectUtils.findLastIndex(ct,(function(e){return _e(e)}))},$e=function(e){var t=e<ct.length-1?ct.slice(e+1).findIndex((function(e){return _e(e)})):-1;return t>-1?t+e+1:e},Qe=function(e){var t=e>0?p.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return _e(e)})):-1;return t>-1?t:e},et=function(e){K.current=(K.current||"")+e.key;var t=-1;p.ObjectUtils.isNotEmpty(K.current)&&(-1===(t=-1!==v?-1===(t=ct.slice(v).findIndex((function(e){return Xe(e)})))?ct.slice(0,v).findIndex((function(e){return Xe(e)})):t+v:ct.findIndex((function(e){return Xe(e)})))&&-1===v&&(t=ze()),-1!==t&&tt(e,t)),J.current&&clearTimeout(J.current),J.current=setTimeout((function(){K.current="",J.current=null}),500)},tt=function(e,t){v!==t&&(h(t),Se(),m.selectOnFocus&&me(e,ct[t],!1))},nt=function(e,t){var n=m.value.filter((function(e){return!p.ObjectUtils.equals(e,t,Y)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),ke(e,n,t)},lt=function(){var e=/{(.*?)}/;return e.test(m.selectedItemsLabel)?m.selectedItemsLabel.replace(m.selectedItemsLabel.match(e)[0],m.value.length+""):m.selectedItemsLabel},rt=function(){if(!W&&!m.fixedPlaceholder)return p.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():p.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Ue(t)}),""):""};x.useImperativeHandle(t,(function(){return{props:m,show:je,hide:we,focus:function(){return p.DomHandler.focus(B.current)},getElement:function(){return G.current},getOverlay:function(){return z.current},getInput:function(){return B.current}}})),r.useMountEffect((function(){Ce()})),x.useEffect((function(){p.ObjectUtils.combinedRefs(B,m.inputRef)}),[B,m.inputRef]),x.useEffect((function(){setTimeout((function(){m.overlayVisible?je():we()}),100)}),[m.overlayVisible]),r.useUpdateEffect((function(){H&&S&&Z&&Ce()}),[H,S,Z]),r.useUnmountEffect((function(){p.ZIndexUtils.clear(z.current)}));var ot,it,at,ct=function(){if(Z){var e=S.trim().toLocaleLowerCase(m.filterLocale),t=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],o=te(m.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=n.FilterService.filter(Re(i),t,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push(ee(ee({},i),w({},m.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return n.FilterService.filter(m.options,t,e,m.filterMatchMode,m.filterLocale)}return m.options}(),st=p.ObjectUtils.isNotEmpty(m.tooltip),ut=M.getOtherProps(m),pt=p.ObjectUtils.reduceKeys(ut,p.DomHandler.ARIA_PROPS),ft=f({className:re("triggerIcon")},le("triggerIcon")),dt=f({className:re("trigger")},le("trigger")),mt=m.loadingIcon?p.IconUtils.getJSXIcon(m.loadingIcon,ee({},ft),{props:m}):x.createElement(i.SpinnerIcon,k({spin:!0},ft)),bt=m.dropdownIcon?p.IconUtils.getJSXIcon(m.dropdownIcon,ee({},ft),{props:m}):x.createElement(o.ChevronDownIcon,ft),vt=x.createElement("div",dt,m.loading?mt:bt),ht=!m.inline&&(ot=m.selectedItemTemplate?W?p.ObjectUtils.getJSXElement(m.selectedItemTemplate):p.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():m.value.map((function(e,t){var n=p.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return x.createElement(x.Fragment,{key:t},n)})):"chip"!==m.display||W?rt():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n={context:{value:e,index:t}},l=Ue(e),r=f({key:t,className:re("removeTokenIcon"),onClick:function(t){return nt(t,e)}},le("removeTokenIcon",n)),o=!m.disabled&&(m.removeIcon?p.IconUtils.getJSXIcon(m.removeIcon,ee({},r),{props:m}):x.createElement(c.TimesCircleIcon,r)),i=f({className:re("token")},le("token",n)),a=f({key:l+t,className:re("tokenLabel")},le("tokenLabel",n));return x.createElement("div",k({},i,{key:l}),x.createElement("span",a,l),o)})),it=f({ref:q,className:re("labelContainer")},le("labelContainer")),at=f({className:re("label",{empty:W})},le("label")),x.createElement("div",it,x.createElement("div",at,ot||m.placeholder||"empty"))),yt=!m.inline&&function(){var e=f({className:re("clearIcon"),onClick:function(e){return ke(e,[],[])}},le("clearIcon")),t=p.IconUtils.getJSXIcon(m.clearIcon||x.createElement(a.TimesIcon,e),ee({},e),{props:m});return W||!m.showClear||m.disabled?null:t}(),gt=f(ee(ee({ref:G,id:m.id,style:ee(ee({},m.style),oe("root")),className:p.classNames(m.className,re("root",{focusedState:F,overlayVisibleState:H}))},ut),{},{onClick:function(e){m.inline||m.disabled||m.loading||Pe(e)||"removetokenicon"===p.DomHandler.getAttribute(e.target,"data-pc-section")||Ne(e)||(H?we():je(),p.DomHandler.focus(B.current),e.preventDefault()),O(!0)}}),M.getOtherProps(m),le("root")),Ot=f({className:"p-hidden-accessible","data-p-hidden-accessible":!0},le("hiddenInputWrapper")),xt=f(ee({ref:B,id:m.inputId,name:m.name,type:"text",onFocus:function(e){A(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){A(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(m.inline)break;ve(e);break;case"ArrowDown":if(m.inline)break;be(e);break;case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;he(e);break;case"Home":if(m.inline)break;ye(e),e.preventDefault();break;case"End":if(m.inline)break;ge(e),e.preventDefault();break;case"PageDown":xe(e);break;case"PageUp":Oe(e);break;case"Escape":if(m.inline)break;we();break;case"Tab":Ie(e);break;case"ShiftLeft":case"ShiftRight":D(v);break;default:if("KeyA"===e.code&&t){var n=ct.filter((function(e){return _e(e)})).map((function(e){return He(e)}));ke(e,n),e.preventDefault();break}!t&&p.ObjectUtils.isPrintableCharacter(e.key)&&(!H&&je(),et(e),e.preventDefault())}O(!1)},role:"listbox","aria-expanded":H,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex},pt),le("input"));return x.createElement(x.Fragment,null,x.createElement("div",gt,x.createElement("div",Ot,x.createElement("input",k({},xt,{readOnly:!0}))),!m.inline&&x.createElement(x.Fragment,null,ht,yt,vt),x.createElement($,k({hostName:"MultiSelect",ref:z,visibleOptions:ct},m,{onClick:function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:G.current})},onOverlayHide:we,filterValue:S,focusedOptionIndex:v,onFirstHiddenFocus:function(e){var t=e.relatedTarget===B.current?p.DomHandler.getFirstFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):B.current;p.DomHandler.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===B.current?p.DomHandler.getLastFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):B.current;p.DomHandler.focus(t)},firstHiddenFocusableElementOnOverlay:X,lastHiddenFocusableElementOnOverlay:_,setFocusedOptionIndex:h,hasFilter:Z,onFilterInputChange:function(e){var t=e.query;j(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:Ee,onCloseClick:function(e){we(),p.DomHandler.focus(B.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ct){var n=ct.filter((function(e){return Me(e)&&Le(e)}));t=n.map((function(e){return He(e)}))}}else if(ct){var l=ct.filter((function(e){return!Me(e)||Le(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(L(t),L(Re(e).filter((function(e){return!Me(e)})).map((function(e){return He(e)}))))}))):t=l.map((function(e){return He(e)}))}ke(e.originalEvent,t,t)}},getOptionLabel:Te,getOptionRenderKey:function(e){return m.dataKey?p.ObjectUtils.resolveFieldData(e,m.dataKey):Te(e)},isOptionDisabled:Me,getOptionGroupChildren:Re,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.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!==Fe(m.value,Re(t))}));return-1!==t?{group:e,option:t}:-1}return Fe(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(p.ObjectUtils.isEmpty(ct))return!1;var e=ct.filter((function(e){return!Me(e)}));if(m.optionGroupLabel){var t,n=!0,l=te(e);try{for(l.s();!(t=l.n()).done;){!0===Re(t.value).filter((function(e){return!Me(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:me,allowOptionSelect:function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},in:H,onEnter:function(e){p.ZIndexUtils.set("overlay",z.current,d&&d.autoZIndex||I.default.autoZIndex,d&&d.zIndex.overlay||I.default.zIndex.overlay),p.DomHandler.addStyles(z.current,{position:"absolute",top:"0",left:"0"}),Ce(),Se(),e&&e()},onEntered:function(e){e&&e(),ce(),m.onShow&&m.onShow()},onExit:function(){se()},onExited:function(){m.filter&&m.resetFilterOnHide&&Ee(),p.ZIndexUtils.clear(z.current),m.onHide&&m.onHide()},ptm:le,cx:re,sx:oe,isUnstyled:ie,metaData:Q}))),st&&x.createElement(u.Tooltip,k({target:G,content:m.tooltip,pt:le("tooltip")},m.tooltipOptions)))})));return re.displayName="MultiSelect",e.MultiSelect=re,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.spinner,primereact.icons.times,primereact.icons.timescircle,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.icons.check,primereact.icons.search,primereact.inputtext,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,o,i,a,c,u,s,p,f,d,m,b,v,h,y){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(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 x=O(t),I=g(n);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},E.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function w(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e){if(Array.isArray(e))return C(e)}function D(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 C(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)?C(e,t):void 0}}function F(){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 U(e){return N(e)||D(e)||P(e)||F()}function L(e){throw new TypeError('"'+e+'" is read-only')}function A(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function R(){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 H(e,t){return A(e)||T(e,t)||P(e,t)||R()}var M=l.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,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,l=e.overlayVisibleState;return p.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":n,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||l})},label:function(e){var t=e.props,n=e.empty;return p.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 p.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"===I.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===I.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 p.classNames("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-checkbox p-component",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 3rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),V=l.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return p.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});function G(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 K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=x.memo(x.forwardRef((function(e,t){var o=r.useMergeProps(),i=x.useContext(n.PrimeReactContext),a=V.getProps(e,i),c=V.setMetaData({props:a,context:{checked:a.checked===a.trueValue,disabled:a.disabled}}),u=c.ptm,f=c.cx;l.useHandleStyle(V.css.styles,c.isUnstyled,{name:"checkbox"});var d=x.useRef(null),m=x.useRef(a.inputRef),v=function(){return a.checked===a.trueValue},h=function(e){if(!a.disabled&&!a.readonly&&a.onChange){var t=v()?a.falseValue:a.trueValue;if(a.onChange&&a.onChange({originalEvent:e,value:a.value,checked:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:a.name,id:a.id,value:a.value,checked:t}}),e.defaultPrevented)return;p.DomHandler.focus(m.current)}};x.useImperativeHandle(t,(function(){return{props:a,focus:function(){return p.DomHandler.focus(m.current)},getElement:function(){return d.current},getInput:function(){return m.current}}})),x.useEffect((function(){p.ObjectUtils.combinedRefs(m,a.inputRef)}),[m,a.inputRef]),r.useUpdateEffect((function(){m.current.checked=v()}),[a.checked,a.trueValue]),r.useMountEffect((function(){a.autoFocus&&p.DomHandler.focus(m.current,a.autoFocus)}));var y,g,O,I,S,k=v(),j=p.ObjectUtils.isNotEmpty(a.tooltip),w=V.getOtherProps(a),C=o({id:a.id,className:p.classNames(a.className,f("root",{checked:k})),style:a.style,"data-p-highlight":k,"data-p-disabled":a.disabled,onContextMenu:a.onContextMenu,onMouseDown:a.onMouseDown},w,u("root"));return x.createElement(x.Fragment,null,x.createElement("div",E({ref:d},C),(I=p.ObjectUtils.reduceKeys(w,p.DomHandler.ARIA_PROPS),S=o(K({id:a.inputId,type:"checkbox",className:f("input"),name:a.name,tabIndex:a.tabIndex,defaultChecked:k,onFocus:function(e){var t;null==a||null===(t=a.onFocus)||void 0===t||t.call(a)},onBlur:function(e){var t;null==a||null===(t=a.onBlur)||void 0===t||t.call(a)},onChange:function(e){return h(e)},disabled:a.disabled,readOnly:a.readOnly,required:a.required,"aria-invalid":a.invalid,checked:v()},I),u("input")),x.createElement("input",E({ref:m},S))),(y=o({className:f("icon")},u("icon")),g=o({className:f("box",{checked:k}),"data-p-highlight":k,"data-p-disabled":a.disabled},u("box")),O=p.IconUtils.getJSXIcon(k?a.icon||x.createElement(b.CheckIcon,y):null,K({},y),{props:a,checked:k}),x.createElement("div",g,O))),j&&x.createElement(s.Tooltip,E({target:d,content:a.tooltip,pt:u("tooltip")},a.tooltipOptions)))})));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 _(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){w(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="Checkbox";var B=x.memo((function(e){var t=r.useMergeProps(),l=e.ptm,o=e.cx,i=e.isUnstyled,c={filter:function(e){return s(e)},reset:function(){return e.resetFilter()}},u=function(t,n){return l(t,_({hostName:e.hostName},n))},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},f=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault(),t.stopPropagation()},d=function(){var n=t({className:o("filterIcon")},u("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||x.createElement(v.SearchIcon,n),_({},n),{props:e});if(e.filter){var i=t({className:o("filterContainer")},u("filterContainer")),a=x.createElement("div",i,x.createElement(h.InputText,{ref:e.filterRef,type:"text",role:"searchbox",value:e.filterValue,onChange:s,className:"p-multiselect-filter",placeholder:e.filterPlaceholder,pt:l("filterInput"),__parentMetadata:{parent:e.metaData}}),r);if(e.filterTemplate)a=p.ObjectUtils.getJSXElement(e.filterTemplate,{className:i.className,element:a,filterOptions:c,onFilter:s,filterIconClassName:e.filterIconClassName,props:e});return x.createElement(x.Fragment,null,a)}return null}(),m=e.id?e.id+"_selectall":p.UniqueComponentId(),g=t({htmlFor:m,className:o("headerSelectAllLabel")},u("headerSelectAllLabel")),O=t({className:o("headerCheckboxIcon")},u("headerCheckboxIcon")),I=t({className:o("headerCheckboxContainer")},u("headerCheckboxContainer")),E=p.IconUtils.getJSXIcon(e.itemCheckboxIcon||x.createElement(b.CheckIcon,O),_({},O),{selected:e.selected}),S=e.showSelectAll&&x.createElement("div",I,x.createElement(J,{id:m,checked:e.selectAll,onChange:f,role:"checkbox","aria-checked":e.selectAll,icon:E,pt:l("headerCheckbox"),unstyled:i()}),!e.filter&&x.createElement("label",g,e.selectAllLabel)),k=t({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),j=p.IconUtils.getJSXIcon(e.closeIcon||x.createElement(a.TimesIcon,k),_({},k),{props:e}),w=t({className:o("header")},u("header")),C=t({type:"button",className:o("closeButton"),"aria-label":n.localeOption("close"),onClick:e.onClose},u("closeButton")),N=x.createElement("button",C,j,x.createElement(y.Ripple,null)),D=x.createElement("div",w,S,d,N);return e.template?p.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:S,checked:e.selectAll,onChange:f,filterElement:d,closeElement:N,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:D,itemCheckboxIcon:E,props:e}):D}));function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectHeader";var Z=x.memo((function(e){var t=H(x.useState(!1),2),n=t[0],l=t[1],o=r.useMergeProps(),i=e.ptm,a=e.cx,c=e.isUnstyled,u=function(t){return i(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedIndex:e.focusedIndex,index:e.index}})},s=o({className:a("checkboxIcon")},u("checkboxIcon")),f=e.selected?p.IconUtils.getJSXIcon(e.checkboxIcon||x.createElement(b.CheckIcon,s),z({},s),{selected:e.selected}):null,d=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,m=e.disabled?-1:e.tabIndex,v=o({className:a("checkboxContainer")},u("checkboxContainer")),h=o({className:p.classNames(e.className,e.option.className,a("item",{itemProps:e})),style:e.style,onClick:function(t){e.onClick&&e.onClick(t,e.option),t.preventDefault(),t.stopPropagation()},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:m,role:"option","aria-selected":e.selected,"data-p-highlight":e.selected,"data-p-disabled":e.disabled},u("item"));return x.createElement("li",h,x.createElement("div",v,x.createElement(J,{checked:e.selected,icon:f,pt:i("checkbox"),unstyled:c()})),x.createElement("span",null,d),x.createElement(y.Ripple,null))}));function W(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Z.displayName="MultiSelectItem";var $=x.memo(x.forwardRef((function(e,t){var l=x.useRef(null),o=x.useRef(null),i=r.useMergeProps(),a=x.useContext(n.PrimeReactContext),c=e.ptm,u=e.cx,s=e.sx,b=e.isUnstyled,v=function(t,n){return c(t,Y({hostName:e.hostName},n))},h=function(){e.onEnter((function(){if(l.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return l.current.scrollToIndex(t)}),0)}}))},y=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&o.current&&p.DomHandler.focus(o.current,!1)}))},g=function(t){l.current&&l.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},O=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return x.createElement("div",{className:"p-multiselect-footer"},t)}return null},I=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,s=e.isSelected(t);return x.createElement(Z,{hostName:e.hostName,index:l,key:o,focusedOptionIndex:e.focusedOptionIndex,label:r,option:t,style:n,template:e.itemTemplate,selected:s,onClick:e.onOptionSelect,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})}))},S=function(){var t=p.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage"),l=i({className:u("emptyMessage")},v("emptyMessage"));return x.createElement("li",l,t)},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(e.optionGroupLabel){var o=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=I(t,r),f=n+"_"+e.getOptionGroupRenderKey(t),d=i({className:u("itemGroup"),style:s("itemGroup",{scrollerOptions:l})},v("itemGroup"));return x.createElement(x.Fragment,{key:f},x.createElement("li",d,o),a)}var m=e.getOptionLabel(t),h=n+"_"+e.getOptionRenderKey(t),y=e.isOptionDisabled(t),g=y?null:e.tabIndex||0,O=e.isSelected(t);return x.createElement(Z,{hostName:e.hostName,key:h,focusedOptionIndex:e.focusedOptionIndex,label:m,option:t,style:r,index:n,template:e.itemTemplate,selected:O,onClick:e.onOptionSelect,tabIndex:g,disabled:y,className:e.itemClassName,checkboxIcon:e.checkboxIcon,isUnstyled:b,ptm:c,cx:u})},j=function(){if(e.virtualScrollerOptions){var t=Y(Y({},e.virtualScrollerOptions),{style:Y(Y({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(Y(Y({},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=i({ref:t.contentRef,style:t.style,className:p.classNames(t.className,u("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},v("list"));return x.createElement("ul",l,n)}});return x.createElement(m.VirtualScroller,E({ref:l},t,{pt:c("virtualScroller"),__parentMetadata:{parent:e.metaData}}))}var r,o,a=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(k):e.hasFilter?S():(r=p.ObjectUtils.getJSXElement(e.emptyMessage,e)||n.localeOption("emptyMessage"),o=i({className:u("emptyMessage")},v("emptyMessage")),x.createElement("li",o,r)),s=i({className:u("wrapper"),style:{maxHeight:e.scrollHeight}},v("wrapper")),f=i({className:u("list"),role:"listbox","aria-multiselectable":!0},v("list"));return x.createElement("div",s,x.createElement("ul",f,a))},w=function(){var n=e.allowOptionSelect(),l=x.createElement(B,{hostName:e.hostName,id:e.id,filter:e.filter,filterRef:o,filterValue:e.filterValue,filterTemplate:e.filterTemplate,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(),s=O(),d=i({className:p.classNames(e.panelClassName,u("panel",{panelProps:e,context:a,allowOptionSelect:n})),style:e.panelStyle,onClick:e.onClick},v("panel"));if(e.inline)return x.createElement("div",E({ref:t},d),r,s);var m=i({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntered:y,onExit:e.onExit,onExited:e.onExited},v("transition")),I=i({ref:e.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenFirstFocusableEl")),S=i({ref:e.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:e.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},c("hiddenLastFocusableEl"));return x.createElement(f.CSSTransition,E({nodeRef:t},m),x.createElement("div",E({ref:t},d),x.createElement("span",I),l,r,s,x.createElement("span",S)))}();return e.inline?w:x.createElement(d.Portal,{element:w,appendTo:e.appendTo})})));function Q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Q(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function te(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=ne(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function ne(e,t){if(e){if("string"==typeof e)return le(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)?le(e,t):void 0}}function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}$.displayName="MultiSelectPanel";var re=x.memo(x.forwardRef((function(e,t){var f=r.useMergeProps(),d=x.useContext(n.PrimeReactContext),m=M.getProps(e,d),b=H(x.useState(null),2),v=b[0],h=b[1],y=H(x.useState(!1),2),g=y[0],O=y[1],S=H(x.useState(""),2),k=S[0],j=S[1],C=H(x.useState(-1),2),N=C[0],D=C[1],P=H(x.useState(!1),2),F=P[0],A=P[1],T=H(x.useState(m.inline),2),R=T[0],V=T[1],G=x.useRef(null),K=x.useRef(null),J=x.useRef(null),X=x.useRef(null),_=x.useRef(null),B=x.useRef(m.inputRef),q=x.useRef(null),z=x.useRef(null),Z=k&&k.trim().length>0,W=p.ObjectUtils.isEmpty(m.value),Y=m.optionValue?null:m.dataKey,Q={props:m,state:{filterState:k,focused:F,overlayVisible:R}},ne=M.setMetaData(Q),le=ne.ptm,re=ne.cx,oe=ne.sx,ie=ne.isUnstyled;l.useHandleStyle(M.css.styles,ie,{name:"multiselect"});var ae=H(r.useOverlayListener({target:G,overlay:z,listener:function(e,t){t.valid&&("outside"===t.type?!Ne(e)&&!De(e)&&we():we())},when:R}),2),ce=ae[0],ue=ae[1],se=function(e){var t=Ke&&e<ct.length-1?ct.slice(e+1).findIndex((function(e){return Be(e)})):-1;return t>-1?t+e+1:-1},pe=function(e){var t=Ke&&e>0?p.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return Be(e)})):-1;return t>-1?t:-1},fe=function(e){var t=-1;return Ke&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=pe(e))?se(e):t:-1===(t=se(e))?pe(e):t),t>-1?t:e},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=fe(n,!0)),-1===n&&(n=fe(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=ct.slice(l,r+1).filter((function(e){return _e(e)})).map((function(e){return Re(e)}));Ee(e,o,o)}},me=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!m.disabled&&!Me(t)){var l=null;l=Ue(t)?m.value.filter((function(e){return!p.ObjectUtils.equals(e,Re(t),Y)})):[].concat(U(m.value||[]),[Re(t)]),Ee(e,l,t),-1!==n&&h(n)}},be=function(e){if(R){var t=-1!==v?$e(v):g?We():ze();e.shiftKey&&de(e,N,t),tt(e,t)}else je(),m.editable&&tt(e,qe());e.preventDefault()},ve=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==v&&me(e,ct[v]),R&&we(),e.preventDefault();else{var t=-1!==v?Qe(v):g?Ye():Ze();tt(e,t),!R&&je(),e.preventDefault()}},he=function(e){R?-1!==v&&(e.shiftKey?de(e,v):me(e,ct[v])):(h(-1),be(e)),e.preventDefault()},ye=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),h(-1)}else{var n=e.metaKey||e.ctrlKey,l=We();e.shiftKey&&n&&de(e,l,N),tt(e,l),!R&&je()}e.preventDefault()},ge=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),L("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=Ye();e.shiftKey&&l&&de(e,N,r),tt(e,r),!R&&je()}e.preventDefault()},Oe=function(e){e.preventDefault()},xe=function(e){e.preventDefault()},Ie=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(R&&Je()?(p.DomHandler.focus(e.shiftKey?_.current:X.current),e.preventDefault()):(-1!==v&&me(e,ct[v]),R&&we(filter)))},Ee=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},Se=function(){j(""),m.onFilter&&m.onFilter({filter:""})},ke=function(){var e=p.DomHandler.findSingle(z.current,'li[data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})},je=function(){V(!0),h(-1!==v?v:m.autoOptionFocus?ze():qe()),p.DomHandler.focus(B.current)},we=function(){h(-1),V(!1),O(!1)},Ce=function(){p.DomHandler.alignOverlay(z.current,q.current.parentElement,m.appendTo||d&&d.appendTo||I.default.appendTo)},Ne=function(e){return"clearicon"===p.DomHandler.getAttribute(e.target,"data-pc-section")},De=function(e){return"headercheckboxcontainer"===p.DomHandler.getAttribute(e.target,"data-pc-section")},Pe=function(e){return z.current&&z.current.contains(e.target)},Fe=function(e,t){return t.findIndex((function(t){return e.some((function(e){return p.ObjectUtils.equals(e,Re(t),Y)}))}))},Ue=function(e){if(m.value){var t=Re(e),n=Ve(e);return m.value.some((function(e){return p.ObjectUtils.equals(n?e:Re(e),t,Y)}))}return!1},Le=function(e){var t;if(m.options)if(m.optionGroupLabel){var n,l=te(m.options);try{for(l.s();!(n=l.n()).done;){if(t=Ae(e,He(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ae(e,m.options),p.ObjectUtils.isEmpty(t)&&(t=Ae(e,m.value));return t?Te(t):null},Ae=function(e,t){return t.find((function(t){return p.ObjectUtils.equals(Re(t),e,Y)}))},Te=function(e){return m.optionLabel?p.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},Re=function(e){if(m.useOptionAsValue)return e;if(m.optionValue){var t=p.ObjectUtils.resolveFieldData(e,m.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},He=function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Me=function(e){return m.optionDisabled?p.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ve=function(e){return!m.useOptionAsValue&&m.optionValue||e&&void 0!==e.value},Ge=function(e){return m.optionGroupLabel&&e.optionGroup&&e.group},Ke=function(){return p.ObjectUtils.isNotEmpty(m.value)},Je=function(){return p.DomHandler.getFocusableElements(z.current,':not([data-p-hidden-focusable="true"])').length>0},Xe=function(e){var t;return _e(e)&&(null===(t=Te(e))||void 0===t?void 0:t.toLocaleLowerCase(m.filterLocale).startsWith(K.current.toLocaleLowerCase(m.filterLocale)))},_e=function(e){return p.ObjectUtils.isNotEmpty(e)&&!(Me(e)||Ge(e))},Be=function(e){return _e(e)&&Ue(e)},qe=function(){if(Ke())for(var e,t=function(){var e=m.value[n],t=ct.findIndex((function(t){return Be(t)&&(n=e,l=Re(t),p.ObjectUtils.equals(n,l,Y));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=qe();return e<0?We():e},Ze=function(){var e=qe();return e<0?Ye():e},We=function(){return ct.findIndex((function(e){return _e(e)}))},Ye=function(){return p.ObjectUtils.findLastIndex(ct,(function(e){return _e(e)}))},$e=function(e){var t=e<ct.length-1?ct.slice(e+1).findIndex((function(e){return _e(e)})):-1;return t>-1?t+e+1:e},Qe=function(e){var t=e>0?p.ObjectUtils.findLastIndex(ct.slice(0,e),(function(e){return _e(e)})):-1;return t>-1?t:e},et=function(e){K.current=(K.current||"")+e.key;var t=-1;p.ObjectUtils.isNotEmpty(K.current)&&(-1===(t=-1!==v?-1===(t=ct.slice(v).findIndex((function(e){return Xe(e)})))?ct.slice(0,v).findIndex((function(e){return Xe(e)})):t+v:ct.findIndex((function(e){return Xe(e)})))&&-1===v&&(t=ze()),-1!==t&&tt(e,t)),J.current&&clearTimeout(J.current),J.current=setTimeout((function(){K.current="",J.current=null}),500)},tt=function(e,t){v!==t&&(h(t),ke(),m.selectOnFocus&&me(e,ct[t],!1))},nt=function(e,t){var n=m.value.filter((function(e){return!p.ObjectUtils.equals(e,t,Y)}));m.onRemove&&m.onRemove({originalEvent:e,value:n}),Ee(e,n,t)},lt=function(){var e=/{(.*?)}/;return e.test(m.selectedItemsLabel)?m.selectedItemsLabel.replace(m.selectedItemsLabel.match(e)[0],m.value.length+""):m.selectedItemsLabel},rt=function(){if(!W&&!m.fixedPlaceholder)return p.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():p.ObjectUtils.isArray(m.value)?m.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Le(t)}),""):""};x.useImperativeHandle(t,(function(){return{props:m,show:je,hide:we,focus:function(){return p.DomHandler.focus(B.current)},getElement:function(){return G.current},getOverlay:function(){return z.current},getInput:function(){return B.current}}})),r.useMountEffect((function(){Ce()})),x.useEffect((function(){p.ObjectUtils.combinedRefs(B,m.inputRef)}),[B,m.inputRef]),x.useEffect((function(){setTimeout((function(){m.overlayVisible?je():we()}),100)}),[m.overlayVisible]),r.useUpdateEffect((function(){R&&k&&Z&&Ce()}),[R,k,Z]),r.useUnmountEffect((function(){p.ZIndexUtils.clear(z.current)}));var ot,it,at,ct=function(){if(Z){var e=k.trim().toLocaleLowerCase(m.filterLocale),t=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var l,r=[],o=te(m.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=n.FilterService.filter(He(i),t,e,m.filterMatchMode,m.filterLocale);a&&a.length&&r.push(ee(ee({},i),w({},m.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return n.FilterService.filter(m.options,t,e,m.filterMatchMode,m.filterLocale)}return m.options}(),ut=p.ObjectUtils.isNotEmpty(m.tooltip),st=M.getOtherProps(m),pt=p.ObjectUtils.reduceKeys(st,p.DomHandler.ARIA_PROPS),ft=f({className:re("triggerIcon")},le("triggerIcon")),dt=f({className:re("trigger")},le("trigger")),mt=m.loadingIcon?p.IconUtils.getJSXIcon(m.loadingIcon,ee({},ft),{props:m}):x.createElement(i.SpinnerIcon,E({spin:!0},ft)),bt=m.dropdownIcon?p.IconUtils.getJSXIcon(m.dropdownIcon,ee({},ft),{props:m}):x.createElement(o.ChevronDownIcon,ft),vt=x.createElement("div",dt,m.loading?mt:bt),ht=!m.inline&&(ot=m.selectedItemTemplate?W?p.ObjectUtils.getJSXElement(m.selectedItemTemplate):p.ObjectUtils.isNotEmpty(m.maxSelectedLabels)&&m.value.length>m.maxSelectedLabels?lt():m.value.map((function(e,t){var n=p.ObjectUtils.getJSXElement(m.selectedItemTemplate,e);return x.createElement(x.Fragment,{key:t},n)})):"chip"!==m.display||W?rt():m.value.slice(0,m.maxSelectedLabels||m.value.length).map((function(e,t){var n={context:{value:e,index:t}},l=Le(e),r=f({key:t,className:re("removeTokenIcon"),onClick:function(t){return nt(t,e)}},le("removeTokenIcon",n)),o=!m.disabled&&(m.removeIcon?p.IconUtils.getJSXIcon(m.removeIcon,ee({},r),{props:m}):x.createElement(c.TimesCircleIcon,r)),i=f({className:re("token")},le("token",n)),a=f({key:l+t,className:re("tokenLabel")},le("tokenLabel",n));return x.createElement("div",E({},i,{key:l}),x.createElement("span",a,l),o)})),it=f({ref:q,className:re("labelContainer")},le("labelContainer")),at=f({className:re("label",{empty:W})},le("label")),x.createElement("div",it,x.createElement("div",at,ot||m.placeholder||"empty"))),yt=!m.inline&&function(){var e=f({className:re("clearIcon"),onClick:function(e){return Ee(e,[],[])}},le("clearIcon")),t=p.IconUtils.getJSXIcon(m.clearIcon||x.createElement(a.TimesIcon,e),ee({},e),{props:m});return W||!m.showClear||m.disabled?null:t}(),gt=f(ee(ee({ref:G,id:m.id,style:ee(ee({},m.style),oe("root")),className:p.classNames(m.className,re("root",{focusedState:F,overlayVisibleState:R}))},st),{},{onClick:function(e){m.inline||m.disabled||m.loading||Pe(e)||"removetokenicon"===p.DomHandler.getAttribute(e.target,"data-pc-section")||Ne(e)||(R?we():je(),p.DomHandler.focus(B.current),e.preventDefault()),O(!0)}}),M.getOtherProps(m),le("root")),Ot=f({className:"p-hidden-accessible","data-p-hidden-accessible":!0},le("hiddenInputWrapper")),xt=f(ee({ref:B,id:m.inputId,name:m.name,type:"text",onFocus:function(e){A(!0),m.onFocus&&m.onFocus(e)},onBlur:function(e){A(!1),m.onBlur&&m.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(m.inline)break;ve(e);break;case"ArrowDown":if(m.inline)break;be(e);break;case"Space":case"NumpadEnter":case"Enter":if(m.inline)break;he(e);break;case"Home":if(m.inline)break;ye(e),e.preventDefault();break;case"End":if(m.inline)break;ge(e),e.preventDefault();break;case"PageDown":xe(e);break;case"PageUp":Oe(e);break;case"Escape":if(m.inline)break;we();break;case"Tab":Ie(e);break;case"ShiftLeft":case"ShiftRight":D(v);break;default:if("KeyA"===e.code&&t){var n=ct.filter((function(e){return _e(e)})).map((function(e){return Re(e)}));Ee(e,n,n),e.preventDefault();break}!t&&p.ObjectUtils.isPrintableCharacter(e.key)&&(!R&&je(),et(e),e.preventDefault())}O(!1)},role:"combobox","aria-expanded":R,disabled:m.disabled,tabIndex:m.disabled?-1:m.tabIndex},pt),le("input"));return x.createElement(x.Fragment,null,x.createElement("div",gt,x.createElement("div",Ot,x.createElement("input",E({},xt,{readOnly:!0}))),!m.inline&&x.createElement(x.Fragment,null,ht,yt,vt),x.createElement($,E({hostName:"MultiSelect",ref:z,visibleOptions:ct},m,{onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:G.current})},onOverlayHide:we,filterValue:k,focusedOptionIndex:v,onFirstHiddenFocus:function(e){var t=e.relatedTarget===B.current?p.DomHandler.getFirstFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):B.current;p.DomHandler.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===B.current?p.DomHandler.getLastFocusableElement(z.current,':not([data-p-hidden-focusable="true"])'):B.current;p.DomHandler.focus(t)},firstHiddenFocusableElementOnOverlay:X,lastHiddenFocusableElementOnOverlay:_,setFocusedOptionIndex:h,hasFilter:Z,onFilterInputChange:function(e){var t=e.query;j(t),m.onFilter&&m.onFilter({originalEvent:e,filter:t})},resetFilter:Se,onCloseClick:function(e){we(),p.DomHandler.focus(B.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(m.onSelectAll)m.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ct){var n=ct.filter((function(e){return Me(e)&&Ue(e)}));t=n.map((function(e){return Re(e)}))}}else if(ct){var l=ct.filter((function(e){return!Me(e)||Ue(e)}));m.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(U(t),U(He(e).filter((function(e){return!Me(e)})).map((function(e){return Re(e)}))))}))):t=l.map((function(e){return Re(e)}))}Ee(e.originalEvent,t,t)}},getOptionLabel:Te,getOptionRenderKey:function(e){return m.dataKey?p.ObjectUtils.resolveFieldData(e,m.dataKey):Te(e)},isOptionDisabled:Me,getOptionGroupChildren:He,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},isSelected:Ue,getSelectedOptionIndex:function(){if(null!=m.value&&m.options){if(m.optionGroupLabel){var e=0,t=m.options.findIndex((function(t,n){return(e=n)&&-1!==Fe(m.value,He(t))}));return-1!==t?{group:e,option:t}:-1}return Fe(m.value,m.options)}return-1},isAllSelected:function(){if(m.onSelectAll)return m.selectAll;if(p.ObjectUtils.isEmpty(ct))return!1;var e=ct.filter((function(e){return!Me(e)}));if(m.optionGroupLabel){var t,n=!0,l=te(e);try{for(l.s();!(t=l.n()).done;){!0===He(t.value).filter((function(e){return!Me(e)})).some((function(e){return!Ue(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!Ue(e)}))},onOptionSelect:me,allowOptionSelect:function(){return!m.selectionLimit||!m.value||m.value&&m.value.length<m.selectionLimit},in:R,onEnter:function(e){p.ZIndexUtils.set("overlay",z.current,d&&d.autoZIndex||I.default.autoZIndex,d&&d.zIndex.overlay||I.default.zIndex.overlay),p.DomHandler.addStyles(z.current,{position:"absolute",top:"0",left:"0"}),Ce(),ke(),e&&e()},onEntered:function(e){e&&e(),ce(),m.onShow&&m.onShow()},onExit:function(){ue()},onExited:function(){m.filter&&m.resetFilterOnHide&&Se(),p.ZIndexUtils.clear(z.current),m.onHide&&m.onHide()},ptm:le,cx:re,sx:oe,isUnstyled:ie,metaData:Q}))),ut&&x.createElement(s.Tooltip,E({target:G,content:m.tooltip,pt:le("tooltip")},m.tooltipOptions)))})));return re.displayName="MultiSelect",e.MultiSelect=re,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.spinner,primereact.icons.times,primereact.icons.timescircle,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.icons.check,primereact.icons.search,primereact.inputtext,primereact.ripple);
|
|
@@ -342,7 +342,7 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
|
|
|
342
342
|
var rootProps = mergeProps({
|
|
343
343
|
ref: elementRef,
|
|
344
344
|
id: props.id,
|
|
345
|
-
className: cx('root'),
|
|
345
|
+
className: utils.classNames(props.className, cx('root')),
|
|
346
346
|
style: props.style,
|
|
347
347
|
onClick: onClick
|
|
348
348
|
}, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
|