primereact 8.4.0 → 8.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.d.ts +2 -2
- package/api/api.cjs.js +1 -1
- package/api/api.d.ts +3 -3
- package/api/api.esm.js +1 -1
- package/api/api.js +1 -1
- package/autocomplete/autocomplete.cjs.js +3 -7
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +3 -7
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +3 -7
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.d.ts +1 -1
- package/avatargroup/avatargroup.d.ts +1 -1
- package/badge/badge.d.ts +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -0
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.d.ts +1 -1
- package/breadcrumb/breadcrumb.esm.js +12 -0
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -0
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +5 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +3 -2
- package/button/button.esm.js +5 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +5 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +40 -40
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +2 -5
- package/calendar/calendar.esm.js +40 -40
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +41 -41
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +7 -7
- package/captcha/captcha.esm.js +7 -7
- package/captcha/captcha.js +7 -7
- package/card/card.d.ts +1 -1
- package/carousel/carousel.cjs.js +61 -42
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.d.ts +3 -1
- package/carousel/carousel.esm.js +61 -42
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +61 -42
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +2 -2
- package/cascadeselect/cascadeselect.esm.js +1 -1
- package/cascadeselect/cascadeselect.js +1 -1
- package/checkbox/checkbox.cjs.js +12 -2
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +12 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +12 -2
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.d.ts +1 -1
- package/chips/chips.cjs.js +3 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +3 -3
- 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/colorpicker/colorpicker.cjs.js +2 -2
- package/colorpicker/colorpicker.d.ts +1 -1
- package/colorpicker/colorpicker.esm.js +2 -2
- package/colorpicker/colorpicker.js +2 -2
- package/column/column.d.ts +5 -4
- package/columngroup/columngroup.d.ts +1 -1
- package/confirmdialog/confirmdialog.cjs.js +6 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +6 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +6 -2
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +9 -3
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +9 -3
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +9 -3
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -0
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -0
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -0
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +121 -122
- package/core/core.min.js +8 -8
- package/csstransition/csstransition.d.ts +2 -2
- package/datascroller/datascroller.cjs.js +1 -1
- package/datascroller/datascroller.esm.js +1 -1
- package/datascroller/datascroller.js +1 -1
- package/datatable/datatable.cjs.js +2 -2
- package/datatable/datatable.d.ts +2 -2
- package/datatable/datatable.esm.js +2 -2
- package/datatable/datatable.js +2 -2
- package/dataview/dataview.d.ts +2 -2
- package/deferredcontent/deferredcontent.d.ts +1 -1
- package/dialog/dialog.cjs.js +10 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +10 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +10 -3
- package/dialog/dialog.min.css +1 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.d.ts +1 -1
- package/dock/dock.cjs.js +4 -0
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.d.ts +1 -1
- package/dock/dock.esm.js +4 -0
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +4 -0
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +4 -3
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +1 -1
- package/dropdown/dropdown.esm.js +4 -3
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +4 -3
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +3 -3
- package/editor/editor.esm.js +3 -3
- package/editor/editor.js +3 -3
- package/fieldset/fieldset.d.ts +1 -1
- package/fileupload/fileupload.cjs.js +13 -7
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +7 -6
- package/fileupload/fileupload.esm.js +13 -7
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +13 -7
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.d.ts +1 -1
- package/galleria/galleria.cjs.js +4 -4
- package/galleria/galleria.esm.js +4 -4
- package/galleria/galleria.js +4 -4
- package/gmap/gmap.d.ts +2 -2
- package/image/image.d.ts +1 -1
- package/inplace/inplace.d.ts +1 -1
- package/inputmask/inputmask.cjs.js +3 -3
- package/inputmask/inputmask.d.ts +1 -1
- package/inputmask/inputmask.esm.js +3 -3
- package/inputmask/inputmask.js +3 -3
- package/inputswitch/inputswitch.d.ts +1 -1
- package/inputtext/inputtext.d.ts +3 -6
- package/inputtextarea/inputtextarea.d.ts +2 -5
- package/keyfilter/keyfilter.cjs.js +3 -56
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -56
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +5 -56
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.cjs.js +1 -1
- package/knob/knob.d.ts +1 -1
- package/knob/knob.esm.js +1 -1
- package/knob/knob.js +1 -1
- package/listbox/listbox.d.ts +0 -1
- package/megamenu/megamenu.cjs.js +4 -0
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.d.ts +1 -2
- package/megamenu/megamenu.esm.js +4 -0
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +4 -0
- package/megamenu/megamenu.min.js +1 -1
- package/menu/menu.cjs.js +4 -0
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +4 -0
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +4 -0
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +9 -0
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.d.ts +1 -1
- package/menubar/menubar.esm.js +9 -0
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +9 -0
- package/menubar/menubar.min.js +1 -1
- package/menuitem/menuitem.d.ts +1 -0
- package/message/message.cjs.js +17 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +3 -1
- package/message/message.esm.js +18 -9
- package/message/message.esm.min.js +1 -1
- package/message/message.js +17 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +18 -9
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +3 -0
- package/messages/messages.esm.js +19 -10
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +18 -9
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +12 -2
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +1 -1
- package/multiselect/multiselect.esm.js +12 -2
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +12 -2
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +1 -1
- package/orderlist/orderlist.d.ts +1 -1
- package/organizationchart/organizationchart.d.ts +2 -2
- package/overlaypanel/overlaypanel.min.css +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +1 -1
- package/paginator/paginator.d.ts +2 -2
- package/paginator/paginator.esm.js +1 -1
- package/paginator/paginator.js +1 -1
- package/panel/panel.d.ts +1 -1
- package/panelmenu/panelmenu.cjs.js +8 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +1 -1
- package/panelmenu/panelmenu.esm.js +8 -0
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +8 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/password/password.d.ts +2 -2
- package/picklist/picklist.d.ts +1 -1
- package/primereact.all.cjs.js +474 -311
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +474 -311
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +474 -311
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.d.ts +1 -1
- package/progressspinner/progressspinner.d.ts +1 -1
- package/radiobutton/radiobutton.cjs.js +12 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +12 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +12 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +56 -15
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.d.ts +8 -1
- package/rating/rating.esm.js +57 -16
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +56 -15
- package/rating/rating.min.css +1 -1
- package/rating/rating.min.js +1 -1
- package/resources/primereact.css +292 -270
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +9 -10
- package/resources/themes/arya-green/theme.css +9 -10
- package/resources/themes/arya-orange/theme.css +9 -10
- package/resources/themes/arya-purple/theme.css +9 -10
- package/resources/themes/bootstrap4-dark-blue/theme.css +10 -11
- package/resources/themes/bootstrap4-dark-purple/theme.css +10 -11
- package/resources/themes/bootstrap4-light-blue/theme.css +10 -11
- package/resources/themes/bootstrap4-light-purple/theme.css +10 -11
- package/resources/themes/fluent-light/theme.css +9 -10
- package/resources/themes/lara-dark-blue/theme.css +9 -10
- package/resources/themes/lara-dark-indigo/theme.css +9 -10
- package/resources/themes/lara-dark-purple/theme.css +9 -10
- package/resources/themes/lara-dark-teal/theme.css +9 -10
- package/resources/themes/lara-light-blue/theme.css +9 -10
- package/resources/themes/lara-light-indigo/theme.css +9 -10
- package/resources/themes/lara-light-purple/theme.css +9 -10
- package/resources/themes/lara-light-teal/theme.css +9 -10
- package/resources/themes/luna-amber/theme.css +10 -11
- package/resources/themes/luna-blue/theme.css +10 -11
- package/resources/themes/luna-green/theme.css +10 -11
- package/resources/themes/luna-pink/theme.css +10 -11
- package/resources/themes/md-dark-deeppurple/theme.css +17 -18
- package/resources/themes/md-dark-indigo/theme.css +17 -18
- package/resources/themes/md-light-deeppurple/theme.css +17 -18
- package/resources/themes/md-light-indigo/theme.css +17 -18
- package/resources/themes/mdc-dark-deeppurple/theme.css +17 -18
- package/resources/themes/mdc-dark-indigo/theme.css +17 -18
- package/resources/themes/mdc-light-deeppurple/theme.css +17 -18
- package/resources/themes/mdc-light-indigo/theme.css +17 -18
- package/resources/themes/nova/theme.css +10 -11
- package/resources/themes/nova-accent/theme.css +9 -10
- package/resources/themes/nova-alt/theme.css +10 -11
- package/resources/themes/rhea/theme.css +9 -10
- package/resources/themes/saga-blue/theme.css +9 -10
- package/resources/themes/saga-green/theme.css +9 -10
- package/resources/themes/saga-orange/theme.css +9 -10
- package/resources/themes/saga-purple/theme.css +9 -10
- package/resources/themes/tailwind-light/theme.css +9 -10
- package/resources/themes/vela-blue/theme.css +9 -10
- package/resources/themes/vela-green/theme.css +9 -10
- package/resources/themes/vela-orange/theme.css +9 -10
- package/resources/themes/vela-purple/theme.css +9 -10
- package/ripple/ripple.d.ts +1 -1
- package/row/row.d.ts +1 -1
- package/scrollpanel/scrollpanel.cjs.js +1 -1
- package/scrollpanel/scrollpanel.d.ts +1 -1
- package/scrollpanel/scrollpanel.esm.js +1 -1
- package/scrollpanel/scrollpanel.js +1 -1
- package/scrolltop/scrolltop.d.ts +1 -1
- package/selectbutton/selectbutton.d.ts +1 -1
- package/selectitem/selectitem.d.ts +1 -1
- package/sidebar/sidebar.d.ts +1 -1
- package/sidebar/sidebar.min.css +1 -1
- package/skeleton/skeleton.d.ts +1 -1
- package/slidemenu/slidemenu.cjs.js +4 -0
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +4 -0
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +4 -0
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.d.ts +2 -2
- package/speeddial/speeddial.cjs.js +4 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +4 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +4 -0
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +8 -0
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -1
- package/splitbutton/splitbutton.esm.js +8 -0
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +8 -0
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.d.ts +2 -2
- package/steps/steps.cjs.js +4 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +4 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +4 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.d.ts +1 -1
- package/tabmenu/tabmenu.cjs.js +6 -1
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.d.ts +1 -1
- package/tabmenu/tabmenu.esm.js +6 -1
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +6 -1
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.d.ts +1 -1
- package/tag/tag.d.ts +1 -1
- package/tieredmenu/tieredmenu.cjs.js +6 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +6 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +6 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.d.ts +1 -1
- package/toast/toast.cjs.js +39 -32
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +39 -32
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +39 -32
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +1 -1
- package/toolbar/toolbar.d.ts +1 -1
- package/tooltip/tooltip.cjs.js +29 -16
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +29 -16
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +29 -16
- package/tooltip/tooltip.min.js +1 -1
- package/tooltip/tooltipoptions.d.ts +1 -1
- package/tree/tree.cjs.js +1 -1
- package/tree/tree.d.ts +1 -1
- package/tree/tree.esm.js +1 -1
- package/tree/tree.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -6
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +13 -3
- package/treeselect/treeselect.esm.js +12 -6
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -6
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +2 -2
- package/treetable/treetable.d.ts +1 -1
- package/treetable/treetable.esm.js +2 -2
- package/treetable/treetable.js +2 -2
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/utils/utils.cjs.js +35 -29
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +13 -10
- package/utils/utils.esm.js +35 -29
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +35 -29
- package/utils/utils.min.js +1 -1
- package/web-types.json +100 -6
package/carousel/carousel.cjs.js
CHANGED
|
@@ -599,7 +599,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
599
599
|
}, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
|
|
600
600
|
className: "p-carousel-items-content",
|
|
601
601
|
style: {
|
|
602
|
-
|
|
602
|
+
height: height
|
|
603
603
|
},
|
|
604
604
|
onTouchStart: onTouchStart,
|
|
605
605
|
onTouchMove: onTouchMove,
|
|
@@ -612,41 +612,53 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
612
612
|
};
|
|
613
613
|
|
|
614
614
|
var createBackwardNavigator = function createBackwardNavigator() {
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
615
|
+
if (props.showNavigators) {
|
|
616
|
+
var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
|
|
617
|
+
|
|
618
|
+
var _className = utils.classNames('p-carousel-prev p-link', {
|
|
619
|
+
'p-disabled': isDisabled
|
|
620
|
+
});
|
|
621
|
+
|
|
622
|
+
var iconClassName = utils.classNames('p-carousel-prev-icon pi', {
|
|
623
|
+
'pi-chevron-left': !isVertical,
|
|
624
|
+
'pi-chevron-up': isVertical
|
|
625
|
+
});
|
|
626
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
627
|
+
type: "button",
|
|
628
|
+
className: _className,
|
|
629
|
+
icon: iconClassName,
|
|
630
|
+
onClick: navBackward,
|
|
631
|
+
disabled: isDisabled,
|
|
632
|
+
"aria-label": PrimeReact.ariaLabel('previousPageLabel')
|
|
633
|
+
});
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
return null;
|
|
631
637
|
};
|
|
632
638
|
|
|
633
639
|
var createForwardNavigator = function createForwardNavigator() {
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
640
|
+
if (props.showNavigators) {
|
|
641
|
+
var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
|
|
642
|
+
|
|
643
|
+
var _className2 = utils.classNames('p-carousel-next p-link', {
|
|
644
|
+
'p-disabled': isDisabled
|
|
645
|
+
});
|
|
646
|
+
|
|
647
|
+
var iconClassName = utils.classNames('p-carousel-next-icon pi', {
|
|
648
|
+
'pi-chevron-right': !isVertical,
|
|
649
|
+
'pi-chevron-down': isVertical
|
|
650
|
+
});
|
|
651
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
652
|
+
type: "button",
|
|
653
|
+
className: _className2,
|
|
654
|
+
icon: iconClassName,
|
|
655
|
+
onClick: navForward,
|
|
656
|
+
disabled: isDisabled,
|
|
657
|
+
"aria-label": PrimeReact.ariaLabel('nextPageLabel')
|
|
658
|
+
});
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
return null;
|
|
650
662
|
};
|
|
651
663
|
|
|
652
664
|
var createIndicator = function createIndicator(index) {
|
|
@@ -669,16 +681,21 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
669
681
|
};
|
|
670
682
|
|
|
671
683
|
var createIndicators = function createIndicators() {
|
|
672
|
-
|
|
673
|
-
|
|
684
|
+
if (props.showIndicators) {
|
|
685
|
+
var _className3 = utils.classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
|
|
674
686
|
|
|
675
|
-
|
|
676
|
-
|
|
687
|
+
var _indicators = [];
|
|
688
|
+
|
|
689
|
+
for (var i = 0; i < totalIndicators; i++) {
|
|
690
|
+
_indicators.push(createIndicator(i));
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
return /*#__PURE__*/React__namespace.createElement("ul", {
|
|
694
|
+
className: _className3
|
|
695
|
+
}, _indicators);
|
|
677
696
|
}
|
|
678
697
|
|
|
679
|
-
return
|
|
680
|
-
className: className
|
|
681
|
-
}, indicators);
|
|
698
|
+
return null;
|
|
682
699
|
};
|
|
683
700
|
|
|
684
701
|
var otherProps = utils.ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
|
|
@@ -713,12 +730,14 @@ Carousel.defaultProps = {
|
|
|
713
730
|
className: null,
|
|
714
731
|
itemTemplate: null,
|
|
715
732
|
circular: false,
|
|
733
|
+
showIndicators: true,
|
|
734
|
+
showNavigators: true,
|
|
716
735
|
autoplayInterval: 0,
|
|
717
736
|
numVisible: 1,
|
|
718
737
|
numScroll: 1,
|
|
719
738
|
responsiveOptions: null,
|
|
720
|
-
orientation:
|
|
721
|
-
verticalViewPortHeight:
|
|
739
|
+
orientation: 'horizontal',
|
|
740
|
+
verticalViewPortHeight: '300px',
|
|
722
741
|
contentClassName: null,
|
|
723
742
|
containerClassName: null,
|
|
724
743
|
indicatorsContentClassName: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/hooks"),a=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/hooks"),a=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=u(e),c=l(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function s(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 m(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){o=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw a}}return l}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return d(e)||h(e,t)||f(e,t)||g()}var y=o.memo((function(e){var t=e.template(e.item),n=a.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return o.createElement("div",{className:n},t)})),N=o.memo(o.forwardRef((function(e,l){var u=b(o.useState(e.numVisible),2),s=u[0],d=u[1],h=b(o.useState(e.numScroll),2),g=h[0],C=h[1],E=b(o.useState(e.page*e.numScroll*-1),2),S=E[0],P=E[1],w=b(o.useState(e.page),2),I=w[0],O=w[1],k=o.useRef(null),j=o.useRef(null),T=o.useRef(0),x=o.useRef(!!e.autoplayInterval),R=o.useRef(""),M=o.useRef(20),A=o.useRef(null),V=o.useRef(null),D=o.useRef(null),L=o.useRef(!1),_=o.useRef(null),H=r.usePrevious(g),q=r.usePrevious(s),U=r.usePrevious(e.value),z=r.usePrevious(e.page),B="vertical"===e.orientation,Y=e.circular||!!e.autoplayInterval,X=Y&&e.value&&e.value.length>=s,F=e.onPageChange?e.page:I,K=e.value?Math.max(Math.ceil((e.value.length-s)/g)+1,0):0,W=K&&e.autoplayInterval&&x.current,$=b(r.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],G=function(t,n){var r=S;null!=n?(r=g*n*-1,X&&(r-=s),L.current=!1):(r+=g*t,L.current&&(r+=T.current-g*t,L.current=!1),n=Math.abs(Math.floor((X?r+s:r)/g)));X&&I===K-1&&-1===t?(r=-1*(e.value.length+s),n=0):X&&0===I&&1===t?(r=0,n=K-1):n===K-1&&T.current>0&&(r+=-1*T.current-g*t,L.current=!0),j.current&&(a.DomHandler.removeClass(j.current,"p-items-hidden"),ce(r),j.current.style.transition="transform 500ms ease 0s"),e.onPageChange?(P(r),e.onPageChange({page:n})):(O(n),P(r))},J=function(){if(j.current&&_.current){for(var t=window.innerWidth,n={numVisible:e.numVisible,numScroll:e.numScroll},r=0;r<_.current.length;r++){var a=_.current[r];parseInt(a.breakpoint,10)>=t&&(n=a)}if(g!==n.numScroll){var l=Math.floor(F*g/n.numScroll),u=n.numScroll*l*-1;X&&(u-=n.numVisible),P(u),C(n.numScroll),e.onPageChange?e.onPageChange({page:l}):O(l)}s!==n.numVisible&&d(n.numVisible)}},Q=function(e,t){(Y||0!==F)&&G(1,t),x.current=!1,e.cancelable&&e.preventDefault()},Z=function(e,t){(Y||F<K-1)&&G(-1,t),x.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){t>F?Z(e,t):t<F&&Q(e,t)},te=function(e){j.current&&"transform"===e.propertyName&&(a.DomHandler.addClass(j.current,"p-items-hidden"),j.current.style.transition="",0!==I&&I!==K-1||!X||ce(S))},ne=function(e){var t=e.changedTouches[0];A.current={x:t.pageX,y:t.pageY}},re=function(e){e.cancelable&&e.preventDefault()},ae=function(e){var t=e.changedTouches[0];le(e,B?t.pageY-A.current.y:t.pageX-A.current.x)},le=function(e,t){Math.abs(t)>M&&(t<0?Z(e):Q(e))},ue=function(){V.current&&clearInterval(V.current)},oe=function(){D.current||(D.current=a.DomHandler.createInlineStyle(c.default.nonce));var t,n="\n .p-carousel[".concat(R.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/s,"%\n }\n ");if(e.responsiveOptions){_.current=m(t=e.responsiveOptions)||p(t)||f(t)||v(),_.current.sort((function(e,t){return a.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,c.default.locale,c.default.nullSortOrder)}));for(var r=0;r<_.current.length;r++){var l=_.current[r];n+="\n @media screen and (max-width: ".concat(l.breakpoint,") {\n .p-carousel[").concat(R.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/l.numVisible,"%\n }\n }\n ")}}D.current.innerHTML=n},ce=function(e){j.current&&(j.current.style.transform=B?"translate3d(0, ".concat(e*(100/s),"%, 0)"):"translate3d(".concat(e*(100/s),"%, 0, 0)"))};o.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return k.current}}})),r.useMountEffect((function(){k.current&&(R.current=a.UniqueComponentId(),k.current.setAttribute(R.current,"")),oe(),J(),ce(S),$()})),r.useUpdateEffect((function(){var t=!1,n=S;if(e.autoplayInterval&&ue(),H!==g||q!==s||e.value&&U&&U.length!==e.value.length){T.current=(e.value.length-s)%g;var r=F;0!==K&&r>=K&&(r=K-1,e.onPageChange?e.onPageChange({page:r}):O(r),t=!0),n=r*g*-1,X&&(n-=s),r===K-1&&T.current>0?(n+=-1*T.current+g,L.current=!0):L.current=!1,n!==S&&(P(n),t=!0),ce(n)}X&&(0===I?n=-1*s:0===n&&(n=-1*e.value.length,T.current>0&&(L.current=!0)),n!==S&&(P(n),t=!0)),z!==e.page&&(e.page>z&&e.page<=K-1?G(-1,e.page):e.page<z&&G(1,e.page)),!t&&W&&(V.current=setInterval((function(){G(-1,I===K-1?0:I+1)}),e.autoplayInterval))})),r.useUnmountEffect((function(){e.autoplayInterval&&ue()}));var ie=function(){if(e.value&&e.value.length){var t=null,n=null;if(X){var r=null;t=(r=e.value.slice(-1*s)).map((function(t,n){return o.createElement(y,{key:n+"_scloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:-1*S===e.value.length+s,start:0===n,end:n===r.length-1})})),n=(r=e.value.slice(0,s)).map((function(t,n){return o.createElement(y,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:0===S,start:0===n,end:n===r.length-1})}))}var a=e.value.map((function(t,n){var r=X?-1*(S+s):-1*S,a=r+s-1;return o.createElement(y,{key:n,template:e.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return o.createElement(o.Fragment,null,t,a,n)}},se=function(){if(e.showNavigators){var r=(!Y||e.value&&e.value.length<s)&&0===F,l=a.classNames("p-carousel-prev p-link",{"p-disabled":r}),u=a.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!B,"pi-chevron-up":B});return o.createElement(n.Button,{type:"button",className:l,icon:u,onClick:Q,disabled:r,"aria-label":t.ariaLabel("previousPageLabel")})}return null},me=function(){if(e.showNavigators){var r=(!Y||e.value&&e.value.length<s)&&(F===K-1||0===K),l=a.classNames("p-carousel-next p-link",{"p-disabled":r}),u=a.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!B,"pi-chevron-down":B});return o.createElement(n.Button,{type:"button",className:l,icon:u,onClick:Z,disabled:r,"aria-label":t.ariaLabel("nextPageLabel")})}return null},pe=function(e){var r="carousel-indicator-"+e,l=a.classNames("p-carousel-indicator",{"p-highlight":F===e});return o.createElement("li",{key:r,className:l},o.createElement(n.Button,{type:"button",className:"p-link",onClick:function(t){return ee(t,e)},"aria-label":"".concat(t.ariaLabel("pageLabel")," ").concat(e+1)}))},fe=a.ObjectUtils.findDiffKeys(e,N.defaultProps),ve=a.classNames("p-carousel p-component",{"p-carousel-vertical":B,"p-carousel-horizontal":!B},e.className),de=a.classNames("p-carousel-content",e.contentClassName),he=function(){var t=ie(),n=B?e.verticalViewPortHeight:"auto",r=se(),l=me(),u=a.classNames("p-carousel-container",e.containerClassName);return o.createElement("div",{className:u},r,o.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ne,onTouchMove:re,onTouchEnd:ae},o.createElement("div",{ref:j,className:"p-carousel-items-container",onTransitionEnd:te},t)),l)}(),ge=function(){if(e.showIndicators){for(var t=a.classNames("p-carousel-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<K;r++)n.push(pe(r));return o.createElement("ul",{className:t},n)}return null}(),be=e.header?o.createElement("div",{className:"p-carousel-header"},e.header):null,ye=e.footer?o.createElement("div",{className:"p-carousel-footer"},e.footer):null;return o.createElement("div",i({ref:k,id:e.id,className:ve,style:e.style},fe),be,o.createElement("div",{className:de},he,ge),ye)})));y.displayName="CarouselItem",N.displayName="Carousel",N.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null},exports.Carousel=N;
|
package/carousel/carousel.d.ts
CHANGED
|
@@ -19,6 +19,8 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
|
|
|
19
19
|
footer?: React.ReactNode;
|
|
20
20
|
itemTemplate?(item: any): React.ReactNode;
|
|
21
21
|
circular?: boolean;
|
|
22
|
+
showNavigators?: boolean;
|
|
23
|
+
showIndicators?: boolean;
|
|
22
24
|
autoplayInterval?: number;
|
|
23
25
|
numVisible?: number;
|
|
24
26
|
numScroll?: number;
|
|
@@ -34,4 +36,4 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
|
|
|
34
36
|
|
|
35
37
|
export declare class Carousel extends React.Component<CarouselProps, any> {
|
|
36
38
|
public getElement(): HTMLDivElement;
|
|
37
|
-
|
|
39
|
+
}
|
package/carousel/carousel.esm.js
CHANGED
|
@@ -572,7 +572,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
572
572
|
}, backwardNavigator, /*#__PURE__*/React.createElement("div", {
|
|
573
573
|
className: "p-carousel-items-content",
|
|
574
574
|
style: {
|
|
575
|
-
|
|
575
|
+
height: height
|
|
576
576
|
},
|
|
577
577
|
onTouchStart: onTouchStart,
|
|
578
578
|
onTouchMove: onTouchMove,
|
|
@@ -585,41 +585,53 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
585
585
|
};
|
|
586
586
|
|
|
587
587
|
var createBackwardNavigator = function createBackwardNavigator() {
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
588
|
+
if (props.showNavigators) {
|
|
589
|
+
var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
|
|
590
|
+
|
|
591
|
+
var _className = classNames('p-carousel-prev p-link', {
|
|
592
|
+
'p-disabled': isDisabled
|
|
593
|
+
});
|
|
594
|
+
|
|
595
|
+
var iconClassName = classNames('p-carousel-prev-icon pi', {
|
|
596
|
+
'pi-chevron-left': !isVertical,
|
|
597
|
+
'pi-chevron-up': isVertical
|
|
598
|
+
});
|
|
599
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
600
|
+
type: "button",
|
|
601
|
+
className: _className,
|
|
602
|
+
icon: iconClassName,
|
|
603
|
+
onClick: navBackward,
|
|
604
|
+
disabled: isDisabled,
|
|
605
|
+
"aria-label": ariaLabel('previousPageLabel')
|
|
606
|
+
});
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
return null;
|
|
604
610
|
};
|
|
605
611
|
|
|
606
612
|
var createForwardNavigator = function createForwardNavigator() {
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
613
|
+
if (props.showNavigators) {
|
|
614
|
+
var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
|
|
615
|
+
|
|
616
|
+
var _className2 = classNames('p-carousel-next p-link', {
|
|
617
|
+
'p-disabled': isDisabled
|
|
618
|
+
});
|
|
619
|
+
|
|
620
|
+
var iconClassName = classNames('p-carousel-next-icon pi', {
|
|
621
|
+
'pi-chevron-right': !isVertical,
|
|
622
|
+
'pi-chevron-down': isVertical
|
|
623
|
+
});
|
|
624
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
625
|
+
type: "button",
|
|
626
|
+
className: _className2,
|
|
627
|
+
icon: iconClassName,
|
|
628
|
+
onClick: navForward,
|
|
629
|
+
disabled: isDisabled,
|
|
630
|
+
"aria-label": ariaLabel('nextPageLabel')
|
|
631
|
+
});
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
return null;
|
|
623
635
|
};
|
|
624
636
|
|
|
625
637
|
var createIndicator = function createIndicator(index) {
|
|
@@ -642,16 +654,21 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
642
654
|
};
|
|
643
655
|
|
|
644
656
|
var createIndicators = function createIndicators() {
|
|
645
|
-
|
|
646
|
-
|
|
657
|
+
if (props.showIndicators) {
|
|
658
|
+
var _className3 = classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
|
|
647
659
|
|
|
648
|
-
|
|
649
|
-
|
|
660
|
+
var _indicators = [];
|
|
661
|
+
|
|
662
|
+
for (var i = 0; i < totalIndicators; i++) {
|
|
663
|
+
_indicators.push(createIndicator(i));
|
|
664
|
+
}
|
|
665
|
+
|
|
666
|
+
return /*#__PURE__*/React.createElement("ul", {
|
|
667
|
+
className: _className3
|
|
668
|
+
}, _indicators);
|
|
650
669
|
}
|
|
651
670
|
|
|
652
|
-
return
|
|
653
|
-
className: className
|
|
654
|
-
}, indicators);
|
|
671
|
+
return null;
|
|
655
672
|
};
|
|
656
673
|
|
|
657
674
|
var otherProps = ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
|
|
@@ -686,12 +703,14 @@ Carousel.defaultProps = {
|
|
|
686
703
|
className: null,
|
|
687
704
|
itemTemplate: null,
|
|
688
705
|
circular: false,
|
|
706
|
+
showIndicators: true,
|
|
707
|
+
showNavigators: true,
|
|
689
708
|
autoplayInterval: 0,
|
|
690
709
|
numVisible: 1,
|
|
691
710
|
numScroll: 1,
|
|
692
711
|
responsiveOptions: null,
|
|
693
|
-
orientation:
|
|
694
|
-
verticalViewPortHeight:
|
|
712
|
+
orientation: 'horizontal',
|
|
713
|
+
verticalViewPortHeight: '300px',
|
|
695
714
|
contentClassName: null,
|
|
696
715
|
containerClassName: null,
|
|
697
716
|
indicatorsContentClassName: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{Button as r}from"primereact/button";import{usePrevious as a,useResizeListener as l,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as c}from"primereact/hooks";import{classNames as i,UniqueComponentId as s,ObjectUtils as p,DomHandler as m}from"primereact/utils";function f(){return f=Object.assign||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},f.apply(this,arguments)}function v(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
|
|
1
|
+
import*as e from"react";import t,{ariaLabel as n}from"primereact/api";import{Button as r}from"primereact/button";import{usePrevious as a,useResizeListener as l,useMountEffect as o,useUpdateEffect as u,useUnmountEffect as c}from"primereact/hooks";import{classNames as i,UniqueComponentId as s,ObjectUtils as p,DomHandler as m}from"primereact/utils";function f(){return f=Object.assign||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},f.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function y(){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 N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw a}}return l}}function C(){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 S(e,t){return b(e)||N(e,t)||g(e,t)||C()}var E=e.memo((function(t){var n=t.template(t.item),r=i(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end});return e.createElement("div",{className:r},n)})),w=e.memo(e.forwardRef((function(v,b){var N=S(e.useState(v.numVisible),2),C=N[0],I=N[1],P=S(e.useState(v.numScroll),2),k=P[0],T=P[1],x=S(e.useState(v.page*v.numScroll*-1),2),R=x[0],A=x[1],O=S(e.useState(v.page),2),V=O[0],M=O[1],j=e.useRef(null),D=e.useRef(null),H=e.useRef(0),L=e.useRef(!!v.autoplayInterval),_=e.useRef(""),Y=e.useRef(20),z=e.useRef(null),X=e.useRef(null),F=e.useRef(null),K=e.useRef(!1),U=e.useRef(null),W=a(k),$=a(C),q=a(v.value),B=a(v.page),G="vertical"===v.orientation,J=v.circular||!!v.autoplayInterval,Q=J&&v.value&&v.value.length>=C,Z=v.onPageChange?v.page:V,ee=v.value?Math.max(Math.ceil((v.value.length-C)/k)+1,0):0,te=ee&&v.autoplayInterval&&L.current,ne=S(l({listener:function(){ae()},when:v.responsiveOptions}),1)[0],re=function(e,t){var n=R;null!=t?(n=k*t*-1,Q&&(n-=C),K.current=!1):(n+=k*e,K.current&&(n+=H.current-k*e,K.current=!1),t=Math.abs(Math.floor((Q?n+C:n)/k)));Q&&V===ee-1&&-1===e?(n=-1*(v.value.length+C),t=0):Q&&0===V&&1===e?(n=0,t=ee-1):t===ee-1&&H.current>0&&(n+=-1*H.current-k*e,K.current=!0),D.current&&(m.removeClass(D.current,"p-items-hidden"),he(n),D.current.style.transition="transform 500ms ease 0s"),v.onPageChange?(A(n),v.onPageChange({page:t})):(M(t),A(n))},ae=function(){if(D.current&&U.current){for(var e=window.innerWidth,t={numVisible:v.numVisible,numScroll:v.numScroll},n=0;n<U.current.length;n++){var r=U.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(k!==t.numScroll){var a=Math.floor(Z*k/t.numScroll),l=t.numScroll*a*-1;Q&&(l-=t.numVisible),A(l),T(t.numScroll),v.onPageChange?v.onPageChange({page:a}):M(a)}C!==t.numVisible&&I(t.numVisible)}},le=function(e,t){(J||0!==Z)&&re(1,t),L.current=!1,e.cancelable&&e.preventDefault()},oe=function(e,t){(J||Z<ee-1)&&re(-1,t),L.current=!1,e.cancelable&&e.preventDefault()},ue=function(e,t){t>Z?oe(e,t):t<Z&&le(e,t)},ce=function(e){D.current&&"transform"===e.propertyName&&(m.addClass(D.current,"p-items-hidden"),D.current.style.transition="",0!==V&&V!==ee-1||!Q||he(R))},ie=function(e){var t=e.changedTouches[0];z.current={x:t.pageX,y:t.pageY}},se=function(e){e.cancelable&&e.preventDefault()},pe=function(e){var t=e.changedTouches[0];me(e,G?t.pageY-z.current.y:t.pageX-z.current.x)},me=function(e,t){Math.abs(t)>Y&&(t<0?oe(e):le(e))},fe=function(){X.current&&clearInterval(X.current)},ve=function(){F.current||(F.current=m.createInlineStyle(t.nonce));var e,n="\n .p-carousel[".concat(_.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/C,"%\n }\n ");if(v.responsiveOptions){U.current=h(e=v.responsiveOptions)||d(e)||g(e)||y(),U.current.sort((function(e,n){return p.sort(e.breakpoint,n.breakpoint,-1,t.locale,t.nullSortOrder)}));for(var r=0;r<U.current.length;r++){var a=U.current[r];n+="\n @media screen and (max-width: ".concat(a.breakpoint,") {\n .p-carousel[").concat(_.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/a.numVisible,"%\n }\n }\n ")}}F.current.innerHTML=n},he=function(e){D.current&&(D.current.style.transform=G?"translate3d(0, ".concat(e*(100/C),"%, 0)"):"translate3d(".concat(e*(100/C),"%, 0, 0)"))};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return j.current}}})),o((function(){j.current&&(_.current=s(),j.current.setAttribute(_.current,"")),ve(),ae(),he(R),ne()})),u((function(){var e=!1,t=R;if(v.autoplayInterval&&fe(),W!==k||$!==C||v.value&&q&&q.length!==v.value.length){H.current=(v.value.length-C)%k;var n=Z;0!==ee&&n>=ee&&(n=ee-1,v.onPageChange?v.onPageChange({page:n}):M(n),e=!0),t=n*k*-1,Q&&(t-=C),n===ee-1&&H.current>0?(t+=-1*H.current+k,K.current=!0):K.current=!1,t!==R&&(A(t),e=!0),he(t)}Q&&(0===V?t=-1*C:0===t&&(t=-1*v.value.length,H.current>0&&(K.current=!0)),t!==R&&(A(t),e=!0)),B!==v.page&&(v.page>B&&v.page<=ee-1?re(-1,v.page):v.page<B&&re(1,v.page)),!e&&te&&(X.current=setInterval((function(){re(-1,V===ee-1?0:V+1)}),v.autoplayInterval))})),c((function(){v.autoplayInterval&&fe()}));var de=function(){if(v.value&&v.value.length){var t=null,n=null;if(Q){var r=null;t=(r=v.value.slice(-1*C)).map((function(t,n){return e.createElement(E,{key:n+"_scloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:-1*R===v.value.length+C,start:0===n,end:n===r.length-1})})),n=(r=v.value.slice(0,C)).map((function(t,n){return e.createElement(E,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:v.itemTemplate,item:t,active:0===R,start:0===n,end:n===r.length-1})}))}var a=v.value.map((function(t,n){var r=Q?-1*(R+C):-1*R,a=r+C-1;return e.createElement(E,{key:n,template:v.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return e.createElement(e.Fragment,null,t,a,n)}},ge=function(){if(v.showNavigators){var t=(!J||v.value&&v.value.length<C)&&0===Z,a=i("p-carousel-prev p-link",{"p-disabled":t}),l=i("p-carousel-prev-icon pi",{"pi-chevron-left":!G,"pi-chevron-up":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:le,disabled:t,"aria-label":n("previousPageLabel")})}return null},ye=function(){if(v.showNavigators){var t=(!J||v.value&&v.value.length<C)&&(Z===ee-1||0===ee),a=i("p-carousel-next p-link",{"p-disabled":t}),l=i("p-carousel-next-icon pi",{"pi-chevron-right":!G,"pi-chevron-down":G});return e.createElement(r,{type:"button",className:a,icon:l,onClick:oe,disabled:t,"aria-label":n("nextPageLabel")})}return null},be=function(t){var a="carousel-indicator-"+t,l=i("p-carousel-indicator",{"p-highlight":Z===t});return e.createElement("li",{key:a,className:l},e.createElement(r,{type:"button",className:"p-link",onClick:function(e){return ue(e,t)},"aria-label":"".concat(n("pageLabel")," ").concat(t+1)}))},Ne=p.findDiffKeys(v,w.defaultProps),Ce=i("p-carousel p-component",{"p-carousel-vertical":G,"p-carousel-horizontal":!G},v.className),Se=i("p-carousel-content",v.contentClassName),Ee=function(){var t=de(),n=G?v.verticalViewPortHeight:"auto",r=ge(),a=ye(),l=i("p-carousel-container",v.containerClassName);return e.createElement("div",{className:l},r,e.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ie,onTouchMove:se,onTouchEnd:pe},e.createElement("div",{ref:D,className:"p-carousel-items-container",onTransitionEnd:ce},t)),a)}(),we=function(){if(v.showIndicators){for(var t=i("p-carousel-indicators p-reset",v.indicatorsContentClassName),n=[],r=0;r<ee;r++)n.push(be(r));return e.createElement("ul",{className:t},n)}return null}(),Ie=v.header?e.createElement("div",{className:"p-carousel-header"},v.header):null,Pe=v.footer?e.createElement("div",{className:"p-carousel-footer"},v.footer):null;return e.createElement("div",f({ref:j,id:v.id,className:Ce,style:v.style},Ne),Ie,e.createElement("div",{className:Se},Ee,we),Pe)})));E.displayName="CarouselItem",w.displayName="Carousel",w.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null};export{w as Carousel};
|
package/carousel/carousel.js
CHANGED
|
@@ -593,7 +593,7 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
|
|
|
593
593
|
}, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
|
|
594
594
|
className: "p-carousel-items-content",
|
|
595
595
|
style: {
|
|
596
|
-
|
|
596
|
+
height: height
|
|
597
597
|
},
|
|
598
598
|
onTouchStart: onTouchStart,
|
|
599
599
|
onTouchMove: onTouchMove,
|
|
@@ -606,41 +606,53 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
|
|
|
606
606
|
};
|
|
607
607
|
|
|
608
608
|
var createBackwardNavigator = function createBackwardNavigator() {
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
609
|
+
if (props.showNavigators) {
|
|
610
|
+
var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
|
|
611
|
+
|
|
612
|
+
var _className = utils.classNames('p-carousel-prev p-link', {
|
|
613
|
+
'p-disabled': isDisabled
|
|
614
|
+
});
|
|
615
|
+
|
|
616
|
+
var iconClassName = utils.classNames('p-carousel-prev-icon pi', {
|
|
617
|
+
'pi-chevron-left': !isVertical,
|
|
618
|
+
'pi-chevron-up': isVertical
|
|
619
|
+
});
|
|
620
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
621
|
+
type: "button",
|
|
622
|
+
className: _className,
|
|
623
|
+
icon: iconClassName,
|
|
624
|
+
onClick: navBackward,
|
|
625
|
+
disabled: isDisabled,
|
|
626
|
+
"aria-label": PrimeReact.ariaLabel('previousPageLabel')
|
|
627
|
+
});
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
return null;
|
|
625
631
|
};
|
|
626
632
|
|
|
627
633
|
var createForwardNavigator = function createForwardNavigator() {
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
634
|
+
if (props.showNavigators) {
|
|
635
|
+
var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
|
|
636
|
+
|
|
637
|
+
var _className2 = utils.classNames('p-carousel-next p-link', {
|
|
638
|
+
'p-disabled': isDisabled
|
|
639
|
+
});
|
|
640
|
+
|
|
641
|
+
var iconClassName = utils.classNames('p-carousel-next-icon pi', {
|
|
642
|
+
'pi-chevron-right': !isVertical,
|
|
643
|
+
'pi-chevron-down': isVertical
|
|
644
|
+
});
|
|
645
|
+
return /*#__PURE__*/React__namespace.createElement(button.Button, {
|
|
646
|
+
type: "button",
|
|
647
|
+
className: _className2,
|
|
648
|
+
icon: iconClassName,
|
|
649
|
+
onClick: navForward,
|
|
650
|
+
disabled: isDisabled,
|
|
651
|
+
"aria-label": PrimeReact.ariaLabel('nextPageLabel')
|
|
652
|
+
});
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
return null;
|
|
644
656
|
};
|
|
645
657
|
|
|
646
658
|
var createIndicator = function createIndicator(index) {
|
|
@@ -663,16 +675,21 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
|
|
|
663
675
|
};
|
|
664
676
|
|
|
665
677
|
var createIndicators = function createIndicators() {
|
|
666
|
-
|
|
667
|
-
|
|
678
|
+
if (props.showIndicators) {
|
|
679
|
+
var _className3 = utils.classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
|
|
668
680
|
|
|
669
|
-
|
|
670
|
-
|
|
681
|
+
var _indicators = [];
|
|
682
|
+
|
|
683
|
+
for (var i = 0; i < totalIndicators; i++) {
|
|
684
|
+
_indicators.push(createIndicator(i));
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
return /*#__PURE__*/React__namespace.createElement("ul", {
|
|
688
|
+
className: _className3
|
|
689
|
+
}, _indicators);
|
|
671
690
|
}
|
|
672
691
|
|
|
673
|
-
return
|
|
674
|
-
className: className
|
|
675
|
-
}, indicators);
|
|
692
|
+
return null;
|
|
676
693
|
};
|
|
677
694
|
|
|
678
695
|
var otherProps = utils.ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
|
|
@@ -707,12 +724,14 @@ this.primereact.carousel = (function (exports, React, PrimeReact, button, hooks,
|
|
|
707
724
|
className: null,
|
|
708
725
|
itemTemplate: null,
|
|
709
726
|
circular: false,
|
|
727
|
+
showIndicators: true,
|
|
728
|
+
showNavigators: true,
|
|
710
729
|
autoplayInterval: 0,
|
|
711
730
|
numVisible: 1,
|
|
712
731
|
numScroll: 1,
|
|
713
732
|
responsiveOptions: null,
|
|
714
|
-
orientation:
|
|
715
|
-
verticalViewPortHeight:
|
|
733
|
+
orientation: 'horizontal',
|
|
734
|
+
verticalViewPortHeight: '300px',
|
|
716
735
|
contentClassName: null,
|
|
717
736
|
containerClassName: null,
|
|
718
737
|
indicatorsContentClassName: null,
|
package/carousel/carousel.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=o(t),i=u(n);function s(){return s=Object.assign||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},s.apply(this,arguments)}function m(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 p(e){if(Array.isArray(e))return m(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return m(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)?m(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 h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){o=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw a}}return l}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return h(e)||g(e,t)||v(e,t)||b()}var N=c.memo((function(e){var t=e.template(e.item),n=l.classNames(e.className,"p-carousel-item",{"p-carousel-item-active":e.active,"p-carousel-item-start":e.start,"p-carousel-item-end":e.end});return c.createElement("div",{className:n},t)})),C=c.memo(c.forwardRef((function(e,t){var u=y(c.useState(e.numVisible),2),o=u[0],m=u[1],h=y(c.useState(e.numScroll),2),g=h[0],b=h[1],E=y(c.useState(e.page*e.numScroll*-1),2),S=E[0],P=E[1],w=y(c.useState(e.page),2),I=w[0],O=w[1],k=c.useRef(null),j=c.useRef(null),R=c.useRef(0),T=c.useRef(!!e.autoplayInterval),M=c.useRef(""),x=c.useRef(20),A=c.useRef(null),V=c.useRef(null),D=c.useRef(null),L=c.useRef(!1),_=c.useRef(null),H=a.usePrevious(g),U=a.usePrevious(o),z=a.usePrevious(e.value),B=a.usePrevious(e.page),Y="vertical"===e.orientation,X=e.circular||!!e.autoplayInterval,q=X&&e.value&&e.value.length>=o,F=e.onPageChange?e.page:I,K=e.value?Math.max(Math.ceil((e.value.length-o)/g)+1,0):0,W=K&&e.autoplayInterval&&T.current,$=y(a.useResizeListener({listener:function(){J()},when:e.responsiveOptions}),1)[0],G=function(t,n){var r=S;null!=n?(r=g*n*-1,q&&(r-=o),L.current=!1):(r+=g*t,L.current&&(r+=R.current-g*t,L.current=!1),n=Math.abs(Math.floor((q?r+o:r)/g)));q&&I===K-1&&-1===t?(r=-1*(e.value.length+o),n=0):q&&0===I&&1===t?(r=0,n=K-1):n===K-1&&R.current>0&&(r+=-1*R.current-g*t,L.current=!0),j.current&&(l.DomHandler.removeClass(j.current,"p-items-hidden"),ce(r),j.current.style.transition="transform 500ms ease 0s"),e.onPageChange?(P(r),e.onPageChange({page:n})):(O(n),P(r))},J=function(){if(j.current&&_.current){for(var t=window.innerWidth,n={numVisible:e.numVisible,numScroll:e.numScroll},r=0;r<_.current.length;r++){var a=_.current[r];parseInt(a.breakpoint,10)>=t&&(n=a)}if(g!==n.numScroll){var l=Math.floor(F*g/n.numScroll),u=n.numScroll*l*-1;q&&(u-=n.numVisible),P(u),b(n.numScroll),e.onPageChange?e.onPageChange({page:l}):O(l)}o!==n.numVisible&&m(n.numVisible)}},Q=function(e,t){(X||0!==F)&&G(1,t),T.current=!1,e.cancelable&&e.preventDefault()},Z=function(e,t){(X||F<K-1)&&G(-1,t),T.current=!1,e.cancelable&&e.preventDefault()},ee=function(e,t){t>F?Z(e,t):t<F&&Q(e,t)},te=function(e){j.current&&"transform"===e.propertyName&&(l.DomHandler.addClass(j.current,"p-items-hidden"),j.current.style.transition="",0!==I&&I!==K-1||!q||ce(S))},ne=function(e){var t=e.changedTouches[0];A.current={x:t.pageX,y:t.pageY}},re=function(e){e.cancelable&&e.preventDefault()},ae=function(e){var t=e.changedTouches[0];le(e,Y?t.pageY-A.current.y:t.pageX-A.current.x)},le=function(e,t){Math.abs(t)>x&&(t<0?Z(e):Q(e))},ue=function(){V.current&&clearInterval(V.current)},oe=function(){D.current||(D.current=l.DomHandler.createInlineStyle(i.default.nonce));var t,n="\n .p-carousel[".concat(M.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/o,"%\n }\n ");if(e.responsiveOptions){_.current=p(t=e.responsiveOptions)||f(t)||v(t)||d(),_.current.sort((function(e,t){return l.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,i.default.locale,i.default.nullSortOrder)}));for(var r=0;r<_.current.length;r++){var a=_.current[r];n+="\n @media screen and (max-width: ".concat(a.breakpoint,") {\n .p-carousel[").concat(M.current,"] .p-carousel-item {\n flex: 1 0 ").concat(100/a.numVisible,"%\n }\n }\n ")}}D.current.innerHTML=n},ce=function(e){j.current&&(j.current.style.transform=Y?"translate3d(0, ".concat(e*(100/o),"%, 0)"):"translate3d(".concat(e*(100/o),"%, 0, 0)"))};c.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return k.current}}})),a.useMountEffect((function(){k.current&&(M.current=l.UniqueComponentId(),k.current.setAttribute(M.current,"")),oe(),J(),ce(S),$()})),a.useUpdateEffect((function(){var t=!1,n=S;if(e.autoplayInterval&&ue(),H!==g||U!==o||e.value&&z&&z.length!==e.value.length){R.current=(e.value.length-o)%g;var r=F;0!==K&&r>=K&&(r=K-1,e.onPageChange?e.onPageChange({page:r}):O(r),t=!0),n=r*g*-1,q&&(n-=o),r===K-1&&R.current>0?(n+=-1*R.current+g,L.current=!0):L.current=!1,n!==S&&(P(n),t=!0),ce(n)}q&&(0===I?n=-1*o:0===n&&(n=-1*e.value.length,R.current>0&&(L.current=!0)),n!==S&&(P(n),t=!0)),B!==e.page&&(e.page>B&&e.page<=K-1?G(-1,e.page):e.page<B&&G(1,e.page)),!t&&W&&(V.current=setInterval((function(){G(-1,I===K-1?0:I+1)}),e.autoplayInterval))})),a.useUnmountEffect((function(){e.autoplayInterval&&ue()}));var ie=function(){if(e.value&&e.value.length){var t=null,n=null;if(q){var r=null;t=(r=e.value.slice(-1*o)).map((function(t,n){return c.createElement(N,{key:n+"_scloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:-1*S===e.value.length+o,start:0===n,end:n===r.length-1})})),n=(r=e.value.slice(0,o)).map((function(t,n){return c.createElement(N,{key:n+"_fcloned",className:"p-carousel-item-cloned",template:e.itemTemplate,item:t,active:0===S,start:0===n,end:n===r.length-1})}))}var a=e.value.map((function(t,n){var r=q?-1*(S+o):-1*S,a=r+o-1;return c.createElement(N,{key:n,template:e.itemTemplate,item:t,active:r<=n&&a>=n,start:r===n,end:a===n})}));return c.createElement(c.Fragment,null,t,a,n)}},se=function(){if(e.showNavigators){var t=(!X||e.value&&e.value.length<o)&&0===F,a=l.classNames("p-carousel-prev p-link",{"p-disabled":t}),u=l.classNames("p-carousel-prev-icon pi",{"pi-chevron-left":!Y,"pi-chevron-up":Y});return c.createElement(r.Button,{type:"button",className:a,icon:u,onClick:Q,disabled:t,"aria-label":n.ariaLabel("previousPageLabel")})}return null},me=function(){if(e.showNavigators){var t=(!X||e.value&&e.value.length<o)&&(F===K-1||0===K),a=l.classNames("p-carousel-next p-link",{"p-disabled":t}),u=l.classNames("p-carousel-next-icon pi",{"pi-chevron-right":!Y,"pi-chevron-down":Y});return c.createElement(r.Button,{type:"button",className:a,icon:u,onClick:Z,disabled:t,"aria-label":n.ariaLabel("nextPageLabel")})}return null},pe=function(e){var t="carousel-indicator-"+e,a=l.classNames("p-carousel-indicator",{"p-highlight":F===e});return c.createElement("li",{key:t,className:a},c.createElement(r.Button,{type:"button",className:"p-link",onClick:function(t){return ee(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)}))},fe=l.ObjectUtils.findDiffKeys(e,C.defaultProps),ve=l.classNames("p-carousel p-component",{"p-carousel-vertical":Y,"p-carousel-horizontal":!Y},e.className),de=l.classNames("p-carousel-content",e.contentClassName),he=function(){var t=ie(),n=Y?e.verticalViewPortHeight:"auto",r=se(),a=me(),u=l.classNames("p-carousel-container",e.containerClassName);return c.createElement("div",{className:u},r,c.createElement("div",{className:"p-carousel-items-content",style:{height:n},onTouchStart:ne,onTouchMove:re,onTouchEnd:ae},c.createElement("div",{ref:j,className:"p-carousel-items-container",onTransitionEnd:te},t)),a)}(),ge=function(){if(e.showIndicators){for(var t=l.classNames("p-carousel-indicators p-reset",e.indicatorsContentClassName),n=[],r=0;r<K;r++)n.push(pe(r));return c.createElement("ul",{className:t},n)}return null}(),be=e.header?c.createElement("div",{className:"p-carousel-header"},e.header):null,ye=e.footer?c.createElement("div",{className:"p-carousel-footer"},e.footer):null;return c.createElement("div",s({ref:k,id:e.id,className:ve,style:e.style},fe),be,c.createElement("div",{className:de},he,ge),ye)})));return N.displayName="CarouselItem",C.displayName="Carousel",C.defaultProps={__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null},e.Carousel=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.utils);
|
|
@@ -656,7 +656,7 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
656
656
|
}, /*#__PURE__*/React__namespace.createElement(CascadeSelectSub, {
|
|
657
657
|
options: props.options,
|
|
658
658
|
selectionPath: selectionPath.current,
|
|
659
|
-
className:
|
|
659
|
+
className: 'p-cascadeselect-items',
|
|
660
660
|
optionLabel: props.optionLabel,
|
|
661
661
|
optionValue: props.optionValue,
|
|
662
662
|
level: 0,
|