@terraware/web-components 5.0.10 → 5.0.12
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/components/EditableTable/index.d.ts.map +1 -1
- package/components/EditableTable/index.js +2 -4
- package/components/PhotosCarousel/PhotoSlide.d.ts +10 -0
- package/components/PhotosCarousel/PhotoSlide.d.ts.map +1 -0
- package/components/PhotosCarousel/PhotoSlide.js +36 -0
- package/components/PhotosCarousel/index.d.ts +2 -2
- package/components/PhotosCarousel/index.d.ts.map +1 -1
- package/components/PhotosCarousel/index.js +72 -83
- package/components/PhotosCarousel/styles.scss +100 -13
- package/components/PhotosCarousel/usePhotosCarousel.d.ts +15 -0
- package/components/PhotosCarousel/usePhotosCarousel.d.ts.map +1 -0
- package/components/PhotosCarousel/usePhotosCarousel.js +79 -0
- package/components/ViewPhotosDialog/index.d.ts +0 -2
- package/components/ViewPhotosDialog/index.d.ts.map +1 -1
- package/components/ViewPhotosDialog/index.js +2 -18
- package/components/VirtualWalkthrough/AnnotationPanel.js +2 -2
- package/license-report.html +1 -1
- package/package.json +2 -2
- package/_vendor/react-multi-carousel/index.js +0 -13
- package/_vendor/react-multi-carousel/lib/Arrows.js +0 -13
- package/_vendor/react-multi-carousel/lib/Carousel.js +0 -19
- package/_vendor/react-multi-carousel/lib/CarouselItems.js +0 -14
- package/_vendor/react-multi-carousel/lib/Dots.js +0 -16
- package/_vendor/react-multi-carousel/lib/index.js +0 -13
- package/_vendor/react-multi-carousel/lib/types.js +0 -13
- package/_vendor/react-multi-carousel/lib/utils/clones.js +0 -14
- package/_vendor/react-multi-carousel/lib/utils/common.js +0 -13
- package/_vendor/react-multi-carousel/lib/utils/dots.js +0 -14
- package/_vendor/react-multi-carousel/lib/utils/elementWidth.js +0 -12
- package/_vendor/react-multi-carousel/lib/utils/index.js +0 -20
- package/_vendor/react-multi-carousel/lib/utils/mouseOrTouchMove.js +0 -14
- package/_vendor/react-multi-carousel/lib/utils/next.js +0 -13
- package/_vendor/react-multi-carousel/lib/utils/previous.js +0 -14
- package/_vendor/react-multi-carousel/lib/utils/throttle.js +0 -12
- package/_vendor/react-multi-carousel/lib/utils/throwError.js +0 -14
- package/_virtual/Arrows.js +0 -3
- package/_virtual/Carousel.js +0 -3
- package/_virtual/CarouselItems.js +0 -3
- package/_virtual/Dots.js +0 -3
- package/_virtual/_commonjsHelpers.js +0 -5
- package/_virtual/clones.js +0 -3
- package/_virtual/common.js +0 -3
- package/_virtual/dots2.js +0 -3
- package/_virtual/elementWidth.js +0 -3
- package/_virtual/index.js +0 -7
- package/_virtual/index2.js +0 -3
- package/_virtual/index3.js +0 -3
- package/_virtual/mouseOrTouchMove.js +0 -3
- package/_virtual/next.js +0 -3
- package/_virtual/previous.js +0 -3
- package/_virtual/throttle.js +0 -3
- package/_virtual/throwError.js +0 -3
- package/_virtual/types.js +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EditableTable/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EditableTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect, useMemo, useCallback } from 'react';
|
|
2
2
|
import { useTheme, Box, TextField, MenuItem } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { useMaterialReactTable, MaterialReactTable } from 'material-react-table';
|
|
4
4
|
import Button from '../Button/Button.js';
|
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -203,9 +203,7 @@ function EditableTable({
|
|
|
203
203
|
label: clearAllFiltersLabel,
|
|
204
204
|
priority: "ghost",
|
|
205
205
|
size: "small"
|
|
206
|
-
}), consumerRenderToolbarInternalActions
|
|
207
|
-
table: tbl
|
|
208
|
-
}) : /*#__PURE__*/jsx(MRT_ToolbarInternalButtons, {
|
|
206
|
+
}), consumerRenderToolbarInternalActions && consumerRenderToolbarInternalActions({
|
|
209
207
|
table: tbl
|
|
210
208
|
})]
|
|
211
209
|
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { PhotoItem } from './index';
|
|
2
|
+
interface PhotoSlideProps {
|
|
3
|
+
photo: PhotoItem;
|
|
4
|
+
index: number;
|
|
5
|
+
total: number;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const PhotoSlide: ({ photo, index, total, selected }: PhotoSlideProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default PhotoSlide;
|
|
10
|
+
//# sourceMappingURL=PhotoSlide.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhotoSlide.d.ts","sourceRoot":"","sources":["../../../src/components/PhotosCarousel/PhotoSlide.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,GAAI,mCAAmC,eAAe,4CAkBrE,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import BusySpinner from '../BusySpinner/index.js';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const PhotoSlide = ({
|
|
6
|
+
photo,
|
|
7
|
+
index,
|
|
8
|
+
total,
|
|
9
|
+
selected
|
|
10
|
+
}) => {
|
|
11
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
12
|
+
const finishLoading = () => setIsLoading(false);
|
|
13
|
+
return /*#__PURE__*/jsxs("div", {
|
|
14
|
+
className: "embla__slide",
|
|
15
|
+
role: "group",
|
|
16
|
+
"aria-roledescription": "slide",
|
|
17
|
+
"aria-label": `${index + 1} of ${total}`,
|
|
18
|
+
children: [isLoading && /*#__PURE__*/jsx(BusySpinner, {
|
|
19
|
+
noBackground: true
|
|
20
|
+
}), /*#__PURE__*/jsx("a", {
|
|
21
|
+
href: photo.url,
|
|
22
|
+
target: "_blank",
|
|
23
|
+
rel: "noopener noreferrer",
|
|
24
|
+
tabIndex: selected ? 0 : -1,
|
|
25
|
+
children: /*#__PURE__*/jsx("img", {
|
|
26
|
+
className: "embla__slide__img",
|
|
27
|
+
src: photo.url,
|
|
28
|
+
alt: photo.alt,
|
|
29
|
+
onLoad: finishLoading,
|
|
30
|
+
onError: finishLoading
|
|
31
|
+
})
|
|
32
|
+
})]
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { PhotoSlide as default };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { type JSX } from 'react';
|
|
2
|
-
import 'react-multi-carousel/lib/styles.css';
|
|
3
2
|
import './styles.scss';
|
|
4
3
|
export type PhotoItem = {
|
|
5
4
|
url: string;
|
|
@@ -14,5 +13,6 @@ export interface PhotosCarouselProps {
|
|
|
14
13
|
numbered?: boolean;
|
|
15
14
|
dots?: boolean;
|
|
16
15
|
}
|
|
17
|
-
|
|
16
|
+
declare const PhotosCarousel: (props: PhotosCarouselProps) => JSX.Element;
|
|
17
|
+
export default PhotosCarousel;
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotosCarousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotosCarousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAMxC,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,GAAG,CAAC,OAyExD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,97 +1,86 @@
|
|
|
1
|
-
import
|
|
2
|
-
import CarouselImport from '../../_virtual/index.js';
|
|
3
|
-
import 'react-multi-carousel/lib/styles.css';
|
|
1
|
+
import 'react';
|
|
4
2
|
import { Box, Typography } from '@mui/material';
|
|
5
|
-
import
|
|
3
|
+
import Icon from '../Icon/Icon.js';
|
|
4
|
+
import PhotoSlide from './PhotoSlide.js';
|
|
6
5
|
import './styles.scss';
|
|
7
|
-
import
|
|
6
|
+
import usePhotosCarousel from './usePhotosCarousel.js';
|
|
7
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
|
-
const
|
|
10
|
-
const responsive = {
|
|
11
|
-
mobile: {
|
|
12
|
-
breakpoint: {
|
|
13
|
-
max: 4000,
|
|
14
|
-
min: 0
|
|
15
|
-
},
|
|
16
|
-
items: 1
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
function PhotosCarousel(props) {
|
|
9
|
+
const PhotosCarousel = props => {
|
|
20
10
|
const {
|
|
21
11
|
photos,
|
|
22
|
-
|
|
23
|
-
onSlideChange,
|
|
24
|
-
showArrows,
|
|
12
|
+
showArrows = false,
|
|
25
13
|
numbered,
|
|
26
|
-
dots
|
|
14
|
+
dots = true
|
|
27
15
|
} = props;
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}, [photoKey]);
|
|
40
|
-
useEffect(() => {
|
|
41
|
-
if (myCarousel.current && myCarousel.current.state.currentSlide !== currentSlide) {
|
|
42
|
-
myCarousel.current.goToSlide(currentSlide);
|
|
43
|
-
}
|
|
44
|
-
}, [currentSlide]);
|
|
45
|
-
const handleAfterChange = useCallback(() => {
|
|
46
|
-
const slide = myCarousel.current?.state.currentSlide ?? 0;
|
|
47
|
-
if (!isControlled) {
|
|
48
|
-
setInternalSlide(slide);
|
|
49
|
-
}
|
|
50
|
-
if (slide !== currentSlide) {
|
|
51
|
-
onSlideChange?.(slide);
|
|
52
|
-
}
|
|
53
|
-
}, [isControlled, currentSlide, onSlideChange]);
|
|
54
|
-
const finishLoading = index => {
|
|
55
|
-
setIsLoading(prev => {
|
|
56
|
-
const next = [...prev];
|
|
57
|
-
next[index] = false;
|
|
58
|
-
return next;
|
|
59
|
-
});
|
|
60
|
-
};
|
|
16
|
+
const {
|
|
17
|
+
emblaRef,
|
|
18
|
+
currentSlide,
|
|
19
|
+
scrollSnaps,
|
|
20
|
+
prevButtonDisabled,
|
|
21
|
+
nextButtonDisabled,
|
|
22
|
+
scrollPrev,
|
|
23
|
+
scrollNext,
|
|
24
|
+
scrollTo,
|
|
25
|
+
onKeyDown
|
|
26
|
+
} = usePhotosCarousel(props);
|
|
61
27
|
return /*#__PURE__*/jsxs(Box, {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
28
|
+
className: "photos-carousel",
|
|
29
|
+
role: "region",
|
|
30
|
+
"aria-roledescription": "carousel",
|
|
31
|
+
"aria-label": "Photos",
|
|
32
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
33
|
+
className: "embla",
|
|
34
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
35
|
+
className: "embla__viewport",
|
|
36
|
+
ref: emblaRef,
|
|
37
|
+
onKeyDown: onKeyDown,
|
|
38
|
+
children: /*#__PURE__*/jsx("div", {
|
|
39
|
+
className: "embla__container",
|
|
40
|
+
children: photos.map((photo, index) => /*#__PURE__*/jsx(PhotoSlide, {
|
|
41
|
+
photo: photo,
|
|
42
|
+
index: index,
|
|
43
|
+
total: photos.length,
|
|
44
|
+
selected: index === currentSlide
|
|
45
|
+
}, `${photo.url}-${index}`))
|
|
46
|
+
})
|
|
47
|
+
}), showArrows && photos.length > 1 && /*#__PURE__*/jsxs(Fragment, {
|
|
48
|
+
children: [/*#__PURE__*/jsx("button", {
|
|
49
|
+
type: "button",
|
|
50
|
+
className: "embla__prev",
|
|
51
|
+
"aria-label": "Previous photo",
|
|
52
|
+
disabled: prevButtonDisabled,
|
|
53
|
+
onClick: scrollPrev,
|
|
54
|
+
children: /*#__PURE__*/jsx(Icon, {
|
|
55
|
+
name: "caretLeft",
|
|
56
|
+
fillColor: "currentColor"
|
|
57
|
+
})
|
|
58
|
+
}), /*#__PURE__*/jsx("button", {
|
|
59
|
+
type: "button",
|
|
60
|
+
className: "embla__next",
|
|
61
|
+
"aria-label": "Next photo",
|
|
62
|
+
disabled: nextButtonDisabled,
|
|
63
|
+
onClick: scrollNext,
|
|
64
|
+
children: /*#__PURE__*/jsx(Icon, {
|
|
65
|
+
name: "caretRight",
|
|
66
|
+
fillColor: "currentColor"
|
|
87
67
|
})
|
|
88
68
|
})]
|
|
89
|
-
},
|
|
90
|
-
|
|
69
|
+
}), dots && /*#__PURE__*/jsx("div", {
|
|
70
|
+
className: "embla__dots",
|
|
71
|
+
children: scrollSnaps.map((_, index) => /*#__PURE__*/jsx("button", {
|
|
72
|
+
type: "button",
|
|
73
|
+
className: `embla__dot${index === currentSlide ? ' embla__dot--selected' : ''}`,
|
|
74
|
+
"aria-label": `Go to photo ${index + 1}`,
|
|
75
|
+
"aria-current": index === currentSlide ? 'true' : undefined,
|
|
76
|
+
onClick: () => scrollTo(index)
|
|
77
|
+
}, index))
|
|
78
|
+
})]
|
|
79
|
+
}), numbered && /*#__PURE__*/jsx(Typography, {
|
|
91
80
|
className: "photo-numbering",
|
|
92
|
-
children: `${currentSlide + 1}/${photos.length}`
|
|
93
|
-
})
|
|
81
|
+
children: `${photos.length ? currentSlide + 1 : 0}/${photos.length}`
|
|
82
|
+
}), photos[currentSlide]?.decoration]
|
|
94
83
|
});
|
|
95
|
-
}
|
|
84
|
+
};
|
|
96
85
|
|
|
97
86
|
export { PhotosCarousel as default };
|
|
@@ -1,18 +1,105 @@
|
|
|
1
1
|
@use '../../style-dictionary-dist/terraware.scss';
|
|
2
2
|
|
|
3
|
-
.photos-carousel
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
.photos-carousel {
|
|
4
|
+
--arrow-size: 43px;
|
|
5
|
+
--control-spacing: 20px;
|
|
6
|
+
--arrow-inset: calc(4% + 1px);
|
|
7
|
+
text-align: center;
|
|
8
|
+
.embla {
|
|
9
|
+
position: relative;
|
|
10
|
+
padding-bottom: var(--control-spacing);
|
|
11
|
+
}
|
|
7
12
|
|
|
8
|
-
.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
.embla__viewport {
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.embla__container {
|
|
18
|
+
display: flex;
|
|
19
|
+
touch-action: pan-y pinch-zoom;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.embla__slide {
|
|
23
|
+
flex: 0 0 100%;
|
|
24
|
+
min-width: 0;
|
|
25
|
+
position: relative;
|
|
26
|
+
min-height: 200px;
|
|
27
|
+
background: terraware.$tw-clr-bg;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.embla__slide__img {
|
|
31
|
+
object-fit: contain;
|
|
32
|
+
margin: auto;
|
|
33
|
+
height: 400px;
|
|
34
|
+
width: 100%;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.embla__prev,
|
|
38
|
+
.embla__next {
|
|
39
|
+
position: absolute;
|
|
40
|
+
top: calc((100% - var(--control-spacing)) / 2);
|
|
41
|
+
transform: translateY(-50%);
|
|
42
|
+
width: var(--arrow-size);
|
|
43
|
+
height: var(--arrow-size);
|
|
44
|
+
border: 0;
|
|
45
|
+
border-radius: 50%;
|
|
46
|
+
background: rgba(0, 0, 0, 0.5);
|
|
47
|
+
color: white;
|
|
48
|
+
display: flex;
|
|
49
|
+
align-items: center;
|
|
50
|
+
justify-content: center;
|
|
51
|
+
cursor: pointer;
|
|
52
|
+
|
|
53
|
+
.tw-icon {
|
|
54
|
+
stroke: currentColor;
|
|
55
|
+
stroke-width: 1;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&:hover {
|
|
59
|
+
background: rgba(0, 0, 0, 0.8);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
&:disabled {
|
|
63
|
+
visibility: hidden;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.embla__prev {
|
|
68
|
+
left: var(--arrow-inset);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.embla__next {
|
|
72
|
+
right: var(--arrow-inset);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.embla__dots {
|
|
76
|
+
position: absolute;
|
|
77
|
+
bottom: 0;
|
|
78
|
+
left: 0;
|
|
79
|
+
width: 100%;
|
|
80
|
+
display: flex;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
gap: 6px;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.embla__dot {
|
|
86
|
+
width: 12px;
|
|
87
|
+
height: 12px;
|
|
88
|
+
padding: 0;
|
|
89
|
+
margin: 0;
|
|
90
|
+
border: 2px solid grey;
|
|
91
|
+
border-radius: 50%;
|
|
92
|
+
background: white;
|
|
93
|
+
cursor: pointer;
|
|
94
|
+
|
|
95
|
+
&--selected,
|
|
96
|
+
&:hover {
|
|
97
|
+
background: #080808;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
14
100
|
|
|
15
|
-
.photo-numbering {
|
|
16
|
-
|
|
17
|
-
|
|
101
|
+
.photo-numbering {
|
|
102
|
+
font-size: 12px;
|
|
103
|
+
color: terraware.$tw-clr-txt-info;
|
|
104
|
+
}
|
|
18
105
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type KeyboardEvent } from 'react';
|
|
2
|
+
import type { PhotosCarouselProps } from './index';
|
|
3
|
+
declare const usePhotosCarousel: ({ photos, selectedSlide, onSlideChange, }: Pick<PhotosCarouselProps, "photos" | "selectedSlide" | "onSlideChange">) => {
|
|
4
|
+
emblaRef: import("embla-carousel-react").EmblaViewportRefType;
|
|
5
|
+
currentSlide: number;
|
|
6
|
+
scrollSnaps: number[];
|
|
7
|
+
prevButtonDisabled: boolean;
|
|
8
|
+
nextButtonDisabled: boolean;
|
|
9
|
+
scrollPrev: () => void | undefined;
|
|
10
|
+
scrollNext: () => void | undefined;
|
|
11
|
+
scrollTo: (index: number) => void | undefined;
|
|
12
|
+
onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
|
|
13
|
+
};
|
|
14
|
+
export default usePhotosCarousel;
|
|
15
|
+
//# sourceMappingURL=usePhotosCarousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePhotosCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/PhotosCarousel/usePhotosCarousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,iBAAiB,GAAI,2CAIxB,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,eAAe,GAAG,eAAe,CAAC;;;;;;;;sBAY/C,MAAM;uBAsCL,aAAa,CAAC,cAAc,CAAC;CAsBxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
3
|
+
|
|
4
|
+
const usePhotosCarousel = ({
|
|
5
|
+
photos,
|
|
6
|
+
selectedSlide,
|
|
7
|
+
onSlideChange
|
|
8
|
+
}) => {
|
|
9
|
+
const [internalSlide, setInternalSlide] = useState(0);
|
|
10
|
+
const currentSlide = Math.max(0, Math.min(selectedSlide ?? internalSlide, photos.length - 1));
|
|
11
|
+
const [startIndex] = useState(currentSlide);
|
|
12
|
+
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
13
|
+
loop: false,
|
|
14
|
+
startIndex
|
|
15
|
+
});
|
|
16
|
+
const [scrollSnaps, setScrollSnaps] = useState([]);
|
|
17
|
+
const [prevButtonDisabled, setPrevButtonDisabled] = useState(true);
|
|
18
|
+
const [nextButtonDisabled, setNextButtonDisabled] = useState(true);
|
|
19
|
+
const photoKey = JSON.stringify(photos.map(photo => photo.url));
|
|
20
|
+
const scrollPrev = () => emblaApi?.scrollPrev();
|
|
21
|
+
const scrollNext = () => emblaApi?.scrollNext();
|
|
22
|
+
const scrollTo = index => emblaApi?.scrollTo(index);
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
emblaApi?.reInit();
|
|
25
|
+
}, [emblaApi, photoKey]);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (!emblaApi) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
// Synchronize external selection before subscribing so it does not echo a change callback.
|
|
31
|
+
if (emblaApi.selectedScrollSnap() !== currentSlide) {
|
|
32
|
+
emblaApi.scrollTo(currentSlide);
|
|
33
|
+
}
|
|
34
|
+
const updateControls = () => {
|
|
35
|
+
setPrevButtonDisabled(!emblaApi.canScrollPrev());
|
|
36
|
+
setNextButtonDisabled(!emblaApi.canScrollNext());
|
|
37
|
+
};
|
|
38
|
+
const handleInit = () => {
|
|
39
|
+
setScrollSnaps(emblaApi.scrollSnapList());
|
|
40
|
+
updateControls();
|
|
41
|
+
};
|
|
42
|
+
const handleSelect = () => {
|
|
43
|
+
updateControls();
|
|
44
|
+
const slide = emblaApi.selectedScrollSnap();
|
|
45
|
+
setInternalSlide(slide);
|
|
46
|
+
if (slide !== currentSlide) {
|
|
47
|
+
onSlideChange?.(slide);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
handleInit();
|
|
51
|
+
emblaApi.on('select', handleSelect).on('reInit', handleInit);
|
|
52
|
+
return () => {
|
|
53
|
+
emblaApi.off('select', handleSelect).off('reInit', handleInit);
|
|
54
|
+
};
|
|
55
|
+
}, [emblaApi, currentSlide, onSlideChange, photoKey]);
|
|
56
|
+
const onKeyDown = event => {
|
|
57
|
+
if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
|
|
58
|
+
event.preventDefault();
|
|
59
|
+
if (event.key === 'ArrowLeft') {
|
|
60
|
+
scrollPrev();
|
|
61
|
+
} else {
|
|
62
|
+
scrollNext();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
return {
|
|
67
|
+
emblaRef,
|
|
68
|
+
currentSlide,
|
|
69
|
+
scrollSnaps,
|
|
70
|
+
prevButtonDisabled,
|
|
71
|
+
nextButtonDisabled,
|
|
72
|
+
scrollPrev,
|
|
73
|
+
scrollNext,
|
|
74
|
+
scrollTo,
|
|
75
|
+
onKeyDown
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
export { usePhotosCarousel as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ViewPhotosDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ViewPhotosDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAC;AAG7D,OAAuB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAoBlF"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
|
-
import Button from '../Button/Button.js';
|
|
3
2
|
import DialogBox from '../DialogBox/DialogBox.js';
|
|
4
3
|
import PhotosCarousel from '../PhotosCarousel/index.js';
|
|
5
4
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -10,8 +9,6 @@ function ViewPhotosDialog(props) {
|
|
|
10
9
|
open,
|
|
11
10
|
photos,
|
|
12
11
|
initialSelectedSlide,
|
|
13
|
-
nextButtonLabel,
|
|
14
|
-
prevButtonLabel,
|
|
15
12
|
title,
|
|
16
13
|
numbered,
|
|
17
14
|
dots
|
|
@@ -20,32 +17,19 @@ function ViewPhotosDialog(props) {
|
|
|
20
17
|
useEffect(() => {
|
|
21
18
|
setSelectedSlide(initialSelectedSlide);
|
|
22
19
|
}, [initialSelectedSlide, open]);
|
|
23
|
-
const isPreviousDisabled = selectedSlide <= 0;
|
|
24
|
-
const isNextDisabled = selectedSlide >= photos.length - 1;
|
|
25
20
|
return /*#__PURE__*/jsx(DialogBox, {
|
|
26
21
|
onClose: onClose,
|
|
27
22
|
open: open,
|
|
28
23
|
title: title,
|
|
29
24
|
size: "large",
|
|
30
25
|
scrolled: true,
|
|
31
|
-
middleButtons: [/*#__PURE__*/jsx(Button, {
|
|
32
|
-
label: prevButtonLabel,
|
|
33
|
-
priority: "secondary",
|
|
34
|
-
onClick: () => setSelectedSlide(slide => Math.max(0, slide - 1)),
|
|
35
|
-
disabled: isPreviousDisabled,
|
|
36
|
-
icon: "caretLeft"
|
|
37
|
-
}, 'button-1'), /*#__PURE__*/jsx(Button, {
|
|
38
|
-
label: nextButtonLabel,
|
|
39
|
-
onClick: () => setSelectedSlide(slide => Math.min(photos.length - 1, slide + 1)),
|
|
40
|
-
disabled: isNextDisabled,
|
|
41
|
-
rightIcon: "caretRight"
|
|
42
|
-
}, 'button-2')],
|
|
43
26
|
children: /*#__PURE__*/jsx(PhotosCarousel, {
|
|
44
27
|
photos: photos,
|
|
45
28
|
selectedSlide: selectedSlide,
|
|
46
29
|
onSlideChange: setSelectedSlide,
|
|
47
30
|
numbered: numbered,
|
|
48
|
-
dots: dots
|
|
31
|
+
dots: dots,
|
|
32
|
+
showArrows: true
|
|
49
33
|
})
|
|
50
34
|
});
|
|
51
35
|
}
|
|
@@ -41,10 +41,10 @@ const CAROUSEL_SX = {
|
|
|
41
41
|
borderRadius: '12px 12px 0 0',
|
|
42
42
|
overflow: 'hidden',
|
|
43
43
|
flexShrink: 0,
|
|
44
|
-
'& .
|
|
44
|
+
'& .embla__slide__img': {
|
|
45
45
|
height: 'min(400px, 40vh)'
|
|
46
46
|
},
|
|
47
|
-
'& .
|
|
47
|
+
'& .embla__slide': {
|
|
48
48
|
minHeight: 'min(200px, 20vh)'
|
|
49
49
|
}
|
|
50
50
|
};
|
package/license-report.html
CHANGED
|
@@ -48,6 +48,6 @@ td {
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
</style>
|
|
51
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.3.1</td><td class="string">6.3.1</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">10.0.0</td><td class="string">10.0.0</td><td class="string">^10.0.0</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.14.0</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.1</td><td class="string">11.14.1</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">7.29.4</td><td class="string">7.29.4</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@playcanvas/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/playcanvas/react.git</td><td class="string">0.11.5</td><td class="string">0.11.5</td><td class="string">0.11.5</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">csv-parse</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">https://github.com/adaltas/node-csv.git</td><td class="string">5.6.0</td><td class="string">5.6.0</td><td class="string">^5.5.5</td><td class="string">David Worms <david@adaltas.com> (https://www.adaltas.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.7.2</td><td class="string">3.7.2</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">marked</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/markedjs/marked.git</td><td class="string">16.4.2</td><td class="string">16.4.2</td><td class="string">^16.2.1</td><td class="string">Christopher Jeffrey</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">material-react-table</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/KevinVandy/material-react-table.git</td><td class="string">3.2.1</td><td class="string">3.2.1</td><td class="string">^3.2.1</td><td class="string">KevinVandy</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">playcanvas</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/playcanvas/engine.git</td><td class="string">2.21.3</td><td class="string">2.21.3</td><td class="string">2.21.3</td><td class="string">PlayCanvas <support@playcanvas.com></td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">prettier</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/prettier/prettier.git</td><td class="string">3.9.6</td><td class="string">3.8.1</td><td class="string">^3.8.1</td><td class="string">James Long</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.16.0</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.6</td><td class="string">2.8.6</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.104.0</td><td class="string">1.97.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
51
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.3.1</td><td class="string">6.3.1</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">10.0.0</td><td class="string">10.0.0</td><td class="string">^10.0.0</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.0</td><td class="string">11.14.0</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.14.1</td><td class="string">11.14.1</td><td class="string">^11.11.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">7.29.4</td><td class="string">7.29.4</td><td class="string">^7.22.0</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@playcanvas/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/playcanvas/react.git</td><td class="string">0.11.5</td><td class="string">0.11.5</td><td class="string">0.11.5</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.5.1</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">csv-parse</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">https://github.com/adaltas/node-csv.git</td><td class="string">5.6.0</td><td class="string">5.6.0</td><td class="string">^5.5.5</td><td class="string">David Worms <david@adaltas.com> (https://www.adaltas.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">embla-carousel-react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/davidjerleke/embla-carousel</td><td class="string">8.6.0</td><td class="string">8.6.0</td><td class="string">^8.6.0</td><td class="string">David Jerleke</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.7.2</td><td class="string">3.7.2</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">marked</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/markedjs/marked.git</td><td class="string">16.4.2</td><td class="string">16.4.2</td><td class="string">^16.2.1</td><td class="string">Christopher Jeffrey</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">material-react-table</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/KevinVandy/material-react-table.git</td><td class="string">3.2.1</td><td class="string">3.2.1</td><td class="string">^3.2.1</td><td class="string">KevinVandy</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">playcanvas</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/playcanvas/engine.git</td><td class="string">2.21.3</td><td class="string">2.21.3</td><td class="string">2.21.3</td><td class="string">PlayCanvas <support@playcanvas.com></td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">prettier</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/prettier/prettier.git</td><td class="string">3.9.7</td><td class="string">3.8.1</td><td class="string">^3.8.1</td><td class="string">James Long</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.16.0</td><td class="string">9.16.0</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.104.1</td><td class="string">1.97.2</td><td class="string">^1.75.0</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
52
52
|
</body>
|
|
53
53
|
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@terraware/web-components",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.12",
|
|
4
4
|
"author": "Terraformation Inc.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"@playcanvas/react": "0.11.5",
|
|
26
26
|
"classnames": "^2.3.2",
|
|
27
27
|
"csv-parse": "^5.5.5",
|
|
28
|
+
"embla-carousel-react": "^8.6.0",
|
|
28
29
|
"geojson": "^0.5.0",
|
|
29
30
|
"luxon": "^3.3.0",
|
|
30
31
|
"marked": "^16.2.1",
|
|
@@ -32,7 +33,6 @@
|
|
|
32
33
|
"playcanvas": "2.21.3",
|
|
33
34
|
"prettier": "^3.8.1",
|
|
34
35
|
"react-intersection-observer": "^9.5.2",
|
|
35
|
-
"react-multi-carousel": "^2.8.2",
|
|
36
36
|
"react-responsive": "^9.0.2",
|
|
37
37
|
"sass": "^1.75.0",
|
|
38
38
|
"tinycolor2": "^1.6.0",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __require as requireLib } from './lib/index.js';
|
|
2
|
-
|
|
3
|
-
var reactMultiCarousel;
|
|
4
|
-
var hasRequiredReactMultiCarousel;
|
|
5
|
-
|
|
6
|
-
function requireReactMultiCarousel () {
|
|
7
|
-
if (hasRequiredReactMultiCarousel) return reactMultiCarousel;
|
|
8
|
-
hasRequiredReactMultiCarousel = 1;
|
|
9
|
-
reactMultiCarousel = requireLib();
|
|
10
|
-
return reactMultiCarousel;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { requireReactMultiCarousel as __require };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __exports as Arrows } from '../../../_virtual/Arrows.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
var hasRequiredArrows;
|
|
5
|
-
|
|
6
|
-
function requireArrows () {
|
|
7
|
-
if (hasRequiredArrows) return Arrows;
|
|
8
|
-
hasRequiredArrows = 1;
|
|
9
|
-
Object.defineProperty(Arrows,"__esModule",{value:true});var React$1=React,LeftArrow=function(_a){var customLeftArrow=_a.customLeftArrow,getState=_a.getState,previous=_a.previous,disabled=_a.disabled,rtl=_a.rtl;if(customLeftArrow)return React$1.cloneElement(customLeftArrow,{onClick:function(){return previous()},carouselState:getState(),disabled:disabled,rtl:rtl});var rtlClassName=rtl?"rtl":"";return React$1.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+rtlClassName,onClick:function(){return previous()},type:"button",disabled:disabled})};Arrows.LeftArrow=LeftArrow;var RightArrow=function(_a){var customRightArrow=_a.customRightArrow,getState=_a.getState,next=_a.next,disabled=_a.disabled,rtl=_a.rtl;if(customRightArrow)return React$1.cloneElement(customRightArrow,{onClick:function(){return next()},carouselState:getState(),disabled:disabled,rtl:rtl});var rtlClassName=rtl?"rtl":"";return React$1.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+rtlClassName,onClick:function(){return next()},type:"button",disabled:disabled})};Arrows.RightArrow=RightArrow;
|
|
10
|
-
return Arrows;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { requireArrows as __require };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { __exports as Carousel } from '../../../_virtual/Carousel.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { __require as requireUtils } from './utils/index.js';
|
|
4
|
-
import { __require as requireTypes } from './types.js';
|
|
5
|
-
import { __require as requireDots } from './Dots.js';
|
|
6
|
-
import { __require as requireArrows } from './Arrows.js';
|
|
7
|
-
import { __require as requireCarouselItems } from './CarouselItems.js';
|
|
8
|
-
import { __require as requireCommon } from './utils/common.js';
|
|
9
|
-
|
|
10
|
-
var hasRequiredCarousel;
|
|
11
|
-
|
|
12
|
-
function requireCarousel () {
|
|
13
|
-
if (hasRequiredCarousel) return Carousel;
|
|
14
|
-
hasRequiredCarousel = 1;
|
|
15
|
-
var __extends=Carousel&&Carousel.__extends||function(){var extendStatics=function(d,b){return (extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b;}||function(d,b){for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p]);})(d,b)};return function(d,b){function __(){this.constructor=d;}extendStatics(d,b),d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __);}}();Object.defineProperty(Carousel,"__esModule",{value:true});var React$1=React,utils_1=requireUtils(),types_1=requireTypes(),Dots_1=requireDots(),Arrows_1=requireArrows(),CarouselItems_1=requireCarouselItems(),common_1=requireCommon(),defaultTransitionDuration=400,defaultTransition="transform 400ms ease-in-out",Carousel$1=function(_super){function Carousel(props){var _this=_super.call(this,props)||this;return _this.containerRef=React$1.createRef(),_this.listRef=React$1.createRef(),_this.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:React$1.Children.count(props.children),deviceType:"",domLoaded:false,transform:0,containerWidth:0},_this.onResize=_this.onResize.bind(_this),_this.handleDown=_this.handleDown.bind(_this),_this.handleMove=_this.handleMove.bind(_this),_this.handleOut=_this.handleOut.bind(_this),_this.onKeyUp=_this.onKeyUp.bind(_this),_this.handleEnter=_this.handleEnter.bind(_this),_this.setIsInThrottle=_this.setIsInThrottle.bind(_this),_this.next=utils_1.throttle(_this.next.bind(_this),props.transitionDuration||defaultTransitionDuration,_this.setIsInThrottle),_this.previous=utils_1.throttle(_this.previous.bind(_this),props.transitionDuration||defaultTransitionDuration,_this.setIsInThrottle),_this.goToSlide=utils_1.throttle(_this.goToSlide.bind(_this),props.transitionDuration||defaultTransitionDuration,_this.setIsInThrottle),_this.onMove=false,_this.initialX=0,_this.lastX=0,_this.isAnimationAllowed=false,_this.direction="",_this.initialY=0,_this.isInThrottle=false,_this.transformPlaceHolder=0,_this}return __extends(Carousel,_super),Carousel.prototype.resetTotalItems=function(){var _this=this,totalItems=React$1.Children.count(this.props.children),currentSlide=utils_1.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,totalItems));this.setState({totalItems:totalItems,currentSlide:currentSlide},function(){_this.setContainerAndItemWidth(_this.state.slidesToShow,true);});},Carousel.prototype.setIsInThrottle=function(isInThrottle){ void 0===isInThrottle&&(isInThrottle=false),this.isInThrottle=isInThrottle;},Carousel.prototype.setTransformDirectly=function(position,withAnimation){var additionalTransfrom=this.props.additionalTransfrom;this.transformPlaceHolder=position;var currentTransform=common_1.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(withAnimation),this.listRef.current.style.transform="translate3d("+(currentTransform+additionalTransfrom)+"px,0,0)");},Carousel.prototype.setAnimationDirectly=function(animationAllowed){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=animationAllowed?this.props.customTransition||defaultTransition:"none");},Carousel.prototype.componentDidMount=function(){this.setState({domLoaded:true}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(true),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));},Carousel.prototype.setClones=function(slidesToShow,itemWidth,forResizing,resetCurrentSlide){var _this=this;void 0===resetCurrentSlide&&(resetCurrentSlide=false),this.isAnimationAllowed=false;var childrenArr=React$1.Children.toArray(this.props.children),initialSlide=utils_1.getInitialSlideInInfiniteMode(slidesToShow||this.state.slidesToShow,childrenArr),clones=utils_1.getClones(this.state.slidesToShow,childrenArr),currentSlide=childrenArr.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:clones.length,currentSlide:forResizing&&!resetCurrentSlide?currentSlide:initialSlide},function(){_this.correctItemsPosition(itemWidth||_this.state.itemWidth);});},Carousel.prototype.setItemsToShow=function(shouldCorrectItemPosition,resetCurrentSlide){var _this=this,responsive=this.props.responsive;Object.keys(responsive).forEach(function(item){var _a=responsive[item],breakpoint=_a.breakpoint,items=_a.items,max=breakpoint.max,min=breakpoint.min,widths=[window.innerWidth];window.screen&&window.screen.width&&widths.push(window.screen.width);var screenWidth=Math.min.apply(Math,widths);min<=screenWidth&&screenWidth<=max&&(_this.setState({slidesToShow:items,deviceType:item}),_this.setContainerAndItemWidth(items,shouldCorrectItemPosition,resetCurrentSlide));});},Carousel.prototype.setContainerAndItemWidth=function(slidesToShow,shouldCorrectItemPosition,resetCurrentSlide){var _this=this;if(this.containerRef&&this.containerRef.current){var containerWidth=this.containerRef.current.offsetWidth,itemWidth_1=utils_1.getItemClientSideWidth(this.props,slidesToShow,containerWidth);this.setState({containerWidth:containerWidth,itemWidth:itemWidth_1},function(){_this.props.infinite&&_this.setClones(slidesToShow,itemWidth_1,shouldCorrectItemPosition,resetCurrentSlide);}),shouldCorrectItemPosition&&this.correctItemsPosition(itemWidth_1);}},Carousel.prototype.correctItemsPosition=function(itemWidth,isAnimationAllowed,setToDomDirectly){isAnimationAllowed&&(this.isAnimationAllowed=true),!isAnimationAllowed&&this.isAnimationAllowed&&(this.isAnimationAllowed=false);var nextTransform=this.state.totalItems<this.state.slidesToShow?0:-itemWidth*this.state.currentSlide;setToDomDirectly&&this.setTransformDirectly(nextTransform,true),this.setState({transform:nextTransform});},Carousel.prototype.onResize=function(value){var shouldCorrectItemPosition;shouldCorrectItemPosition=!!this.props.infinite&&("boolean"!=typeof value||!value),this.setItemsToShow(shouldCorrectItemPosition);},Carousel.prototype.componentDidUpdate=function(_a,_b){var _this=this,keyBoardControl=_a.keyBoardControl,autoPlay=_a.autoPlay,children=_a.children,containerWidth=_b.containerWidth,domLoaded=_b.domLoaded,currentSlide=_b.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==containerWidth&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout(function(){_this.setItemsToShow(true);},this.props.transitionDuration||defaultTransitionDuration)),keyBoardControl&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!keyBoardControl&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),autoPlay&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),autoPlay||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),children.length!==this.props.children.length?Carousel.clonesTimeout=setTimeout(function(){_this.props.infinite?_this.setClones(_this.state.slidesToShow,_this.state.itemWidth,true,true):_this.resetTotalItems();},this.props.transitionDuration||defaultTransitionDuration):this.props.infinite&&this.state.currentSlide!==currentSlide&&this.correctClonesPosition({domLoaded:domLoaded}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&utils_1.isInRightEnd(this.state)){var rewindBuffer=this.props.transitionDuration||defaultTransitionDuration;Carousel.isInThrottleTimeout=setTimeout(function(){_this.setIsInThrottle(false),_this.resetAutoplayInterval(),_this.goToSlide(0,void 0,!!_this.props.rewindWithAnimation);},rewindBuffer+this.props.autoPlaySpeed);}},Carousel.prototype.correctClonesPosition=function(_a){var _this=this,domLoaded=_a.domLoaded,childrenArr=React$1.Children.toArray(this.props.children),_b=utils_1.checkClonesPosition(this.state,childrenArr,this.props),isReachingTheEnd=_b.isReachingTheEnd,isReachingTheStart=_b.isReachingTheStart,nextSlide=_b.nextSlide,nextPosition=_b.nextPosition;this.state.domLoaded&&domLoaded&&(isReachingTheEnd||isReachingTheStart)&&(this.isAnimationAllowed=false,Carousel.transformTimeout=setTimeout(function(){_this.setState({transform:nextPosition,currentSlide:nextSlide});},this.props.transitionDuration||defaultTransitionDuration));},Carousel.prototype.next=function(slidesHavePassed){var _this=this;void 0===slidesHavePassed&&(slidesHavePassed=0);var _a=this.props,afterChange=_a.afterChange,beforeChange=_a.beforeChange;if(!utils_1.notEnoughChildren(this.state)){var _b=utils_1.populateNextSlides(this.state,this.props,slidesHavePassed),nextSlides=_b.nextSlides,nextPosition=_b.nextPosition,previousSlide=this.state.currentSlide;void 0!==nextSlides&&void 0!==nextPosition&&("function"==typeof beforeChange&&beforeChange(nextSlides,this.getState()),this.isAnimationAllowed=true,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:nextPosition,currentSlide:nextSlides},function(){"function"==typeof afterChange&&(Carousel.afterChangeTimeout=setTimeout(function(){afterChange(previousSlide,_this.getState());},_this.props.transitionDuration||defaultTransitionDuration));}));}},Carousel.prototype.previous=function(slidesHavePassed){var _this=this;void 0===slidesHavePassed&&(slidesHavePassed=0);var _a=this.props,afterChange=_a.afterChange,beforeChange=_a.beforeChange;if(!utils_1.notEnoughChildren(this.state)){var _b=utils_1.populatePreviousSlides(this.state,this.props,slidesHavePassed),nextSlides=_b.nextSlides,nextPosition=_b.nextPosition;if(void 0!==nextSlides&&void 0!==nextPosition){var previousSlide=this.state.currentSlide;"function"==typeof beforeChange&&beforeChange(nextSlides,this.getState()),this.isAnimationAllowed=true,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:nextPosition,currentSlide:nextSlides},function(){"function"==typeof afterChange&&(Carousel.afterChangeTimeout2=setTimeout(function(){afterChange(previousSlide,_this.getState());},_this.props.transitionDuration||defaultTransitionDuration));});}}},Carousel.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));},Carousel.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),Carousel.clonesTimeout&&clearTimeout(Carousel.clonesTimeout),Carousel.isInThrottleTimeout&&clearTimeout(Carousel.isInThrottleTimeout),Carousel.transformTimeout&&clearTimeout(Carousel.transformTimeout),Carousel.afterChangeTimeout&&clearTimeout(Carousel.afterChangeTimeout),Carousel.afterChangeTimeout2&&clearTimeout(Carousel.afterChangeTimeout2),Carousel.afterChangeTimeout3&&clearTimeout(Carousel.afterChangeTimeout3);},Carousel.prototype.resetMoveStatus=function(){this.onMove=false,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0;},Carousel.prototype.getCords=function(_a){var clientX=_a.clientX,clientY=_a.clientY;return {clientX:common_1.parsePosition(this.props,clientX),clientY:common_1.parsePosition(this.props,clientY)}},Carousel.prototype.handleDown=function(e){if(!(!types_1.isMouseMoveEvent(e)&&!this.props.swipeable||types_1.isMouseMoveEvent(e)&&!this.props.draggable||this.isInThrottle)){var _a=this.getCords(types_1.isMouseMoveEvent(e)?e:e.touches[0]),clientX=_a.clientX,clientY=_a.clientY;this.onMove=true,this.initialX=clientX,this.initialY=clientY,this.lastX=clientX,this.isAnimationAllowed=false;}},Carousel.prototype.handleMove=function(e){if(!(!types_1.isMouseMoveEvent(e)&&!this.props.swipeable||types_1.isMouseMoveEvent(e)&&!this.props.draggable||utils_1.notEnoughChildren(this.state))){var _a=this.getCords(types_1.isMouseMoveEvent(e)?e:e.touches[0]),clientX=_a.clientX,clientY=_a.clientY,diffX=this.initialX-clientX,diffY=this.initialY-clientY;if(this.onMove){if(!(Math.abs(diffX)>Math.abs(diffY)))return;var _b=utils_1.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,clientX,this.transformPlaceHolder),direction=_b.direction,nextPosition=_b.nextPosition,canContinue=_b.canContinue;direction&&(this.direction=direction,canContinue&&void 0!==nextPosition&&this.setTransformDirectly(nextPosition)),this.lastX=clientX;}}},Carousel.prototype.handleOut=function(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var shouldDisableOnMobile="touchend"===e.type&&!this.props.swipeable,shouldDisableOnDesktop=("mouseleave"===e.type||"mouseup"===e.type)&&!this.props.draggable;if(!shouldDisableOnMobile&&!shouldDisableOnDesktop&&this.onMove){if(this.setAnimationDirectly(true),"right"===this.direction)if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var slidesHavePassed=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(slidesHavePassed);}else this.correctItemsPosition(this.state.itemWidth,true,true);if("left"===this.direction)if(this.lastX-this.initialX>this.props.minimumTouchDrag){slidesHavePassed=Math.round((this.lastX-this.initialX)/this.state.itemWidth);this.previous(slidesHavePassed);}else this.correctItemsPosition(this.state.itemWidth,true,true);this.resetMoveStatus();}},Carousel.prototype.isInViewport=function(el){var _a=el.getBoundingClientRect(),_b=_a.top,top=void 0===_b?0:_b,_c=_a.left,left=void 0===_c?0:_c,_d=_a.bottom,bottom=void 0===_d?0:_d,_e=_a.right,right=void 0===_e?0:_e;return 0<=top&&0<=left&&bottom<=(window.innerHeight||document.documentElement.clientHeight)&&right<=(window.innerWidth||document.documentElement.clientWidth)},Carousel.prototype.isChildOfCarousel=function(el){return !!(el instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(el)},Carousel.prototype.onKeyUp=function(e){var target=e.target;switch(e.keyCode){case 37:if(this.isChildOfCarousel(target))return this.previous();break;case 39:if(this.isChildOfCarousel(target))return this.next();break;case 9:if(this.isChildOfCarousel(target)&&target instanceof HTMLInputElement&&this.isInViewport(target))return this.next()}},Carousel.prototype.handleEnter=function(e){types_1.isMouseMoveEvent(e)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0);},Carousel.prototype.goToSlide=function(slide,skipCallbacks,animationAllowed){var _this=this;if(void 0===animationAllowed&&(animationAllowed=true),!this.isInThrottle){var itemWidth=this.state.itemWidth,_a=this.props,afterChange=_a.afterChange,beforeChange=_a.beforeChange,previousSlide=this.state.currentSlide;"function"!=typeof beforeChange||skipCallbacks&&("object"!=typeof skipCallbacks||skipCallbacks.skipBeforeChange)||beforeChange(slide,this.getState()),this.isAnimationAllowed=animationAllowed,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:slide,transform:-itemWidth*slide},function(){_this.props.infinite&&_this.correctClonesPosition({domLoaded:true}),"function"!=typeof afterChange||skipCallbacks&&("object"!=typeof skipCallbacks||skipCallbacks.skipAfterChange)||(Carousel.afterChangeTimeout3=setTimeout(function(){afterChange(previousSlide,_this.getState());},_this.props.transitionDuration||defaultTransitionDuration));});}},Carousel.prototype.getState=function(){return this.state},Carousel.prototype.renderLeftArrow=function(disbaled){var _this=this,_a=this.props,customLeftArrow=_a.customLeftArrow,rtl=_a.rtl;return React$1.createElement(Arrows_1.LeftArrow,{customLeftArrow:customLeftArrow,getState:function(){return _this.getState()},previous:this.previous,disabled:disbaled,rtl:rtl})},Carousel.prototype.renderRightArrow=function(disbaled){var _this=this,_a=this.props,customRightArrow=_a.customRightArrow,rtl=_a.rtl;return React$1.createElement(Arrows_1.RightArrow,{customRightArrow:customRightArrow,getState:function(){return _this.getState()},next:this.next,disabled:disbaled,rtl:rtl})},Carousel.prototype.renderButtonGroups=function(){var _this=this,customButtonGroup=this.props.customButtonGroup;return customButtonGroup?React$1.cloneElement(customButtonGroup,{previous:function(){return _this.previous()},next:function(){return _this.next()},goToSlide:function(slideIndex,skipCallbacks){return _this.goToSlide(slideIndex,skipCallbacks)},carouselState:this.getState()}):null},Carousel.prototype.renderDotsList=function(){var _this=this;return React$1.createElement(Dots_1.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return _this.getState()}})},Carousel.prototype.renderCarouselItems=function(){var clones=[];if(this.props.infinite){var childrenArr=React$1.Children.toArray(this.props.children);clones=utils_1.getClones(this.state.slidesToShow,childrenArr);}return React$1.createElement(CarouselItems_1.default,{clones:clones,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:utils_1.notEnoughChildren(this.state),props:this.props})},Carousel.prototype.render=function(){var _a=this.props,deviceType=_a.deviceType,arrows=_a.arrows,renderArrowsWhenDisabled=_a.renderArrowsWhenDisabled,removeArrowOnDeviceType=_a.removeArrowOnDeviceType,infinite=_a.infinite,containerClass=_a.containerClass,sliderClass=_a.sliderClass,customTransition=_a.customTransition,additionalTransfrom=_a.additionalTransfrom,renderDotsOutside=_a.renderDotsOutside,renderButtonGroupOutside=_a.renderButtonGroupOutside,className=_a.className,rtl=_a.rtl;"production"!==process.env.NODE_ENV&&utils_1.throwError(this.state,this.props);var _b=utils_1.getInitialState(this.state,this.props),shouldRenderOnSSR=_b.shouldRenderOnSSR,shouldRenderAtAll=_b.shouldRenderAtAll,isLeftEndReach=utils_1.isInLeftEnd(this.state),isRightEndReach=utils_1.isInRightEnd(this.state),shouldShowArrows=arrows&&!(removeArrowOnDeviceType&&(deviceType&&-1<removeArrowOnDeviceType.indexOf(deviceType)||this.state.deviceType&&-1<removeArrowOnDeviceType.indexOf(this.state.deviceType)))&&!utils_1.notEnoughChildren(this.state)&&shouldRenderAtAll,disableLeftArrow=!infinite&&isLeftEndReach,disableRightArrow=!infinite&&isRightEndReach,currentTransform=common_1.getTransform(this.state,this.props);return React$1.createElement(React$1.Fragment,null,React$1.createElement("div",{className:"react-multi-carousel-list "+containerClass+" "+className,dir:rtl?"rtl":"ltr",ref:this.containerRef},React$1.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+sliderClass,style:{transition:this.isAnimationAllowed?customTransition||defaultTransition:"none",overflow:shouldRenderOnSSR?"hidden":"unset",transform:"translate3d("+(currentTransform+additionalTransfrom)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),shouldShowArrows&&(!disableLeftArrow||renderArrowsWhenDisabled)&&this.renderLeftArrow(disableLeftArrow),shouldShowArrows&&(!disableRightArrow||renderArrowsWhenDisabled)&&this.renderRightArrow(disableRightArrow),shouldRenderAtAll&&!renderButtonGroupOutside&&this.renderButtonGroups(),shouldRenderAtAll&&!renderDotsOutside&&this.renderDotsList()),shouldRenderAtAll&&renderDotsOutside&&this.renderDotsList(),shouldRenderAtAll&&renderButtonGroupOutside&&this.renderButtonGroups())},Carousel.defaultProps={slidesToSlide:1,infinite:false,draggable:true,swipeable:true,arrows:true,renderArrowsWhenDisabled:false,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:true,autoPlaySpeed:3e3,showDots:false,renderDotsOutside:false,renderButtonGroupOutside:false,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:false,centerMode:false,additionalTransfrom:0,pauseOnHover:true,shouldResetAutoplay:true,rewind:false,rtl:false,rewindWithAnimation:false},Carousel}(React$1.Component);Carousel.default=Carousel$1;
|
|
16
|
-
return Carousel;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { requireCarousel as __require };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __exports as CarouselItems } from '../../../_virtual/CarouselItems.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { __require as requireUtils } from './utils/index.js';
|
|
4
|
-
|
|
5
|
-
var hasRequiredCarouselItems;
|
|
6
|
-
|
|
7
|
-
function requireCarouselItems () {
|
|
8
|
-
if (hasRequiredCarouselItems) return CarouselItems;
|
|
9
|
-
hasRequiredCarouselItems = 1;
|
|
10
|
-
Object.defineProperty(CarouselItems,"__esModule",{value:true});var React$1=React,utils_1=requireUtils(),CarouselItems$1=function(_a){var props=_a.props,state=_a.state,goToSlide=_a.goToSlide,clones=_a.clones,notEnoughChildren=_a.notEnoughChildren,itemWidth=state.itemWidth,children=props.children,infinite=props.infinite,itemClass=props.itemClass,itemAriaLabel=props.itemAriaLabel,partialVisbile=props.partialVisbile,partialVisible=props.partialVisible,_b=utils_1.getInitialState(state,props),flexBisis=_b.flexBisis,shouldRenderOnSSR=_b.shouldRenderOnSSR,domFullyLoaded=_b.domFullyLoaded,partialVisibilityGutter=_b.partialVisibilityGutter;return _b.shouldRenderAtAll?(partialVisbile&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),React$1.createElement(React$1.Fragment,null,(infinite?clones:React$1.Children.toArray(children)).map(function(child,index){return React$1.createElement("li",{key:index,"data-index":index,onClick:function(){props.focusOnSelect&&goToSlide(index);},"aria-hidden":utils_1.getIfSlideIsVisbile(index,state)?"false":"true","aria-label":itemAriaLabel||(child.props.ariaLabel?child.props.ariaLabel:null),style:{flex:shouldRenderOnSSR?"1 0 "+flexBisis+"%":"auto",position:"relative",width:domFullyLoaded?((partialVisbile||partialVisible)&&partialVisibilityGutter&&!notEnoughChildren?itemWidth-partialVisibilityGutter:itemWidth)+"px":"auto"},className:"react-multi-carousel-item "+(utils_1.getIfSlideIsVisbile(index,state)?"react-multi-carousel-item--active":"")+" "+itemClass},child)}))):null};CarouselItems.default=CarouselItems$1;
|
|
11
|
-
return CarouselItems;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { requireCarouselItems as __require };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { __exports as Dots } from '../../../_virtual/Dots.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { __require as requireClones } from './utils/clones.js';
|
|
4
|
-
import { __require as requireDots$1 } from './utils/dots.js';
|
|
5
|
-
import { __require as requireCommon } from './utils/common.js';
|
|
6
|
-
|
|
7
|
-
var hasRequiredDots;
|
|
8
|
-
|
|
9
|
-
function requireDots () {
|
|
10
|
-
if (hasRequiredDots) return Dots;
|
|
11
|
-
hasRequiredDots = 1;
|
|
12
|
-
Object.defineProperty(Dots,"__esModule",{value:true});var React$1=React,clones_1=requireClones(),dots_1=requireDots$1(),common_1=requireCommon(),Dots$1=function(_a){var props=_a.props,state=_a.state,goToSlide=_a.goToSlide,getState=_a.getState,showDots=props.showDots,customDot=props.customDot,dotListClass=props.dotListClass,infinite=props.infinite,children=props.children;if(!showDots||common_1.notEnoughChildren(state))return null;var numberOfDotsToShow,currentSlide=state.currentSlide,slidesToShow=state.slidesToShow,slidesToSlide=common_1.getSlidesToSlide(state,props),childrenArr=React$1.Children.toArray(children);numberOfDotsToShow=infinite?Math.ceil(childrenArr.length/slidesToSlide):Math.ceil((childrenArr.length-slidesToShow)/slidesToSlide)+1;var nextSlidesTable=dots_1.getLookupTableForNextSlides(numberOfDotsToShow,state,props,childrenArr),lookupTable=clones_1.getOriginalIndexLookupTableByClones(slidesToShow,childrenArr),currentSlides=lookupTable[currentSlide];return React$1.createElement("ul",{className:"react-multi-carousel-dot-list "+dotListClass},Array(numberOfDotsToShow).fill(0).map(function(_,index){var isActive,nextSlide;if(infinite){nextSlide=nextSlidesTable[index];var cloneIndex=lookupTable[nextSlide];isActive=currentSlides===cloneIndex||cloneIndex<=currentSlides&¤tSlides<cloneIndex+slidesToSlide;}else {var maximumNextSlide=childrenArr.length-slidesToShow,possibileNextSlides=index*slidesToSlide;isActive=(nextSlide=maximumNextSlide<possibileNextSlides?maximumNextSlide:possibileNextSlides)===currentSlide||nextSlide<currentSlide&¤tSlide<nextSlide+slidesToSlide&¤tSlide<childrenArr.length-slidesToShow;}return customDot?React$1.cloneElement(customDot,{index:index,active:isActive,key:index,onClick:function(){return goToSlide(nextSlide)},carouselState:getState()}):React$1.createElement("li",{"data-index":index,key:index,className:"react-multi-carousel-dot "+(isActive?"react-multi-carousel-dot--active":"")},React$1.createElement("button",{"aria-label":"Go to slide "+(index+1),onClick:function(){return goToSlide(nextSlide)}}))}))};Dots.default=Dots$1;
|
|
13
|
-
return Dots;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { requireDots as __require };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __exports as lib } from '../../../_virtual/index2.js';
|
|
2
|
-
import { __require as requireCarousel } from './Carousel.js';
|
|
3
|
-
|
|
4
|
-
var hasRequiredLib;
|
|
5
|
-
|
|
6
|
-
function requireLib () {
|
|
7
|
-
if (hasRequiredLib) return lib;
|
|
8
|
-
hasRequiredLib = 1;
|
|
9
|
-
Object.defineProperty(lib,"__esModule",{value:true});var Carousel_1=requireCarousel();lib.default=Carousel_1.default;
|
|
10
|
-
return lib;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { requireLib as __require };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __exports as types } from '../../../_virtual/types.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
var hasRequiredTypes;
|
|
5
|
-
|
|
6
|
-
function requireTypes () {
|
|
7
|
-
if (hasRequiredTypes) return types;
|
|
8
|
-
hasRequiredTypes = 1;
|
|
9
|
-
var __extends=types&&types.__extends||function(){var extendStatics=function(d,b){return (extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b;}||function(d,b){for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p]);})(d,b)};return function(d,b){function __(){this.constructor=d;}extendStatics(d,b),d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __);}}();Object.defineProperty(types,"__esModule",{value:true});var React$1=React;function isMouseMoveEvent(e){return "clientY"in e}types.isMouseMoveEvent=isMouseMoveEvent;var Carousel=function(_super){function Carousel(){return null!==_super&&_super.apply(this,arguments)||this}return __extends(Carousel,_super),Carousel}(React$1.Component);types.default=Carousel;
|
|
10
|
-
return types;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { requireTypes as __require };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __exports as clones } from '../../../../_virtual/clones.js';
|
|
2
|
-
|
|
3
|
-
var hasRequiredClones;
|
|
4
|
-
|
|
5
|
-
function requireClones () {
|
|
6
|
-
if (hasRequiredClones) return clones;
|
|
7
|
-
hasRequiredClones = 1;
|
|
8
|
-
(function (exports) {
|
|
9
|
-
function getOriginalCounterPart(index,_a,childrenArr){var slidesToShow=_a.slidesToShow,currentSlide=_a.currentSlide;return childrenArr.length>2*slidesToShow?index+2*slidesToShow:currentSlide>=childrenArr.length?childrenArr.length+index:index}function getOriginalIndexLookupTableByClones(slidesToShow,childrenArr){if(childrenArr.length>2*slidesToShow){for(var table={},firstBeginningOfClones=childrenArr.length-2*slidesToShow,firstEndOfClones=childrenArr.length-firstBeginningOfClones,firstCount=firstBeginningOfClones,i=0;i<firstEndOfClones;i++)table[i]=firstCount,firstCount++;var secondBeginningOfClones=childrenArr.length+firstEndOfClones,secondEndOfClones=secondBeginningOfClones+childrenArr.slice(0,2*slidesToShow).length,secondCount=0;for(i=secondBeginningOfClones;i<=secondEndOfClones;i++)table[i]=secondCount,secondCount++;var originalEnd=secondBeginningOfClones,originalCounter=0;for(i=firstEndOfClones;i<originalEnd;i++)table[i]=originalCounter,originalCounter++;return table}table={};var totalSlides=3*childrenArr.length,count=0;for(i=0;i<totalSlides;i++)table[i]=count,++count===childrenArr.length&&(count=0);return table}function getClones(slidesToShow,childrenArr){return childrenArr.length<slidesToShow?childrenArr:childrenArr.length>2*slidesToShow?childrenArr.slice(childrenArr.length-2*slidesToShow,childrenArr.length).concat(childrenArr,childrenArr.slice(0,2*slidesToShow)):childrenArr.concat(childrenArr,childrenArr)}function getInitialSlideInInfiniteMode(slidesToShow,childrenArr){return childrenArr.length>2*slidesToShow?2*slidesToShow:childrenArr.length}function checkClonesPosition(_a,childrenArr,props){var isReachingTheEnd,currentSlide=_a.currentSlide,slidesToShow=_a.slidesToShow,itemWidth=_a.itemWidth,totalItems=_a.totalItems,nextSlide=0,nextPosition=0,isReachingTheStart=0===currentSlide,originalFirstSlide=childrenArr.length-(childrenArr.length-2*slidesToShow);return childrenArr.length<slidesToShow?(nextPosition=nextSlide=0,isReachingTheStart=isReachingTheEnd=false):childrenArr.length>2*slidesToShow?((isReachingTheEnd=currentSlide>=originalFirstSlide+childrenArr.length)&&(nextPosition=-itemWidth*(nextSlide=currentSlide-childrenArr.length)),isReachingTheStart&&(nextPosition=-itemWidth*(nextSlide=originalFirstSlide+(childrenArr.length-2*slidesToShow)))):((isReachingTheEnd=currentSlide>=2*childrenArr.length)&&(nextPosition=-itemWidth*(nextSlide=currentSlide-childrenArr.length)),isReachingTheStart&&(nextPosition=props.showDots?-itemWidth*(nextSlide=childrenArr.length):-itemWidth*(nextSlide=totalItems/3))),{isReachingTheEnd:isReachingTheEnd,isReachingTheStart:isReachingTheStart,nextSlide:nextSlide,nextPosition:nextPosition}}Object.defineProperty(exports,"__esModule",{value:true}),exports.getOriginalCounterPart=getOriginalCounterPart,exports.getOriginalIndexLookupTableByClones=getOriginalIndexLookupTableByClones,exports.getClones=getClones,exports.getInitialSlideInInfiniteMode=getInitialSlideInInfiniteMode,exports.checkClonesPosition=checkClonesPosition;
|
|
10
|
-
} (clones));
|
|
11
|
-
return clones;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { requireClones as __require };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __exports as common } from '../../../../_virtual/common.js';
|
|
2
|
-
import { __require as requireElementWidth } from './elementWidth.js';
|
|
3
|
-
|
|
4
|
-
var hasRequiredCommon;
|
|
5
|
-
|
|
6
|
-
function requireCommon () {
|
|
7
|
-
if (hasRequiredCommon) return common;
|
|
8
|
-
hasRequiredCommon = 1;
|
|
9
|
-
Object.defineProperty(common,"__esModule",{value:true});var elementWidth_1=requireElementWidth();function notEnoughChildren(state){var slidesToShow=state.slidesToShow;return state.totalItems<slidesToShow}function getInitialState(state,props){var flexBisis,domLoaded=state.domLoaded,slidesToShow=state.slidesToShow,containerWidth=state.containerWidth,itemWidth=state.itemWidth,deviceType=props.deviceType,responsive=props.responsive,ssr=props.ssr,partialVisbile=props.partialVisbile,partialVisible=props.partialVisible,domFullyLoaded=Boolean(domLoaded&&slidesToShow&&containerWidth&&itemWidth);ssr&&deviceType&&!domFullyLoaded&&(flexBisis=elementWidth_1.getWidthFromDeviceType(deviceType,responsive));var shouldRenderOnSSR=Boolean(ssr&&deviceType&&!domFullyLoaded&&flexBisis);return {shouldRenderOnSSR:shouldRenderOnSSR,flexBisis:flexBisis,domFullyLoaded:domFullyLoaded,partialVisibilityGutter:elementWidth_1.getPartialVisibilityGutter(responsive,partialVisbile||partialVisible,deviceType,state.deviceType),shouldRenderAtAll:shouldRenderOnSSR||domFullyLoaded}}function getIfSlideIsVisbile(index,state){var currentSlide=state.currentSlide,slidesToShow=state.slidesToShow;return currentSlide<=index&&index<currentSlide+slidesToShow}function getTransformForCenterMode(state,props,transformPlaceHolder){var transform=transformPlaceHolder||state.transform;return !props.infinite&&0===state.currentSlide||notEnoughChildren(state)?transform:transform+state.itemWidth/2}function isInLeftEnd(_a){return !(0<_a.currentSlide)}function isInRightEnd(_a){var currentSlide=_a.currentSlide,totalItems=_a.totalItems;return !(currentSlide+_a.slidesToShow<totalItems)}function getTransformForPartialVsibile(state,partialVisibilityGutter,props,transformPlaceHolder){ void 0===partialVisibilityGutter&&(partialVisibilityGutter=0);var currentSlide=state.currentSlide,slidesToShow=state.slidesToShow,isRightEndReach=isInRightEnd(state),shouldRemoveRightGutter=!props.infinite&&isRightEndReach,baseTransform=transformPlaceHolder||state.transform;if(notEnoughChildren(state))return baseTransform;var transform=baseTransform+currentSlide*partialVisibilityGutter;return shouldRemoveRightGutter?transform+(state.containerWidth-(state.itemWidth-partialVisibilityGutter)*slidesToShow):transform}function parsePosition(props,position){return props.rtl?-1*position:position}function getTransform(state,props,transformPlaceHolder){var partialVisbile=props.partialVisbile,partialVisible=props.partialVisible,responsive=props.responsive,deviceType=props.deviceType,centerMode=props.centerMode,transform=transformPlaceHolder||state.transform,partialVisibilityGutter=elementWidth_1.getPartialVisibilityGutter(responsive,partialVisbile||partialVisible,deviceType,state.deviceType);return parsePosition(props,partialVisible||partialVisbile?getTransformForPartialVsibile(state,partialVisibilityGutter,props,transformPlaceHolder):centerMode?getTransformForCenterMode(state,props,transformPlaceHolder):transform)}function getSlidesToSlide(state,props){var domLoaded=state.domLoaded,slidesToShow=state.slidesToShow,containerWidth=state.containerWidth,itemWidth=state.itemWidth,deviceType=props.deviceType,responsive=props.responsive,slidesToScroll=props.slidesToSlide||1,domFullyLoaded=Boolean(domLoaded&&slidesToShow&&containerWidth&&itemWidth);return props.ssr&&props.deviceType&&!domFullyLoaded&&Object.keys(responsive).forEach(function(device){var slidesToSlide=responsive[device].slidesToSlide;deviceType===device&&slidesToSlide&&(slidesToScroll=slidesToSlide);}),domFullyLoaded&&Object.keys(responsive).forEach(function(item){var _a=responsive[item],breakpoint=_a.breakpoint,slidesToSlide=_a.slidesToSlide,max=breakpoint.max,min=breakpoint.min;slidesToSlide&&window.innerWidth>=min&&window.innerWidth<=max&&(slidesToScroll=slidesToSlide);}),slidesToScroll}common.notEnoughChildren=notEnoughChildren,common.getInitialState=getInitialState,common.getIfSlideIsVisbile=getIfSlideIsVisbile,common.getTransformForCenterMode=getTransformForCenterMode,common.isInLeftEnd=isInLeftEnd,common.isInRightEnd=isInRightEnd,common.getTransformForPartialVsibile=getTransformForPartialVsibile,common.parsePosition=parsePosition,common.getTransform=getTransform,common.getSlidesToSlide=getSlidesToSlide;
|
|
10
|
-
return common;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { requireCommon as __require };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __exports as dots } from '../../../../_virtual/dots2.js';
|
|
2
|
-
import { __require as requireClones } from './clones.js';
|
|
3
|
-
import { __require as requireCommon } from './common.js';
|
|
4
|
-
|
|
5
|
-
var hasRequiredDots;
|
|
6
|
-
|
|
7
|
-
function requireDots () {
|
|
8
|
-
if (hasRequiredDots) return dots;
|
|
9
|
-
hasRequiredDots = 1;
|
|
10
|
-
Object.defineProperty(dots,"__esModule",{value:true});var clones_1=requireClones(),common_1=requireCommon();function getLookupTableForNextSlides(numberOfDotsToShow,state,props,childrenArr){var table={},slidesToSlide=common_1.getSlidesToSlide(state,props);return Array(numberOfDotsToShow).fill(0).forEach(function(_,i){var nextSlide=clones_1.getOriginalCounterPart(i,state,childrenArr);if(0===i)table[0]=nextSlide;else {var now=table[i-1]+slidesToSlide;table[i]=now;}}),table}dots.getLookupTableForNextSlides=getLookupTableForNextSlides;
|
|
11
|
-
return dots;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { requireDots as __require };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { __exports as elementWidth } from '../../../../_virtual/elementWidth.js';
|
|
2
|
-
|
|
3
|
-
var hasRequiredElementWidth;
|
|
4
|
-
|
|
5
|
-
function requireElementWidth () {
|
|
6
|
-
if (hasRequiredElementWidth) return elementWidth;
|
|
7
|
-
hasRequiredElementWidth = 1;
|
|
8
|
-
Object.defineProperty(elementWidth,"__esModule",{value:true});var hasWarnAboutTypo=false;function getPartialVisibilityGutter(responsive,partialVisible,serverSideDeviceType,clientSideDeviceType){var gutter=0,deviceType=clientSideDeviceType||serverSideDeviceType;return partialVisible&&deviceType&&(!hasWarnAboutTypo&&"production"!==process.env.NODE_ENV&&responsive[deviceType].paritialVisibilityGutter&&(hasWarnAboutTypo=true,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),gutter=responsive[deviceType].partialVisibilityGutter||responsive[deviceType].paritialVisibilityGutter),gutter}function getWidthFromDeviceType(deviceType,responsive){var itemWidth;responsive[deviceType]&&(itemWidth=(100/responsive[deviceType].items).toFixed(1));return itemWidth}function getItemClientSideWidth(props,slidesToShow,containerWidth){return Math.round(containerWidth/(slidesToShow+(props.centerMode?1:0)))}elementWidth.getPartialVisibilityGutter=getPartialVisibilityGutter,elementWidth.getWidthFromDeviceType=getWidthFromDeviceType,elementWidth.getItemClientSideWidth=getItemClientSideWidth;
|
|
9
|
-
return elementWidth;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { requireElementWidth as __require };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { __exports as utils } from '../../../../_virtual/index3.js';
|
|
2
|
-
import { __require as requireClones } from './clones.js';
|
|
3
|
-
import { __require as requireElementWidth } from './elementWidth.js';
|
|
4
|
-
import { __require as requireCommon } from './common.js';
|
|
5
|
-
import { __require as requireThrottle } from './throttle.js';
|
|
6
|
-
import { __require as requireThrowError } from './throwError.js';
|
|
7
|
-
import { __require as requireNext } from './next.js';
|
|
8
|
-
import { __require as requirePrevious } from './previous.js';
|
|
9
|
-
import { __require as requireMouseOrTouchMove } from './mouseOrTouchMove.js';
|
|
10
|
-
|
|
11
|
-
var hasRequiredUtils;
|
|
12
|
-
|
|
13
|
-
function requireUtils () {
|
|
14
|
-
if (hasRequiredUtils) return utils;
|
|
15
|
-
hasRequiredUtils = 1;
|
|
16
|
-
Object.defineProperty(utils,"__esModule",{value:true});var clones_1=requireClones();utils.getOriginalCounterPart=clones_1.getOriginalCounterPart,utils.getClones=clones_1.getClones,utils.checkClonesPosition=clones_1.checkClonesPosition,utils.getInitialSlideInInfiniteMode=clones_1.getInitialSlideInInfiniteMode;var elementWidth_1=requireElementWidth();utils.getWidthFromDeviceType=elementWidth_1.getWidthFromDeviceType,utils.getPartialVisibilityGutter=elementWidth_1.getPartialVisibilityGutter,utils.getItemClientSideWidth=elementWidth_1.getItemClientSideWidth;var common_1=requireCommon();utils.getInitialState=common_1.getInitialState,utils.getIfSlideIsVisbile=common_1.getIfSlideIsVisbile,utils.getTransformForCenterMode=common_1.getTransformForCenterMode,utils.getTransformForPartialVsibile=common_1.getTransformForPartialVsibile,utils.isInLeftEnd=common_1.isInLeftEnd,utils.isInRightEnd=common_1.isInRightEnd,utils.notEnoughChildren=common_1.notEnoughChildren,utils.getSlidesToSlide=common_1.getSlidesToSlide;var throttle_1=requireThrottle();utils.throttle=throttle_1.default;var throwError_1=requireThrowError();utils.throwError=throwError_1.default;var next_1=requireNext();utils.populateNextSlides=next_1.populateNextSlides;var previous_1=requirePrevious();utils.populatePreviousSlides=previous_1.populatePreviousSlides;var mouseOrTouchMove_1=requireMouseOrTouchMove();utils.populateSlidesOnMouseTouchMove=mouseOrTouchMove_1.populateSlidesOnMouseTouchMove;
|
|
17
|
-
return utils;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export { requireUtils as __require };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __exports as mouseOrTouchMove } from '../../../../_virtual/mouseOrTouchMove.js';
|
|
2
|
-
|
|
3
|
-
var hasRequiredMouseOrTouchMove;
|
|
4
|
-
|
|
5
|
-
function requireMouseOrTouchMove () {
|
|
6
|
-
if (hasRequiredMouseOrTouchMove) return mouseOrTouchMove;
|
|
7
|
-
hasRequiredMouseOrTouchMove = 1;
|
|
8
|
-
(function (exports) {
|
|
9
|
-
function populateSlidesOnMouseTouchMove(state,props,initialX,lastX,clientX,transformPlaceHolder){var direction,nextPosition,itemWidth=state.itemWidth,slidesToShow=state.slidesToShow,totalItems=state.totalItems,currentSlide=state.currentSlide,infinite=props.infinite,canContinue=false,slidesHavePassedRight=Math.round((initialX-lastX)/itemWidth),slidesHavePassedLeft=Math.round((lastX-initialX)/itemWidth),isMovingLeft=initialX<clientX;if(clientX<initialX&&!!(slidesHavePassedRight<=slidesToShow)){direction="right";var translateXLimit=Math.abs(-itemWidth*(totalItems-slidesToShow)),nextTranslate=transformPlaceHolder-(lastX-clientX),isLastSlide=currentSlide===totalItems-slidesToShow;(Math.abs(nextTranslate)<=translateXLimit||isLastSlide&&infinite)&&(nextPosition=nextTranslate,canContinue=true);}isMovingLeft&&slidesHavePassedLeft<=slidesToShow&&(direction="left",((nextTranslate=transformPlaceHolder+(clientX-lastX))<=0||0===currentSlide&&infinite)&&(canContinue=true,nextPosition=nextTranslate));return {direction:direction,nextPosition:nextPosition,canContinue:canContinue}}Object.defineProperty(exports,"__esModule",{value:true}),exports.populateSlidesOnMouseTouchMove=populateSlidesOnMouseTouchMove;
|
|
10
|
-
} (mouseOrTouchMove));
|
|
11
|
-
return mouseOrTouchMove;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { requireMouseOrTouchMove as __require };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { __exports as next } from '../../../../_virtual/next.js';
|
|
2
|
-
import { __require as requireCommon } from './common.js';
|
|
3
|
-
|
|
4
|
-
var hasRequiredNext;
|
|
5
|
-
|
|
6
|
-
function requireNext () {
|
|
7
|
-
if (hasRequiredNext) return next;
|
|
8
|
-
hasRequiredNext = 1;
|
|
9
|
-
Object.defineProperty(next,"__esModule",{value:true});var common_1=requireCommon();function populateNextSlides(state,props,slidesHavePassed){ void 0===slidesHavePassed&&(slidesHavePassed=0);var nextSlides,nextPosition,slidesToShow=state.slidesToShow,currentSlide=state.currentSlide,itemWidth=state.itemWidth,totalItems=state.totalItems,slidesToSlide=common_1.getSlidesToSlide(state,props),nextMaximumSlides=currentSlide+1+slidesHavePassed+slidesToShow+(0<slidesHavePassed?0:slidesToSlide);return nextPosition=nextMaximumSlides<=totalItems?-itemWidth*(nextSlides=currentSlide+slidesHavePassed+(0<slidesHavePassed?0:slidesToSlide)):totalItems<nextMaximumSlides&¤tSlide!==totalItems-slidesToShow?-itemWidth*(nextSlides=totalItems-slidesToShow):nextSlides=void 0,{nextSlides:nextSlides,nextPosition:nextPosition}}next.populateNextSlides=populateNextSlides;
|
|
10
|
-
return next;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export { requireNext as __require };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __exports as previous } from '../../../../_virtual/previous.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { __require as requireCommon } from './common.js';
|
|
4
|
-
|
|
5
|
-
var hasRequiredPrevious;
|
|
6
|
-
|
|
7
|
-
function requirePrevious () {
|
|
8
|
-
if (hasRequiredPrevious) return previous;
|
|
9
|
-
hasRequiredPrevious = 1;
|
|
10
|
-
Object.defineProperty(previous,"__esModule",{value:true});var React$1=React,common_1=requireCommon(),common_2=requireCommon();function populatePreviousSlides(state,props,slidesHavePassed){ void 0===slidesHavePassed&&(slidesHavePassed=0);var nextSlides,nextPosition,currentSlide=state.currentSlide,itemWidth=state.itemWidth,slidesToShow=state.slidesToShow,children=props.children,showDots=props.showDots,infinite=props.infinite,slidesToSlide=common_1.getSlidesToSlide(state,props),nextMaximumSlides=currentSlide-slidesHavePassed-(0<slidesHavePassed?0:slidesToSlide),additionalSlides=(React$1.Children.toArray(children).length-slidesToShow)%slidesToSlide;return nextPosition=0<=nextMaximumSlides?(nextSlides=nextMaximumSlides,showDots&&!infinite&&0<additionalSlides&&common_2.isInRightEnd(state)&&(nextSlides=currentSlide-additionalSlides),-itemWidth*nextSlides):nextSlides=nextMaximumSlides<0&&0!==currentSlide?0:void 0,{nextSlides:nextSlides,nextPosition:nextPosition}}previous.populatePreviousSlides=populatePreviousSlides;
|
|
11
|
-
return previous;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { requirePrevious as __require };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { __exports as throttle } from '../../../../_virtual/throttle.js';
|
|
2
|
-
|
|
3
|
-
var hasRequiredThrottle;
|
|
4
|
-
|
|
5
|
-
function requireThrottle () {
|
|
6
|
-
if (hasRequiredThrottle) return throttle;
|
|
7
|
-
hasRequiredThrottle = 1;
|
|
8
|
-
Object.defineProperty(throttle,"__esModule",{value:true});var throttle$1=function(func,limit,setIsInThrottle){var inThrottle;return function(){var args=arguments;inThrottle||(func.apply(this,args),inThrottle=true,"function"==typeof setIsInThrottle&&setIsInThrottle(true),setTimeout(function(){inThrottle=false,"function"==typeof setIsInThrottle&&setIsInThrottle(false);},limit));}};throttle.default=throttle$1;
|
|
9
|
-
return throttle;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { requireThrottle as __require };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { __exports as throwError } from '../../../../_virtual/throwError.js';
|
|
2
|
-
|
|
3
|
-
var hasRequiredThrowError;
|
|
4
|
-
|
|
5
|
-
function requireThrowError () {
|
|
6
|
-
if (hasRequiredThrowError) return throwError;
|
|
7
|
-
hasRequiredThrowError = 1;
|
|
8
|
-
(function (exports) {
|
|
9
|
-
function throwError(state,props){var partialVisbile=props.partialVisbile,partialVisible=props.partialVisible,centerMode=props.centerMode,ssr=props.ssr,responsive=props.responsive;if((partialVisbile||partialVisible)&¢erMode)throw new Error("center mode can not be used at the same time with partialVisible");if(!responsive)throw ssr?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(responsive&&"object"!=typeof responsive)throw new Error("responsive prop must be an object")}Object.defineProperty(exports,"__esModule",{value:true}),exports.default=throwError;
|
|
10
|
-
} (throwError));
|
|
11
|
-
return throwError;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export { requireThrowError as __require };
|
package/_virtual/Arrows.js
DELETED
package/_virtual/Carousel.js
DELETED
package/_virtual/Dots.js
DELETED
package/_virtual/clones.js
DELETED
package/_virtual/common.js
DELETED
package/_virtual/dots2.js
DELETED
package/_virtual/elementWidth.js
DELETED
package/_virtual/index.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
|
|
2
|
-
import { __require as requireReactMultiCarousel } from '../_vendor/react-multi-carousel/index.js';
|
|
3
|
-
|
|
4
|
-
var reactMultiCarouselExports = requireReactMultiCarousel();
|
|
5
|
-
var CarouselImport = /*@__PURE__*/getDefaultExportFromCjs(reactMultiCarouselExports);
|
|
6
|
-
|
|
7
|
-
export { CarouselImport as default };
|
package/_virtual/index2.js
DELETED
package/_virtual/index3.js
DELETED
package/_virtual/next.js
DELETED
package/_virtual/previous.js
DELETED
package/_virtual/throttle.js
DELETED
package/_virtual/throwError.js
DELETED
package/_virtual/types.js
DELETED