primereact 10.5.2 → 10.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +1 -0
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -0
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -0
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +41 -9
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +1 -0
- package/api/api.esm.js +41 -9
- package/api/api.esm.min.js +1 -1
- package/api/api.js +41 -9
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +51 -54
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +51 -54
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +51 -54
- package/autocomplete/autocomplete.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +418 -0
- package/buttongroup/buttongroup.cjs.min.js +1 -0
- package/buttongroup/buttongroup.d.ts +86 -0
- package/buttongroup/buttongroup.esm.js +391 -0
- package/buttongroup/buttongroup.esm.min.js +1 -0
- package/buttongroup/buttongroup.js +417 -0
- package/buttongroup/buttongroup.min.js +1 -0
- package/buttongroup/package.json +7 -0
- package/calendar/calendar.cjs.js +217 -162
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +217 -162
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +217 -162
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +8 -8
- package/carousel/carousel.esm.js +8 -8
- package/carousel/carousel.js +8 -8
- package/cascadeselect/cascadeselect.cjs.js +6 -8
- package/cascadeselect/cascadeselect.esm.js +6 -8
- package/cascadeselect/cascadeselect.js +6 -8
- package/checkbox/checkbox.cjs.js +5 -6
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +5 -6
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +5 -6
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +1 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +1 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +1 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +8 -6
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +8 -6
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +8 -6
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +8 -6
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +8 -6
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +8 -6
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +8 -52
- package/componentbase/componentbase.cjs.js +23 -11
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +23 -11
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +23 -11
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +1 -1
- package/confirmpopup/confirmpopup.js +1 -1
- package/contextmenu/contextmenu.cjs.js +8 -5
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -5
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +8 -5
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +977 -529
- package/core/core.min.js +11 -11
- package/csstransition/csstransition.cjs.js +17 -18
- package/csstransition/csstransition.esm.js +17 -18
- package/csstransition/csstransition.js +17 -18
- package/datascroller/datascroller.cjs.js +18 -20
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +18 -20
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +18 -20
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +645 -376
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +5 -5
- package/datatable/datatable.esm.js +648 -379
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +646 -377
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -1
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -1
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -4
- package/deferredcontent/deferredcontent.esm.js +3 -4
- package/deferredcontent/deferredcontent.js +3 -4
- package/dialog/dialog.cjs.js +22 -17
- package/dialog/dialog.esm.js +22 -17
- package/dialog/dialog.js +22 -17
- package/dock/dock.cjs.js +13 -4
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +13 -4
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +13 -4
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +66 -60
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +66 -60
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +66 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +74 -75
- package/editor/editor.esm.js +74 -75
- package/editor/editor.js +74 -75
- package/fieldset/fieldset.cjs.js +1 -1
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +1 -1
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +1 -1
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +21 -11
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +21 -11
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +21 -11
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +419 -0
- package/floatlabel/floatlabel.cjs.min.js +1 -0
- package/floatlabel/floatlabel.d.ts +81 -0
- package/floatlabel/floatlabel.esm.js +392 -0
- package/floatlabel/floatlabel.esm.min.js +1 -0
- package/floatlabel/floatlabel.js +418 -0
- package/floatlabel/floatlabel.min.js +1 -0
- package/floatlabel/package.json +7 -0
- package/focustrap/focustrap.cjs.js +1 -1
- package/focustrap/focustrap.esm.js +1 -1
- package/focustrap/focustrap.js +1 -1
- package/galleria/galleria.cjs.js +4 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -3
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +4 -3
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +32 -11
- package/hooks/hooks.esm.js +32 -11
- package/hooks/hooks.js +32 -11
- package/iconfield/iconfield.cjs.js +121 -0
- package/iconfield/iconfield.cjs.min.js +1 -0
- package/iconfield/iconfield.d.ts +95 -0
- package/iconfield/iconfield.esm.js +113 -0
- package/iconfield/iconfield.esm.min.js +1 -0
- package/iconfield/iconfield.js +120 -0
- package/iconfield/iconfield.min.js +1 -0
- package/image/image.cjs.js +7 -3
- package/image/image.esm.js +7 -3
- package/image/image.js +7 -3
- package/inplace/inplace.cjs.js +1 -1
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +1 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +1 -1
- package/inplace/inplace.min.js +1 -1
- package/inputicon/inputicon.cjs.js +107 -0
- package/inputicon/inputicon.cjs.min.js +1 -0
- package/inputicon/inputicon.d.ts +78 -0
- package/inputicon/inputicon.esm.js +99 -0
- package/inputicon/inputicon.esm.min.js +1 -0
- package/inputicon/inputicon.js +106 -0
- package/inputicon/inputicon.min.js +1 -0
- package/inputmask/inputmask.cjs.js +56 -36
- package/inputmask/inputmask.esm.js +56 -36
- package/inputmask/inputmask.js +56 -36
- package/inputnumber/inputnumber.cjs.js +27 -17
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +27 -17
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +27 -17
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +2 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +2 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +2 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +2 -2
- package/keyfilter/keyfilter.esm.js +2 -2
- package/keyfilter/keyfilter.js +2 -2
- package/knob/knob.cjs.js +14 -2
- package/knob/knob.esm.js +14 -2
- package/knob/knob.js +14 -2
- package/listbox/listbox.cjs.js +189 -67
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +17 -12
- package/listbox/listbox.esm.js +189 -67
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +189 -67
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +94 -96
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +94 -96
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +94 -96
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +4 -6
- package/mention/mention.esm.js +4 -6
- package/mention/mention.js +4 -6
- package/menu/menu.cjs.js +5 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +5 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +5 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +24 -23
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +24 -23
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +24 -23
- package/menubar/menubar.min.js +1 -1
- package/messages/messages.cjs.js +8 -7
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +3 -2
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +8 -7
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +4 -5
- package/metergroup/metergroup.esm.js +4 -5
- package/metergroup/metergroup.js +4 -5
- package/multiselect/multiselect.cjs.js +203 -169
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +203 -169
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +203 -169
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +227 -28
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +228 -29
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +228 -30
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +75 -50
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +7 -2
- package/orderlist/orderlist.esm.js +75 -50
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +75 -50
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +7 -3
- package/organizationchart/organizationchart.esm.js +7 -3
- package/organizationchart/organizationchart.js +7 -3
- package/overlaypanel/overlaypanel.cjs.js +2 -2
- package/overlaypanel/overlaypanel.esm.js +2 -2
- package/overlaypanel/overlaypanel.js +2 -2
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +19 -20
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +19 -20
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +19 -20
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +18 -9
- package/panelmenu/panelmenu.esm.js +18 -9
- package/panelmenu/panelmenu.js +18 -9
- package/passthrough/tailwind/index.cjs.js +4 -2
- package/passthrough/tailwind/index.esm.js +4 -2
- package/passthrough/tailwind/index.js +4 -2
- package/password/password.cjs.js +3 -5
- package/password/password.esm.js +3 -5
- package/password/password.js +3 -5
- package/picklist/picklist.cjs.js +40 -11
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +7 -2
- package/picklist/picklist.esm.js +40 -11
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +40 -11
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +3577 -2762
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3577 -2762
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3577 -2762
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +6 -1
- package/progressbar/progressbar.esm.js +6 -1
- package/progressbar/progressbar.js +6 -1
- package/radiobutton/radiobutton.cjs.js +10 -12
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +10 -12
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +10 -12
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +4 -4
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -4
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +4 -4
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +378 -63
- package/resources/themes/arya-green/theme.css +378 -63
- package/resources/themes/arya-orange/theme.css +378 -63
- package/resources/themes/bootstrap4-dark-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-dark-purple/theme.css +966 -188
- package/resources/themes/bootstrap4-light-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-light-purple/theme.css +966 -188
- package/resources/themes/fluent-light/theme.css +372 -63
- package/resources/themes/lara-dark-amber/theme.css +396 -151
- package/resources/themes/lara-dark-blue/theme.css +396 -151
- package/resources/themes/lara-dark-cyan/theme.css +396 -151
- package/resources/themes/lara-dark-green/theme.css +396 -151
- package/resources/themes/lara-dark-indigo/theme.css +396 -151
- package/resources/themes/lara-dark-pink/theme.css +396 -151
- package/resources/themes/lara-dark-teal/theme.css +396 -151
- package/resources/themes/lara-light-amber/theme.css +392 -151
- package/resources/themes/lara-light-blue/theme.css +392 -151
- package/resources/themes/lara-light-cyan/theme.css +392 -151
- package/resources/themes/lara-light-green/theme.css +392 -151
- package/resources/themes/lara-light-indigo/theme.css +392 -151
- package/resources/themes/lara-light-pink/theme.css +392 -151
- package/resources/themes/lara-light-teal/theme.css +392 -151
- package/resources/themes/luna-amber/theme.css +378 -63
- package/resources/themes/luna-blue/theme.css +378 -63
- package/resources/themes/luna-green/theme.css +378 -63
- package/resources/themes/luna-pink/theme.css +378 -63
- package/resources/themes/md-dark-deeppurple/theme.css +323 -202
- package/resources/themes/md-dark-indigo/theme.css +444 -189
- package/resources/themes/md-light-deeppurple/theme.css +323 -202
- package/resources/themes/md-light-indigo/theme.css +444 -202
- package/resources/themes/mdc-dark-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-dark-indigo/theme.css +444 -202
- package/resources/themes/mdc-light-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-light-indigo/theme.css +444 -202
- package/resources/themes/mira/theme.css +378 -63
- package/resources/themes/nano/theme.css +378 -63
- package/resources/themes/nova/theme.css +378 -63
- package/resources/themes/nova-accent/theme.css +378 -63
- package/resources/themes/nova-alt/theme.css +378 -63
- package/resources/themes/rhea/theme.css +378 -63
- package/resources/themes/saga-blue/theme.css +378 -63
- package/resources/themes/saga-green/theme.css +378 -63
- package/resources/themes/saga-orange/theme.css +378 -63
- package/resources/themes/soho-dark/theme.css +388 -73
- package/resources/themes/soho-light/theme.css +388 -73
- package/resources/themes/tailwind-light/theme.css +378 -63
- package/resources/themes/vela-blue/theme.css +378 -63
- package/resources/themes/vela-green/theme.css +378 -63
- package/resources/themes/vela-orange/theme.css +378 -63
- package/resources/themes/viva-dark/theme.css +389 -74
- package/resources/themes/viva-light/theme.css +389 -74
- package/ripple/ripple.cjs.js +3 -1
- package/ripple/ripple.esm.js +3 -1
- package/ripple/ripple.js +3 -1
- package/scrollpanel/scrollpanel.cjs.js +2 -2
- package/scrollpanel/scrollpanel.esm.js +2 -2
- package/scrollpanel/scrollpanel.js +2 -2
- package/scrolltop/scrolltop.cjs.js +6 -2
- package/scrolltop/scrolltop.esm.js +6 -2
- package/scrolltop/scrolltop.js +6 -2
- package/selectbutton/selectbutton.cjs.js +20 -11
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +20 -11
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +20 -11
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/slidemenu/slidemenu.cjs.js +1 -1
- package/slidemenu/slidemenu.esm.js +1 -1
- package/slidemenu/slidemenu.js +1 -1
- package/slider/slider.cjs.js +37 -10
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +37 -10
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +37 -10
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -0
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +18 -17
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +18 -17
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +18 -17
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +24 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +24 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +24 -7
- package/splitter/splitter.min.js +1 -1
- package/stepper/package.json +7 -0
- package/stepper/stepper.cjs.js +861 -0
- package/stepper/stepper.cjs.min.js +1 -0
- package/stepper/stepper.d.ts +137 -0
- package/stepper/stepper.esm.js +834 -0
- package/stepper/stepper.esm.min.js +1 -0
- package/stepper/stepper.js +859 -0
- package/stepper/stepper.min.js +1 -0
- package/stepperpanel/package.json +7 -0
- package/stepperpanel/stepperpanel.cjs.js +410 -0
- package/stepperpanel/stepperpanel.cjs.min.js +1 -0
- package/stepperpanel/stepperpanel.d.ts +158 -0
- package/stepperpanel/stepperpanel.esm.js +383 -0
- package/stepperpanel/stepperpanel.esm.min.js +1 -0
- package/stepperpanel/stepperpanel.js +409 -0
- package/stepperpanel/stepperpanel.min.js +1 -0
- package/steps/steps.cjs.js +1 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +1 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +1 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +5 -1
- package/styleclass/styleclass.esm.js +5 -1
- package/styleclass/styleclass.js +5 -1
- package/tabmenu/tabmenu.cjs.js +1 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +23 -18
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +23 -18
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +23 -18
- package/tabview/tabview.min.js +1 -1
- package/terminal/terminal.cjs.js +2 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +2 -1
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +18 -17
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +18 -17
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +18 -17
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.js +1 -1
- package/togglebutton/togglebutton.cjs.js +1 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +1 -1
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +1 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +20 -17
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +20 -17
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +20 -17
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +377 -148
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +378 -149
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +378 -150
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +24 -17
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +2 -1
- package/treeselect/treeselect.esm.js +24 -17
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +24 -17
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +492 -295
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +4 -4
- package/treetable/treetable.esm.js +494 -297
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +493 -296
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +11 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +11 -5
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +11 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +262 -139
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +262 -139
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +262 -139
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +46 -43
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +46 -43
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +46 -43
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +502 -33
package/slider/slider.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var o=i(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,n){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==u(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function s(e){var n=c(e,"string");return"symbol"===u(n)?n:String(n)}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function p(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,n){if(e){if("string"==typeof e)return f(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){if(Array.isArray(e))return e}function y(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function g(){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,n){return b(e)||y(e,n)||m(e,n)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return a.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return a.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n .p-slider {\n position: relative;\n }\n \n .p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n }\n \n .p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n }\n \n .p-slider-range {\n position: absolute;\n display: block;\n }\n \n .p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n }\n \n .p-slider-horizontal .p-slider-handle {\n top: 50%;\n }\n \n .p-slider-vertical {\n height: 100px;\n }\n \n .p-slider-vertical .p-slider-handle {\n left: 50%;\n }\n \n .p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function O(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function w(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?O(Object(r),!0).forEach((function(n){var t,a,i;t=e,i=r[n],(a=s(a=n))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var j=o.memo(o.forwardRef((function(e,i){var u=t.useMergeProps(),c=o.useContext(n.PrimeReactContext),s=x.getProps(e,c),f=o.useRef(null),b=o.useRef(0),y=o.useRef(!1),g=o.useRef(!1),O=o.useRef(0),j=o.useRef(0),S=o.useRef(0),E=o.useRef(0),P=o.useRef(),D=s.range?s.value||[s.min,s.max]:s.value||s.min||0,A="horizontal"===s.orientation,R="vertical"===s.orientation,k=h(t.useEventListener({type:"mousemove",listener:function(e){return V(e)}}),2),I=k[0],C=k[1],z=h(t.useEventListener({type:"mouseup",listener:function(e){return $(e)}}),2),N=z[0],T=z[1],M=h(t.useEventListener({type:"touchmove",listener:function(e){return V(e)}}),2),H=M[0],U=M[1],_=h(t.useEventListener({type:"touchend",listener:function(e){return $(e)}}),2),L=_[0],q=_[1],F=x.setMetaData({props:s}),Y=F.ptm,W=F.cx,X=F.sx;r.useHandleStyle(x.css.styles,F.isUnstyled,{name:"slider"});var B=function(e,n){re(e,(s.range?D[b.current]:D)+(s.step||1)*n),e.preventDefault()},K=function(e,n){s.disabled||(g.current=!0,Z(),y.current=!0,b.current=s.range&&D[0]===s.max?0:n,e.preventDefault())},V=function(e){g.current&&(ne(e),e.preventDefault())},$=function(e){if(g.current){g.current=!1;var n=ne(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),P.current=void 0,C(),T(),U(),q()}},G=function(e,n){I(),N(),K(e,n)},J=function(e,n){e.changedTouches&&e.changedTouches[0]&&(P.current=e.changedTouches[0].identifier),H(),L(),K(e,n)},Q=function(e,n){if(!s.disabled)switch(b.current=n,e.key){case"ArrowRight":case"ArrowUp":B(e,1);break;case"ArrowLeft":case"ArrowDown":B(e,-1);break;case"PageUp":B(e,10),e.preventDefault();break;case"PageDown":B(e,-10),e.preventDefault();break;case"Home":B(e,-D),e.preventDefault();break;case"End":B(e,s.max),e.preventDefault()}},Z=function(){var e=f.current.getBoundingClientRect();O.current=e.left+a.DomHandler.getWindowScrollLeft(),j.current=e.top+a.DomHandler.getWindowScrollTop(),S.current=f.current.offsetWidth,E.current=f.current.offsetHeight},ee=function(e){var n,r=Array.from(null!==(n=e.changedTouches)&&void 0!==n?n:[]).find((function(e){return e.identifier===P.current}))||e;return{pageX:r.pageX,pageY:r.pageY}},ne=function(e){var n=ee(e),r=n.pageX,t=n.pageY;if(r&&t){var a=(A?100*(r-O.current)/S.current:100*(j.current+E.current-t)/E.current)/100*(s.max-s.min)+s.min;if(s.step){var i=s.range?D[b.current]:D,o=a-i;o<0?a=i+Math.ceil(a/s.step-i/s.step)*s.step:o>0&&(a=i+Math.floor(a/s.step-i/s.step)*s.step)}else a=Math.floor(a);return re(e,a)}},re=function(e,n){var r,t=parseFloat(n.toFixed(10)),a=t;return s.range?(0===b.current?t<s.min?t=s.min:t>s.max&&(t=s.max):t>s.max?t=s.max:t<s.min&&(t=s.min),(a=p(r=D)||d(r)||m(r)||v())[b.current]=t,s.onChange&&s.onChange({originalEvent:e,value:a})):(t<s.min?t=s.min:t>s.max&&(t=s.max),a=t,s.onChange&&s.onChange({originalEvent:e,value:a})),a},te=function(e,n,r){e=a.ObjectUtils.isEmpty(e)?null:e,n=a.ObjectUtils.isEmpty(n)?null:n;var t={transition:g.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},i=u(w({className:W("handle",{index:r,handleIndex:b}),style:w(w({},X("handle",{dragging:g,leftValue:e,bottomValue:n})),t),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return G(e,r)},onTouchStart:function(e){return J(e,r)},onKeyDown:function(e){return Q(e,r)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},de),Y("handle"));return o.createElement("span",i)};o.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return f.current}}}));var ae,ie,oe,le,ue,ce,se,fe,pe=x.getOtherProps(s),de=a.ObjectUtils.reduceKeys(pe,a.DomHandler.ARIA_PROPS),me=s.range?(ae=100*(D[0]<s.min?s.min:D[0]-s.min)/(s.max-s.min),ie=100*(D[1]>s.max?s.max:D[1]-s.min)/(s.max-s.min),oe=A?te(ae,null,0):te(null,ae,0),le=A?te(ie,null,1):te(null,ie,1),ue=ie>ae?ie-ae:ae-ie,ce=ie>ae?ae:ie,se=A?{left:ce+"%",width:ue+"%"}:{bottom:ce+"%",height:ue+"%"},fe=u({className:W("range"),style:w(w({},X("range")),se)},Y("range")),o.createElement(o.Fragment,null,o.createElement("span",fe),oe,le)):function(){var e;e=D<s.min?s.min:D>s.max?s.max:100*(D-s.min)/(s.max-s.min);var n=A?{width:e+"%"}:{height:e+"%"},r=A?te(e,null,null):te(null,e,null),t=u({className:W("range"),style:w(w({},X("range")),n)},Y("range"));return o.createElement(o.Fragment,null,o.createElement("span",t),r)}(),ve=u({style:s.style,className:W("root",{vertical:R,horizontal:A}),onClick:function(e){if(!s.disabled){if(!y.current){Z();var n=ne(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}y.current=!1}}},x.getOtherProps(s),Y("root"));return o.createElement("div",l({id:s.id,ref:f},ve),me)})));j.displayName="Slider",exports.Slider=j;
|
package/slider/slider.esm.js
CHANGED
|
@@ -265,10 +265,13 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
|
|
|
265
265
|
dragging.current = true;
|
|
266
266
|
updateDomData();
|
|
267
267
|
sliderHandleClick.current = true;
|
|
268
|
-
|
|
269
|
-
|
|
268
|
+
if (props.range && value[0] === props.max) {
|
|
269
|
+
handleIndex.current = 0;
|
|
270
|
+
} else {
|
|
271
|
+
handleIndex.current = index;
|
|
272
|
+
}
|
|
273
|
+
event.preventDefault();
|
|
270
274
|
};
|
|
271
|
-
|
|
272
275
|
var onDrag = function onDrag(event) {
|
|
273
276
|
if (dragging.current) {
|
|
274
277
|
setValue(event);
|
|
@@ -375,12 +378,20 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
|
|
|
375
378
|
if (!pageX || !pageY) {
|
|
376
379
|
return;
|
|
377
380
|
}
|
|
378
|
-
if (horizontal)
|
|
381
|
+
if (horizontal) {
|
|
382
|
+
handleValue = (pageX - initX.current) * 100 / barWidth.current;
|
|
383
|
+
} else {
|
|
384
|
+
handleValue = (initY.current + barHeight.current - pageY) * 100 / barHeight.current;
|
|
385
|
+
}
|
|
379
386
|
var newValue = (props.max - props.min) * (handleValue / 100) + props.min;
|
|
380
387
|
if (props.step) {
|
|
381
388
|
var oldValue = props.range ? value[handleIndex.current] : value;
|
|
382
389
|
var diff = newValue - oldValue;
|
|
383
|
-
if (diff < 0)
|
|
390
|
+
if (diff < 0) {
|
|
391
|
+
newValue = oldValue + Math.ceil(newValue / props.step - oldValue / props.step) * props.step;
|
|
392
|
+
} else if (diff > 0) {
|
|
393
|
+
newValue = oldValue + Math.floor(newValue / props.step - oldValue / props.step) * props.step;
|
|
394
|
+
}
|
|
384
395
|
} else {
|
|
385
396
|
newValue = Math.floor(newValue);
|
|
386
397
|
}
|
|
@@ -391,9 +402,15 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
|
|
|
391
402
|
var newValue = parsedValue;
|
|
392
403
|
if (props.range) {
|
|
393
404
|
if (handleIndex.current === 0) {
|
|
394
|
-
if (parsedValue < props.min)
|
|
395
|
-
|
|
396
|
-
|
|
405
|
+
if (parsedValue < props.min) {
|
|
406
|
+
parsedValue = props.min;
|
|
407
|
+
} else if (parsedValue > props.max) {
|
|
408
|
+
parsedValue = props.max;
|
|
409
|
+
}
|
|
410
|
+
} else if (parsedValue > props.max) {
|
|
411
|
+
parsedValue = props.max;
|
|
412
|
+
} else if (parsedValue < props.min) {
|
|
413
|
+
parsedValue = props.min;
|
|
397
414
|
}
|
|
398
415
|
newValue = _toConsumableArray(value);
|
|
399
416
|
newValue[handleIndex.current] = parsedValue;
|
|
@@ -404,7 +421,11 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
|
|
|
404
421
|
});
|
|
405
422
|
}
|
|
406
423
|
} else {
|
|
407
|
-
if (parsedValue < props.min)
|
|
424
|
+
if (parsedValue < props.min) {
|
|
425
|
+
parsedValue = props.min;
|
|
426
|
+
} else if (parsedValue > props.max) {
|
|
427
|
+
parsedValue = props.max;
|
|
428
|
+
}
|
|
408
429
|
newValue = parsedValue;
|
|
409
430
|
if (props.onChange) {
|
|
410
431
|
props.onChange({
|
|
@@ -473,7 +494,13 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
|
|
|
473
494
|
};
|
|
474
495
|
var createSingleSlider = function createSingleSlider() {
|
|
475
496
|
var handleValue;
|
|
476
|
-
if (value < props.min)
|
|
497
|
+
if (value < props.min) {
|
|
498
|
+
handleValue = props.min;
|
|
499
|
+
} else if (value > props.max) {
|
|
500
|
+
handleValue = props.max;
|
|
501
|
+
} else {
|
|
502
|
+
handleValue = (value - props.min) * 100 / (props.max - props.min);
|
|
503
|
+
}
|
|
477
504
|
var rangeStyle = horizontal ? {
|
|
478
505
|
width: handleValue + '%'
|
|
479
506
|
} : {
|
package/slider/slider.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as i,useEventListener as a}from"primereact/hooks";import{classNames as o,ObjectUtils as l,DomHandler as u}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},c.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 p(e,n){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===s(n)?n:String(n)}function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function m(e){if(Array.isArray(e))return d(e)}function
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as i,useEventListener as a}from"primereact/hooks";import{classNames as o,ObjectUtils as l,DomHandler as u}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},c.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 p(e,n){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===s(n)?n:String(n)}function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function m(e){if(Array.isArray(e))return d(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return d(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,n):void 0}}function g(){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 y(e){if(Array.isArray(e))return e}function b(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw i}}return l}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return y(e)||b(e,n)||h(e,n)||x()}var S=r.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n .p-slider {\n position: relative;\n }\n \n .p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n }\n \n .p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n }\n \n .p-slider-range {\n position: absolute;\n display: block;\n }\n \n .p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n }\n \n .p-slider-horizontal .p-slider-handle {\n top: 50%;\n }\n \n .p-slider-vertical {\n height: 100px;\n }\n \n .p-slider-vertical .p-slider-handle {\n left: 50%;\n }\n \n .p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function O(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?O(Object(r),!0).forEach((function(n){var t,i,a;t=e,a=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var j=e.memo(e.forwardRef((function(r,o){var s=i(),p=e.useContext(n),f=S.getProps(r,p),d=e.useRef(null),y=e.useRef(0),b=e.useRef(!1),x=e.useRef(!1),O=e.useRef(0),j=e.useRef(0),P=e.useRef(0),A=e.useRef(0),D=e.useRef(),R=f.range?f.value||[f.min,f.max]:f.value||f.min||0,I="horizontal"===f.orientation,k="vertical"===f.orientation,T=w(a({type:"mousemove",listener:function(e){return G(e)}}),2),z=T[0],C=T[1],N=w(a({type:"mouseup",listener:function(e){return J(e)}}),2),M=N[0],F=N[1],U=w(a({type:"touchmove",listener:function(e){return G(e)}}),2),Y=U[0],H=U[1],W=w(a({type:"touchend",listener:function(e){return J(e)}}),2),X=W[0],_=W[1],K=S.setMetaData({props:f}),L=K.ptm,V=K.cx,B=K.sx;t(S.css.styles,K.isUnstyled,{name:"slider"});var $=function(e,n){ie(e,(f.range?R[y.current]:R)+(f.step||1)*n),e.preventDefault()},q=function(e,n){f.disabled||(x.current=!0,ne(),b.current=!0,y.current=f.range&&R[0]===f.max?0:n,e.preventDefault())},G=function(e){x.current&&(te(e),e.preventDefault())},J=function(e){if(x.current){x.current=!1;var n=te(e);f.onSlideEnd&&f.onSlideEnd({originalEvent:e,value:n}),D.current=void 0,C(),F(),H(),_()}},Q=function(e,n){z(),M(),q(e,n)},Z=function(e,n){e.changedTouches&&e.changedTouches[0]&&(D.current=e.changedTouches[0].identifier),Y(),X(),q(e,n)},ee=function(e,n){if(!f.disabled)switch(y.current=n,e.key){case"ArrowRight":case"ArrowUp":$(e,1);break;case"ArrowLeft":case"ArrowDown":$(e,-1);break;case"PageUp":$(e,10),e.preventDefault();break;case"PageDown":$(e,-10),e.preventDefault();break;case"Home":$(e,-R),e.preventDefault();break;case"End":$(e,f.max),e.preventDefault()}},ne=function(){var e=d.current.getBoundingClientRect();O.current=e.left+u.getWindowScrollLeft(),j.current=e.top+u.getWindowScrollTop(),P.current=d.current.offsetWidth,A.current=d.current.offsetHeight},re=function(e){var n,r=Array.from(null!==(n=e.changedTouches)&&void 0!==n?n:[]).find((function(e){return e.identifier===D.current}))||e;return{pageX:r.pageX,pageY:r.pageY}},te=function(e){var n=re(e),r=n.pageX,t=n.pageY;if(r&&t){var i=(I?100*(r-O.current)/P.current:100*(j.current+A.current-t)/A.current)/100*(f.max-f.min)+f.min;if(f.step){var a=f.range?R[y.current]:R,o=i-a;o<0?i=a+Math.ceil(i/f.step-a/f.step)*f.step:o>0&&(i=a+Math.floor(i/f.step-a/f.step)*f.step)}else i=Math.floor(i);return ie(e,i)}},ie=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return f.range?(0===y.current?t<f.min?t=f.min:t>f.max&&(t=f.max):t>f.max?t=f.max:t<f.min&&(t=f.min),(i=m(r=R)||v(r)||h(r)||g())[y.current]=t,f.onChange&&f.onChange({originalEvent:e,value:i})):(t<f.min?t=f.min:t>f.max&&(t=f.max),i=t,f.onChange&&f.onChange({originalEvent:e,value:i})),i},ae=function(n,r,t){n=l.isEmpty(n)?null:n,r=l.isEmpty(r)?null:r;var i={transition:x.current?"none":null,left:null!=n?n+"%":null,bottom:null!=r?r+"%":null},a=s(E({className:V("handle",{index:t,handleIndex:y}),style:E(E({},B("handle",{dragging:x,leftValue:n,bottomValue:r})),i),tabIndex:f.tabIndex,role:"slider",onMouseDown:function(e){return Q(e,t)},onTouchStart:function(e){return Z(e,t)},onKeyDown:function(e){return ee(e,t)},"aria-valuemin":f.min,"aria-valuemax":f.max,"aria-valuenow":n||r||0,"aria-orientation":f.orientation},ve),L("handle"));return e.createElement("span",a)};e.useImperativeHandle(o,(function(){return{props:f,getElement:function(){return d.current}}}));var oe,le,ue,ce,se,pe,fe,de,me=S.getOtherProps(f),ve=l.reduceKeys(me,u.ARIA_PROPS),he=f.range?(oe=100*(R[0]<f.min?f.min:R[0]-f.min)/(f.max-f.min),le=100*(R[1]>f.max?f.max:R[1]-f.min)/(f.max-f.min),ue=I?ae(oe,null,0):ae(null,oe,0),ce=I?ae(le,null,1):ae(null,le,1),se=le>oe?le-oe:oe-le,pe=le>oe?oe:le,fe=I?{left:pe+"%",width:se+"%"}:{bottom:pe+"%",height:se+"%"},de=s({className:V("range"),style:E(E({},B("range")),fe)},L("range")),e.createElement(e.Fragment,null,e.createElement("span",de),ue,ce)):function(){var n;n=R<f.min?f.min:R>f.max?f.max:100*(R-f.min)/(f.max-f.min);var r=I?{width:n+"%"}:{height:n+"%"},t=I?ae(n,null,null):ae(null,n,null),i=s({className:V("range"),style:E(E({},B("range")),r)},L("range"));return e.createElement(e.Fragment,null,e.createElement("span",i),t)}(),ge=s({style:f.style,className:V("root",{vertical:k,horizontal:I}),onClick:function(e){if(!f.disabled){if(!b.current){ne();var n=te(e);f.onSlideEnd&&f.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},S.getOtherProps(f),L("root"));return e.createElement("div",c({id:f.id,ref:d},ge),he)})));j.displayName="Slider";export{j as Slider};
|
package/slider/slider.js
CHANGED
|
@@ -282,10 +282,13 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
282
282
|
dragging.current = true;
|
|
283
283
|
updateDomData();
|
|
284
284
|
sliderHandleClick.current = true;
|
|
285
|
-
|
|
286
|
-
|
|
285
|
+
if (props.range && value[0] === props.max) {
|
|
286
|
+
handleIndex.current = 0;
|
|
287
|
+
} else {
|
|
288
|
+
handleIndex.current = index;
|
|
289
|
+
}
|
|
290
|
+
event.preventDefault();
|
|
287
291
|
};
|
|
288
|
-
|
|
289
292
|
var onDrag = function onDrag(event) {
|
|
290
293
|
if (dragging.current) {
|
|
291
294
|
setValue(event);
|
|
@@ -392,12 +395,20 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
392
395
|
if (!pageX || !pageY) {
|
|
393
396
|
return;
|
|
394
397
|
}
|
|
395
|
-
if (horizontal)
|
|
398
|
+
if (horizontal) {
|
|
399
|
+
handleValue = (pageX - initX.current) * 100 / barWidth.current;
|
|
400
|
+
} else {
|
|
401
|
+
handleValue = (initY.current + barHeight.current - pageY) * 100 / barHeight.current;
|
|
402
|
+
}
|
|
396
403
|
var newValue = (props.max - props.min) * (handleValue / 100) + props.min;
|
|
397
404
|
if (props.step) {
|
|
398
405
|
var oldValue = props.range ? value[handleIndex.current] : value;
|
|
399
406
|
var diff = newValue - oldValue;
|
|
400
|
-
if (diff < 0)
|
|
407
|
+
if (diff < 0) {
|
|
408
|
+
newValue = oldValue + Math.ceil(newValue / props.step - oldValue / props.step) * props.step;
|
|
409
|
+
} else if (diff > 0) {
|
|
410
|
+
newValue = oldValue + Math.floor(newValue / props.step - oldValue / props.step) * props.step;
|
|
411
|
+
}
|
|
401
412
|
} else {
|
|
402
413
|
newValue = Math.floor(newValue);
|
|
403
414
|
}
|
|
@@ -408,9 +419,15 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
408
419
|
var newValue = parsedValue;
|
|
409
420
|
if (props.range) {
|
|
410
421
|
if (handleIndex.current === 0) {
|
|
411
|
-
if (parsedValue < props.min)
|
|
412
|
-
|
|
413
|
-
|
|
422
|
+
if (parsedValue < props.min) {
|
|
423
|
+
parsedValue = props.min;
|
|
424
|
+
} else if (parsedValue > props.max) {
|
|
425
|
+
parsedValue = props.max;
|
|
426
|
+
}
|
|
427
|
+
} else if (parsedValue > props.max) {
|
|
428
|
+
parsedValue = props.max;
|
|
429
|
+
} else if (parsedValue < props.min) {
|
|
430
|
+
parsedValue = props.min;
|
|
414
431
|
}
|
|
415
432
|
newValue = _toConsumableArray(value);
|
|
416
433
|
newValue[handleIndex.current] = parsedValue;
|
|
@@ -421,7 +438,11 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
421
438
|
});
|
|
422
439
|
}
|
|
423
440
|
} else {
|
|
424
|
-
if (parsedValue < props.min)
|
|
441
|
+
if (parsedValue < props.min) {
|
|
442
|
+
parsedValue = props.min;
|
|
443
|
+
} else if (parsedValue > props.max) {
|
|
444
|
+
parsedValue = props.max;
|
|
445
|
+
}
|
|
425
446
|
newValue = parsedValue;
|
|
426
447
|
if (props.onChange) {
|
|
427
448
|
props.onChange({
|
|
@@ -490,7 +511,13 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
490
511
|
};
|
|
491
512
|
var createSingleSlider = function createSingleSlider() {
|
|
492
513
|
var handleValue;
|
|
493
|
-
if (value < props.min)
|
|
514
|
+
if (value < props.min) {
|
|
515
|
+
handleValue = props.min;
|
|
516
|
+
} else if (value > props.max) {
|
|
517
|
+
handleValue = props.max;
|
|
518
|
+
} else {
|
|
519
|
+
handleValue = (value - props.min) * 100 / (props.max - props.min);
|
|
520
|
+
}
|
|
494
521
|
var rangeStyle = horizontal ? {
|
|
495
522
|
width: handleValue + '%'
|
|
496
523
|
} : {
|
package/slider/slider.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.slider=function(e,n,r,t,i,a){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=o(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},u.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,n){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==c(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=s(e,"string");return"symbol"===c(n)?n:String(n)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function d(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function b(){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 h(e){if(Array.isArray(e))return e}function y(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw i}}return l}}function g(){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 O(e,n){return h(e)||y(e,n)||v(e,n)||g()}var x=t.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return a.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return a.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n .p-slider {\n position: relative;\n }\n \n .p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n }\n \n .p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n }\n \n .p-slider-range {\n position: absolute;\n display: block;\n }\n \n .p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n }\n \n .p-slider-horizontal .p-slider-handle {\n top: 50%;\n }\n \n .p-slider-vertical {\n height: 100px;\n }\n \n .p-slider-vertical .p-slider-handle {\n left: 50%;\n }\n \n .p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function w(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?w(Object(r),!0).forEach((function(n){var t,i,a;t=e,a=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var S=l.memo(l.forwardRef((function(e,n){var o=i.useMergeProps(),c=l.useContext(r.PrimeReactContext),s=x.getProps(e,c),f=l.useRef(null),p=l.useRef(0),h=l.useRef(!1),y=l.useRef(!1),g=l.useRef(0),w=l.useRef(0),S=l.useRef(0),E=l.useRef(0),P=l.useRef(),D=s.range?s.value||[s.min,s.max]:s.value||s.min||0,A="horizontal"===s.orientation,R="vertical"===s.orientation,k=O(i.useEventListener({type:"mousemove",listener:function(e){return $(e)}}),2),I=k[0],C=k[1],z=O(i.useEventListener({type:"mouseup",listener:function(e){return q(e)}}),2),N=z[0],T=z[1],M=O(i.useEventListener({type:"touchmove",listener:function(e){return $(e)}}),2),H=M[0],U=M[1],_=O(i.useEventListener({type:"touchend",listener:function(e){return q(e)}}),2),L=_[0],F=_[1],Y=x.setMetaData({props:s}),W=Y.ptm,X=Y.cx,B=Y.sx;t.useHandleStyle(x.css.styles,Y.isUnstyled,{name:"slider"});var K=function(e,n){re(e,(s.range?D[p.current]:D)+(s.step||1)*n),e.preventDefault()},V=function(e,n){s.disabled||(y.current=!0,Z(),h.current=!0,p.current=n)},$=function(e){y.current&&(ne(e),e.preventDefault())},q=function(e){if(y.current){y.current=!1;var n=ne(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),P.current=void 0,C(),T(),U(),F()}},G=function(e,n){I(),N(),V(
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.slider=function(e,n,r,t,i,a){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var l=o(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},u.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,n){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==c(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=s(e,"string");return"symbol"===c(n)?n:String(n)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function d(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function b(){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 h(e){if(Array.isArray(e))return e}function y(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,a,o,l=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw i}}return l}}function g(){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 O(e,n){return h(e)||y(e,n)||v(e,n)||g()}var x=t.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return a.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return a.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n .p-slider {\n position: relative;\n }\n \n .p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n }\n \n .p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n }\n \n .p-slider-range {\n position: absolute;\n display: block;\n }\n \n .p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n }\n \n .p-slider-horizontal .p-slider-handle {\n top: 50%;\n }\n \n .p-slider-vertical {\n height: 100px;\n }\n \n .p-slider-vertical .p-slider-handle {\n left: 50%;\n }\n \n .p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function w(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?w(Object(r),!0).forEach((function(n){var t,i,a;t=e,a=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var S=l.memo(l.forwardRef((function(e,n){var o=i.useMergeProps(),c=l.useContext(r.PrimeReactContext),s=x.getProps(e,c),f=l.useRef(null),p=l.useRef(0),h=l.useRef(!1),y=l.useRef(!1),g=l.useRef(0),w=l.useRef(0),S=l.useRef(0),E=l.useRef(0),P=l.useRef(),D=s.range?s.value||[s.min,s.max]:s.value||s.min||0,A="horizontal"===s.orientation,R="vertical"===s.orientation,k=O(i.useEventListener({type:"mousemove",listener:function(e){return $(e)}}),2),I=k[0],C=k[1],z=O(i.useEventListener({type:"mouseup",listener:function(e){return q(e)}}),2),N=z[0],T=z[1],M=O(i.useEventListener({type:"touchmove",listener:function(e){return $(e)}}),2),H=M[0],U=M[1],_=O(i.useEventListener({type:"touchend",listener:function(e){return q(e)}}),2),L=_[0],F=_[1],Y=x.setMetaData({props:s}),W=Y.ptm,X=Y.cx,B=Y.sx;t.useHandleStyle(x.css.styles,Y.isUnstyled,{name:"slider"});var K=function(e,n){re(e,(s.range?D[p.current]:D)+(s.step||1)*n),e.preventDefault()},V=function(e,n){s.disabled||(y.current=!0,Z(),h.current=!0,p.current=s.range&&D[0]===s.max?0:n,e.preventDefault())},$=function(e){y.current&&(ne(e),e.preventDefault())},q=function(e){if(y.current){y.current=!1;var n=ne(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),P.current=void 0,C(),T(),U(),F()}},G=function(e,n){I(),N(),V(e,n)},J=function(e,n){e.changedTouches&&e.changedTouches[0]&&(P.current=e.changedTouches[0].identifier),H(),L(),V(e,n)},Q=function(e,n){if(!s.disabled)switch(p.current=n,e.key){case"ArrowRight":case"ArrowUp":K(e,1);break;case"ArrowLeft":case"ArrowDown":K(e,-1);break;case"PageUp":K(e,10),e.preventDefault();break;case"PageDown":K(e,-10),e.preventDefault();break;case"Home":K(e,-D),e.preventDefault();break;case"End":K(e,s.max),e.preventDefault()}},Z=function(){var e=f.current.getBoundingClientRect();g.current=e.left+a.DomHandler.getWindowScrollLeft(),w.current=e.top+a.DomHandler.getWindowScrollTop(),S.current=f.current.offsetWidth,E.current=f.current.offsetHeight},ee=function(e){var n,r=Array.from(null!==(n=e.changedTouches)&&void 0!==n?n:[]).find((function(e){return e.identifier===P.current}))||e;return{pageX:r.pageX,pageY:r.pageY}},ne=function(e){var n=ee(e),r=n.pageX,t=n.pageY;if(r&&t){var i=(A?100*(r-g.current)/S.current:100*(w.current+E.current-t)/E.current)/100*(s.max-s.min)+s.min;if(s.step){var a=s.range?D[p.current]:D,o=i-a;o<0?i=a+Math.ceil(i/s.step-a/s.step)*s.step:o>0&&(i=a+Math.floor(i/s.step-a/s.step)*s.step)}else i=Math.floor(i);return re(e,i)}},re=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return s.range?(0===p.current?t<s.min?t=s.min:t>s.max&&(t=s.max):t>s.max?t=s.max:t<s.min&&(t=s.min),(i=d(r=D)||m(r)||v(r)||b())[p.current]=t,s.onChange&&s.onChange({originalEvent:e,value:i})):(t<s.min?t=s.min:t>s.max&&(t=s.max),i=t,s.onChange&&s.onChange({originalEvent:e,value:i})),i},te=function(e,n,r){e=a.ObjectUtils.isEmpty(e)?null:e,n=a.ObjectUtils.isEmpty(n)?null:n;var t={transition:y.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},i=o(j({className:X("handle",{index:r,handleIndex:p}),style:j(j({},B("handle",{dragging:y,leftValue:e,bottomValue:n})),t),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return G(e,r)},onTouchStart:function(e){return J(e,r)},onKeyDown:function(e){return Q(e,r)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},de),W("handle"));return l.createElement("span",i)};l.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return f.current}}}));var ie,ae,oe,le,ue,ce,se,fe,pe=x.getOtherProps(s),de=a.ObjectUtils.reduceKeys(pe,a.DomHandler.ARIA_PROPS),me=s.range?(ie=100*(D[0]<s.min?s.min:D[0]-s.min)/(s.max-s.min),ae=100*(D[1]>s.max?s.max:D[1]-s.min)/(s.max-s.min),oe=A?te(ie,null,0):te(null,ie,0),le=A?te(ae,null,1):te(null,ae,1),ue=ae>ie?ae-ie:ie-ae,ce=ae>ie?ie:ae,se=A?{left:ce+"%",width:ue+"%"}:{bottom:ce+"%",height:ue+"%"},fe=o({className:X("range"),style:j(j({},B("range")),se)},W("range")),l.createElement(l.Fragment,null,l.createElement("span",fe),oe,le)):function(){var e;e=D<s.min?s.min:D>s.max?s.max:100*(D-s.min)/(s.max-s.min);var n=A?{width:e+"%"}:{height:e+"%"},r=A?te(e,null,null):te(null,e,null),t=o({className:X("range"),style:j(j({},B("range")),n)},W("range"));return l.createElement(l.Fragment,null,l.createElement("span",t),r)}(),ve=o({style:s.style,className:X("root",{vertical:R,horizontal:A}),onClick:function(e){if(!s.disabled){if(!h.current){Z();var n=ne(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}h.current=!1}}},x.getOtherProps(s),W("root"));return l.createElement("div",u({id:s.id,ref:f},ve),me)})));return S.displayName="Slider",e.Slider=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),a=require("primereact/icons/minus"),o=require("primereact/icons/plus"),l=require("primereact/ripple"),c=require("primereact/utils");function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=s(e);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function p(e){return p="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},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function b(e,n,t){return(n=m(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function w(){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 S(e){return v(e)||h(e)||g(e)||w()}function D(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return D(e)||O(e,n)||g(e,n)||I()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(n.type),b(b(b({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return c.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return c.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return c.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return c.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=u.memo(u.forwardRef((function(e,s){var p=x(u.useState(!1),2),f=p[0],m=p[1],y=x(u.useState(null),2),v=y[0],h=y[1],g=x(u.useState(!1),2),w=g[0],D=g[1],O=x(u.useState(-1),2),I=O[0],N=O[1],j=u.useRef(!1),C=u.useRef(null),P=u.useRef(null),H=i.useMergeProps(),A=u.useContext(n.PrimeReactContext),M=k.getProps(e,A),_=M.onVisibleChange?M.visible:f,q=i.useDisplayOrder("speed-dial",_),R={props:M,state:{visible:_}},U=k.setMetaData(R),T=U.ptm,L=U.cx,z=U.sx;r.useHandleStyle(k.css.styles,U.isUnstyled,{name:"speeddial"}),i.useGlobalOnEscapeKey({callback:function(){G()},when:_&&q,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,q]});var V=x(i.useEventListener({type:"click",listener:function(e){!j.current&&me(e)&&G(),j.current=!1},when:f}),2),J=V[0],K=V[1],X=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){D(!0)},F=function(){D(!1),N(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():X(),M.onClick&&M.onClick(e),j.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),j.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){D(!0),c.DomHandler.focus(P.current),X(),ue(e),e.preventDefault()},ee=function(e){D(!0),c.DomHandler.focus(P.current),X(),se(e),e.preventDefault()},ne=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=c.DomHandler.findSingle(C.current,"button");t&&c.DomHandler.focus(t)},te=function(){G();var e=c.DomHandler.findSingle(C.current,"button");e&&c.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),N(-1),ue(e,-1)},ce=function(e){e.preventDefault(),N(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&N(n[e].getAttribute("id"))},pe=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return E({transitionDelay:"".concat(n,"ms")},t)};i.useMountEffect((function(){if("linear"!==M.type){var e=c.DomHandler.findSingle(C.current,".p-speeddial-button"),n=c.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&J(),function(){M.hideOnClickOutside&&K()}}),[f]),u.useImperativeHandle(s,(function(){return{props:M,show:X,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,s=e.target,d=e.className,p=e.style,f=c.classNames("p-speeddial-action",{"p-disabled":t}),m=c.classNames("p-speeddial-action-icon",r),b=H({className:L("actionIcon")},T("actionIcon")),y=H({href:o||"#",role:"menuitem",className:c.classNames(d,L("action",{disabled:t})),"aria-label":e.label,style:p,target:s,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},T("action")),h=c.IconUtils.getJSXIcon(r,E({},b),{props:M}),g=u.createElement("a",y,h,u.createElement(l.Ripple,null));a&&(g=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:L("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},T("menuitem"));return u.createElement("li",S,g)};u.useEffect((function(){h(M.id||c.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,xe,ke,Ne,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=c.classNames(b(b({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=c.IconUtils.getJSXIcon(ge?M.showIcon||u.createElement(o.PlusIcon,null):we?M.hideIcon||u.createElement(a.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:c.classNames(M.buttonClassName,L("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:T("button"),unstyled:M.unstyled,__parentMetadata:{parent:R}}),xe=u.createElement(t.Button,Ie),M.buttonTemplate?c.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:xe,props:M,visible:_}):xe),je=(ke=M.model?M.model.map(he):null,Ne=H({ref:P,className:L("menu"),style:z("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},T("menu")),u.createElement("ul",Ne,ke)),Ce=function(){if(M.mask){var e=H({className:c.classNames(M.maskClassName,L("mask",{visible:_})),style:M.maskStyle},T("mask"));return u.createElement("div",e)}return null}(),Pe=H({className:c.classNames(M.className,L("root",{visible:_})),style:E(E({},M.style),z("root")),id:v},k.getOtherProps(M),T("root"));return u.createElement(u.Fragment,null,u.createElement("div",d({ref:C},Pe),Ee,je),Ce)})));j.displayName="SpeedDial",exports.SpeedDial=j;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),a=require("primereact/icons/minus"),o=require("primereact/icons/plus"),l=require("primereact/ripple"),c=require("primereact/utils");function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=s(e);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function p(e){return p="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},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function b(e,n,t){return(n=m(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function w(){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 S(e){return v(e)||h(e)||g(e)||w()}function D(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return D(e)||O(e,n)||g(e,n)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(n.type),b(b(b({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return c.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return c.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return c.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return c.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=u.memo(u.forwardRef((function(e,s){var p=x(u.useState(!1),2),f=p[0],m=p[1],y=x(u.useState(null),2),v=y[0],h=y[1],g=x(u.useState(!1),2),w=g[0],D=g[1],O=x(u.useState(-1),2),I=O[0],k=O[1],j=u.useRef(!1),C=u.useRef(null),P=u.useRef(null),H=i.useMergeProps(),A=u.useContext(n.PrimeReactContext),M=N.getProps(e,A),_=M.onVisibleChange?M.visible:f,q=i.useDisplayOrder("speed-dial",_),R={props:M,state:{visible:_}},U=N.setMetaData(R),T=U.ptm,L=U.cx,z=U.sx;r.useHandleStyle(N.css.styles,U.isUnstyled,{name:"speeddial"}),i.useGlobalOnEscapeKey({callback:function(){G()},when:_&&q,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,q]});var V=x(i.useEventListener({type:"click",listener:function(e){!j.current&&me(e)&&G(),j.current=!1},when:f}),2),J=V[0],K=V[1],X=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){D(!0)},F=function(){D(!1),k(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():X(),M.onClick&&M.onClick(e),j.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),j.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"NumpadEnter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){D(!0),c.DomHandler.focus(P.current),X(),ue(e),e.preventDefault()},ee=function(e){D(!0),c.DomHandler.focus(P.current),X(),se(e),e.preventDefault()},ne=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=c.DomHandler.findSingle(C.current,"button");t&&c.DomHandler.focus(t)},te=function(){G();var e=c.DomHandler.findSingle(C.current,"button");e&&c.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),k(-1),ue(e,-1)},ce=function(e){e.preventDefault(),k(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&k(n[e].getAttribute("id"))},pe=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=S(c.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!c.DomHandler.hasClass(c.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return E({transitionDelay:"".concat(n,"ms")},t)};i.useMountEffect((function(){if("linear"!==M.type){var e=c.DomHandler.findSingle(C.current,".p-speeddial-button"),n=c.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&J(),function(){M.hideOnClickOutside&&K()}}),[f]),u.useImperativeHandle(s,(function(){return{props:M,show:X,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,s=e.target,d=e.className,p=e.style,f=c.classNames("p-speeddial-action",{"p-disabled":t}),m=c.classNames("p-speeddial-action-icon",r),b=H({className:L("actionIcon")},T("actionIcon")),y=H({href:o||"#",role:"menuitem",className:c.classNames(d,L("action",{disabled:t})),"aria-label":e.label,style:p,target:s,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},T("action")),h=c.IconUtils.getJSXIcon(r,E({},b),{props:M}),g=u.createElement("a",y,h,u.createElement(l.Ripple,null));a&&(g=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:L("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},T("menuitem"));return u.createElement("li",S,g)};u.useEffect((function(){h(M.id||c.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,xe,Ne,ke,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=c.classNames(b(b({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=c.IconUtils.getJSXIcon(ge?M.showIcon||u.createElement(o.PlusIcon,null):we?M.hideIcon||u.createElement(a.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:c.classNames(M.buttonClassName,L("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:T("button"),unstyled:M.unstyled,__parentMetadata:{parent:R}}),xe=u.createElement(t.Button,Ie),M.buttonTemplate?c.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:xe,props:M,visible:_}):xe),je=(Ne=M.model?M.model.map(he):null,ke=H({ref:P,className:L("menu"),style:z("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},T("menu")),u.createElement("ul",ke,Ne)),Ce=function(){if(M.mask){var e=H({className:c.classNames(M.maskClassName,L("mask",{visible:_})),style:M.maskStyle},T("mask"));return u.createElement("div",e)}return null}(),Pe=H({className:c.classNames(M.className,L("root",{visible:_})),style:E(E({},M.style),z("root")),id:v},N.getOtherProps(M),T("root"));return u.createElement(u.Fragment,null,u.createElement("div",d({ref:C},Pe),Ee,je),Ce)})));j.displayName="SpeedDial",exports.SpeedDial=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as o,useDisplayOrder as a,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as s,useMountEffect as u,useUpdateEffect as d}from"primereact/hooks";import{MinusIcon as p}from"primereact/icons/minus";import{PlusIcon as f}from"primereact/icons/plus";import{Ripple as m}from"primereact/ripple";import{classNames as b,DomHandler as y,UniqueComponentId as v,IconUtils as h,ObjectUtils as g}from"primereact/utils";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.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 r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){if(Array.isArray(e))return O(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return C(e)||E(e)||j(e)||D()}function N(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(e,t){return N(e)||P(e,t)||j(e,t)||M()}var H=r.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.visible;return b("p-speeddial p-component p-speeddial-".concat(t.type),I(I(I({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return b("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return b("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return b("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return b("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=e.memo(e.forwardRef((function(r,S){var k=_(e.useState(!1),2),x=k[0],O=k[1],C=_(e.useState(null),2),E=C[0],j=C[1],D=_(e.useState(!1),2),N=D[0],P=D[1],M=_(e.useState(-1),2),T=M[0],V=M[1],z=e.useRef(!1),L=e.useRef(null),J=e.useRef(null),U=o(),X=e.useContext(t),q=H.getProps(r,X),F=q.onVisibleChange?q.visible:x,K=a("speed-dial",F),W={props:q,state:{visible:F}},B=H.setMetaData(W),Y=B.ptm,$=B.cx,G=B.sx;i(H.css.styles,B.isUnstyled,{name:"speeddial"}),l({callback:function(){ie()},when:F&&K,priority:[c.SPEED_DIAL,K]});var Q=_(s({type:"click",listener:function(e){!z.current&&Ie(e)&&ie(),z.current=!1},when:x}),2),Z=Q[0],ee=Q[1],te=function(){q.onVisibleChange?q.onVisibleChange(!0):O(!0),q.onShow&&q.onShow()},ne=function(){P(!0)},re=function(){P(!1),V(-1)},ie=function(){q.onVisibleChange?q.onVisibleChange(!1):O(!1),q.onHide&&q.onHide()},oe=function(e){F?ie():te(),q.onClick&&q.onClick(e),z.current=!0},ae=function(e,t){t.command&&t.command({originalEvent:e,item:t}),ie(),z.current=!0,e.preventDefault()},le=function(e){switch(e.code){case"ArrowDown":me(e);break;case"ArrowUp":fe(e);break;case"ArrowLeft":be(e);break;case"ArrowRight":ye(e);break;case"Enter":case"Space":de(e);break;case"Escape":pe();break;case"Home":he(e);break;case"End":ve(e)}},ce=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ue(e);break;case"ArrowUp":case"ArrowRight":se(e);break;case"Escape":pe()}},se=function(e){P(!0),y.focus(J.current),te(),we(e),e.preventDefault()},ue=function(e){P(!0),y.focus(J.current),te(),ge(e),e.preventDefault()},de=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===T}));ae(e,q.model[t]),re();var n=y.findSingle(L.current,"button");n&&y.focus(n)},pe=function(){ie();var e=y.findSingle(L.current,"button");e&&y.focus(e)},fe=function(e){var t=q.direction;"up"===t?ge(e):"down"===t?we(e):ge(e)},me=function(e){var t=q.direction;"up"===t?we(e):"down"===t?ge(e):we(e)},be=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?ge(e):(["right","up-left","down-right"].includes(t),we(e))},ye=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?we(e):(["right","up-left","down-right"].includes(t),ge(e))},ve=function(e){e.preventDefault(),V(-1),we(e,-1)},he=function(e){e.preventDefault(),V(-1),ge(e,-1)},ge=function(e){var t=xe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},we=function(e){var t=ke((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},Se=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")}));t[e]&&V(t[e].getAttribute("id"))},ke=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[t.length-1].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?t.length-1:r-1},xe=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[0].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?0:r+1},Ie=function(e){return L.current&&!(L.current.isSameNode(e.target)||L.current.contains(e.target))},Oe=function(e){return(F?e:q.model.length-e-1)*q.transitionDelay},Ce=function(e){var t=q.type;if("linear"!==t){var n=q.model.length,r=q.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=q.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=q.direction,u=Math.PI/(2*(n-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},Ee=function(e){var t=Oe(e),n=Ce(e);return R({transitionDelay:"".concat(t,"ms")},n)};u((function(){if("linear"!==q.type){var e=y.findSingle(L.current,".p-speeddial-button"),t=y.findSingle(J.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);J.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),J.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),d((function(){return x&&q.hideOnClickOutside&&Z(),function(){q.hideOnClickOutside&&ee()}}),[x]),e.useImperativeHandle(S,(function(){return{props:q,show:te,hide:ie,getElement:function(){return L.current}}}));var je=function(t,n){if(!1===t.visible)return null;var r=t.disabled,i=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,u=t.style,d=b("p-speeddial-action",{"p-disabled":r}),p=b("p-speeddial-action-icon",i),f=U({className:$("actionIcon")},Y("actionIcon")),y=U({href:l||"#",role:"menuitem",className:b(s,$("action",{disabled:r})),"aria-label":t.label,style:u,target:c,tabIndex:"-1","data-pr-tooltip":o,onClick:function(e){return ae(e,t)}},Y("action")),v=h.getJSXIcon(i,R({},f),{props:q}),w=e.createElement("a",y,v,e.createElement(m,null));a&&(w=g.getJSXElement(a,t,{onClick:function(e){return ae(e,t)},className:d,iconClassName:p,element:w,props:q,visible:F}));var S,k=U({key:n,id:"".concat(E,"_").concat(n),className:$("menuitem",{active:(S="".concat(E,"_").concat(n),T===S)}),style:Ee(n),"aria-controls":E+"_item",role:"menuitem"},Y("menuitem"));return e.createElement("li",k,w)};e.useEffect((function(){j(q.id||v())}),[q.id]);var De,Ae,Ne,Pe,Me,_e,He,Te,Re,Ve=(De=!F&&!!q.showIcon||!q.hideIcon,Ae=F&&!!q.hideIcon,Ne=b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":q.rotateAnimation&&!q.hideIcon},q.buttonClassName),Pe=b(I(I({},"".concat(q.showIcon),!F&&!!q.showIcon||!q.hideIcon),"".concat(q.hideIcon),F&&!!q.hideIcon)),Me=h.getJSXIcon(De?q.showIcon||e.createElement(f,null):Ae?q.hideIcon||e.createElement(p,null):null,void 0,{props:q,visible:F}),_e=U({type:"button",style:q.buttonStyle,className:b(q.buttonClassName,$("button")),icon:Me,onClick:function(e){return oe(e)},disabled:q.disabled,onKeyDown:ce,"aria-label":q["aria-label"],"aria-expanded":F,"aria-haspopup":!0,"aria-controls":E+"_list","aria-labelledby":q.ariaLabelledby,pt:Y("button"),unstyled:q.unstyled,__parentMetadata:{parent:W}}),He=e.createElement(n,_e),q.buttonTemplate?g.getJSXElement(q.buttonTemplate,{onClick:oe,className:Ne,iconClassName:Pe,element:He,props:q,visible:F}):He),ze=(Te=q.model?q.model.map(je):null,Re=U({ref:J,className:$("menu"),style:G("menu"),role:"menu",tabIndex:"-1",onFocus:ne,onKeyDown:le,onBlur:re,"aria-activedescendant":N?-1!==T?T:null:void 0},Y("menu")),e.createElement("ul",Re,Te)),Le=function(){if(q.mask){var t=U({className:b(q.maskClassName,$("mask",{visible:F})),style:q.maskStyle},Y("mask"));return e.createElement("div",t)}return null}(),Je=U({className:b(q.className,$("root",{visible:F})),style:R(R({},q.style),G("root")),id:E},H.getOtherProps(q),Y("root"));return e.createElement(e.Fragment,null,e.createElement("div",w({ref:L},Je),Ve,ze),Le)})));V.displayName="SpeedDial";export{V as SpeedDial};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as o,useDisplayOrder as a,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as s,useMountEffect as u,useUpdateEffect as d}from"primereact/hooks";import{MinusIcon as p}from"primereact/icons/minus";import{PlusIcon as f}from"primereact/icons/plus";import{Ripple as m}from"primereact/ripple";import{classNames as b,DomHandler as y,UniqueComponentId as v,IconUtils as h,ObjectUtils as g}from"primereact/utils";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.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 r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){if(Array.isArray(e))return O(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return C(e)||E(e)||j(e)||D()}function N(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(e,t){return N(e)||P(e,t)||j(e,t)||M()}var H=r.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.visible;return b("p-speeddial p-component p-speeddial-".concat(t.type),I(I(I({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return b("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return b("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return b("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return b("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=e.memo(e.forwardRef((function(r,S){var k=_(e.useState(!1),2),x=k[0],O=k[1],C=_(e.useState(null),2),E=C[0],j=C[1],D=_(e.useState(!1),2),N=D[0],P=D[1],M=_(e.useState(-1),2),T=M[0],V=M[1],z=e.useRef(!1),L=e.useRef(null),J=e.useRef(null),U=o(),X=e.useContext(t),q=H.getProps(r,X),F=q.onVisibleChange?q.visible:x,K=a("speed-dial",F),W={props:q,state:{visible:F}},B=H.setMetaData(W),Y=B.ptm,$=B.cx,G=B.sx;i(H.css.styles,B.isUnstyled,{name:"speeddial"}),l({callback:function(){ie()},when:F&&K,priority:[c.SPEED_DIAL,K]});var Q=_(s({type:"click",listener:function(e){!z.current&&Ie(e)&&ie(),z.current=!1},when:x}),2),Z=Q[0],ee=Q[1],te=function(){q.onVisibleChange?q.onVisibleChange(!0):O(!0),q.onShow&&q.onShow()},ne=function(){P(!0)},re=function(){P(!1),V(-1)},ie=function(){q.onVisibleChange?q.onVisibleChange(!1):O(!1),q.onHide&&q.onHide()},oe=function(e){F?ie():te(),q.onClick&&q.onClick(e),z.current=!0},ae=function(e,t){t.command&&t.command({originalEvent:e,item:t}),ie(),z.current=!0,e.preventDefault()},le=function(e){switch(e.code){case"ArrowDown":me(e);break;case"ArrowUp":fe(e);break;case"ArrowLeft":be(e);break;case"ArrowRight":ye(e);break;case"Enter":case"NumpadEnter":case"Space":de(e);break;case"Escape":pe();break;case"Home":he(e);break;case"End":ve(e)}},ce=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ue(e);break;case"ArrowUp":case"ArrowRight":se(e);break;case"Escape":pe()}},se=function(e){P(!0),y.focus(J.current),te(),we(e),e.preventDefault()},ue=function(e){P(!0),y.focus(J.current),te(),ge(e),e.preventDefault()},de=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===T}));ae(e,q.model[t]),re();var n=y.findSingle(L.current,"button");n&&y.focus(n)},pe=function(){ie();var e=y.findSingle(L.current,"button");e&&y.focus(e)},fe=function(e){var t=q.direction;"up"===t?ge(e):"down"===t?we(e):ge(e)},me=function(e){var t=q.direction;"up"===t?we(e):"down"===t?ge(e):we(e)},be=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?ge(e):(["right","up-left","down-right"].includes(t),we(e))},ye=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?we(e):(["right","up-left","down-right"].includes(t),ge(e))},ve=function(e){e.preventDefault(),V(-1),we(e,-1)},he=function(e){e.preventDefault(),V(-1),ge(e,-1)},ge=function(e){var t=xe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},we=function(e){var t=ke((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},Se=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")}));t[e]&&V(t[e].getAttribute("id"))},ke=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[t.length-1].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?t.length-1:r-1},xe=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[0].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?0:r+1},Ie=function(e){return L.current&&!(L.current.isSameNode(e.target)||L.current.contains(e.target))},Oe=function(e){return(F?e:q.model.length-e-1)*q.transitionDelay},Ce=function(e){var t=q.type;if("linear"!==t){var n=q.model.length,r=q.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=q.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=q.direction,u=Math.PI/(2*(n-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},Ee=function(e){var t=Oe(e),n=Ce(e);return R({transitionDelay:"".concat(t,"ms")},n)};u((function(){if("linear"!==q.type){var e=y.findSingle(L.current,".p-speeddial-button"),t=y.findSingle(J.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);J.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),J.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),d((function(){return x&&q.hideOnClickOutside&&Z(),function(){q.hideOnClickOutside&&ee()}}),[x]),e.useImperativeHandle(S,(function(){return{props:q,show:te,hide:ie,getElement:function(){return L.current}}}));var je=function(t,n){if(!1===t.visible)return null;var r=t.disabled,i=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,u=t.style,d=b("p-speeddial-action",{"p-disabled":r}),p=b("p-speeddial-action-icon",i),f=U({className:$("actionIcon")},Y("actionIcon")),y=U({href:l||"#",role:"menuitem",className:b(s,$("action",{disabled:r})),"aria-label":t.label,style:u,target:c,tabIndex:"-1","data-pr-tooltip":o,onClick:function(e){return ae(e,t)}},Y("action")),v=h.getJSXIcon(i,R({},f),{props:q}),w=e.createElement("a",y,v,e.createElement(m,null));a&&(w=g.getJSXElement(a,t,{onClick:function(e){return ae(e,t)},className:d,iconClassName:p,element:w,props:q,visible:F}));var S,k=U({key:n,id:"".concat(E,"_").concat(n),className:$("menuitem",{active:(S="".concat(E,"_").concat(n),T===S)}),style:Ee(n),"aria-controls":E+"_item",role:"menuitem"},Y("menuitem"));return e.createElement("li",k,w)};e.useEffect((function(){j(q.id||v())}),[q.id]);var De,Ae,Ne,Pe,Me,_e,He,Te,Re,Ve=(De=!F&&!!q.showIcon||!q.hideIcon,Ae=F&&!!q.hideIcon,Ne=b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":q.rotateAnimation&&!q.hideIcon},q.buttonClassName),Pe=b(I(I({},"".concat(q.showIcon),!F&&!!q.showIcon||!q.hideIcon),"".concat(q.hideIcon),F&&!!q.hideIcon)),Me=h.getJSXIcon(De?q.showIcon||e.createElement(f,null):Ae?q.hideIcon||e.createElement(p,null):null,void 0,{props:q,visible:F}),_e=U({type:"button",style:q.buttonStyle,className:b(q.buttonClassName,$("button")),icon:Me,onClick:function(e){return oe(e)},disabled:q.disabled,onKeyDown:ce,"aria-label":q["aria-label"],"aria-expanded":F,"aria-haspopup":!0,"aria-controls":E+"_list","aria-labelledby":q.ariaLabelledby,pt:Y("button"),unstyled:q.unstyled,__parentMetadata:{parent:W}}),He=e.createElement(n,_e),q.buttonTemplate?g.getJSXElement(q.buttonTemplate,{onClick:oe,className:Ne,iconClassName:Pe,element:He,props:q,visible:F}):He),ze=(Te=q.model?q.model.map(je):null,Re=U({ref:J,className:$("menu"),style:G("menu"),role:"menu",tabIndex:"-1",onFocus:ne,onKeyDown:le,onBlur:re,"aria-activedescendant":N?-1!==T?T:null:void 0},Y("menu")),e.createElement("ul",Re,Te)),Le=function(){if(q.mask){var t=U({className:b(q.maskClassName,$("mask",{visible:F})),style:q.maskStyle},Y("mask"));return e.createElement("div",t)}return null}(),Je=U({className:b(q.className,$("root",{visible:F})),style:R(R({},q.style),G("root")),id:E},H.getOtherProps(q),Y("root"));return e.createElement(e.Fragment,null,e.createElement("div",w({ref:L},Je),Ve,ze),Le)})));V.displayName="SpeedDial";export{V as SpeedDial};
|
package/speeddial/speeddial.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){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 D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return O(e)||I(e,n)||w(e,n)||k()}var x=i.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=d.memo(d.forwardRef((function(e,n){var u=N(d.useState(!1),2),f=u[0],m=u[1],b=N(d.useState(null),2),v=b[0],h=b[1],g=N(d.useState(!1),2),w=g[0],S=g[1],O=N(d.useState(-1),2),I=O[0],k=O[1],E=d.useRef(!1),C=d.useRef(null),P=d.useRef(null),H=a.useMergeProps(),A=d.useContext(t.PrimeReactContext),M=x.getProps(e,A),_=M.onVisibleChange?M.visible:f,R=a.useDisplayOrder("speed-dial",_),U={props:M,state:{visible:_}},T=x.setMetaData(U),L=T.ptm,z=T.cx,V=T.sx;i.useHandleStyle(x.css.styles,T.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){G()},when:_&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,R]});var J=N(a.useEventListener({type:"click",listener:function(e){!E.current&&me(e)&&G(),E.current=!1},when:f}),2),K=J[0],X=J[1],q=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){S(!0)},F=function(){S(!1),k(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():q(),M.onClick&&M.onClick(e),E.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),E.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){S(!0),s.DomHandler.focus(P.current),q(),ue(e),e.preventDefault()},ee=function(e){S(!0),s.DomHandler.focus(P.current),q(),se(e),e.preventDefault()},ne=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=s.DomHandler.findSingle(C.current,"button");t&&s.DomHandler.focus(t)},te=function(){G();var e=s.DomHandler.findSingle(C.current,"button");e&&s.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),k(-1),ue(e,-1)},ce=function(e){e.preventDefault(),k(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&k(n[e].getAttribute("id"))},pe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return j({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==M.type){var e=s.DomHandler.findSingle(C.current,".p-speeddial-button"),n=s.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&K(),function(){M.hideOnClickOutside&&X()}}),[f]),d.useImperativeHandle(n,(function(){return{props:M,show:q,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=H({className:z("actionIcon")},L("actionIcon")),y=H({href:o||"#",role:"menuitem",className:s.classNames(u,z("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},L("action")),h=s.IconUtils.getJSXIcon(r,j({},b),{props:M}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:z("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},L("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(M.id||s.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,ke,Ne,xe,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=s.classNames(y(y({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=s.IconUtils.getJSXIcon(ge?M.showIcon||d.createElement(l.PlusIcon,null):we?M.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:s.classNames(M.buttonClassName,z("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:L("button"),unstyled:M.unstyled,__parentMetadata:{parent:U}}),ke=d.createElement(r.Button,Ie),M.buttonTemplate?s.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:ke,props:M,visible:_}):ke),je=(Ne=M.model?M.model.map(he):null,xe=H({ref:P,className:z("menu"),style:V("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},L("menu")),d.createElement("ul",xe,Ne)),Ce=function(){if(M.mask){var e=H({className:s.classNames(M.maskClassName,z("mask",{visible:_})),style:M.maskStyle},L("mask"));return d.createElement("div",e)}return null}(),Pe=H({className:s.classNames(M.className,z("root",{visible:_})),style:j(j({},M.style),V("root")),id:v},x.getOtherProps(M),L("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:C},Pe),Ee,je),Ce)})));return C.displayName="SpeedDial",e.SpeedDial=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){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 D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return O(e)||I(e,n)||w(e,n)||N()}var x=i.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=d.memo(d.forwardRef((function(e,n){var u=k(d.useState(!1),2),f=u[0],m=u[1],b=k(d.useState(null),2),v=b[0],h=b[1],g=k(d.useState(!1),2),w=g[0],S=g[1],O=k(d.useState(-1),2),I=O[0],N=O[1],E=d.useRef(!1),C=d.useRef(null),P=d.useRef(null),H=a.useMergeProps(),A=d.useContext(t.PrimeReactContext),M=x.getProps(e,A),_=M.onVisibleChange?M.visible:f,R=a.useDisplayOrder("speed-dial",_),U={props:M,state:{visible:_}},T=x.setMetaData(U),L=T.ptm,z=T.cx,V=T.sx;i.useHandleStyle(x.css.styles,T.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){G()},when:_&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,R]});var J=k(a.useEventListener({type:"click",listener:function(e){!E.current&&me(e)&&G(),E.current=!1},when:f}),2),K=J[0],X=J[1],q=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){S(!0)},F=function(){S(!1),N(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():q(),M.onClick&&M.onClick(e),E.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),E.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"NumpadEnter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){S(!0),s.DomHandler.focus(P.current),q(),ue(e),e.preventDefault()},ee=function(e){S(!0),s.DomHandler.focus(P.current),q(),se(e),e.preventDefault()},ne=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=s.DomHandler.findSingle(C.current,"button");t&&s.DomHandler.focus(t)},te=function(){G();var e=s.DomHandler.findSingle(C.current,"button");e&&s.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),N(-1),ue(e,-1)},ce=function(e){e.preventDefault(),N(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&N(n[e].getAttribute("id"))},pe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return j({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==M.type){var e=s.DomHandler.findSingle(C.current,".p-speeddial-button"),n=s.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&K(),function(){M.hideOnClickOutside&&X()}}),[f]),d.useImperativeHandle(n,(function(){return{props:M,show:q,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=H({className:z("actionIcon")},L("actionIcon")),y=H({href:o||"#",role:"menuitem",className:s.classNames(u,z("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},L("action")),h=s.IconUtils.getJSXIcon(r,j({},b),{props:M}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:z("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},L("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(M.id||s.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,Ne,ke,xe,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=s.classNames(y(y({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=s.IconUtils.getJSXIcon(ge?M.showIcon||d.createElement(l.PlusIcon,null):we?M.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:s.classNames(M.buttonClassName,z("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:L("button"),unstyled:M.unstyled,__parentMetadata:{parent:U}}),Ne=d.createElement(r.Button,Ie),M.buttonTemplate?s.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:Ne,props:M,visible:_}):Ne),je=(ke=M.model?M.model.map(he):null,xe=H({ref:P,className:z("menu"),style:V("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},L("menu")),d.createElement("ul",xe,ke)),Ce=function(){if(M.mask){var e=H({className:s.classNames(M.maskClassName,z("mask",{visible:_})),style:M.maskStyle},L("mask"));return d.createElement("div",e)}return null}(),Pe=H({className:s.classNames(M.className,z("root",{visible:_})),style:j(j({},M.style),V("root")),id:v},x.getOtherProps(M),L("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:C},Pe),Ee,je),Ce)})));return C.displayName="SpeedDial",e.SpeedDial=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
|