primereact 10.8.2 → 10.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.d.ts +10 -0
- package/autocomplete/autocomplete.cjs.js +10 -5
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +10 -5
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +10 -5
- package/autocomplete/autocomplete.min.js +1 -1
- package/badge/badge.d.ts +1 -1
- package/breadcrumb/breadcrumb.cjs.js +25 -7
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +25 -7
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +25 -7
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +57 -27
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -6
- package/calendar/calendar.esm.js +58 -28
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +57 -27
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +3 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +3 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +3 -2
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +1 -0
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +3 -4
- package/cascadeselect/cascadeselect.esm.js +1 -0
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +1 -0
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chip/chip.cjs.js +6 -6
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +7 -7
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +6 -6
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +3 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +3 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +3 -2
- package/chips/chips.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +2 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +6 -5
- package/confirmdialog/confirmdialog.esm.js +2 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +2 -2
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/core/core.js +60 -22
- package/core/core.min.js +5 -5
- package/datascroller/datascroller.cjs.js +19 -4
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +19 -4
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +19 -4
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +24 -22
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +24 -22
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +24 -22
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +4 -3
- package/dock/dock.cjs.js +3 -2
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +3 -2
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +3 -2
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +37 -10
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +8 -0
- package/dropdown/dropdown.esm.js +37 -10
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +38 -12
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +4 -4
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +4 -4
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +4 -4
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +17 -12
- package/floatlabel/floatlabel.d.ts +1 -1
- package/galleria/galleria.cjs.js +6 -4
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +6 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +6 -4
- package/galleria/galleria.min.js +1 -1
- package/iconfield/iconfield.cjs.js +5 -1
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +6 -2
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +5 -1
- package/iconfield/iconfield.min.js +1 -1
- package/inputicon/inputicon.cjs.js +8 -3
- package/inputicon/inputicon.cjs.min.js +1 -1
- package/inputicon/inputicon.esm.js +8 -3
- package/inputicon/inputicon.esm.min.js +1 -1
- package/inputicon/inputicon.js +8 -3
- package/inputicon/inputicon.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +12 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +12 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +12 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +4 -3
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.d.ts +1 -4
- package/inputotp/inputotp.esm.js +4 -3
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +4 -3
- package/inputotp/inputotp.min.js +1 -1
- package/inputtext/inputtext.cjs.js +4 -2
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +4 -2
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +4 -2
- package/inputtext/inputtext.min.js +1 -1
- package/listbox/listbox.cjs.js +5 -4
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +5 -4
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +5 -4
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +5 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +5 -3
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +24 -21
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +24 -21
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +24 -21
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +28 -10
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +28 -10
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +28 -10
- package/menubar/menubar.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +25 -13
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +25 -13
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +25 -13
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +17 -17
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +12 -4
- package/panelmenu/panelmenu.esm.js +17 -17
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +17 -17
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +431 -357
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +431 -357
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +431 -357
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +13 -6
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +14 -7
- package/password/password.esm.min.js +1 -1
- package/password/password.js +13 -6
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +898 -722
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +899 -723
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +898 -722
- package/primereact.all.min.js +1 -1
- package/rating/rating.cjs.js +2 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -3
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +21 -1
- package/resources/themes/arya-green/theme.css +21 -1
- package/resources/themes/arya-orange/theme.css +21 -1
- package/resources/themes/arya-purple/theme.css +1148 -225
- package/resources/themes/bootstrap4-dark-blue/theme.css +21 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +21 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +21 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +21 -1
- package/resources/themes/fluent-light/theme.css +21 -1
- package/resources/themes/lara-dark-amber/theme.css +21 -1
- package/resources/themes/lara-dark-blue/theme.css +21 -1
- package/resources/themes/lara-dark-cyan/theme.css +21 -1
- package/resources/themes/lara-dark-green/theme.css +21 -1
- package/resources/themes/lara-dark-indigo/theme.css +21 -1
- package/resources/themes/lara-dark-pink/theme.css +21 -1
- package/resources/themes/lara-dark-purple/theme.css +87 -14
- package/resources/themes/lara-dark-teal/theme.css +21 -1
- package/resources/themes/lara-light-amber/theme.css +21 -1
- package/resources/themes/lara-light-blue/theme.css +21 -1
- package/resources/themes/lara-light-cyan/theme.css +21 -1
- package/resources/themes/lara-light-green/theme.css +21 -1
- package/resources/themes/lara-light-indigo/theme.css +21 -1
- package/resources/themes/lara-light-pink/theme.css +21 -1
- package/resources/themes/lara-light-purple/theme.css +87 -14
- package/resources/themes/lara-light-teal/theme.css +21 -1
- package/resources/themes/luna-amber/theme.css +21 -1
- package/resources/themes/luna-blue/theme.css +21 -1
- package/resources/themes/luna-green/theme.css +21 -1
- package/resources/themes/luna-pink/theme.css +21 -1
- package/resources/themes/md-dark-deeppurple/theme.css +21 -1
- package/resources/themes/md-dark-indigo/theme.css +21 -1
- package/resources/themes/md-light-deeppurple/theme.css +21 -1
- package/resources/themes/md-light-indigo/theme.css +306 -286
- package/resources/themes/mdc-dark-deeppurple/theme.css +21 -1
- package/resources/themes/mdc-dark-indigo/theme.css +21 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +21 -1
- package/resources/themes/mdc-light-indigo/theme.css +306 -286
- package/resources/themes/mira/theme.css +21 -1
- package/resources/themes/nano/theme.css +21 -1
- package/resources/themes/nova/theme.css +21 -1
- package/resources/themes/nova-accent/theme.css +21 -1
- package/resources/themes/nova-alt/theme.css +21 -1
- package/resources/themes/rhea/theme.css +21 -1
- package/resources/themes/saga-blue/theme.css +21 -1
- package/resources/themes/saga-green/theme.css +21 -1
- package/resources/themes/saga-orange/theme.css +21 -1
- package/resources/themes/saga-purple/theme.css +1148 -225
- package/resources/themes/soho-dark/theme.css +21 -1
- package/resources/themes/soho-light/theme.css +21 -1
- package/resources/themes/tailwind-light/theme.css +21 -1
- package/resources/themes/vela-blue/theme.css +21 -1
- package/resources/themes/vela-green/theme.css +21 -1
- package/resources/themes/vela-orange/theme.css +21 -1
- package/resources/themes/vela-purple/theme.css +1148 -225
- package/resources/themes/viva-dark/theme.css +21 -1
- package/resources/themes/viva-light/theme.css +21 -1
- package/slider/slider.cjs.js +2 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +2 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +2 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +11 -4
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +11 -4
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +11 -4
- package/speeddial/speeddial.min.js +1 -1
- package/splitter/splitter.cjs.js +2 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +2 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +2 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +65 -45
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +22 -0
- package/stepper/stepper.esm.js +66 -46
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +65 -45
- package/stepper/stepper.min.js +1 -1
- package/steps/steps.cjs.js +64 -14
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.d.ts +48 -4
- package/steps/steps.esm.js +65 -15
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +64 -14
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +18 -2
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +18 -2
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +18 -2
- package/tabmenu/tabmenu.min.js +1 -1
- package/tag/tag.d.ts +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +1 -1
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +5 -4
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +2 -6
- package/tree/tree.esm.js +5 -4
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +5 -4
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.d.ts +16 -1
- package/utils/utils.d.ts +1 -1
- package/web-types.json +71 -7
|
@@ -4651,7 +4651,6 @@
|
|
|
4651
4651
|
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
|
|
4652
4652
|
}
|
|
4653
4653
|
.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
|
|
4654
|
-
margin-left: 0.5rem;
|
|
4655
4654
|
color: rgba(255, 255, 255, 0.6);
|
|
4656
4655
|
font-weight: 600;
|
|
4657
4656
|
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
|
|
@@ -4661,6 +4660,24 @@
|
|
|
4661
4660
|
outline-offset: 0;
|
|
4662
4661
|
box-shadow: 0 0 0 1px #9eade6;
|
|
4663
4662
|
}
|
|
4663
|
+
.p-stepper .p-stepper-header.p-stepper-header-top .p-stepper-title {
|
|
4664
|
+
margin-bottom: 0.5rem;
|
|
4665
|
+
}
|
|
4666
|
+
.p-stepper .p-stepper-header.p-stepper-header-top .p-stepper-separator {
|
|
4667
|
+
margin-bottom: 1rem;
|
|
4668
|
+
}
|
|
4669
|
+
.p-stepper .p-stepper-header.p-stepper-header-right .p-stepper-title {
|
|
4670
|
+
margin-left: 0.5rem;
|
|
4671
|
+
}
|
|
4672
|
+
.p-stepper .p-stepper-header.p-stepper-header-left .p-stepper-title {
|
|
4673
|
+
margin-right: 0.5rem;
|
|
4674
|
+
}
|
|
4675
|
+
.p-stepper .p-stepper-header.p-stepper-header-bottom .p-stepper-title {
|
|
4676
|
+
margin-top: 0.5rem;
|
|
4677
|
+
}
|
|
4678
|
+
.p-stepper .p-stepper-header.p-stepper-header-bottom .p-stepper-separator {
|
|
4679
|
+
margin-top: 1rem;
|
|
4680
|
+
}
|
|
4664
4681
|
.p-stepper .p-stepper-header.p-highlight .p-stepper-number {
|
|
4665
4682
|
background: rgba(158, 173, 230, 0.16);
|
|
4666
4683
|
color: #9eade6;
|
|
@@ -4713,6 +4730,9 @@
|
|
|
4713
4730
|
width: 100%;
|
|
4714
4731
|
padding-left: 1rem;
|
|
4715
4732
|
}
|
|
4733
|
+
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-title {
|
|
4734
|
+
margin-left: 0.5rem;
|
|
4735
|
+
}
|
|
4716
4736
|
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
|
|
4717
4737
|
flex: 0 0 auto;
|
|
4718
4738
|
width: 2px;
|
|
@@ -4651,7 +4651,6 @@
|
|
|
4651
4651
|
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
|
|
4652
4652
|
}
|
|
4653
4653
|
.p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
|
|
4654
|
-
margin-left: 0.5rem;
|
|
4655
4654
|
color: #898989;
|
|
4656
4655
|
font-weight: 600;
|
|
4657
4656
|
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
|
|
@@ -4661,6 +4660,24 @@
|
|
|
4661
4660
|
outline-offset: 0;
|
|
4662
4661
|
box-shadow: 0 0 0 0.1rem #bbc7ee;
|
|
4663
4662
|
}
|
|
4663
|
+
.p-stepper .p-stepper-header.p-stepper-header-top .p-stepper-title {
|
|
4664
|
+
margin-bottom: 0.5rem;
|
|
4665
|
+
}
|
|
4666
|
+
.p-stepper .p-stepper-header.p-stepper-header-top .p-stepper-separator {
|
|
4667
|
+
margin-bottom: 1rem;
|
|
4668
|
+
}
|
|
4669
|
+
.p-stepper .p-stepper-header.p-stepper-header-right .p-stepper-title {
|
|
4670
|
+
margin-left: 0.5rem;
|
|
4671
|
+
}
|
|
4672
|
+
.p-stepper .p-stepper-header.p-stepper-header-left .p-stepper-title {
|
|
4673
|
+
margin-right: 0.5rem;
|
|
4674
|
+
}
|
|
4675
|
+
.p-stepper .p-stepper-header.p-stepper-header-bottom .p-stepper-title {
|
|
4676
|
+
margin-top: 0.5rem;
|
|
4677
|
+
}
|
|
4678
|
+
.p-stepper .p-stepper-header.p-stepper-header-bottom .p-stepper-separator {
|
|
4679
|
+
margin-top: 1rem;
|
|
4680
|
+
}
|
|
4664
4681
|
.p-stepper .p-stepper-header.p-highlight .p-stepper-number {
|
|
4665
4682
|
background: #ced6f1;
|
|
4666
4683
|
color: #585858;
|
|
@@ -4713,6 +4730,9 @@
|
|
|
4713
4730
|
width: 100%;
|
|
4714
4731
|
padding-left: 1rem;
|
|
4715
4732
|
}
|
|
4733
|
+
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-title {
|
|
4734
|
+
margin-left: 0.5rem;
|
|
4735
|
+
}
|
|
4716
4736
|
.p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
|
|
4717
4737
|
flex: 0 0 auto;
|
|
4718
4738
|
width: 2px;
|
package/slider/slider.cjs.js
CHANGED
|
@@ -215,6 +215,7 @@ var SliderBase = componentbase.ComponentBase.extend({
|
|
|
215
215
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
216
216
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
217
217
|
var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
218
|
+
var _props$value, _ref, _props$value2;
|
|
218
219
|
var mergeProps = hooks.useMergeProps();
|
|
219
220
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
220
221
|
var props = SliderBase.getProps(inProps, context);
|
|
@@ -227,7 +228,7 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
|
|
|
227
228
|
var barWidth = React__namespace.useRef(0);
|
|
228
229
|
var barHeight = React__namespace.useRef(0);
|
|
229
230
|
var touchId = React__namespace.useRef();
|
|
230
|
-
var value = props.range ? props.value
|
|
231
|
+
var value = props.range ? (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : [props.min, props.max] : (_ref = (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : props.min) !== null && _ref !== void 0 ? _ref : 0;
|
|
231
232
|
var horizontal = props.orientation === 'horizontal';
|
|
232
233
|
var vertical = props.orientation === 'vertical';
|
|
233
234
|
var _useEventListener = hooks.useEventListener({
|
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"),i=require("primereact/utils");function a(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=a(e);function o(){return o=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},o.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 s(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 c(e){var n=s(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 d(e){if(Array.isArray(e))return f(e)}function p(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,i,a,l,o=[],u=!0,s=!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)&&(o.push(t.value),o.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}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 i.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){return i.classNames("p-slider p-component",{"p-disabled":e.props.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,i,a;t=e,a=r[n],(i=c(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=l.memo(l.forwardRef((function(e,a){var u,s,c,f=t.useMergeProps(),b=l.useContext(n.PrimeReactContext),y=x.getProps(e,b),g=l.useRef(null),O=l.useRef(0),j=l.useRef(!1),S=l.useRef(!1),E=l.useRef(0),P=l.useRef(0),D=l.useRef(0),A=l.useRef(0),R=l.useRef(),k=y.range?null!==(u=y.value)&&void 0!==u?u:[y.min,y.max]:null!==(s=null!==(c=y.value)&&void 0!==c?c:y.min)&&void 0!==s?s:0,I="horizontal"===y.orientation,C="vertical"===y.orientation,N=h(t.useEventListener({type:"mousemove",listener:function(e){return J(e)}}),2),z=N[0],T=N[1],M=h(t.useEventListener({type:"mouseup",listener:function(e){return Q(e)}}),2),H=M[0],U=M[1],_=h(t.useEventListener({type:"touchmove",listener:function(e){return J(e)}}),2),L=_[0],q=_[1],F=h(t.useEventListener({type:"touchend",listener:function(e){return Q(e)}}),2),Y=F[0],W=F[1],X=x.setMetaData({props:y}),B=X.ptm,K=X.cx,V=X.sx;r.useHandleStyle(x.css.styles,X.isUnstyled,{name:"slider"});var $=function(e,n){ae(e,(y.range?k[O.current]:k)+(y.step||1)*n),e.preventDefault()},G=function(e,n){y.disabled||(S.current=!0,re(),j.current=!0,O.current=y.range&&k[0]===y.max?0:n,e.preventDefault())},J=function(e){S.current&&(ie(e),e.preventDefault())},Q=function(e){if(S.current){S.current=!1;var n=ie(e);y.onSlideEnd&&y.onSlideEnd({originalEvent:e,value:n}),R.current=void 0,T(),U(),q(),W()}},Z=function(e,n){z(),H(),G(e,n)},ee=function(e,n){e.changedTouches&&e.changedTouches[0]&&(R.current=e.changedTouches[0].identifier),L(),Y(),G(e,n)},ne=function(e,n){if(!y.disabled)switch(O.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,-k),e.preventDefault();break;case"End":$(e,y.max),e.preventDefault()}},re=function(){var e=g.current.getBoundingClientRect();E.current=e.left+i.DomHandler.getWindowScrollLeft(),P.current=e.top+i.DomHandler.getWindowScrollTop(),D.current=g.current.offsetWidth,A.current=g.current.offsetHeight},te=function(e){var n,r=Array.from(null!==(n=e.changedTouches)&&void 0!==n?n:[]).find((function(e){return e.identifier===R.current}))||e;return{pageX:r.pageX,pageY:r.pageY}},ie=function(e){var n=te(e),r=n.pageX,t=n.pageY;if(r&&t){var i=(I?100*(r-E.current)/D.current:100*(P.current+A.current-t)/A.current)/100*(y.max-y.min)+y.min;if(y.step){var a=y.range?k[O.current]:k,l=i-a;l<0?i=a+Math.ceil(i/y.step-a/y.step)*y.step:l>0&&(i=a+Math.floor(i/y.step-a/y.step)*y.step)}else i=Math.floor(i);return ae(e,i)}},ae=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return y.range?(0===O.current?t<y.min?t=y.min:t>y.max&&(t=y.max):t>y.max?t=y.max:t<y.min&&(t=y.min),(i=d(r=k)||p(r)||m(r)||v())[O.current]=t,y.onChange&&y.onChange({originalEvent:e,value:i})):(t<y.min?t=y.min:t>y.max&&(t=y.max),i=t,y.onChange&&y.onChange({originalEvent:e,value:i})),i},le=function(e,n,r){e=i.ObjectUtils.isEmpty(e)?null:e,n=i.ObjectUtils.isEmpty(n)?null:n;var t={transition:S.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},a=f(w({className:K("handle",{index:r,handleIndex:O}),style:w(w({},V("handle",{dragging:S,leftValue:e,bottomValue:n})),t),tabIndex:y.tabIndex,role:"slider",onMouseDown:function(e){return Z(e,r)},onTouchStart:function(e){return ee(e,r)},onKeyDown:function(e){return ne(e,r)},"aria-valuemin":y.min,"aria-valuemax":y.max,"aria-valuenow":e||n||0,"aria-orientation":y.orientation},be),B("handle"));return l.createElement("span",a)};l.useImperativeHandle(a,(function(){return{props:y,getElement:function(){return g.current}}}));var oe,ue,se,ce,fe,de,pe,me,ve=x.getOtherProps(y),be=i.ObjectUtils.reduceKeys(ve,i.DomHandler.ARIA_PROPS),ye=y.range?(oe=100*(k[0]<y.min?y.min:k[0]-y.min)/(y.max-y.min),ue=100*(k[1]>y.max?y.max:k[1]-y.min)/(y.max-y.min),se=I?le(oe,null,0):le(null,oe,0),ce=I?le(ue,null,1):le(null,ue,1),fe=ue>oe?ue-oe:oe-ue,de=ue>oe?oe:ue,pe=I?{left:de+"%",width:fe+"%"}:{bottom:de+"%",height:fe+"%"},me=f({className:K("range"),style:w(w({},V("range")),pe)},B("range")),l.createElement(l.Fragment,null,l.createElement("span",me),se,ce)):function(){var e;e=k<y.min?y.min:k>y.max?y.max:100*(k-y.min)/(y.max-y.min);var n=I?{width:e+"%"}:{height:e+"%"},r=I?le(e,null,null):le(null,e,null),t=f({className:K("range"),style:w(w({},V("range")),n)},B("range"));return l.createElement(l.Fragment,null,l.createElement("span",t),r)}(),ge=f({style:y.style,className:i.classNames(y.className,K("root",{vertical:C,horizontal:I})),onClick:function(e){if(!y.disabled){if(!j.current){re();var n=ie(e);y.onSlideEnd&&y.onSlideEnd({originalEvent:e,value:n})}j.current=!1}}},x.getOtherProps(y),B("root"));return l.createElement("div",o({id:y.id,ref:g},ge),ye)})));j.displayName="Slider",exports.Slider=j;
|
package/slider/slider.esm.js
CHANGED
|
@@ -191,6 +191,7 @@ var SliderBase = ComponentBase.extend({
|
|
|
191
191
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
192
192
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
193
193
|
var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
194
|
+
var _props$value, _ref, _props$value2;
|
|
194
195
|
var mergeProps = useMergeProps();
|
|
195
196
|
var context = React.useContext(PrimeReactContext);
|
|
196
197
|
var props = SliderBase.getProps(inProps, context);
|
|
@@ -203,7 +204,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
|
|
|
203
204
|
var barWidth = React.useRef(0);
|
|
204
205
|
var barHeight = React.useRef(0);
|
|
205
206
|
var touchId = React.useRef();
|
|
206
|
-
var value = props.range ? props.value
|
|
207
|
+
var value = props.range ? (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : [props.min, props.max] : (_ref = (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : props.min) !== null && _ref !== void 0 ? _ref : 0;
|
|
207
208
|
var horizontal = props.orientation === 'horizontal';
|
|
208
209
|
var vertical = props.orientation === 'vertical';
|
|
209
210
|
var _useEventListener = useEventListener({
|
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){return o("p-slider p-component",{"p-disabled":e.props.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,s){var p,f,d,y=i(),b=e.useContext(n),x=S.getProps(r,b),O=e.useRef(null),j=e.useRef(0),P=e.useRef(!1),A=e.useRef(!1),D=e.useRef(0),R=e.useRef(0),I=e.useRef(0),k=e.useRef(0),T=e.useRef(),z=x.range?null!==(p=x.value)&&void 0!==p?p:[x.min,x.max]:null!==(f=null!==(d=x.value)&&void 0!==d?d:x.min)&&void 0!==f?f:0,C="horizontal"===x.orientation,N="vertical"===x.orientation,M=w(a({type:"mousemove",listener:function(e){return ee(e)}}),2),F=M[0],U=M[1],Y=w(a({type:"mouseup",listener:function(e){return ne(e)}}),2),H=Y[0],W=Y[1],X=w(a({type:"touchmove",listener:function(e){return ee(e)}}),2),_=X[0],K=X[1],L=w(a({type:"touchend",listener:function(e){return ne(e)}}),2),V=L[0],B=L[1],$=S.setMetaData({props:x}),q=$.ptm,G=$.cx,J=$.sx;t(S.css.styles,$.isUnstyled,{name:"slider"});var Q=function(e,n){ue(e,(x.range?z[j.current]:z)+(x.step||1)*n),e.preventDefault()},Z=function(e,n){x.disabled||(A.current=!0,ae(),P.current=!0,j.current=x.range&&z[0]===x.max?0:n,e.preventDefault())},ee=function(e){A.current&&(le(e),e.preventDefault())},ne=function(e){if(A.current){A.current=!1;var n=le(e);x.onSlideEnd&&x.onSlideEnd({originalEvent:e,value:n}),T.current=void 0,U(),W(),K(),B()}},re=function(e,n){F(),H(),Z(e,n)},te=function(e,n){e.changedTouches&&e.changedTouches[0]&&(T.current=e.changedTouches[0].identifier),_(),V(),Z(e,n)},ie=function(e,n){if(!x.disabled)switch(j.current=n,e.key){case"ArrowRight":case"ArrowUp":Q(e,1);break;case"ArrowLeft":case"ArrowDown":Q(e,-1);break;case"PageUp":Q(e,10),e.preventDefault();break;case"PageDown":Q(e,-10),e.preventDefault();break;case"Home":Q(e,-z),e.preventDefault();break;case"End":Q(e,x.max),e.preventDefault()}},ae=function(){var e=O.current.getBoundingClientRect();D.current=e.left+u.getWindowScrollLeft(),R.current=e.top+u.getWindowScrollTop(),I.current=O.current.offsetWidth,k.current=O.current.offsetHeight},oe=function(e){var n,r=Array.from(null!==(n=e.changedTouches)&&void 0!==n?n:[]).find((function(e){return e.identifier===T.current}))||e;return{pageX:r.pageX,pageY:r.pageY}},le=function(e){var n=oe(e),r=n.pageX,t=n.pageY;if(r&&t){var i=(C?100*(r-D.current)/I.current:100*(R.current+k.current-t)/k.current)/100*(x.max-x.min)+x.min;if(x.step){var a=x.range?z[j.current]:z,o=i-a;o<0?i=a+Math.ceil(i/x.step-a/x.step)*x.step:o>0&&(i=a+Math.floor(i/x.step-a/x.step)*x.step)}else i=Math.floor(i);return ue(e,i)}},ue=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return x.range?(0===j.current?t<x.min?t=x.min:t>x.max&&(t=x.max):t>x.max?t=x.max:t<x.min&&(t=x.min),(i=m(r=z)||v(r)||h(r)||g())[j.current]=t,x.onChange&&x.onChange({originalEvent:e,value:i})):(t<x.min?t=x.min:t>x.max&&(t=x.max),i=t,x.onChange&&x.onChange({originalEvent:e,value:i})),i},ce=function(n,r,t){n=l.isEmpty(n)?null:n,r=l.isEmpty(r)?null:r;var i={transition:A.current?"none":null,left:null!=n?n+"%":null,bottom:null!=r?r+"%":null},a=y(E({className:G("handle",{index:t,handleIndex:j}),style:E(E({},J("handle",{dragging:A,leftValue:n,bottomValue:r})),i),tabIndex:x.tabIndex,role:"slider",onMouseDown:function(e){return re(e,t)},onTouchStart:function(e){return te(e,t)},onKeyDown:function(e){return ie(e,t)},"aria-valuemin":x.min,"aria-valuemax":x.max,"aria-valuenow":n||r||0,"aria-orientation":x.orientation},be),q("handle"));return e.createElement("span",a)};e.useImperativeHandle(s,(function(){return{props:x,getElement:function(){return O.current}}}));var se,pe,fe,de,me,ve,he,ge,ye=S.getOtherProps(x),be=l.reduceKeys(ye,u.ARIA_PROPS),xe=x.range?(se=100*(z[0]<x.min?x.min:z[0]-x.min)/(x.max-x.min),pe=100*(z[1]>x.max?x.max:z[1]-x.min)/(x.max-x.min),fe=C?ce(se,null,0):ce(null,se,0),de=C?ce(pe,null,1):ce(null,pe,1),me=pe>se?pe-se:se-pe,ve=pe>se?se:pe,he=C?{left:ve+"%",width:me+"%"}:{bottom:ve+"%",height:me+"%"},ge=y({className:G("range"),style:E(E({},J("range")),he)},q("range")),e.createElement(e.Fragment,null,e.createElement("span",ge),fe,de)):function(){var n;n=z<x.min?x.min:z>x.max?x.max:100*(z-x.min)/(x.max-x.min);var r=C?{width:n+"%"}:{height:n+"%"},t=C?ce(n,null,null):ce(null,n,null),i=y({className:G("range"),style:E(E({},J("range")),r)},q("range"));return e.createElement(e.Fragment,null,e.createElement("span",i),t)}(),we=y({style:x.style,className:o(x.className,G("root",{vertical:N,horizontal:C})),onClick:function(e){if(!x.disabled){if(!P.current){ae();var n=le(e);x.onSlideEnd&&x.onSlideEnd({originalEvent:e,value:n})}P.current=!1}}},S.getOtherProps(x),q("root"));return e.createElement("div",c({id:x.id,ref:O},we),xe)})));j.displayName="Slider";export{j as Slider};
|
package/slider/slider.js
CHANGED
|
@@ -208,6 +208,7 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
208
208
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
209
209
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
210
210
|
var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
211
|
+
var _props$value, _ref, _props$value2;
|
|
211
212
|
var mergeProps = hooks.useMergeProps();
|
|
212
213
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
213
214
|
var props = SliderBase.getProps(inProps, context);
|
|
@@ -220,7 +221,7 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
|
|
|
220
221
|
var barWidth = React__namespace.useRef(0);
|
|
221
222
|
var barHeight = React__namespace.useRef(0);
|
|
222
223
|
var touchId = React__namespace.useRef();
|
|
223
|
-
var value = props.range ? props.value
|
|
224
|
+
var value = props.range ? (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : [props.min, props.max] : (_ref = (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : props.min) !== null && _ref !== void 0 ? _ref : 0;
|
|
224
225
|
var horizontal = props.orientation === 'horizontal';
|
|
225
226
|
var vertical = props.orientation === 'vertical';
|
|
226
227
|
var _useEventListener = hooks.useEventListener({
|
package/slider/slider.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.slider=function(e,n,r,t,a
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.slider=function(e,n,r,t,i,a){"use strict";function l(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=l(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 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 p(e){if(Array.isArray(e))return d(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 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 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,l,o=[],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)&&(o.push(t.value),o.length!==n);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}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){return a.classNames("p-slider p-component",{"p-disabled":e.props.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=o.memo(o.forwardRef((function(e,n){var l,c,s,f=i.useMergeProps(),d=o.useContext(r.PrimeReactContext),h=x.getProps(e,d),y=o.useRef(null),g=o.useRef(0),w=o.useRef(!1),S=o.useRef(!1),E=o.useRef(0),P=o.useRef(0),D=o.useRef(0),A=o.useRef(0),R=o.useRef(),k=h.range?null!==(l=h.value)&&void 0!==l?l:[h.min,h.max]:null!==(c=null!==(s=h.value)&&void 0!==s?s:h.min)&&void 0!==c?c:0,I="horizontal"===h.orientation,C="vertical"===h.orientation,N=O(i.useEventListener({type:"mousemove",listener:function(e){return J(e)}}),2),z=N[0],T=N[1],M=O(i.useEventListener({type:"mouseup",listener:function(e){return Q(e)}}),2),H=M[0],U=M[1],_=O(i.useEventListener({type:"touchmove",listener:function(e){return J(e)}}),2),L=_[0],F=_[1],Y=O(i.useEventListener({type:"touchend",listener:function(e){return Q(e)}}),2),W=Y[0],X=Y[1],B=x.setMetaData({props:h}),K=B.ptm,V=B.cx,$=B.sx;t.useHandleStyle(x.css.styles,B.isUnstyled,{name:"slider"});var q=function(e,n){ae(e,(h.range?k[g.current]:k)+(h.step||1)*n),e.preventDefault()},G=function(e,n){h.disabled||(S.current=!0,re(),w.current=!0,g.current=h.range&&k[0]===h.max?0:n,e.preventDefault())},J=function(e){S.current&&(ie(e),e.preventDefault())},Q=function(e){if(S.current){S.current=!1;var n=ie(e);h.onSlideEnd&&h.onSlideEnd({originalEvent:e,value:n}),R.current=void 0,T(),U(),F(),X()}},Z=function(e,n){z(),H(),G(e,n)},ee=function(e,n){e.changedTouches&&e.changedTouches[0]&&(R.current=e.changedTouches[0].identifier),L(),W(),G(e,n)},ne=function(e,n){if(!h.disabled)switch(g.current=n,e.key){case"ArrowRight":case"ArrowUp":q(e,1);break;case"ArrowLeft":case"ArrowDown":q(e,-1);break;case"PageUp":q(e,10),e.preventDefault();break;case"PageDown":q(e,-10),e.preventDefault();break;case"Home":q(e,-k),e.preventDefault();break;case"End":q(e,h.max),e.preventDefault()}},re=function(){var e=y.current.getBoundingClientRect();E.current=e.left+a.DomHandler.getWindowScrollLeft(),P.current=e.top+a.DomHandler.getWindowScrollTop(),D.current=y.current.offsetWidth,A.current=y.current.offsetHeight},te=function(e){var n,r=Array.from(null!==(n=e.changedTouches)&&void 0!==n?n:[]).find((function(e){return e.identifier===R.current}))||e;return{pageX:r.pageX,pageY:r.pageY}},ie=function(e){var n=te(e),r=n.pageX,t=n.pageY;if(r&&t){var i=(I?100*(r-E.current)/D.current:100*(P.current+A.current-t)/A.current)/100*(h.max-h.min)+h.min;if(h.step){var a=h.range?k[g.current]:k,l=i-a;l<0?i=a+Math.ceil(i/h.step-a/h.step)*h.step:l>0&&(i=a+Math.floor(i/h.step-a/h.step)*h.step)}else i=Math.floor(i);return ae(e,i)}},ae=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return h.range?(0===g.current?t<h.min?t=h.min:t>h.max&&(t=h.max):t>h.max?t=h.max:t<h.min&&(t=h.min),(i=p(r=k)||m(r)||v(r)||b())[g.current]=t,h.onChange&&h.onChange({originalEvent:e,value:i})):(t<h.min?t=h.min:t>h.max&&(t=h.max),i=t,h.onChange&&h.onChange({originalEvent:e,value:i})),i},le=function(e,n,r){e=a.ObjectUtils.isEmpty(e)?null:e,n=a.ObjectUtils.isEmpty(n)?null:n;var t={transition:S.current?"none":null,left:null!=e?e+"%":null,bottom:null!=n?n+"%":null},i=f(j({className:V("handle",{index:r,handleIndex:g}),style:j(j({},$("handle",{dragging:S,leftValue:e,bottomValue:n})),t),tabIndex:h.tabIndex,role:"slider",onMouseDown:function(e){return Z(e,r)},onTouchStart:function(e){return ee(e,r)},onKeyDown:function(e){return ne(e,r)},"aria-valuemin":h.min,"aria-valuemax":h.max,"aria-valuenow":e||n||0,"aria-orientation":h.orientation},be),K("handle"));return o.createElement("span",i)};o.useImperativeHandle(n,(function(){return{props:h,getElement:function(){return y.current}}}));var oe,ue,ce,se,fe,de,pe,me,ve=x.getOtherProps(h),be=a.ObjectUtils.reduceKeys(ve,a.DomHandler.ARIA_PROPS),he=h.range?(oe=100*(k[0]<h.min?h.min:k[0]-h.min)/(h.max-h.min),ue=100*(k[1]>h.max?h.max:k[1]-h.min)/(h.max-h.min),ce=I?le(oe,null,0):le(null,oe,0),se=I?le(ue,null,1):le(null,ue,1),fe=ue>oe?ue-oe:oe-ue,de=ue>oe?oe:ue,pe=I?{left:de+"%",width:fe+"%"}:{bottom:de+"%",height:fe+"%"},me=f({className:V("range"),style:j(j({},$("range")),pe)},K("range")),o.createElement(o.Fragment,null,o.createElement("span",me),ce,se)):function(){var e;e=k<h.min?h.min:k>h.max?h.max:100*(k-h.min)/(h.max-h.min);var n=I?{width:e+"%"}:{height:e+"%"},r=I?le(e,null,null):le(null,e,null),t=f({className:V("range"),style:j(j({},$("range")),n)},K("range"));return o.createElement(o.Fragment,null,o.createElement("span",t),r)}(),ye=f({style:h.style,className:a.classNames(h.className,V("root",{vertical:C,horizontal:I})),onClick:function(e){if(!h.disabled){if(!w.current){re();var n=ie(e);h.onSlideEnd&&h.onSlideEnd({originalEvent:e,value:n})}w.current=!1}}},x.getOtherProps(h),K("root"));return o.createElement("div",u({id:h.id,ref:y},ye),he)})));return S.displayName="Slider",e.Slider=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
|
@@ -683,16 +683,16 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
|
|
|
683
683
|
content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
|
|
684
684
|
}
|
|
685
685
|
var menuItemProps = mergeProps({
|
|
686
|
-
key: index,
|
|
687
686
|
id: "".concat(idState, "_").concat(index),
|
|
688
687
|
className: cx('menuitem', {
|
|
689
688
|
active: isItemActive("".concat(idState, "_").concat(index))
|
|
690
689
|
}),
|
|
691
690
|
style: getItemStyle(index),
|
|
692
|
-
'aria-controls': idState + '_item',
|
|
693
691
|
role: 'menuitem'
|
|
694
692
|
}, ptm('menuitem'));
|
|
695
|
-
return /*#__PURE__*/React__namespace.createElement("li", menuItemProps,
|
|
693
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuItemProps, {
|
|
694
|
+
key: "".concat(idState, "_").concat(index)
|
|
695
|
+
}), content);
|
|
696
696
|
};
|
|
697
697
|
var createItems = function createItems() {
|
|
698
698
|
return props.model ? props.model.map(createItem) : null;
|
|
@@ -737,7 +737,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
|
|
|
737
737
|
'aria-label': props['aria-label'],
|
|
738
738
|
'aria-expanded': visible,
|
|
739
739
|
'aria-haspopup': true,
|
|
740
|
-
'aria-controls':
|
|
740
|
+
'aria-controls': getAriaControls,
|
|
741
741
|
'aria-labelledby': props.ariaLabelledby,
|
|
742
742
|
pt: ptm('button'),
|
|
743
743
|
unstyled: props.unstyled,
|
|
@@ -759,6 +759,13 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
|
|
|
759
759
|
}
|
|
760
760
|
return content;
|
|
761
761
|
};
|
|
762
|
+
var getAriaControls = function getAriaControls() {
|
|
763
|
+
var ariaControls = '';
|
|
764
|
+
for (var index = 0; index < props.model.length; index++) {
|
|
765
|
+
ariaControls = ariaControls + "".concat(idState, "_").concat(index, " ");
|
|
766
|
+
}
|
|
767
|
+
return ariaControls.trim();
|
|
768
|
+
};
|
|
762
769
|
var createMask = function createMask() {
|
|
763
770
|
if (props.mask) {
|
|
764
771
|
var maskProps = mergeProps({
|
|
@@ -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 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
|
+
"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,p=e.className,f=e.style,m=c.classNames("p-speeddial-action",{"p-disabled":t}),b=c.classNames("p-speeddial-action-icon",r),y=H({className:L("actionIcon")},T("actionIcon")),h=H({href:o||"#",role:"menuitem",className:c.classNames(p,L("action",{disabled:t})),"aria-label":e.label,style:f,target:s,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},T("action")),g=c.IconUtils.getJSXIcon(r,E({},y),{props:M}),w=u.createElement("a",h,g,u.createElement(l.Ripple,null));a&&(w=c.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:m,iconClassName:b,element:w,props:M,visible:_}));var S,D=H({id:"".concat(v,"_").concat(n),className:L("menuitem",{active:(S="".concat(v,"_").concat(n),I===S)}),style:ve(n),role:"menuitem"},T("menuitem"));return u.createElement("li",d({},D,{key:"".concat(v,"_").concat(n)}),w)},ge=function(){for(var e="",n=0;n<M.model.length;n++)e+="".concat(v,"_").concat(n," ");return e.trim()};u.useEffect((function(){h(M.id||c.UniqueComponentId())}),[M.id]);var we,Se,De,Oe,Ie,xe,Ne,ke,Ee,je=(we=!_&&!!M.showIcon||!M.hideIcon,Se=_&&!!M.hideIcon,De=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),Oe=c.classNames(b(b({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Ie=c.IconUtils.getJSXIcon(we?M.showIcon||u.createElement(o.PlusIcon,null):Se?M.hideIcon||u.createElement(a.MinusIcon,null):null,void 0,{props:M,visible:_}),xe=H({type:"button",style:M.buttonStyle,className:c.classNames(M.buttonClassName,L("button")),icon:Ie,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":ge,"aria-labelledby":M.ariaLabelledby,pt:T("button"),unstyled:M.unstyled,__parentMetadata:{parent:R}}),Ne=u.createElement(t.Button,xe),M.buttonTemplate?c.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:De,iconClassName:Oe,element:Ne,props:M,visible:_}):Ne),Ce=(ke=M.model?M.model.map(he):null,Ee=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",Ee,ke)),Pe=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}(),He=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},He),je,Ce),Pe)})));j.displayName="SpeedDial",exports.SpeedDial=j;
|
|
@@ -659,16 +659,16 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
659
659
|
content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
|
|
660
660
|
}
|
|
661
661
|
var menuItemProps = mergeProps({
|
|
662
|
-
key: index,
|
|
663
662
|
id: "".concat(idState, "_").concat(index),
|
|
664
663
|
className: cx('menuitem', {
|
|
665
664
|
active: isItemActive("".concat(idState, "_").concat(index))
|
|
666
665
|
}),
|
|
667
666
|
style: getItemStyle(index),
|
|
668
|
-
'aria-controls': idState + '_item',
|
|
669
667
|
role: 'menuitem'
|
|
670
668
|
}, ptm('menuitem'));
|
|
671
|
-
return /*#__PURE__*/React.createElement("li", menuItemProps,
|
|
669
|
+
return /*#__PURE__*/React.createElement("li", _extends({}, menuItemProps, {
|
|
670
|
+
key: "".concat(idState, "_").concat(index)
|
|
671
|
+
}), content);
|
|
672
672
|
};
|
|
673
673
|
var createItems = function createItems() {
|
|
674
674
|
return props.model ? props.model.map(createItem) : null;
|
|
@@ -713,7 +713,7 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
713
713
|
'aria-label': props['aria-label'],
|
|
714
714
|
'aria-expanded': visible,
|
|
715
715
|
'aria-haspopup': true,
|
|
716
|
-
'aria-controls':
|
|
716
|
+
'aria-controls': getAriaControls,
|
|
717
717
|
'aria-labelledby': props.ariaLabelledby,
|
|
718
718
|
pt: ptm('button'),
|
|
719
719
|
unstyled: props.unstyled,
|
|
@@ -735,6 +735,13 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
735
735
|
}
|
|
736
736
|
return content;
|
|
737
737
|
};
|
|
738
|
+
var getAriaControls = function getAriaControls() {
|
|
739
|
+
var ariaControls = '';
|
|
740
|
+
for (var index = 0; index < props.model.length; index++) {
|
|
741
|
+
ariaControls = ariaControls + "".concat(idState, "_").concat(index, " ");
|
|
742
|
+
}
|
|
743
|
+
return ariaControls.trim();
|
|
744
|
+
};
|
|
738
745
|
var createMask = function createMask() {
|
|
739
746
|
if (props.mask) {
|
|
740
747
|
var maskProps = mergeProps({
|
|
@@ -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"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};
|
|
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}),S=e.createElement("a",y,v,e.createElement(m,null));a&&(S=g.getJSXElement(a,t,{onClick:function(e){return ae(e,t)},className:d,iconClassName:p,element:S,props:q,visible:F}));var k,x=U({id:"".concat(E,"_").concat(n),className:$("menuitem",{active:(k="".concat(E,"_").concat(n),T===k)}),style:Ee(n),role:"menuitem"},Y("menuitem"));return e.createElement("li",w({},x,{key:"".concat(E,"_").concat(n)}),S)},De=function(){for(var e="",t=0;t<q.model.length;t++)e+="".concat(E,"_").concat(t," ");return e.trim()};e.useEffect((function(){j(q.id||v())}),[q.id]);var Ae,Ne,Pe,Me,_e,He,Te,Re,Ve,ze=(Ae=!F&&!!q.showIcon||!q.hideIcon,Ne=F&&!!q.hideIcon,Pe=b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":q.rotateAnimation&&!q.hideIcon},q.buttonClassName),Me=b(I(I({},"".concat(q.showIcon),!F&&!!q.showIcon||!q.hideIcon),"".concat(q.hideIcon),F&&!!q.hideIcon)),_e=h.getJSXIcon(Ae?q.showIcon||e.createElement(f,null):Ne?q.hideIcon||e.createElement(p,null):null,void 0,{props:q,visible:F}),He=U({type:"button",style:q.buttonStyle,className:b(q.buttonClassName,$("button")),icon:_e,onClick:function(e){return oe(e)},disabled:q.disabled,onKeyDown:ce,"aria-label":q["aria-label"],"aria-expanded":F,"aria-haspopup":!0,"aria-controls":De,"aria-labelledby":q.ariaLabelledby,pt:Y("button"),unstyled:q.unstyled,__parentMetadata:{parent:W}}),Te=e.createElement(n,He),q.buttonTemplate?g.getJSXElement(q.buttonTemplate,{onClick:oe,className:Pe,iconClassName:Me,element:Te,props:q,visible:F}):Te),Le=(Re=q.model?q.model.map(je):null,Ve=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",Ve,Re)),Je=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}(),Ue=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},Ue),ze,Le),Je)})));V.displayName="SpeedDial";export{V as SpeedDial};
|