@lumx/react 2.2.6 → 2.2.9-alpha-exported-hooks1
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/esm/_internal/{_rollupPluginBabelHelpers.js → _rolluppluginbabelhelpers.53.js} +1 -1
- package/esm/_internal/_rolluppluginbabelhelpers.53.js.map +1 -0
- package/esm/_internal/alert-dialog.js +19 -19
- package/esm/_internal/{AlertDialog.js → alertdialog.1.js} +8 -8
- package/esm/_internal/alertdialog.1.js.map +1 -0
- package/esm/_internal/autocomplete.js +20 -21
- package/esm/_internal/autocomplete.js.map +1 -1
- package/esm/_internal/{AutocompleteMultiple.js → autocompletemultiple.2.js} +9 -9
- package/esm/_internal/autocompletemultiple.2.js.map +1 -0
- package/esm/_internal/{Avatar2.js → avatar.3.js} +4 -4
- package/esm/_internal/avatar.3.js.map +1 -0
- package/esm/_internal/avatar.js +6 -6
- package/esm/_internal/{Badge2.js → badge.4.js} +3 -3
- package/esm/_internal/badge.4.js.map +1 -0
- package/esm/_internal/badge.js +3 -3
- package/esm/_internal/{Button2.js → button.5.js} +5 -5
- package/esm/_internal/button.5.js.map +1 -0
- package/esm/_internal/button.js +14 -15
- package/esm/_internal/button.js.map +1 -1
- package/esm/_internal/{ButtonGroup.js → buttongroup.7.js} +3 -3
- package/esm/_internal/buttongroup.7.js.map +1 -0
- package/esm/_internal/{ButtonRoot.js → buttonroot.57.js} +4 -4
- package/esm/_internal/buttonroot.57.js.map +1 -0
- package/esm/_internal/{Checkbox2.js → checkbox.8.js} +7 -7
- package/esm/_internal/checkbox.8.js.map +1 -0
- package/esm/_internal/checkbox.js +7 -7
- package/esm/_internal/{Chip2.js → chip.9.js} +3 -3
- package/esm/_internal/chip.9.js.map +1 -0
- package/esm/_internal/chip.js +4 -4
- package/esm/_internal/{ChipGroup.js → chipgroup.10.js} +3 -3
- package/esm/_internal/chipgroup.10.js.map +1 -0
- package/esm/_internal/{ClickAwayProvider.js → clickawayprovider.60.js} +4 -4
- package/esm/_internal/clickawayprovider.60.js.map +1 -0
- package/esm/_internal/comment-block.js +7 -7
- package/esm/_internal/{CommentBlock.js → commentblock.11.js} +4 -4
- package/esm/_internal/commentblock.11.js.map +1 -0
- package/esm/_internal/components.js +1 -1
- package/esm/_internal/{constants.js → constants.59.js} +1 -1
- package/esm/_internal/constants.59.js.map +1 -0
- package/esm/_internal/date-picker.js +18 -19
- package/esm/_internal/date-picker.js.map +1 -1
- package/esm/_internal/{DatePickerField.js → datepickerfield.12.js} +9 -9
- package/esm/_internal/datepickerfield.12.js.map +1 -0
- package/esm/_internal/{Dialog2.js → dialog.13.js} +12 -12
- package/esm/_internal/dialog.13.js.map +1 -0
- package/esm/_internal/dialog.js +12 -12
- package/esm/_internal/{Divider2.js → divider.14.js} +3 -3
- package/esm/_internal/divider.14.js.map +1 -0
- package/esm/_internal/divider.js +3 -3
- package/esm/_internal/drag-handle.js +4 -4
- package/esm/_internal/{DragHandle.js → draghandle.15.js} +4 -4
- package/esm/_internal/draghandle.15.js.map +1 -0
- package/esm/_internal/{Dropdown2.js → dropdown.16.js} +6 -6
- package/esm/_internal/dropdown.16.js.map +1 -0
- package/esm/_internal/dropdown.js +10 -10
- package/esm/_internal/expansion-panel.js +16 -17
- package/esm/_internal/expansion-panel.js.map +1 -1
- package/esm/_internal/{ExpansionPanel.js → expansionpanel.17.js} +8 -8
- package/esm/_internal/expansionpanel.17.js.map +1 -0
- package/esm/_internal/{Flag2.js → flag.18.js} +4 -4
- package/esm/_internal/flag.18.js.map +1 -0
- package/esm/_internal/flag.js +4 -4
- package/esm/_internal/flex-box.js +3 -3
- package/esm/_internal/{FlexBox.js → flexbox.19.js} +3 -3
- package/esm/_internal/flexbox.19.js.map +1 -0
- package/esm/_internal/{getRootClassName.js → getrootclassname.54.js} +21 -3
- package/esm/_internal/getrootclassname.54.js.map +1 -0
- package/esm/_internal/grid.js +3 -3
- package/esm/_internal/{GridItem.js → griditem.20.js} +3 -3
- package/esm/_internal/griditem.20.js.map +1 -0
- package/esm/_internal/{Icon2.js → icon.21.js} +8 -5
- package/esm/_internal/icon.21.js.map +1 -0
- package/esm/_internal/icon.js +3 -3
- package/esm/_internal/{IconButton.js → iconbutton.6.js} +6 -6
- package/esm/_internal/iconbutton.6.js.map +1 -0
- package/esm/_internal/image-block.js +6 -6
- package/esm/_internal/{ImageBlock.js → imageblock.22.js} +4 -4
- package/esm/_internal/imageblock.22.js.map +1 -0
- package/esm/{index2.js → _internal/index.55.js} +1 -1
- package/esm/_internal/index.55.js.map +1 -0
- package/esm/_internal/input-helper.js +3 -3
- package/esm/_internal/input-label.js +3 -3
- package/esm/_internal/{InputHelper.js → inputhelper.23.js} +3 -3
- package/esm/_internal/inputhelper.23.js.map +1 -0
- package/esm/_internal/{InputLabel.js → inputlabel.24.js} +3 -3
- package/esm/_internal/inputlabel.24.js.map +1 -0
- package/esm/_internal/{Lightbox2.js → lightbox.25.js} +17 -15
- package/esm/_internal/lightbox.25.js.map +1 -0
- package/esm/_internal/lightbox.js +16 -17
- package/esm/_internal/lightbox.js.map +1 -1
- package/esm/_internal/link-preview.js +8 -8
- package/esm/_internal/{Link2.js → link.26.js} +5 -5
- package/esm/_internal/link.26.js.map +1 -0
- package/esm/_internal/link.js +5 -5
- package/esm/_internal/{LinkPreview.js → linkpreview.27.js} +5 -5
- package/esm/_internal/linkpreview.27.js.map +1 -0
- package/esm/_internal/{List2.js → list.28.js} +6 -6
- package/esm/_internal/list.28.js.map +1 -0
- package/esm/_internal/list.js +7 -7
- package/esm/_internal/{ListSubheader.js → listsubheader.29.js} +3 -3
- package/esm/_internal/listsubheader.29.js.map +1 -0
- package/esm/_internal/{mergeRefs.js → mergerefs.56.js} +1 -1
- package/esm/_internal/mergerefs.56.js.map +1 -0
- package/esm/_internal/{Message2.js → message.30.js} +4 -4
- package/esm/_internal/message.30.js.map +1 -0
- package/esm/_internal/message.js +4 -4
- package/esm/_internal/{Mosaic2.js → mosaic.31.js} +4 -4
- package/esm/_internal/mosaic.31.js.map +1 -0
- package/esm/_internal/mosaic.js +6 -6
- package/esm/_internal/{Notification2.js → notification.32.js} +9 -8
- package/esm/_internal/notification.32.js.map +1 -0
- package/esm/_internal/notification.js +9 -9
- package/esm/_internal/{partitionMulti.js → partitionmulti.62.js} +1 -1
- package/esm/_internal/partitionmulti.62.js.map +1 -0
- package/esm/_internal/{Popover2.js → popover.33.js} +6 -6
- package/esm/_internal/popover.33.js.map +1 -0
- package/esm/_internal/popover.js +6 -6
- package/esm/_internal/post-block.js +7 -7
- package/esm/_internal/{PostBlock.js → postblock.34.js} +5 -5
- package/esm/_internal/postblock.34.js.map +1 -0
- package/esm/_internal/progress-tracker.js +9 -9
- package/esm/_internal/{Progress2.js → progress.35.js} +3 -3
- package/esm/_internal/progress.35.js.map +1 -0
- package/esm/_internal/progress.js +3 -3
- package/esm/_internal/{ProgressTrackerStepPanel.js → progresstrackersteppanel.36.js} +8 -8
- package/esm/_internal/progresstrackersteppanel.36.js.map +1 -0
- package/esm/_internal/radio-button.js +6 -6
- package/esm/_internal/{RadioGroup.js → radiogroup.37.js} +6 -6
- package/esm/_internal/radiogroup.37.js.map +1 -0
- package/esm/_internal/{renderLink.js → renderlink.65.js} +2 -2
- package/esm/_internal/renderlink.65.js.map +1 -0
- package/esm/_internal/select.js +19 -20
- package/esm/_internal/select.js.map +1 -1
- package/esm/_internal/{SelectMultiple.js → selectmultiple.38.js} +12 -12
- package/esm/_internal/selectmultiple.38.js.map +1 -0
- package/esm/_internal/side-navigation.js +14 -15
- package/esm/_internal/side-navigation.js.map +1 -1
- package/esm/_internal/{SideNavigationItem.js → sidenavigationitem.39.js} +7 -7
- package/esm/_internal/sidenavigationitem.39.js.map +1 -0
- package/esm/_internal/skeleton.js +3 -3
- package/esm/_internal/{SkeletonTypography.js → skeletontypography.40.js} +3 -3
- package/esm/_internal/skeletontypography.40.js.map +1 -0
- package/esm/_internal/{Slider2.js → slider.41.js} +6 -6
- package/esm/_internal/slider.41.js.map +1 -0
- package/esm/_internal/slider.js +6 -6
- package/esm/_internal/slideshow.js +15 -14
- package/esm/_internal/slideshow.js.map +1 -1
- package/esm/_internal/{SlideshowControls.js → slideshowcontrols.42.js} +218 -101
- package/esm/_internal/slideshowcontrols.42.js.map +1 -0
- package/esm/_internal/{Switch2.js → switch.43.js} +6 -6
- package/esm/_internal/switch.43.js.map +1 -0
- package/esm/_internal/switch.js +6 -6
- package/esm/_internal/table.js +4 -4
- package/esm/_internal/{TableRow.js → tablerow.44.js} +4 -4
- package/esm/_internal/tablerow.44.js.map +1 -0
- package/esm/_internal/{TabPanel.js → tabpanel.45.js} +6 -6
- package/esm/_internal/tabpanel.45.js.map +1 -0
- package/esm/_internal/tabs.js +7 -7
- package/esm/_internal/text-field.js +15 -16
- package/esm/_internal/text-field.js.map +1 -1
- package/esm/_internal/{TextField.js → textfield.46.js} +9 -9
- package/esm/_internal/textfield.46.js.map +1 -0
- package/esm/_internal/{Thumbnail2.js → thumbnail.47.js} +7 -7
- package/esm/_internal/thumbnail.47.js.map +1 -0
- package/esm/_internal/thumbnail.js +6 -6
- package/esm/_internal/{Toolbar2.js → toolbar.49.js} +3 -3
- package/esm/_internal/toolbar.49.js.map +1 -0
- package/esm/_internal/toolbar.js +3 -3
- package/esm/_internal/{Tooltip2.js → tooltip.50.js} +116 -119
- package/esm/_internal/tooltip.50.js.map +1 -0
- package/esm/_internal/tooltip.js +8 -9
- package/esm/_internal/tooltip.js.map +1 -1
- package/esm/_internal/{type.js → type.64.js} +1 -1
- package/esm/_internal/type.64.js.map +1 -0
- package/esm/_internal/{types.js → types.48.js} +2 -3
- package/esm/_internal/types.48.js.map +1 -0
- package/esm/_internal/{Uploader2.js → uploader.51.js} +4 -4
- package/esm/_internal/uploader.51.js.map +1 -0
- package/esm/_internal/uploader.js +4 -4
- package/esm/_internal/{useDelayedVisibility.js → usedelayedvisibility.63.js} +2 -2
- package/esm/_internal/usedelayedvisibility.63.js.map +1 -0
- package/esm/_internal/{useDisableBodyScroll.js → usedisablebodyscroll.61.js} +1 -1
- package/esm/_internal/usedisablebodyscroll.61.js.map +1 -0
- package/esm/_internal/{useFocusTrap.js → usefocustrap.58.js} +2 -2
- package/esm/_internal/usefocustrap.58.js.map +1 -0
- package/esm/_internal/user-block.js +9 -9
- package/esm/_internal/{UserBlock.js → userblock.52.js} +5 -5
- package/esm/_internal/userblock.52.js.map +1 -0
- package/esm/_internal/{useRovingTabIndex.js → userovingtabindex.66.js} +3 -3
- package/esm/_internal/userovingtabindex.66.js.map +1 -0
- package/hooks/useFocusWithin.d.ts +16 -0
- package/hooks/useFocusWithin.js +28 -0
- package/hooks/useFocusWithin.js.map +1 -0
- package/index.d.ts +2723 -0
- package/index.js +90 -0
- package/{esm/index.js.map → index.js.map} +1 -1
- package/package.json +9 -10
- package/src/components/alert-dialog/AlertDialog.test.tsx +1 -0
- package/src/components/autocomplete/AutocompleteMultiple.tsx +3 -1
- package/src/components/button/__snapshots__/IconButton.test.tsx.snap +0 -5
- package/src/components/icon/Icon.tsx +6 -2
- package/src/components/image-block/ImageBlock.stories.tsx +1 -2
- package/src/components/lightbox/Lightbox.stories.tsx +1 -0
- package/src/components/lightbox/Lightbox.tsx +5 -3
- package/src/components/notification/Notification.tsx +1 -0
- package/src/components/select/SelectMultiple.tsx +0 -1
- package/src/components/slideshow/Slideshow.stories.tsx +1 -1
- package/src/components/slideshow/Slideshow.tsx +76 -112
- package/src/components/slideshow/SlideshowControls.stories.tsx +18 -12
- package/src/components/slideshow/SlideshowControls.tsx +11 -7
- package/src/components/slideshow/SlideshowItem.tsx +4 -1
- package/src/components/slideshow/__snapshots__/Slideshow.test.tsx.snap +52 -17
- package/src/components/tabs/state.ts +0 -1
- package/src/components/thumbnail/Thumbnail.stories.tsx +25 -1
- package/src/components/thumbnail/Thumbnail.test.tsx +9 -1
- package/src/components/thumbnail/Thumbnail.tsx +3 -0
- package/src/components/thumbnail/__snapshots__/Thumbnail.test.tsx.snap +26 -0
- package/src/components/thumbnail/index.ts +0 -1
- package/src/components/tooltip/Tooltip.tsx +1 -2
- package/src/components/tooltip/useTooltipOpen.tsx +90 -91
- package/src/constants.ts +7 -1
- package/src/hooks/useFocusWithin.ts +33 -0
- package/src/hooks/useSlideshowControls.ts +213 -0
- package/src/utils/browserDoesNotSupportHover.test.js +24 -0
- package/src/utils/browserDoesNotSupportHover.ts +2 -0
- package/src/utils/index.tsx +0 -2
- package/src/utils/mergeRefs.ts +1 -1
- package/esm/_internal/AlertDialog.js.map +0 -1
- package/esm/_internal/AutocompleteMultiple.js.map +0 -1
- package/esm/_internal/Avatar2.js.map +0 -1
- package/esm/_internal/Badge2.js.map +0 -1
- package/esm/_internal/Button2.js.map +0 -1
- package/esm/_internal/ButtonGroup.js.map +0 -1
- package/esm/_internal/ButtonRoot.js.map +0 -1
- package/esm/_internal/Checkbox2.js.map +0 -1
- package/esm/_internal/Chip2.js.map +0 -1
- package/esm/_internal/ChipGroup.js.map +0 -1
- package/esm/_internal/ClickAwayProvider.js.map +0 -1
- package/esm/_internal/CommentBlock.js.map +0 -1
- package/esm/_internal/DatePickerField.js.map +0 -1
- package/esm/_internal/Dialog2.js.map +0 -1
- package/esm/_internal/Divider2.js.map +0 -1
- package/esm/_internal/DragHandle.js.map +0 -1
- package/esm/_internal/Dropdown2.js.map +0 -1
- package/esm/_internal/ExpansionPanel.js.map +0 -1
- package/esm/_internal/Flag2.js.map +0 -1
- package/esm/_internal/FlexBox.js.map +0 -1
- package/esm/_internal/GridItem.js.map +0 -1
- package/esm/_internal/Icon2.js.map +0 -1
- package/esm/_internal/IconButton.js.map +0 -1
- package/esm/_internal/ImageBlock.js.map +0 -1
- package/esm/_internal/InputHelper.js.map +0 -1
- package/esm/_internal/InputLabel.js.map +0 -1
- package/esm/_internal/Lightbox2.js.map +0 -1
- package/esm/_internal/Link2.js.map +0 -1
- package/esm/_internal/LinkPreview.js.map +0 -1
- package/esm/_internal/List2.js.map +0 -1
- package/esm/_internal/ListSubheader.js.map +0 -1
- package/esm/_internal/Message2.js.map +0 -1
- package/esm/_internal/Mosaic2.js.map +0 -1
- package/esm/_internal/Notification2.js.map +0 -1
- package/esm/_internal/Popover2.js.map +0 -1
- package/esm/_internal/PostBlock.js.map +0 -1
- package/esm/_internal/Progress2.js.map +0 -1
- package/esm/_internal/ProgressTrackerStepPanel.js.map +0 -1
- package/esm/_internal/RadioGroup.js.map +0 -1
- package/esm/_internal/SelectMultiple.js.map +0 -1
- package/esm/_internal/SideNavigationItem.js.map +0 -1
- package/esm/_internal/SkeletonTypography.js.map +0 -1
- package/esm/_internal/Slider2.js.map +0 -1
- package/esm/_internal/SlideshowControls.js.map +0 -1
- package/esm/_internal/Switch2.js.map +0 -1
- package/esm/_internal/TabPanel.js.map +0 -1
- package/esm/_internal/TableRow.js.map +0 -1
- package/esm/_internal/TextField.js.map +0 -1
- package/esm/_internal/Thumbnail2.js.map +0 -1
- package/esm/_internal/Toolbar2.js.map +0 -1
- package/esm/_internal/Tooltip2.js.map +0 -1
- package/esm/_internal/Uploader2.js.map +0 -1
- package/esm/_internal/UserBlock.js.map +0 -1
- package/esm/_internal/_rollupPluginBabelHelpers.js.map +0 -1
- package/esm/_internal/constants.js.map +0 -1
- package/esm/_internal/getRootClassName.js.map +0 -1
- package/esm/_internal/mergeRefs.js.map +0 -1
- package/esm/_internal/partitionMulti.js.map +0 -1
- package/esm/_internal/renderLink.js.map +0 -1
- package/esm/_internal/type.js.map +0 -1
- package/esm/_internal/types.js.map +0 -1
- package/esm/_internal/useDelayedVisibility.js.map +0 -1
- package/esm/_internal/useDisableBodyScroll.js.map +0 -1
- package/esm/_internal/useFocusTrap.js.map +0 -1
- package/esm/_internal/useRovingTabIndex.js.map +0 -1
- package/esm/index.js +0 -89
- package/esm/index2.js.map +0 -1
- package/src/utils/htmlDecode.ts +0 -13
- package/types.d.ts +0 -2575
package/esm/_internal/slider.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './_rolluppluginbabelhelpers.53.js';
|
|
2
2
|
import './components.js';
|
|
3
3
|
import 'react';
|
|
4
|
-
import './
|
|
5
|
-
import '
|
|
4
|
+
import './getrootclassname.54.js';
|
|
5
|
+
import './index.55.js';
|
|
6
6
|
import 'lodash/isBoolean';
|
|
7
7
|
import 'lodash/isEmpty';
|
|
8
8
|
import 'lodash/kebabCase';
|
|
9
9
|
import 'lodash/noop';
|
|
10
|
-
import './
|
|
11
|
-
import './
|
|
12
|
-
export { S as Slider, c as clamp } from './
|
|
10
|
+
import './inputhelper.23.js';
|
|
11
|
+
import './inputlabel.24.js';
|
|
12
|
+
export { S as Slider, c as clamp } from './slider.41.js';
|
|
13
13
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './_rolluppluginbabelhelpers.53.js';
|
|
2
2
|
import './components.js';
|
|
3
3
|
import 'react';
|
|
4
|
-
import './
|
|
5
|
-
import './
|
|
6
|
-
import '
|
|
4
|
+
import './getrootclassname.54.js';
|
|
5
|
+
import './icon.21.js';
|
|
6
|
+
import './index.55.js';
|
|
7
7
|
import 'lodash/isBoolean';
|
|
8
8
|
import 'lodash/isEmpty';
|
|
9
9
|
import 'lodash/kebabCase';
|
|
10
10
|
import 'lodash/noop';
|
|
11
|
-
import './constants.js';
|
|
11
|
+
import './constants.59.js';
|
|
12
12
|
import 'lodash/get';
|
|
13
|
-
import './
|
|
14
|
-
import './
|
|
15
|
-
import './
|
|
16
|
-
import './
|
|
17
|
-
import './
|
|
13
|
+
import './popover.33.js';
|
|
14
|
+
import './mergerefs.56.js';
|
|
15
|
+
import './renderlink.65.js';
|
|
16
|
+
import './buttonroot.57.js';
|
|
17
|
+
import './iconbutton.6.js';
|
|
18
18
|
import 'lodash/isFunction';
|
|
19
19
|
import 'lodash/range';
|
|
20
20
|
import 'react-dom';
|
|
21
|
-
import './
|
|
21
|
+
import './clickawayprovider.60.js';
|
|
22
22
|
import 'lodash/pull';
|
|
23
|
-
export { S as Slideshow, b as SlideshowControls, a as SlideshowItem } from './
|
|
24
|
-
import '
|
|
25
|
-
import '
|
|
23
|
+
export { S as Slideshow, b as SlideshowControls, a as SlideshowItem } from './slideshowcontrols.42.js';
|
|
24
|
+
import 'lodash/uniqueId';
|
|
25
|
+
import '../../hooks/useFocusWithin.js';
|
|
26
|
+
import './tooltip.50.js';
|
|
26
27
|
//# sourceMappingURL=slideshow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,38 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { d as _slicedToArray, _ as _objectSpread2, b as _objectWithoutProperties, c as _extends, a as _defineProperty } from './_rolluppluginbabelhelpers.53.js';
|
|
2
2
|
import { Theme, Emphasis } from './components.js';
|
|
3
|
-
import React, { useRef, useEffect,
|
|
4
|
-
import { g as getRootClassName, c as classnames, h as handleBasicClasses, e as detectHorizontalSwipe } from './
|
|
5
|
-
import { g as mdiChevronLeft, f as mdiChevronRight } from './
|
|
6
|
-
import { W as WINDOW } from './constants.js';
|
|
7
|
-
import { m as mergeRefs } from './
|
|
8
|
-
import { I as IconButton } from './
|
|
3
|
+
import React, { useRef, useEffect, useState, useCallback, useMemo, forwardRef } from 'react';
|
|
4
|
+
import { g as getRootClassName, c as classnames, h as handleBasicClasses, e as detectHorizontalSwipe } from './getrootclassname.54.js';
|
|
5
|
+
import { g as mdiChevronLeft, f as mdiChevronRight } from './icon.21.js';
|
|
6
|
+
import { W as WINDOW } from './constants.59.js';
|
|
7
|
+
import { m as mergeRefs } from './mergerefs.56.js';
|
|
8
|
+
import { I as IconButton } from './iconbutton.6.js';
|
|
9
9
|
import isFunction from 'lodash/isFunction';
|
|
10
10
|
import range from 'lodash/range';
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
* Autoplay default interval in ms.
|
|
14
|
-
*/
|
|
15
|
-
var AUTOPLAY_DEFAULT_INTERVAL = 5000;
|
|
16
|
-
/**
|
|
17
|
-
* Full width size in percent.
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
var FULL_WIDTH_PERCENT = 100;
|
|
21
|
-
/**
|
|
22
|
-
* Edge from the active index.
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
var EDGE_FROM_ACTIVE_INDEX = 2;
|
|
26
|
-
/**
|
|
27
|
-
* Max number of pagination items.
|
|
28
|
-
*/
|
|
29
|
-
|
|
30
|
-
var PAGINATION_ITEMS_MAX = 5;
|
|
31
|
-
/**
|
|
32
|
-
* Size of a pagination item. Used to translate wrapper.
|
|
33
|
-
*/
|
|
34
|
-
|
|
35
|
-
var PAGINATION_ITEM_SIZE = 12;
|
|
11
|
+
import uniqueId from 'lodash/uniqueId';
|
|
12
|
+
import { useFocusWithin } from '../../hooks/useFocusWithin.js';
|
|
36
13
|
|
|
37
14
|
/**
|
|
38
15
|
* Making setInterval Declarative with React Hooks.
|
|
@@ -63,50 +40,48 @@ function useInterval(callback, delay) {
|
|
|
63
40
|
}
|
|
64
41
|
|
|
65
42
|
/**
|
|
66
|
-
*
|
|
43
|
+
* Autoplay default interval in ms.
|
|
67
44
|
*/
|
|
68
|
-
|
|
45
|
+
var AUTOPLAY_DEFAULT_INTERVAL = 5000;
|
|
69
46
|
/**
|
|
70
|
-
*
|
|
47
|
+
* Full width size in percent.
|
|
71
48
|
*/
|
|
72
|
-
|
|
49
|
+
|
|
50
|
+
var FULL_WIDTH_PERCENT = 100;
|
|
73
51
|
/**
|
|
74
|
-
*
|
|
52
|
+
* Edge from the active index.
|
|
75
53
|
*/
|
|
76
54
|
|
|
77
|
-
var
|
|
55
|
+
var EDGE_FROM_ACTIVE_INDEX = 2;
|
|
78
56
|
/**
|
|
79
|
-
*
|
|
57
|
+
* Max number of pagination items.
|
|
80
58
|
*/
|
|
81
59
|
|
|
82
|
-
var
|
|
83
|
-
activeIndex: 0,
|
|
84
|
-
groupBy: 1,
|
|
85
|
-
interval: AUTOPLAY_DEFAULT_INTERVAL,
|
|
86
|
-
theme: Theme.light
|
|
87
|
-
};
|
|
60
|
+
var PAGINATION_ITEMS_MAX = 5;
|
|
88
61
|
/**
|
|
89
|
-
*
|
|
90
|
-
*
|
|
91
|
-
* @param props Component props.
|
|
92
|
-
* @param ref Component ref.
|
|
93
|
-
* @return React element.
|
|
62
|
+
* Size of a pagination item. Used to translate wrapper.
|
|
94
63
|
*/
|
|
95
64
|
|
|
96
|
-
var
|
|
97
|
-
var _classNames;
|
|
65
|
+
var PAGINATION_ITEM_SIZE = 12;
|
|
98
66
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
67
|
+
var DEFAULT_OPTIONS = {
|
|
68
|
+
activeIndex: 0,
|
|
69
|
+
groupBy: 1,
|
|
70
|
+
interval: AUTOPLAY_DEFAULT_INTERVAL
|
|
71
|
+
};
|
|
72
|
+
var useSlideshowControls = function useSlideshowControls(_ref) {
|
|
73
|
+
var _ref$activeIndex = _ref.activeIndex,
|
|
74
|
+
activeIndex = _ref$activeIndex === void 0 ? DEFAULT_OPTIONS.activeIndex : _ref$activeIndex,
|
|
75
|
+
_ref$groupBy = _ref.groupBy,
|
|
76
|
+
groupBy = _ref$groupBy === void 0 ? DEFAULT_OPTIONS.groupBy : _ref$groupBy,
|
|
77
|
+
_ref$interval = _ref.interval,
|
|
78
|
+
interval = _ref$interval === void 0 ? DEFAULT_OPTIONS.interval : _ref$interval,
|
|
79
|
+
autoPlay = _ref.autoPlay,
|
|
80
|
+
defaultActiveIndex = _ref.defaultActiveIndex,
|
|
81
|
+
onChange = _ref.onChange,
|
|
82
|
+
itemsCount = _ref.itemsCount,
|
|
83
|
+
id = _ref.id,
|
|
84
|
+
slidesId = _ref.slidesId;
|
|
110
85
|
|
|
111
86
|
var _useState = useState(activeIndex),
|
|
112
87
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -117,16 +92,10 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
117
92
|
var _useState3 = useState(),
|
|
118
93
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
119
94
|
element = _useState4[0],
|
|
120
|
-
setElement = _useState4[1]; // Number of
|
|
95
|
+
setElement = _useState4[1]; // Number of slides when using groupBy prop.
|
|
121
96
|
|
|
122
97
|
|
|
123
|
-
var
|
|
124
|
-
|
|
125
|
-
var slidesCount = Math.ceil(itemsCount / Math.min(groupBy, itemsCount)); // Inline style of wrapper element.
|
|
126
|
-
|
|
127
|
-
var wrapperStyle = {
|
|
128
|
-
transform: "translateX(-".concat(FULL_WIDTH_PERCENT * currentIndex, "%)")
|
|
129
|
-
}; // Change current index to display next slide.
|
|
98
|
+
var slidesCount = Math.ceil(itemsCount / Math.min(groupBy, itemsCount)); // Change current index to display next slide.
|
|
130
99
|
|
|
131
100
|
var goToNextSlide = useCallback(function () {
|
|
132
101
|
var loopback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
@@ -172,11 +141,11 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
172
141
|
|
|
173
142
|
useEffect(function () {
|
|
174
143
|
if (currentIndex > slidesCount - 1) {
|
|
175
|
-
setCurrentIndex(
|
|
144
|
+
setCurrentIndex(defaultActiveIndex);
|
|
176
145
|
}
|
|
177
|
-
}, [currentIndex, slidesCount]); // Handle click on a bullet to go to a specific slide.
|
|
146
|
+
}, [currentIndex, slidesCount, defaultActiveIndex]); // Handle click on a bullet to go to a specific slide.
|
|
178
147
|
|
|
179
|
-
var
|
|
148
|
+
var onPaginationClick = useCallback(function (index) {
|
|
180
149
|
setIsAutoPlaying(false);
|
|
181
150
|
|
|
182
151
|
if (index >= 0 && index < slidesCount) {
|
|
@@ -184,13 +153,13 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
184
153
|
}
|
|
185
154
|
}, [slidesCount, setCurrentIndex]); // Handle click or keyboard event to go to next slide.
|
|
186
155
|
|
|
187
|
-
var
|
|
156
|
+
var onNextClick = useCallback(function () {
|
|
188
157
|
var loopback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
189
158
|
setIsAutoPlaying(false);
|
|
190
159
|
goToNextSlide(loopback);
|
|
191
160
|
}, [goToNextSlide]); // Handle click or keyboard event to go to previous slide.
|
|
192
161
|
|
|
193
|
-
var
|
|
162
|
+
var onPreviousClick = useCallback(function () {
|
|
194
163
|
var loopback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
195
164
|
setIsAutoPlaying(false);
|
|
196
165
|
goToPreviousSlide(loopback);
|
|
@@ -204,31 +173,177 @@ var Slideshow = forwardRef(function (props, ref) {
|
|
|
204
173
|
if (!onChange) return;
|
|
205
174
|
onChange(currentIndex);
|
|
206
175
|
}, [currentIndex, onChange]);
|
|
176
|
+
var slideshowId = useMemo(function () {
|
|
177
|
+
return id || uniqueId('slideshow');
|
|
178
|
+
}, [id]);
|
|
179
|
+
var slideshowSlidesId = useMemo(function () {
|
|
180
|
+
return slidesId || uniqueId('slideshow-slides');
|
|
181
|
+
}, [slidesId]);
|
|
182
|
+
|
|
183
|
+
var startAutoPlay = function startAutoPlay() {
|
|
184
|
+
setIsAutoPlaying(Boolean(autoPlay));
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
var stopAutoPlay = function stopAutoPlay() {
|
|
188
|
+
setIsAutoPlaying(false);
|
|
189
|
+
};
|
|
190
|
+
|
|
191
|
+
useFocusWithin({
|
|
192
|
+
element: element,
|
|
193
|
+
onFocusIn: stopAutoPlay,
|
|
194
|
+
onFocusOut: startAutoPlay
|
|
195
|
+
}); // Start index and end index of visible slides.
|
|
196
|
+
|
|
197
|
+
var startIndexVisible = currentIndex * groupBy;
|
|
198
|
+
var endIndexVisible = startIndexVisible + groupBy;
|
|
199
|
+
return {
|
|
200
|
+
startIndexVisible: startIndexVisible,
|
|
201
|
+
endIndexVisible: endIndexVisible,
|
|
202
|
+
setSlideshow: setElement,
|
|
203
|
+
slideshow: element,
|
|
204
|
+
slideshowId: slideshowId,
|
|
205
|
+
slideshowSlidesId: slideshowSlidesId,
|
|
206
|
+
onPreviousClick: onPreviousClick,
|
|
207
|
+
onNextClick: onNextClick,
|
|
208
|
+
onPaginationClick: onPaginationClick,
|
|
209
|
+
isAutoPlaying: isAutoPlaying,
|
|
210
|
+
setIsAutoPlaying: setIsAutoPlaying,
|
|
211
|
+
activeIndex: currentIndex,
|
|
212
|
+
slidesCount: slidesCount,
|
|
213
|
+
setActiveIndex: setCurrentIndex
|
|
214
|
+
};
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
/**
|
|
218
|
+
* Defines the props of the component.
|
|
219
|
+
*/
|
|
220
|
+
|
|
221
|
+
/**
|
|
222
|
+
* Component display name.
|
|
223
|
+
*/
|
|
224
|
+
var COMPONENT_NAME = 'Slideshow';
|
|
225
|
+
/**
|
|
226
|
+
* Component default class name and class prefix.
|
|
227
|
+
*/
|
|
228
|
+
|
|
229
|
+
var CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
230
|
+
/**
|
|
231
|
+
* Component default props.
|
|
232
|
+
*/
|
|
233
|
+
|
|
234
|
+
var DEFAULT_PROPS = _objectSpread2({}, DEFAULT_OPTIONS, {
|
|
235
|
+
theme: Theme.light
|
|
236
|
+
});
|
|
237
|
+
/**
|
|
238
|
+
* Slideshow component.
|
|
239
|
+
*
|
|
240
|
+
* @param props Component props.
|
|
241
|
+
* @param ref Component ref.
|
|
242
|
+
* @return React element.
|
|
243
|
+
*/
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
var Slideshow = forwardRef(function (props, ref) {
|
|
247
|
+
var _classNames;
|
|
248
|
+
|
|
249
|
+
var activeIndex = props.activeIndex,
|
|
250
|
+
autoPlay = props.autoPlay,
|
|
251
|
+
children = props.children,
|
|
252
|
+
className = props.className,
|
|
253
|
+
fillHeight = props.fillHeight,
|
|
254
|
+
groupBy = props.groupBy,
|
|
255
|
+
interval = props.interval,
|
|
256
|
+
onChange = props.onChange,
|
|
257
|
+
slideshowControlsProps = props.slideshowControlsProps,
|
|
258
|
+
theme = props.theme,
|
|
259
|
+
id = props.id,
|
|
260
|
+
slidesId = props.slidesId,
|
|
261
|
+
forwardedProps = _objectWithoutProperties(props, ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId"]); // Number of slideshow items.
|
|
262
|
+
|
|
263
|
+
|
|
264
|
+
var itemsCount = React.Children.count(children);
|
|
265
|
+
|
|
266
|
+
var _SlideshowControls$us = SlideshowControls.useSlideshowControls({
|
|
267
|
+
activeIndex: activeIndex,
|
|
268
|
+
defaultActiveIndex: DEFAULT_PROPS.activeIndex,
|
|
269
|
+
autoPlay: Boolean(autoPlay),
|
|
270
|
+
itemsCount: itemsCount,
|
|
271
|
+
groupBy: groupBy,
|
|
272
|
+
id: id,
|
|
273
|
+
interval: interval,
|
|
274
|
+
onChange: onChange,
|
|
275
|
+
slidesId: slidesId
|
|
276
|
+
}),
|
|
277
|
+
currentIndex = _SlideshowControls$us.activeIndex,
|
|
278
|
+
slideshowId = _SlideshowControls$us.slideshowId,
|
|
279
|
+
setSlideshow = _SlideshowControls$us.setSlideshow,
|
|
280
|
+
isAutoPlaying = _SlideshowControls$us.isAutoPlaying,
|
|
281
|
+
slideshowSlidesId = _SlideshowControls$us.slideshowSlidesId,
|
|
282
|
+
setIsAutoPlaying = _SlideshowControls$us.setIsAutoPlaying,
|
|
283
|
+
startIndexVisible = _SlideshowControls$us.startIndexVisible,
|
|
284
|
+
endIndexVisible = _SlideshowControls$us.endIndexVisible,
|
|
285
|
+
slidesCount = _SlideshowControls$us.slidesCount,
|
|
286
|
+
onNextClick = _SlideshowControls$us.onNextClick,
|
|
287
|
+
onPaginationClick = _SlideshowControls$us.onPaginationClick,
|
|
288
|
+
onPreviousClick = _SlideshowControls$us.onPreviousClick,
|
|
289
|
+
slideshow = _SlideshowControls$us.slideshow; // Inline style of wrapper element.
|
|
290
|
+
|
|
291
|
+
|
|
292
|
+
var wrapperStyle = {
|
|
293
|
+
transform: "translateX(-".concat(FULL_WIDTH_PERCENT * currentIndex, "%)")
|
|
294
|
+
};
|
|
207
295
|
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
|
|
208
296
|
|
|
209
|
-
return React.createElement("
|
|
210
|
-
|
|
297
|
+
return React.createElement("section", _extends({
|
|
298
|
+
id: slideshowId,
|
|
299
|
+
ref: mergeRefs(ref, setSlideshow)
|
|
211
300
|
}, forwardedProps, {
|
|
212
301
|
className: classnames(className, handleBasicClasses({
|
|
213
302
|
prefix: CLASSNAME,
|
|
214
303
|
theme: theme
|
|
215
304
|
}), (_classNames = {}, _defineProperty(_classNames, "".concat(CLASSNAME, "--fill-height"), fillHeight), _defineProperty(_classNames, "".concat(CLASSNAME, "--group-by-").concat(groupBy), Boolean(groupBy)), _classNames)),
|
|
216
|
-
|
|
305
|
+
"aria-roledescription": "carousel",
|
|
306
|
+
"aria-live": isAutoPlaying ? 'off' : 'polite'
|
|
217
307
|
}), React.createElement("div", {
|
|
218
|
-
|
|
308
|
+
id: slideshowSlidesId,
|
|
309
|
+
className: "".concat(CLASSNAME, "__slides"),
|
|
310
|
+
onMouseEnter: function onMouseEnter() {
|
|
311
|
+
return setIsAutoPlaying(false);
|
|
312
|
+
},
|
|
313
|
+
onMouseLeave: function onMouseLeave() {
|
|
314
|
+
return setIsAutoPlaying(Boolean(autoPlay));
|
|
315
|
+
}
|
|
219
316
|
}, React.createElement("div", {
|
|
220
317
|
className: "".concat(CLASSNAME, "__wrapper"),
|
|
221
318
|
style: wrapperStyle
|
|
222
|
-
}, children
|
|
319
|
+
}, React.Children.map(children, function (child, index) {
|
|
320
|
+
if (React.isValidElement(child)) {
|
|
321
|
+
var isCurrentlyVisible = index >= startIndexVisible && index <= endIndexVisible;
|
|
322
|
+
return React.cloneElement(child, {
|
|
323
|
+
style: !isCurrentlyVisible ? _objectSpread2({
|
|
324
|
+
visibility: 'hidden'
|
|
325
|
+
}, child.props.style || {}) : child.props.style || {},
|
|
326
|
+
'aria-hidden': !isCurrentlyVisible
|
|
327
|
+
});
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
return null;
|
|
331
|
+
}))), slideshowControlsProps && slidesCount > 1 && React.createElement("div", {
|
|
223
332
|
className: "".concat(CLASSNAME, "__controls")
|
|
224
333
|
}, React.createElement(SlideshowControls, _extends({}, slideshowControlsProps, {
|
|
225
334
|
activeIndex: currentIndex,
|
|
226
|
-
onPaginationClick:
|
|
227
|
-
onNextClick:
|
|
228
|
-
onPreviousClick:
|
|
335
|
+
onPaginationClick: onPaginationClick,
|
|
336
|
+
onNextClick: onNextClick,
|
|
337
|
+
onPreviousClick: onPreviousClick,
|
|
229
338
|
slidesCount: slidesCount,
|
|
230
|
-
parentRef:
|
|
231
|
-
theme: theme
|
|
339
|
+
parentRef: slideshow,
|
|
340
|
+
theme: theme,
|
|
341
|
+
nextButtonProps: _objectSpread2({
|
|
342
|
+
'aria-controls': slideshowSlidesId
|
|
343
|
+
}, slideshowControlsProps.nextButtonProps),
|
|
344
|
+
previousButtonProps: _objectSpread2({
|
|
345
|
+
'aria-controls': slideshowSlidesId
|
|
346
|
+
}, slideshowControlsProps.previousButtonProps)
|
|
232
347
|
}))));
|
|
233
348
|
});
|
|
234
349
|
Slideshow.displayName = COMPONENT_NAME;
|
|
@@ -262,12 +377,13 @@ var SlideshowItem = forwardRef(function (props, ref) {
|
|
|
262
377
|
forwardedProps = _objectWithoutProperties(props, ["className", "children"]);
|
|
263
378
|
|
|
264
379
|
return React.createElement("div", _extends({
|
|
265
|
-
ref: ref
|
|
266
|
-
}, forwardedProps, {
|
|
380
|
+
ref: ref,
|
|
267
381
|
className: classnames(className, handleBasicClasses({
|
|
268
382
|
prefix: CLASSNAME$1
|
|
269
|
-
}))
|
|
270
|
-
|
|
383
|
+
})),
|
|
384
|
+
"aria-roledescription": "slide",
|
|
385
|
+
role: "group"
|
|
386
|
+
}, forwardedProps), children);
|
|
271
387
|
});
|
|
272
388
|
SlideshowItem.displayName = COMPONENT_NAME$1;
|
|
273
389
|
SlideshowItem.className = CLASSNAME$1;
|
|
@@ -393,7 +509,7 @@ var DEFAULT_PROPS$1 = {
|
|
|
393
509
|
* @return React element.
|
|
394
510
|
*/
|
|
395
511
|
|
|
396
|
-
var
|
|
512
|
+
var InternalSlideshowControls = forwardRef(function (props, ref) {
|
|
397
513
|
var activeIndex = props.activeIndex,
|
|
398
514
|
className = props.className,
|
|
399
515
|
nextButtonProps = props.nextButtonProps,
|
|
@@ -441,8 +557,7 @@ var SlideshowControls = forwardRef(function (props, ref) {
|
|
|
441
557
|
className: "".concat(CLASSNAME$2, "__navigation"),
|
|
442
558
|
color: theme === Theme.dark ? 'light' : 'dark',
|
|
443
559
|
emphasis: Emphasis.low,
|
|
444
|
-
onClick: onPreviousClick
|
|
445
|
-
tabIndex: -1
|
|
560
|
+
onClick: onPreviousClick
|
|
446
561
|
})), React.createElement("div", {
|
|
447
562
|
className: "".concat(CLASSNAME$2, "__pagination")
|
|
448
563
|
}, React.createElement("div", {
|
|
@@ -465,8 +580,7 @@ var SlideshowControls = forwardRef(function (props, ref) {
|
|
|
465
580
|
type: "button",
|
|
466
581
|
onClick: function onClick() {
|
|
467
582
|
return onPaginationClick === null || onPaginationClick === void 0 ? void 0 : onPaginationClick(index);
|
|
468
|
-
}
|
|
469
|
-
tabIndex: -1
|
|
583
|
+
}
|
|
470
584
|
})
|
|
471
585
|
);
|
|
472
586
|
});
|
|
@@ -475,13 +589,16 @@ var SlideshowControls = forwardRef(function (props, ref) {
|
|
|
475
589
|
className: "".concat(CLASSNAME$2, "__navigation"),
|
|
476
590
|
color: theme === Theme.dark ? 'light' : 'dark',
|
|
477
591
|
emphasis: Emphasis.low,
|
|
478
|
-
onClick: onNextClick
|
|
479
|
-
tabIndex: -1
|
|
592
|
+
onClick: onNextClick
|
|
480
593
|
})));
|
|
481
594
|
});
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
595
|
+
InternalSlideshowControls.displayName = COMPONENT_NAME$2;
|
|
596
|
+
InternalSlideshowControls.className = CLASSNAME$2;
|
|
597
|
+
InternalSlideshowControls.defaultProps = DEFAULT_PROPS$1;
|
|
598
|
+
var SlideshowControls = Object.assign(InternalSlideshowControls, {
|
|
599
|
+
useSlideshowControls: useSlideshowControls,
|
|
600
|
+
useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS
|
|
601
|
+
});
|
|
485
602
|
|
|
486
603
|
export { Slideshow as S, SlideshowItem as a, SlideshowControls as b };
|
|
487
|
-
//# sourceMappingURL=
|
|
604
|
+
//# sourceMappingURL=slideshowcontrols.42.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slideshowcontrols.42.js","sources":["../../../src/hooks/useInterval.tsx","../../../src/components/slideshow/constants.ts","../../../src/hooks/useSlideshowControls.ts","../../../src/components/slideshow/Slideshow.tsx","../../../src/components/slideshow/SlideshowItem.tsx","../../../src/components/slideshow/useSwipeNavigate.ts","../../../src/components/slideshow/useKeyNavigate.ts","../../../src/components/slideshow/usePaginationVisibleRange.ts","../../../src/components/slideshow/SlideshowControls.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport isFunction from 'lodash/isFunction';\nimport { Callback } from '../utils';\n\n/**\n * Making setInterval Declarative with React Hooks.\n * Credits: https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n *\n * @param callback Function called by setInterval.\n * @param delay Delay for setInterval.\n */\nexport function useInterval(callback: Callback, delay: number | null): void {\n const savedCallback = useRef<Callback>();\n\n useEffect(() => {\n savedCallback.current = callback;\n });\n\n useEffect(() => {\n if (delay === null) return undefined;\n\n function tick() {\n if (isFunction(savedCallback.current)) {\n savedCallback.current();\n }\n }\n const id = setInterval(tick, delay);\n return () => clearInterval(id);\n }, [delay]);\n}\n","/**\n * Autoplay default interval in ms.\n */\nexport const AUTOPLAY_DEFAULT_INTERVAL = 5000;\n\n/**\n * Full width size in percent.\n */\nexport const FULL_WIDTH_PERCENT = 100;\n\n/**\n * Edge from the active index.\n */\nexport const EDGE_FROM_ACTIVE_INDEX = 2;\n\n/**\n * Max number of pagination items.\n */\nexport const PAGINATION_ITEMS_MAX = 5;\n\n/**\n * Size of a pagination item. Used to translate wrapper.\n */\nexport const PAGINATION_ITEM_SIZE = 12;\n","import { useState, useCallback, useEffect, useMemo } from 'react';\n\nimport { useInterval } from '@lumx/react/hooks/useInterval';\nimport uniqueId from 'lodash/uniqueId';\nimport { AUTOPLAY_DEFAULT_INTERVAL } from '@lumx/react/components/slideshow/constants';\n\nimport { useFocusWithin } from './useFocusWithin';\n\nexport interface UseSlideshowControlsOptions {\n /** default active index to be displayed */\n defaultActiveIndex?: number;\n /** total slides to display */\n itemsCount: number;\n /** Index of the current slide. */\n activeIndex?: number;\n /** Whether the automatic rotation of the slideshow is enabled or not. */\n autoPlay?: boolean;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Number of slides to group together. */\n groupBy?: number;\n /** Interval between each slide when automatic rotation is enabled. */\n interval?: number;\n /** Callback when slide changes */\n onChange?(index: number): void;\n /** slideshow HTML id attribute */\n id?: string;\n /** slides wrapper HTML id attribute */\n slidesId?: string;\n}\n\nexport interface UseSlideshowControls {\n /** Index for the first visible slide, should be used when groupBy is passed in */\n startIndexVisible: number;\n /** Index for the last visible slide, should be used when groupBy is passed in */\n endIndexVisible: number;\n /** total slides to be displayed */\n slidesCount: number;\n /** callback to set */\n setSlideshow: (element: HTMLDivElement | undefined) => void;\n /** reference to the slideshow element */\n slideshow: HTMLDivElement | undefined;\n /** id to be used for the slideshow */\n slideshowId: string;\n /** id to be used for the wrapper that contains the slides */\n slideshowSlidesId: string;\n /** callback that triggers the previous slide while using the slideshow controls */\n onPreviousClick: (loopback: boolean) => void;\n /** callback that triggers the next slide while using the slideshow controls */\n onNextClick: (loopback: boolean) => void;\n /** callback that triggers a specific page while using the slideshow controls */\n onPaginationClick: (index: number) => void;\n /** whether the slideshow is autoplaying or not */\n isAutoPlaying: boolean;\n /** callback to change whether the slideshow is autoplaying or not */\n setIsAutoPlaying: (isAutoPlaying: boolean) => void;\n /** current active slide index */\n activeIndex: number;\n /** set the current index as the active one */\n setActiveIndex: (index: number) => void;\n}\n\nexport const DEFAULT_OPTIONS: Partial<UseSlideshowControlsOptions> = {\n activeIndex: 0,\n groupBy: 1,\n interval: AUTOPLAY_DEFAULT_INTERVAL,\n};\n\nexport const useSlideshowControls = ({\n activeIndex = DEFAULT_OPTIONS.activeIndex,\n groupBy = DEFAULT_OPTIONS.groupBy,\n interval = DEFAULT_OPTIONS.interval,\n autoPlay,\n defaultActiveIndex,\n onChange,\n itemsCount,\n id,\n slidesId,\n}: UseSlideshowControlsOptions): UseSlideshowControls => {\n const [currentIndex, setCurrentIndex] = useState(activeIndex as number);\n // Use state instead of a ref to make the slideshow controls update directly when the element is set.\n const [element, setElement] = useState<HTMLDivElement>();\n\n // Number of slides when using groupBy prop.\n const slidesCount = Math.ceil(itemsCount / Math.min(groupBy as number, itemsCount));\n\n // Change current index to display next slide.\n const goToNextSlide = useCallback(\n (loopback = true) => {\n setCurrentIndex((index) => {\n if (loopback && index === slidesCount - 1) {\n // Loopback to the start.\n return 0;\n }\n if (index < slidesCount - 1) {\n // Next slide.\n return index + 1;\n }\n return index;\n });\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Change current index to display previous slide.\n const goToPreviousSlide = useCallback(\n (loopback = true) => {\n setCurrentIndex((index) => {\n if (loopback && index === 0) {\n // Loopback to the end.\n return slidesCount - 1;\n }\n if (index > 0) {\n // Previous slide.\n return index - 1;\n }\n return index;\n });\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Auto play\n const [isAutoPlaying, setIsAutoPlaying] = useState(Boolean(autoPlay));\n // Start\n useInterval(goToNextSlide, isAutoPlaying && slidesCount > 1 ? (interval as number) : null);\n\n // Reset current index if it become invalid.\n useEffect(() => {\n if (currentIndex > slidesCount - 1) {\n setCurrentIndex(defaultActiveIndex as number);\n }\n }, [currentIndex, slidesCount, defaultActiveIndex]);\n\n // Handle click on a bullet to go to a specific slide.\n const onPaginationClick = useCallback(\n (index: number) => {\n setIsAutoPlaying(false);\n\n if (index >= 0 && index < slidesCount) {\n setCurrentIndex(index);\n }\n },\n [slidesCount, setCurrentIndex],\n );\n\n // Handle click or keyboard event to go to next slide.\n const onNextClick = useCallback(\n (loopback = true) => {\n setIsAutoPlaying(false);\n goToNextSlide(loopback);\n },\n [goToNextSlide],\n );\n\n // Handle click or keyboard event to go to previous slide.\n const onPreviousClick = useCallback(\n (loopback = true) => {\n setIsAutoPlaying(false);\n goToPreviousSlide(loopback);\n },\n [goToPreviousSlide],\n );\n\n // If the activeIndex props changes, update the current slide\n useEffect(() => {\n setCurrentIndex(activeIndex as number);\n }, [activeIndex]);\n\n // If the slide changes, with autoplay for example, trigger \"onChange\"\n useEffect(() => {\n if (!onChange) return;\n onChange(currentIndex);\n }, [currentIndex, onChange]);\n\n const slideshowId = useMemo(() => id || uniqueId('slideshow'), [id]);\n const slideshowSlidesId = useMemo(() => slidesId || uniqueId('slideshow-slides'), [slidesId]);\n\n const startAutoPlay = () => {\n setIsAutoPlaying(Boolean(autoPlay));\n };\n\n const stopAutoPlay = () => {\n setIsAutoPlaying(false);\n };\n\n useFocusWithin({\n element,\n onFocusIn: stopAutoPlay,\n onFocusOut: startAutoPlay,\n });\n\n // Start index and end index of visible slides.\n const startIndexVisible = currentIndex * (groupBy as number);\n const endIndexVisible = startIndexVisible + (groupBy as number);\n\n return {\n startIndexVisible,\n endIndexVisible,\n setSlideshow: setElement,\n slideshow: element,\n slideshowId,\n slideshowSlidesId,\n onPreviousClick,\n onNextClick,\n onPaginationClick,\n isAutoPlaying,\n setIsAutoPlaying,\n activeIndex: currentIndex,\n slidesCount,\n setActiveIndex: setCurrentIndex,\n };\n};\n","import React, { CSSProperties, forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { SlideshowControls, SlideshowControlsProps, Theme } from '@lumx/react';\nimport { DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { FULL_WIDTH_PERCENT } from '@lumx/react/components/slideshow/constants';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowProps extends GenericProps {\n /** Index of the current slide. */\n activeIndex?: number;\n /** Whether the automatic rotation of the slideshow is enabled or not. */\n autoPlay?: boolean;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Number of slides to group together. */\n groupBy?: number;\n /** Interval between each slide when automatic rotation is enabled. */\n interval?: number;\n /** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */\n slideshowControlsProps?: Pick<SlideshowControlsProps, 'nextButtonProps' | 'previousButtonProps'> &\n Omit<\n SlideshowControlsProps,\n | 'activeIndex'\n | 'onPaginationClick'\n | 'onNextClick'\n | 'onPreviousClick'\n | 'slidesCount'\n | 'parentRef'\n | 'theme'\n >;\n /** Theme adapting the component to light or dark background. */\n theme?: Theme;\n /** Callback when slide changes */\n onChange?(index: number): void;\n /** slideshow HTML id attribute */\n id?: string;\n /** slides wrapper HTML id attribute */\n slidesId?: string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slideshow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowProps> = {\n ...DEFAULT_OPTIONS,\n theme: Theme.light,\n};\n\n/**\n * Slideshow component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Slideshow: Comp<SlideshowProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n autoPlay,\n children,\n className,\n fillHeight,\n groupBy,\n interval,\n onChange,\n slideshowControlsProps,\n theme,\n id,\n slidesId,\n ...forwardedProps\n } = props;\n // Number of slideshow items.\n const itemsCount = React.Children.count(children);\n\n const {\n activeIndex: currentIndex,\n slideshowId,\n setSlideshow,\n isAutoPlaying,\n slideshowSlidesId,\n setIsAutoPlaying,\n startIndexVisible,\n endIndexVisible,\n slidesCount,\n onNextClick,\n onPaginationClick,\n onPreviousClick,\n slideshow,\n } = SlideshowControls.useSlideshowControls({\n activeIndex,\n defaultActiveIndex: DEFAULT_PROPS.activeIndex as number,\n autoPlay: Boolean(autoPlay),\n itemsCount,\n groupBy,\n id,\n interval,\n onChange,\n slidesId,\n });\n\n // Inline style of wrapper element.\n const wrapperStyle: CSSProperties = { transform: `translateX(-${FULL_WIDTH_PERCENT * currentIndex}%)` };\n\n /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n return (\n <section\n id={slideshowId}\n ref={mergeRefs(ref, setSlideshow)}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n [`${CLASSNAME}--fill-height`]: fillHeight,\n [`${CLASSNAME}--group-by-${groupBy}`]: Boolean(groupBy),\n })}\n aria-roledescription=\"carousel\"\n aria-live={isAutoPlaying ? 'off' : 'polite'}\n >\n <div\n id={slideshowSlidesId}\n className={`${CLASSNAME}__slides`}\n onMouseEnter={() => setIsAutoPlaying(false)}\n onMouseLeave={() => setIsAutoPlaying(Boolean(autoPlay))}\n >\n <div className={`${CLASSNAME}__wrapper`} style={wrapperStyle}>\n {React.Children.map(children, (child: React.ReactNode, index: number) => {\n if (React.isValidElement(child)) {\n const isCurrentlyVisible = index >= startIndexVisible && index <= endIndexVisible;\n\n return React.cloneElement(child, {\n style: !isCurrentlyVisible\n ? { visibility: 'hidden', ...(child.props.style || {}) }\n : child.props.style || {},\n 'aria-hidden': !isCurrentlyVisible,\n });\n }\n\n return null;\n })}\n </div>\n </div>\n\n {slideshowControlsProps && slidesCount > 1 && (\n <div className={`${CLASSNAME}__controls`}>\n <SlideshowControls\n {...slideshowControlsProps}\n activeIndex={currentIndex}\n onPaginationClick={onPaginationClick}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n slidesCount={slidesCount}\n parentRef={slideshow}\n theme={theme}\n nextButtonProps={{\n 'aria-controls': slideshowSlidesId,\n ...slideshowControlsProps.nextButtonProps,\n }}\n previousButtonProps={{\n 'aria-controls': slideshowSlidesId,\n ...slideshowControlsProps.previousButtonProps,\n }}\n />\n </div>\n )}\n </section>\n );\n});\n\nSlideshow.displayName = COMPONENT_NAME;\nSlideshow.className = CLASSNAME;\nSlideshow.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport type SlideshowItemProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SlideshowItem component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const SlideshowItem: Comp<SlideshowItemProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { className, children, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n aria-roledescription=\"slide\"\n role=\"group\"\n {...forwardedProps}\n >\n {children}\n </div>\n );\n});\n\nSlideshowItem.displayName = COMPONENT_NAME;\nSlideshowItem.className = CLASSNAME;\n","import { useEffect } from 'react';\nimport { detectHorizontalSwipe } from '@lumx/core/js/utils';\n\nconst isTouchDevice = () => 'ontouchstart' in window;\n\n/**\n * Listen swipe to navigate left and right.\n */\nexport function useSwipeNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n useEffect(() => {\n if (!element || !isTouchDevice()) return undefined;\n\n return detectHorizontalSwipe(element, (swipe) => {\n const callback = swipe === 'right' ? onPrevious : onNext;\n callback?.();\n });\n }, [onPrevious, onNext, element]);\n}\n","import { useEffect } from 'react';\n\n/**\n * Listen keyboard to navigate left and right.\n */\nexport function useKeyNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n useEffect(() => {\n if (!element) return undefined;\n const onKeyNavigate = (evt: KeyboardEvent) => {\n let callback;\n if (evt?.key === 'ArrowRight') {\n callback = onNext;\n } else if (evt?.key === 'ArrowLeft') {\n callback = onPrevious;\n }\n if (!callback) return;\n\n callback();\n evt.preventDefault();\n evt.stopPropagation();\n };\n\n element.addEventListener('keydown', onKeyNavigate);\n return () => {\n element.removeEventListener('keydown', onKeyNavigate);\n };\n }, [onPrevious, onNext, element]);\n}\n","import { useMemo, useRef } from 'react';\nimport { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from '@lumx/react/components/slideshow/constants';\n\ntype Range = { min: number; max: number };\n\n/**\n * Calculate the currently visible pagination \"bullet\" range.\n */\nexport function usePaginationVisibleRange(activeIndex: number, slideCount: number): Range {\n const previousVisibleRangeRef = useRef<Range>();\n return useMemo(() => {\n const lastSlide = slideCount - 1;\n const { current: previousVisibleRange } = previousVisibleRangeRef;\n let newVisibleRange: Range;\n if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {\n newVisibleRange = { min: previousVisibleRange.min + 1, max: previousVisibleRange.max + 1 };\n } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {\n newVisibleRange = { min: previousVisibleRange.min - 1, max: previousVisibleRange.max - 1 };\n } else {\n const deltaItems = PAGINATION_ITEMS_MAX - 1;\n let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;\n let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;\n\n if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {\n min = lastSlide - deltaItems;\n max = lastSlide;\n } else if (activeIndex < deltaItems) {\n min = 0;\n max = deltaItems;\n }\n\n newVisibleRange = { min, max };\n }\n previousVisibleRangeRef.current = newVisibleRange;\n return newVisibleRange;\n }, [activeIndex, slideCount]);\n}\n","import React, { forwardRef, RefObject, useCallback, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport range from 'lodash/range';\n\nimport { mdiChevronLeft, mdiChevronRight } from '@lumx/icons';\nimport { Emphasis, IconButton, IconButtonProps, Theme } from '@lumx/react';\nimport { Comp, GenericProps, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\nimport { WINDOW } from '@lumx/react/constants';\nimport { useSlideshowControls, DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\n\nimport { useSwipeNavigate } from './useSwipeNavigate';\nimport { useKeyNavigate } from './useKeyNavigate';\nimport { PAGINATION_ITEM_SIZE, PAGINATION_ITEMS_MAX } from './constants';\nimport { usePaginationVisibleRange } from './usePaginationVisibleRange';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowControlsProps extends GenericProps {\n /** Index of the current slide. */\n activeIndex?: number;\n /** Props to pass to the next button (minus those already set by the SlideshowControls props). */\n nextButtonProps: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n /** Reference to the parent element on which we want to listen touch swipe. */\n parentRef?: RefObject<HTMLDivElement> | HTMLDivElement;\n /** Props to pass to the previous button (minus those already set by the SlideshowControls props). */\n previousButtonProps: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n /** Number of slides. */\n slidesCount: number;\n /** Theme adapting the component to light or dark background. */\n theme?: Theme;\n /** On next button click callback. */\n onNextClick?(loopback?: boolean): void;\n /** On pagination change callback. */\n onPaginationClick?(index: number): void;\n /** On previous button click callback. */\n onPreviousClick?(loopback?: boolean): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowControls';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowControlsProps> = {\n activeIndex: 0,\n theme: Theme.light,\n};\n\n/**\n * SlideshowControls component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nconst InternalSlideshowControls: Comp<SlideshowControlsProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n activeIndex,\n className,\n nextButtonProps,\n onNextClick,\n onPaginationClick,\n onPreviousClick,\n parentRef,\n previousButtonProps,\n slidesCount,\n theme,\n ...forwardedProps\n } = props;\n\n let parent;\n if (WINDOW) {\n // Checking window object to avoid errors in SSR.\n parent = parentRef instanceof HTMLElement ? parentRef : parentRef?.current;\n }\n // Listen to keyboard navigate left & right.\n useKeyNavigate(parent, onNextClick, onPreviousClick);\n // Listen to touch swipe navigate left & right.\n useSwipeNavigate(\n parent,\n // Go next without loopback.\n useCallback(() => onNextClick?.(false), [onNextClick]),\n // Go previous without loopback.\n useCallback(() => onPreviousClick?.(false), [onPreviousClick]),\n );\n\n // Pagination \"bullet\" range.\n const visibleRange = usePaginationVisibleRange(activeIndex as number, slidesCount);\n\n // Inline style of wrapper element.\n const wrapperStyle = { transform: `translateX(-${PAGINATION_ITEM_SIZE * visibleRange.min}px)` };\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n [`${CLASSNAME}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX,\n })}\n >\n <IconButton\n {...previousButtonProps}\n icon={mdiChevronLeft}\n className={`${CLASSNAME}__navigation`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n onClick={onPreviousClick}\n />\n <div className={`${CLASSNAME}__pagination`}>\n <div className={`${CLASSNAME}__pagination-items`} style={wrapperStyle}>\n {useMemo(\n () =>\n range(slidesCount).map((index) => {\n const isOnEdge =\n index !== 0 &&\n index !== slidesCount - 1 &&\n (index === visibleRange.min || index === visibleRange.max);\n const isActive = activeIndex === index;\n const isOutRange = index < visibleRange.min || index > visibleRange.max;\n return (\n // eslint-disable-next-line jsx-a11y/control-has-associated-label\n <button\n className={classNames(\n handleBasicClasses({\n prefix: `${CLASSNAME}__pagination-item`,\n isActive,\n isOnEdge,\n isOutRange,\n }),\n )}\n key={index}\n type=\"button\"\n onClick={() => onPaginationClick?.(index)}\n />\n );\n }),\n [slidesCount, visibleRange.min, visibleRange.max, activeIndex, onPaginationClick],\n )}\n </div>\n </div>\n <IconButton\n {...nextButtonProps}\n icon={mdiChevronRight}\n className={`${CLASSNAME}__navigation`}\n color={theme === Theme.dark ? 'light' : 'dark'}\n emphasis={Emphasis.low}\n onClick={onNextClick}\n />\n </div>\n );\n});\n\nInternalSlideshowControls.displayName = COMPONENT_NAME;\nInternalSlideshowControls.className = CLASSNAME;\nInternalSlideshowControls.defaultProps = DEFAULT_PROPS;\n\nexport const SlideshowControls = Object.assign(InternalSlideshowControls, {\n useSlideshowControls,\n useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS,\n});\n"],"names":["useInterval","callback","delay","savedCallback","useRef","useEffect","current","undefined","tick","isFunction","id","setInterval","clearInterval","AUTOPLAY_DEFAULT_INTERVAL","FULL_WIDTH_PERCENT","EDGE_FROM_ACTIVE_INDEX","PAGINATION_ITEMS_MAX","PAGINATION_ITEM_SIZE","DEFAULT_OPTIONS","activeIndex","groupBy","interval","useSlideshowControls","autoPlay","defaultActiveIndex","onChange","itemsCount","slidesId","useState","currentIndex","setCurrentIndex","element","setElement","slidesCount","Math","ceil","min","goToNextSlide","useCallback","loopback","index","goToPreviousSlide","Boolean","isAutoPlaying","setIsAutoPlaying","onPaginationClick","onNextClick","onPreviousClick","slideshowId","useMemo","uniqueId","slideshowSlidesId","startAutoPlay","stopAutoPlay","useFocusWithin","onFocusIn","onFocusOut","startIndexVisible","endIndexVisible","setSlideshow","slideshow","setActiveIndex","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","Slideshow","forwardRef","props","ref","children","className","fillHeight","slideshowControlsProps","forwardedProps","React","Children","count","SlideshowControls","wrapperStyle","transform","mergeRefs","classNames","handleBasicClasses","prefix","map","child","isValidElement","isCurrentlyVisible","cloneElement","style","visibility","nextButtonProps","previousButtonProps","displayName","defaultProps","SlideshowItem","isTouchDevice","window","useSwipeNavigate","onNext","onPrevious","detectHorizontalSwipe","swipe","useKeyNavigate","onKeyNavigate","evt","key","preventDefault","stopPropagation","addEventListener","removeEventListener","usePaginationVisibleRange","slideCount","previousVisibleRangeRef","lastSlide","previousVisibleRange","newVisibleRange","max","deltaItems","InternalSlideshowControls","parentRef","parent","WINDOW","HTMLElement","visibleRange","mdiChevronLeft","dark","Emphasis","low","range","isOnEdge","isActive","isOutRange","mdiChevronRight","Object","assign","useSlideshowControlsDefaultOptions"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as _objectWithoutProperties, c as _extends } from './
|
|
1
|
+
import { b as _objectWithoutProperties, c as _extends } from './_rolluppluginbabelhelpers.53.js';
|
|
2
2
|
import { Alignment, Theme } from './components.js';
|
|
3
3
|
import React, { forwardRef, useMemo, Children } from 'react';
|
|
4
|
-
import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './
|
|
5
|
-
import { u as uid } from '
|
|
4
|
+
import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getrootclassname.54.js';
|
|
5
|
+
import { u as uid } from './index.55.js';
|
|
6
6
|
import isEmpty from 'lodash/isEmpty';
|
|
7
|
-
import { I as InputHelper } from './
|
|
8
|
-
import { I as InputLabel } from './
|
|
7
|
+
import { I as InputHelper } from './inputhelper.23.js';
|
|
8
|
+
import { I as InputLabel } from './inputlabel.24.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Defines the props of the component.
|
|
@@ -113,4 +113,4 @@ Switch.className = CLASSNAME;
|
|
|
113
113
|
Switch.defaultProps = DEFAULT_PROPS;
|
|
114
114
|
|
|
115
115
|
export { Switch as S };
|
|
116
|
-
//# sourceMappingURL=
|
|
116
|
+
//# sourceMappingURL=switch.43.js.map
|