@razorpay/blade 12.46.1 → 12.47.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/native/components/Carousel/constants.js.map +1 -1
- package/build/lib/native/components/QuickFilters/QuickFilter.js +1 -1
- package/build/lib/native/components/QuickFilters/QuickFilter.js.map +1 -1
- package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js +1 -1
- package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js.map +1 -1
- package/build/lib/web/development/components/Carousel/Carousel.web.js +7 -6
- package/build/lib/web/development/components/Carousel/Carousel.web.js.map +1 -1
- package/build/lib/web/development/components/Carousel/constants.js +6 -1
- package/build/lib/web/development/components/Carousel/constants.js.map +1 -1
- package/build/lib/web/development/components/ListView/ListViewFilters.web.js +53 -79
- package/build/lib/web/development/components/ListView/ListViewFilters.web.js.map +1 -1
- package/build/lib/web/development/components/QuickFilters/QuickFilter.js +3 -0
- package/build/lib/web/development/components/QuickFilters/QuickFilter.js.map +1 -1
- package/build/lib/web/development/components/VisuallyHidden/ScreenReaderStyles.js +7 -9
- package/build/lib/web/development/components/VisuallyHidden/ScreenReaderStyles.js.map +1 -1
- package/build/lib/web/production/components/Carousel/Carousel.web.js +7 -6
- package/build/lib/web/production/components/Carousel/Carousel.web.js.map +1 -1
- package/build/lib/web/production/components/Carousel/constants.js +6 -1
- package/build/lib/web/production/components/Carousel/constants.js.map +1 -1
- package/build/lib/web/production/components/ListView/ListViewFilters.web.js +53 -79
- package/build/lib/web/production/components/ListView/ListViewFilters.web.js.map +1 -1
- package/build/lib/web/production/components/QuickFilters/QuickFilter.js +3 -0
- package/build/lib/web/production/components/QuickFilters/QuickFilter.js.map +1 -1
- package/build/lib/web/production/components/VisuallyHidden/ScreenReaderStyles.js +7 -9
- package/build/lib/web/production/components/VisuallyHidden/ScreenReaderStyles.js.map +1 -1
- package/build/types/components/index.d.ts +2 -2
- package/build/types/components/index.native.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../../src/components/Carousel/constants.ts"],"sourcesContent":["const CAROUSEL_AUTOPLAY_INTERVAL = 6000;\n\nconst componentIds = {\n CarouselItem: 'CarouselItem',\n};\n\nexport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds };\n"],"names":["CAROUSEL_AUTOPLAY_INTERVAL"],"mappings":"AAAM,IAAAA,0BAA0B,CAAG;;;;"}
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../src/components/Carousel/constants.ts"],"sourcesContent":["const CAROUSEL_AUTOPLAY_INTERVAL = 6000;\n/*\n Button have width of 34px in desktop , value from left /right should be 34px/2 = 17px.\n In mobile we have 24px width of button , value from left /right should be 24px/2 = 12px. (but currently we don't support overlap in mobile)\n*/\nconst CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET = '-17px';\n\nconst componentIds = {\n CarouselItem: 'CarouselItem',\n};\n\nexport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds, CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET };\n"],"names":["CAROUSEL_AUTOPLAY_INTERVAL"],"mappings":"AAAM,IAAAA,0BAA0B,CAAG;;;;"}
|
|
@@ -419,7 +419,7 @@ import { Card, CardBody } from '../Card/Card.js';
|
|
|
419
419
|
import '../Card/CardHeader.js';
|
|
420
420
|
import '../Card/CardFooter.js';
|
|
421
421
|
|
|
422
|
-
var _excluded=["value","title","trailing","selectionType","isSelected"],_excluded2=["title","value","trailing","testID"];var QuickFilterContent=function QuickFilterContent(_ref){var value=_ref.value,title=_ref.title,trailing=_ref.trailing,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,rest=_objectWithoutProperties(_ref,_excluded);return jsxs(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",width:"fit-content",justifyContent:"center",alignItems:"center",paddingY:"spacing.3",paddingLeft:"spacing.3",paddingRight:"spacing.4",children:[jsxs(Box,{display:"flex",flexDirection:"row",gap:"spacing.2",justifyContent:"center",alignItems:"center",children:[selectionType==='single'?jsx(Radio,Object.assign({value:value},makeAnalyticsAttribute(rest))):jsx(Checkbox,Object.assign({value:value},makeAnalyticsAttribute(rest))),jsx(Text,{variant:"body",size:"medium",color:isSelected?'interactive.text.primary.subtle':'interactive.text.gray.subtle',weight:"medium",children:title})]}),trailing]});};var QuickFilter=forwardRef(function(_ref2,ref){var title=_ref2.title,value=_ref2.value,trailing=_ref2.trailing,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;var isQuickFilterSelected=selectedQuickFilters.includes(value);return jsx(Card,Object.assign({padding:"spacing.0",as:"label",accessibilityLabel:title,borderRadius:"medium",elevation:"none",isSelected:isQuickFilterSelected,ref:ref},makeAnalyticsAttribute(rest),metaAttribute({testID:testID}),{children:jsx(CardBody,{children:jsx(QuickFilterContent,Object.assign({value:value,title:title,trailing:trailing,selectionType:selectionType,isSelected:isQuickFilterSelected},rest))})}));});
|
|
422
|
+
var _excluded=["value","title","trailing","selectionType","isSelected"],_excluded2=["title","value","trailing","testID"];var QuickFilterContent=function QuickFilterContent(_ref){var value=_ref.value,title=_ref.title,trailing=_ref.trailing,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,rest=_objectWithoutProperties(_ref,_excluded);return jsxs(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",width:"fit-content",justifyContent:"center",alignItems:"center",paddingY:"spacing.3",paddingLeft:"spacing.3",paddingRight:"spacing.4",children:[jsxs(Box,{display:"flex",flexDirection:"row",gap:"spacing.2",justifyContent:"center",alignItems:"center",children:[selectionType==='single'?jsx(Radio,Object.assign({value:value},makeAnalyticsAttribute(rest))):jsx(Checkbox,Object.assign({value:value},makeAnalyticsAttribute(rest))),jsx(Text,{variant:"body",size:"medium",color:isSelected?'interactive.text.primary.subtle':'interactive.text.gray.subtle',weight:"medium",children:title})]}),trailing]});};var QuickFilter=forwardRef(function(_ref2,ref){var title=_ref2.title,value=_ref2.value,trailing=_ref2.trailing,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;var isQuickFilterSelected=selectedQuickFilters.includes(value);return jsx(Card,Object.assign({padding:"spacing.0",as:"label",accessibilityLabel:title,borderRadius:"medium",elevation:"none",isSelected:isQuickFilterSelected,ref:ref,marginRight:"spacing.1"},makeAnalyticsAttribute(rest),metaAttribute({testID:testID}),{children:jsx(CardBody,{children:jsx(QuickFilterContent,Object.assign({value:value,title:title,trailing:trailing,selectionType:selectionType,isSelected:isQuickFilterSelected},rest))})}));});
|
|
423
423
|
|
|
424
424
|
export { QuickFilter };
|
|
425
425
|
//# sourceMappingURL=QuickFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickFilter.js","sources":["../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n value,\n title,\n trailing,\n selectionType = 'single',\n isSelected = false,\n ...rest\n}: QuickFilterContentProps): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.3\"\n width=\"fit-content\"\n justifyContent=\"center\"\n alignItems=\"center\"\n paddingY=\"spacing.3\"\n paddingLeft=\"spacing.3\"\n paddingRight=\"spacing.4\"\n >\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n {selectionType === 'single' ? (\n <Radio value={value} {...makeAnalyticsAttribute(rest)} />\n ) : (\n <Checkbox value={value} {...makeAnalyticsAttribute(rest)} />\n )}\n <Text\n variant=\"body\"\n size=\"medium\"\n color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n weight=\"medium\"\n >\n {title}\n </Text>\n </Box>\n\n {trailing}\n </BaseBox>\n );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n const isQuickFilterSelected = selectedQuickFilters.includes(value);\n return (\n <Card\n padding=\"spacing.0\"\n as=\"label\"\n accessibilityLabel={title}\n borderRadius=\"medium\"\n elevation=\"none\"\n isSelected={isQuickFilterSelected}\n ref={ref}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID })}\n >\n <CardBody>\n <QuickFilterContent\n value={value}\n title={title}\n trailing={trailing}\n selectionType={selectionType}\n isSelected={isQuickFilterSelected}\n {...rest}\n />\n </CardBody>\n </Card>\n );\n },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","rest","_objectWithoutProperties","_excluded","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","Object","assign","makeAnalyticsAttribute","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","_excluded2","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","padding","as","accessibilityLabel","borderRadius","elevation","metaAttribute","CardBody"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yHAaA,IAAMA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAO2B,
|
|
1
|
+
{"version":3,"file":"QuickFilter.js","sources":["../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n value,\n title,\n trailing,\n selectionType = 'single',\n isSelected = false,\n ...rest\n}: QuickFilterContentProps): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.3\"\n width=\"fit-content\"\n justifyContent=\"center\"\n alignItems=\"center\"\n paddingY=\"spacing.3\"\n paddingLeft=\"spacing.3\"\n paddingRight=\"spacing.4\"\n >\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n {selectionType === 'single' ? (\n <Radio value={value} {...makeAnalyticsAttribute(rest)} />\n ) : (\n <Checkbox value={value} {...makeAnalyticsAttribute(rest)} />\n )}\n <Text\n variant=\"body\"\n size=\"medium\"\n color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n weight=\"medium\"\n >\n {title}\n </Text>\n </Box>\n\n {trailing}\n </BaseBox>\n );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n const isQuickFilterSelected = selectedQuickFilters.includes(value);\n return (\n <Card\n padding=\"spacing.0\"\n as=\"label\"\n accessibilityLabel={title}\n borderRadius=\"medium\"\n elevation=\"none\"\n isSelected={isQuickFilterSelected}\n ref={ref}\n // Add margin to accommodate the box shadow that appears when selected, preventing visual cutoff\n marginRight=\"spacing.1\"\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID })}\n >\n <CardBody>\n <QuickFilterContent\n value={value}\n title={title}\n trailing={trailing}\n selectionType={selectionType}\n isSelected={isQuickFilterSelected}\n {...rest}\n />\n </CardBody>\n </Card>\n );\n },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","rest","_objectWithoutProperties","_excluded","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","Object","assign","makeAnalyticsAttribute","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","_excluded2","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","padding","as","accessibilityLabel","borderRadius","elevation","marginRight","metaAttribute","CardBody"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var screenReaderStyles={border:0,clip:'rect(0 0 0 0)',
|
|
1
|
+
var screenReaderStyles={border:'0',clip:'rect(0, 0, 0, 0)',height:'1px',width:'1px',margin:'-1px',padding:'0',overflow:'hidden',whiteSpace:'nowrap',position:'absolute',wordWrap:'normal'};
|
|
2
2
|
|
|
3
3
|
export { screenReaderStyles };
|
|
4
4
|
//# sourceMappingURL=ScreenReaderStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n border: 0,\n clip: 'rect(0 0 0 0)',\n
|
|
1
|
+
{"version":3,"file":"ScreenReaderStyles.js","sources":["../../../../../src/components/VisuallyHidden/ScreenReaderStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\n/**\n * Screen reader class adapted from webaim\n * https://webaim.org/techniques/css/invisiblecontent/#techniques\n */\nconst screenReaderStyles: CSSObject = {\n border: '0',\n clip: 'rect(0, 0, 0, 0)',\n height: '1px',\n width: '1px',\n margin: '-1px',\n padding: '0',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n position: 'absolute',\n wordWrap: 'normal',\n};\n\nexport { screenReaderStyles };\n"],"names":["screenReaderStyles","border","clip","height","width","margin","padding","overflow","whiteSpace","position","wordWrap"],"mappings":"AAMM,IAAAA,kBAA6B,CAAG,CACpCC,MAAM,CAAE,GAAG,CACXC,IAAI,CAAE,kBAAkB,CACxBC,MAAM,CAAE,KAAK,CACbC,KAAK,CAAE,KAAK,CACZC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,GAAG,CACZC,QAAQ,CAAE,QAAQ,CAClBC,UAAU,CAAE,QAAQ,CACpBC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,QACZ;;;;"}
|
|
@@ -7,7 +7,7 @@ import { Indicators } from './Indicators/Indicators.js';
|
|
|
7
7
|
import './NavigationButton/index.js';
|
|
8
8
|
import { CarouselContext } from './CarouselContext.js';
|
|
9
9
|
import { getCarouselItemId } from './utils.js';
|
|
10
|
-
import { componentIds, CAROUSEL_AUTOPLAY_INTERVAL } from './constants.js';
|
|
10
|
+
import { componentIds, CAROUSEL_AUTOPLAY_INTERVAL, CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET } from './constants.js';
|
|
11
11
|
import getIn from '../../utils/lodashButBetter/get.js';
|
|
12
12
|
import throttle from '../../utils/lodashButBetter/throttle.js';
|
|
13
13
|
import debounce from '../../utils/lodashButBetter/debounce.js';
|
|
@@ -74,7 +74,7 @@ var Controls = function Controls(_ref) {
|
|
|
74
74
|
}) : null]
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
|
-
if (showIndicators && navigationButtonPosition === 'side') {
|
|
77
|
+
if (showIndicators && (navigationButtonPosition === 'side' || navigationButtonPosition === 'side-overlap')) {
|
|
78
78
|
return /*#__PURE__*/jsx(Box, {
|
|
79
79
|
marginTop: "spacing.7",
|
|
80
80
|
children: /*#__PURE__*/jsx(Indicators, {
|
|
@@ -287,6 +287,7 @@ var _Carousel = function _Carousel(_ref4, ref) {
|
|
|
287
287
|
showIndicators = false;
|
|
288
288
|
}
|
|
289
289
|
var showNavigationButtons = showNavigationButtonProp || !isMobile;
|
|
290
|
+
var isNavigationButtonPositionSideOverlap = navigationButtonPosition === 'side-overlap';
|
|
290
291
|
var isNavButtonsOnSide = !isResponsive && navigationButtonPosition === 'side';
|
|
291
292
|
var shouldNavButtonsFloat = isResponsive && navigationButtonPosition === 'side';
|
|
292
293
|
var totalNumberOfSlides = React__default.Children.count(children);
|
|
@@ -493,10 +494,10 @@ var _Carousel = function _Carousel(_ref4, ref) {
|
|
|
493
494
|
gap: "spacing.4",
|
|
494
495
|
flexDirection: "row",
|
|
495
496
|
height: "100%",
|
|
496
|
-
children: [shouldShowPrevButton && shouldNavButtonsFloat ? /*#__PURE__*/jsx(BaseBox, {
|
|
497
|
+
children: [shouldShowPrevButton && (shouldNavButtonsFloat || isNavigationButtonPositionSideOverlap) ? /*#__PURE__*/jsx(BaseBox, {
|
|
497
498
|
zIndex: 2,
|
|
498
499
|
position: "absolute",
|
|
499
|
-
left:
|
|
500
|
+
left: isNavigationButtonPositionSideOverlap ? CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET : 'spacing.11',
|
|
500
501
|
children: /*#__PURE__*/jsx(NavigationButton, {
|
|
501
502
|
type: "previous",
|
|
502
503
|
variant: navigationButtonVariant,
|
|
@@ -520,10 +521,10 @@ var _Carousel = function _Carousel(_ref4, ref) {
|
|
|
520
521
|
snapAlign: snapAlign,
|
|
521
522
|
gap: gap,
|
|
522
523
|
children: children
|
|
523
|
-
}), shouldShowNextButton && shouldNavButtonsFloat ? /*#__PURE__*/jsx(BaseBox, {
|
|
524
|
+
}), shouldShowNextButton && (shouldNavButtonsFloat || isNavigationButtonPositionSideOverlap) ? /*#__PURE__*/jsx(BaseBox, {
|
|
524
525
|
zIndex: 2,
|
|
525
526
|
position: "absolute",
|
|
526
|
-
right:
|
|
527
|
+
right: isNavigationButtonPositionSideOverlap ? CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET : 'spacing.11',
|
|
527
528
|
children: /*#__PURE__*/jsx(NavigationButton, {
|
|
528
529
|
onClick: goToNextSlide,
|
|
529
530
|
type: "next",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.web.js","sources":["../../../../../../src/components/Carousel/Carousel.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react/jsx-no-useless-fragment */\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport React from 'react';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { getCarouselItemId } from './utils';\nimport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds } from './constants';\nimport getIn from '~utils/lodashButBetter/get';\nimport throttle from '~utils/lodashButBetter/throttle';\nimport debounce from '~utils/lodashButBetter/debounce';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useInterval } from '~utils';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ControlsProp = Required<\n Pick<\n CarouselProps,\n 'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant' | 'navigationButtonPosition'\n >\n> & {\n activeIndicator: number;\n totalSlides: number;\n onIndicatorButtonClick: (index: number) => void;\n onNextButtonClick: () => void;\n onPreviousButtonClick: () => void;\n showNavigationButtons: boolean;\n};\n\nconst Controls = ({\n showIndicators,\n navigationButtonPosition,\n activeIndicator,\n totalSlides,\n onIndicatorButtonClick,\n onNextButtonClick,\n onPreviousButtonClick,\n indicatorVariant,\n navigationButtonVariant,\n showNavigationButtons,\n}: ControlsProp): React.ReactElement => {\n if (navigationButtonPosition === 'bottom') {\n return (\n <Box marginTop=\"spacing.7\" display=\"flex\" alignItems=\"center\" gap=\"spacing.4\">\n {showNavigationButtons ? (\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={onPreviousButtonClick}\n />\n ) : null}\n {showIndicators ? (\n <Indicators\n onClick={onIndicatorButtonClick}\n activeIndex={activeIndicator}\n totalItems={totalSlides}\n variant={indicatorVariant}\n />\n ) : null}\n {showNavigationButtons ? (\n <NavigationButton\n onClick={onNextButtonClick}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n ) : null}\n </Box>\n );\n }\n\n if (showIndicators && navigationButtonPosition === 'side') {\n return (\n <Box marginTop=\"spacing.7\">\n <Indicators\n onClick={onIndicatorButtonClick}\n activeIndex={activeIndicator}\n totalItems={totalSlides}\n variant={indicatorVariant}\n />\n </Box>\n );\n }\n\n return <></>;\n};\n\nconst CarouselContainer = styled(BaseBox)<{\n showOverlay?: boolean;\n scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n isScrollAtStart: boolean;\n isScrollAtEnd: boolean;\n}>(({ theme, showOverlay, scrollOverlayColor, isScrollAtStart, isScrollAtEnd }) => {\n const gradientStop1: string = getIn(theme.colors, scrollOverlayColor!);\n const gradientStop2 = 'hsla(0, 0%, 100%, 0)';\n\n const overlayCommonStyle: CSSObject = {\n content: \"''\",\n position: 'absolute',\n top: 0,\n width: '100px',\n height: '100%',\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n transitionTimingFunction: castWebType(theme.motion.easing.standard),\n transitionProperty: 'opacity',\n };\n\n return {\n width: '100%',\n height: '100%',\n overflowX: 'scroll',\n display: 'flex',\n flexWrap: 'nowrap',\n scrollSnapType: 'x mandatory',\n scrollSnapPointsY: `repeat(100%)`,\n msOverflowStyle: 'none' /* IE and Edge */,\n scrollbarWidth: 'none' /* Firefox */,\n /* Needed to work on iOS Safari */\n webkitOverflowScrolling: 'touch',\n msScrollSnapType: 'mandatory',\n scrollSnapPointsX: 'repeat(100%)',\n msScrollSnapPointsX: 'repeat(100%)',\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n ...(showOverlay && {\n '&::before': {\n ...overlayCommonStyle,\n background: `linear-gradient(to right, ${gradientStop1}, ${gradientStop2})`,\n left: -1,\n opacity: isScrollAtStart ? 0 : 1,\n pointerEvents: 'none',\n },\n '&::after': {\n ...overlayCommonStyle,\n background: `linear-gradient(to left, ${gradientStop1}, ${gradientStop2})`,\n right: -1,\n opacity: isScrollAtEnd ? 0 : 1,\n pointerEvents: 'none',\n },\n }),\n };\n});\n\ntype CarouselBodyProps = {\n children: React.ReactNode;\n totalSlides: number;\n shouldAddStartEndSpacing?: boolean;\n idPrefix: string;\n scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n isScrollAtStart: boolean;\n isScrollAtEnd: boolean;\n carouselItemAlignment: CarouselProps['carouselItemAlignment'];\n accessibilityLabel?: string;\n startEndMargin: number;\n snapAlign?: CarouselProps['snapAlign'];\n gap?: CarouselProps['gap'];\n};\n\nconst CarouselBody = React.forwardRef<HTMLDivElement, CarouselBodyProps>(\n (\n {\n children,\n totalSlides,\n shouldAddStartEndSpacing,\n idPrefix,\n scrollOverlayColor,\n isScrollAtStart,\n isScrollAtEnd,\n carouselItemAlignment,\n accessibilityLabel,\n startEndMargin,\n snapAlign,\n gap,\n },\n ref,\n ) => {\n return (\n <CarouselContainer\n tabIndex={0}\n ref={ref}\n showOverlay={Boolean(scrollOverlayColor)}\n scrollOverlayColor={scrollOverlayColor}\n gap={gap ?? { base: 'spacing.4', m: 'spacing.5' }}\n isScrollAtStart={isScrollAtStart}\n isScrollAtEnd={isScrollAtEnd}\n alignItems={carouselItemAlignment}\n {...makeAccessible({\n role: 'group',\n roleDescription: 'carousel',\n label: accessibilityLabel,\n })}\n >\n {React.Children.map(children, (child, index) => {\n const shouldHaveStartSpacing = shouldAddStartEndSpacing && index === 0;\n const shouldHaveEndSpacing = shouldAddStartEndSpacing && index === totalSlides - 1;\n const carouselItemNode: React.ReactElement = React.cloneElement(\n child as React.ReactElement,\n {\n index,\n id: `${idPrefix}-carousel-item-${index}`,\n shouldHaveStartSpacing,\n shouldHaveEndSpacing,\n snapAlign,\n gap,\n },\n );\n\n // Safari doesn't include the margin in the bounding box calculation\n // Thus have to add an additional box to the end of the carousel to ensure we can scroll past the last item\n // https://stackoverflow.com/questions/75509058/safari-does-not-include-margins-to-the-scroll-width\n if (shouldHaveEndSpacing) {\n return (\n <>\n {carouselItemNode}\n {<BaseBox minWidth={`${startEndMargin}px`} />}\n </>\n );\n }\n return carouselItemNode;\n })}\n </CarouselContainer>\n );\n },\n);\n\nconst _Carousel = (\n {\n autoPlay,\n visibleItems = 1,\n showIndicators = true,\n navigationButtonPosition = 'bottom',\n children,\n shouldAddStartEndSpacing = false,\n carouselItemWidth,\n scrollOverlayColor,\n accessibilityLabel,\n onChange,\n indicatorVariant = 'gray',\n navigationButtonVariant = 'filled',\n carouselItemAlignment = 'start',\n height,\n defaultActiveSlide,\n activeSlide: activeSlideProp,\n showNavigationButtons: showNavigationButtonProp = true,\n snapAlign,\n gap,\n ...rest\n }: CarouselProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { platform } = useTheme();\n const [activeIndicator, setActiveIndicator] = React.useState(0);\n const [activeSlide, setActiveSlide] = useControllableState({\n defaultValue: defaultActiveSlide ?? 0,\n value: activeSlideProp,\n onChange: (value) => {\n onChange?.(value);\n },\n });\n const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n const [startEndMargin, setStartEndMargin] = React.useState(0);\n const containerRef = React.useRef<HTMLDivElement>(null);\n const isMobile = platform === 'onMobile';\n const id = useId();\n const carouselId = `carousel-${id}`;\n\n useVerifyAllowedChildren({\n componentName: 'Carousel',\n allowedComponents: [componentIds.CarouselItem],\n children,\n });\n\n const [isScrollAtStart, setScrollStart] = React.useState(\n // on mobile we do not want to render the overlay\n isMobile ? true : !shouldAddStartEndSpacing,\n );\n const [isScrollAtEnd, setScrollEnd] = React.useState(isMobile);\n\n const isResponsive = visibleItems === 'autofit';\n let _visibleItems = visibleItems as 1 | 2 | 3;\n if (isMobile) {\n _visibleItems = 1;\n navigationButtonPosition = 'bottom';\n }\n if (isResponsive) {\n _visibleItems = 1;\n }\n\n // A special case where we hide the indicators when the carousel is responsive\n // Because indicators become useless since it's not aparent which carousel item is active\n // and how many carousel items are visible at a time\n if (isResponsive && !shouldAddStartEndSpacing && !isMobile) {\n showIndicators = false;\n }\n const showNavigationButtons = showNavigationButtonProp || !isMobile;\n\n const isNavButtonsOnSide = !isResponsive && navigationButtonPosition === 'side';\n const shouldNavButtonsFloat = isResponsive && navigationButtonPosition === 'side';\n const totalNumberOfSlides = React.Children.count(children);\n const numberOfIndicators = Math.ceil(totalNumberOfSlides / _visibleItems);\n\n // hide next/prev button on reaching start/end when carousel is responsive\n // in non-responsive carousel we always show the next/prev buttons to allow looping\n const shouldShowPrevButton = isResponsive ? activeSlide !== 0 : true;\n const shouldShowNextButton = isResponsive ? activeSlide !== totalNumberOfSlides - 1 : true;\n\n // calculate the start/end margin so that we can\n // deduct that margin when scrolling to a carousel item with goToSlideIndex\n useIsomorphicLayoutEffect(() => {\n // Do not calculate if not needed\n if (!isResponsive && !shouldAddStartEndSpacing) return;\n if (!containerRef.current) return;\n\n const carouselItemId = getCarouselItemId(carouselId, 0);\n const carouselItem = containerRef.current.querySelector(carouselItemId);\n if (!carouselItem) return;\n\n const carouselItemLeft = carouselItem.getBoundingClientRect().left ?? 0;\n const carouselContainerLeft = containerRef.current.getBoundingClientRect().left ?? 0;\n\n setStartEndMargin(carouselItemLeft - carouselContainerLeft);\n }, [carouselId, isResponsive, shouldAddStartEndSpacing]);\n\n const scrollToSlide = (slideIndex: number, shouldAnimate = true) => {\n if (!containerRef.current) return;\n\n const carouselItemId = getCarouselItemId(carouselId, slideIndex * _visibleItems);\n const carouselItem = containerRef.current.querySelector(carouselItemId);\n if (!carouselItem) return;\n\n const carouselItemLeft =\n carouselItem.getBoundingClientRect().left -\n (containerRef.current.getBoundingClientRect().left ?? 0);\n const left = containerRef.current.scrollLeft + carouselItemLeft;\n\n containerRef.current.scroll({\n left: left - startEndMargin,\n behavior: shouldAnimate ? 'smooth' : 'auto',\n });\n };\n\n const goToSlideIndex = (slideIndex: number) => {\n setActiveSlide(() => slideIndex);\n setActiveIndicator(slideIndex);\n };\n\n const goToNextSlide = () => {\n let slideIndex = activeSlide + 1;\n if (slideIndex >= numberOfIndicators) {\n slideIndex = 0;\n }\n\n // an edge case where if carousel is responsive\n // and shouldHaveStartEndSpacing is set to false\n // there can be a case where numberOfIndicators is set to 10 but\n // visually there is 3 or 4 items, in those cases we want to check if we reached the\n // end of the scroll container if so we wrap around\n if (containerRef.current) {\n const container = containerRef.current;\n const scrollLeft = container.scrollLeft;\n const scrollWidth = container.scrollWidth - container.offsetWidth;\n if (scrollLeft === scrollWidth) {\n slideIndex = 0;\n }\n }\n\n goToSlideIndex(slideIndex);\n };\n\n const goToPreviousSlide = () => {\n let slideIndex = activeSlide - 1;\n if (activeSlide <= 0) {\n slideIndex = numberOfIndicators - 1;\n }\n goToSlideIndex(slideIndex);\n };\n\n // Scroll overlay gradient show/hide based on if scrolled to start or end\n React.useEffect(() => {\n // if shouldAddStartEndSpacing is true, we don't need to hide/show the overlay based on the scroll position\n // because the gap is there so it won't overlap with the card anyway\n if (shouldAddStartEndSpacing) return;\n if (isMobile) return;\n\n const carouselContainer = containerRef.current;\n if (!carouselContainer) return;\n\n const handleScroll = throttle(() => {\n const scrollWidth = carouselContainer?.scrollWidth - carouselContainer.offsetWidth;\n setScrollStart(carouselContainer?.scrollLeft === 0);\n setScrollEnd(carouselContainer?.scrollLeft === scrollWidth);\n }, 500);\n\n carouselContainer.addEventListener('scroll', handleScroll);\n\n return () => {\n carouselContainer?.removeEventListener('scroll', handleScroll);\n };\n }, [isMobile, shouldAddStartEndSpacing]);\n\n // Sync the indicators with scroll\n React.useEffect(() => {\n const carouselContainer = containerRef.current;\n if (!carouselContainer) return;\n\n const handleScroll = debounce(() => {\n // carousel bounding box\n const carouselBB = carouselContainer.getBoundingClientRect();\n // By default we check the far left side of the screen\n let xOffset = 0.1;\n // when the carousel is responsive & has spacing OR when center aligned\n // we want to check the center of the screen\n if ((isResponsive && shouldAddStartEndSpacing) || snapAlign === 'center') {\n xOffset = 0.5;\n }\n\n const pointX = carouselBB.left + carouselBB.width * xOffset;\n const pointY = carouselBB.top + carouselBB.height * 0.5;\n const element = document.elementFromPoint(pointX, pointY);\n const carouselItem = element?.closest('[data-slide-index]');\n if (!carouselItem) {\n return;\n }\n\n const slideIndex = Number(carouselItem?.getAttribute('data-slide-index'));\n const goTo = Math.ceil(slideIndex / _visibleItems);\n setActiveSlide(() => goTo);\n setActiveIndicator(goTo);\n }, 50);\n\n carouselContainer.addEventListener('scroll', handleScroll);\n\n return () => {\n carouselContainer?.removeEventListener('scroll', handleScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_visibleItems, isMobile, isResponsive, shouldAddStartEndSpacing, snapAlign]);\n\n // auto play\n useInterval(\n () => {\n goToNextSlide();\n },\n {\n delay: CAROUSEL_AUTOPLAY_INTERVAL,\n // only enable if autoplay is true & user's intent isn't to interact with carousel\n enable: autoPlay && !shouldPauseAutoplay,\n },\n );\n\n // set initial active slide on mount\n useIsomorphicLayoutEffect(() => {\n if (!id) return;\n goToSlideIndex(activeSlide);\n scrollToSlide(activeSlide, false);\n }, [id]);\n\n // Scroll the carousel to the active slide\n useDidUpdate(() => {\n scrollToSlide(activeSlide);\n }, [activeSlide]);\n\n const carouselContext = React.useMemo<CarouselContextProps>(() => {\n return {\n isResponsive,\n visibleItems: _visibleItems,\n carouselItemWidth,\n carouselContainerRef: containerRef,\n setActiveIndicator,\n carouselId,\n totalNumberOfSlides,\n activeSlide,\n startEndMargin,\n shouldAddStartEndSpacing,\n };\n }, [\n carouselId,\n startEndMargin,\n isResponsive,\n _visibleItems,\n carouselItemWidth,\n totalNumberOfSlides,\n activeSlide,\n shouldAddStartEndSpacing,\n ]);\n\n return (\n <CarouselContext.Provider value={carouselContext}>\n <BaseBox\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.Carousel })}\n // stop autoplaying when any elements in carousel is in focus\n onFocus={(e: React.FocusEvent) => {\n if (!e.currentTarget.contains(e.relatedTarget)) {\n setShouldPauseAutoplay(true);\n }\n }}\n onBlur={(e: React.FocusEvent) => {\n if (!e.currentTarget.contains(e.relatedTarget)) {\n setShouldPauseAutoplay(false);\n }\n }}\n // stop autplay when user hover overs the carousel\n onMouseEnter={() => {\n setShouldPauseAutoplay(true);\n }}\n onMouseLeave={() => {\n setShouldPauseAutoplay(false);\n }}\n onTouchStart={() => {\n setShouldPauseAutoplay(true);\n }}\n onTouchEnd={() => {\n setShouldPauseAutoplay(false);\n }}\n display=\"flex\"\n alignItems=\"center\"\n flexDirection=\"column\"\n height={height}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox\n width=\"100%\"\n position=\"relative\"\n display=\"flex\"\n alignItems=\"center\"\n gap=\"spacing.4\"\n flexDirection=\"row\"\n height=\"100%\"\n >\n {shouldShowPrevButton && shouldNavButtonsFloat ? (\n <BaseBox zIndex={2} position=\"absolute\" left=\"spacing.11\">\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={goToPreviousSlide}\n />\n </BaseBox>\n ) : null}\n {isNavButtonsOnSide ? (\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={goToPreviousSlide}\n />\n ) : null}\n <CarouselBody\n idPrefix={carouselId}\n startEndMargin={startEndMargin}\n totalSlides={totalNumberOfSlides}\n shouldAddStartEndSpacing={shouldAddStartEndSpacing}\n scrollOverlayColor={scrollOverlayColor}\n isScrollAtStart={isScrollAtStart}\n isScrollAtEnd={isScrollAtEnd}\n ref={containerRef}\n carouselItemAlignment={carouselItemAlignment}\n accessibilityLabel={accessibilityLabel}\n snapAlign={snapAlign}\n gap={gap}\n >\n {children}\n </CarouselBody>\n {shouldShowNextButton && shouldNavButtonsFloat ? (\n <BaseBox zIndex={2} position=\"absolute\" right=\"spacing.11\">\n <NavigationButton\n onClick={goToNextSlide}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n </BaseBox>\n ) : null}\n {isNavButtonsOnSide ? (\n <NavigationButton\n onClick={goToNextSlide}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n ) : null}\n </BaseBox>\n <Controls\n totalSlides={numberOfIndicators}\n activeIndicator={activeIndicator}\n showIndicators={showIndicators}\n navigationButtonPosition={navigationButtonPosition}\n onIndicatorButtonClick={goToSlideIndex}\n onNextButtonClick={goToNextSlide}\n onPreviousButtonClick={goToPreviousSlide}\n indicatorVariant={indicatorVariant}\n navigationButtonVariant={navigationButtonVariant}\n showNavigationButtons={showNavigationButtons}\n />\n </BaseBox>\n </CarouselContext.Provider>\n );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["Controls","_ref","showIndicators","navigationButtonPosition","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","showNavigationButtons","_jsxs","Box","marginTop","display","alignItems","gap","children","_jsx","NavigationButton","type","variant","onClick","Indicators","activeIndex","totalItems","_Fragment","CarouselContainer","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","showOverlay","scrollOverlayColor","isScrollAtStart","isScrollAtEnd","gradientStop1","getIn","colors","gradientStop2","overlayCommonStyle","content","position","top","width","height","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","transitionProperty","_objectSpread","overflowX","flexWrap","scrollSnapType","scrollSnapPointsY","msOverflowStyle","scrollbarWidth","webkitOverflowScrolling","msScrollSnapType","scrollSnapPointsX","msScrollSnapPointsX","background","concat","left","opacity","pointerEvents","right","CarouselBody","React","forwardRef","_ref3","ref","shouldAddStartEndSpacing","idPrefix","carouselItemAlignment","accessibilityLabel","startEndMargin","snapAlign","tabIndex","Boolean","base","m","makeAccessible","role","roleDescription","label","Children","map","child","index","shouldHaveStartSpacing","shouldHaveEndSpacing","carouselItemNode","cloneElement","id","minWidth","_Carousel","_ref4","autoPlay","_ref4$visibleItems","visibleItems","_ref4$showIndicators","_ref4$navigationButto","_ref4$shouldAddStartE","carouselItemWidth","onChange","_ref4$indicatorVarian","_ref4$navigationButto2","_ref4$carouselItemAli","defaultActiveSlide","activeSlideProp","activeSlide","_ref4$showNavigationB","showNavigationButtonProp","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","_React$useState","useState","_React$useState2","_slicedToArray","setActiveIndicator","_useControllableState","useControllableState","defaultValue","value","_useControllableState2","setActiveSlide","_React$useState3","_React$useState4","shouldPauseAutoplay","setShouldPauseAutoplay","_React$useState5","_React$useState6","setStartEndMargin","containerRef","useRef","isMobile","useId","carouselId","useVerifyAllowedChildren","componentName","allowedComponents","componentIds","CarouselItem","_React$useState7","_React$useState8","setScrollStart","_React$useState9","_React$useState10","setScrollEnd","isResponsive","_visibleItems","isNavButtonsOnSide","shouldNavButtonsFloat","totalNumberOfSlides","count","numberOfIndicators","Math","ceil","shouldShowPrevButton","shouldShowNextButton","useIsomorphicLayoutEffect","_carouselItem$getBoun","_containerRef$current","current","carouselItemId","getCarouselItemId","carouselItem","querySelector","carouselItemLeft","getBoundingClientRect","carouselContainerLeft","scrollToSlide","slideIndex","_containerRef$current2","shouldAnimate","arguments","length","undefined","scrollLeft","scroll","behavior","goToSlideIndex","goToNextSlide","container","scrollWidth","offsetWidth","goToPreviousSlide","useEffect","carouselContainer","handleScroll","throttle","addEventListener","removeEventListener","debounce","carouselBB","xOffset","pointX","pointY","element","document","elementFromPoint","closest","Number","getAttribute","goTo","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","carouselContext","useMemo","carouselContainerRef","CarouselContext","Provider","metaAttribute","name","MetaConstants","Carousel","onFocus","e","currentTarget","contains","relatedTarget","onBlur","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","flexDirection","getStyledProps","makeAnalyticsAttribute","zIndex"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Carousel.web.js","sources":["../../../../../../src/components/Carousel/Carousel.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react/jsx-no-useless-fragment */\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport React from 'react';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { getCarouselItemId } from './utils';\nimport {\n CAROUSEL_AUTOPLAY_INTERVAL,\n componentIds,\n CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET,\n} from './constants';\nimport getIn from '~utils/lodashButBetter/get';\nimport throttle from '~utils/lodashButBetter/throttle';\nimport debounce from '~utils/lodashButBetter/debounce';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useInterval } from '~utils';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ControlsProp = Required<\n Pick<\n CarouselProps,\n 'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant' | 'navigationButtonPosition'\n >\n> & {\n activeIndicator: number;\n totalSlides: number;\n onIndicatorButtonClick: (index: number) => void;\n onNextButtonClick: () => void;\n onPreviousButtonClick: () => void;\n showNavigationButtons: boolean;\n};\n\nconst Controls = ({\n showIndicators,\n navigationButtonPosition,\n activeIndicator,\n totalSlides,\n onIndicatorButtonClick,\n onNextButtonClick,\n onPreviousButtonClick,\n indicatorVariant,\n navigationButtonVariant,\n showNavigationButtons,\n}: ControlsProp): React.ReactElement => {\n if (navigationButtonPosition === 'bottom') {\n return (\n <Box marginTop=\"spacing.7\" display=\"flex\" alignItems=\"center\" gap=\"spacing.4\">\n {showNavigationButtons ? (\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={onPreviousButtonClick}\n />\n ) : null}\n {showIndicators ? (\n <Indicators\n onClick={onIndicatorButtonClick}\n activeIndex={activeIndicator}\n totalItems={totalSlides}\n variant={indicatorVariant}\n />\n ) : null}\n {showNavigationButtons ? (\n <NavigationButton\n onClick={onNextButtonClick}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n ) : null}\n </Box>\n );\n }\n\n if (\n showIndicators &&\n (navigationButtonPosition === 'side' || navigationButtonPosition === 'side-overlap')\n ) {\n return (\n <Box marginTop=\"spacing.7\">\n <Indicators\n onClick={onIndicatorButtonClick}\n activeIndex={activeIndicator}\n totalItems={totalSlides}\n variant={indicatorVariant}\n />\n </Box>\n );\n }\n\n return <></>;\n};\n\nconst CarouselContainer = styled(BaseBox)<{\n showOverlay?: boolean;\n scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n isScrollAtStart: boolean;\n isScrollAtEnd: boolean;\n}>(({ theme, showOverlay, scrollOverlayColor, isScrollAtStart, isScrollAtEnd }) => {\n const gradientStop1: string = getIn(theme.colors, scrollOverlayColor!);\n const gradientStop2 = 'hsla(0, 0%, 100%, 0)';\n\n const overlayCommonStyle: CSSObject = {\n content: \"''\",\n position: 'absolute',\n top: 0,\n width: '100px',\n height: '100%',\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n transitionTimingFunction: castWebType(theme.motion.easing.standard),\n transitionProperty: 'opacity',\n };\n\n return {\n width: '100%',\n height: '100%',\n overflowX: 'scroll',\n display: 'flex',\n flexWrap: 'nowrap',\n scrollSnapType: 'x mandatory',\n scrollSnapPointsY: `repeat(100%)`,\n msOverflowStyle: 'none' /* IE and Edge */,\n scrollbarWidth: 'none' /* Firefox */,\n /* Needed to work on iOS Safari */\n webkitOverflowScrolling: 'touch',\n msScrollSnapType: 'mandatory',\n scrollSnapPointsX: 'repeat(100%)',\n msScrollSnapPointsX: 'repeat(100%)',\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n ...(showOverlay && {\n '&::before': {\n ...overlayCommonStyle,\n background: `linear-gradient(to right, ${gradientStop1}, ${gradientStop2})`,\n left: -1,\n opacity: isScrollAtStart ? 0 : 1,\n pointerEvents: 'none',\n },\n '&::after': {\n ...overlayCommonStyle,\n background: `linear-gradient(to left, ${gradientStop1}, ${gradientStop2})`,\n right: -1,\n opacity: isScrollAtEnd ? 0 : 1,\n pointerEvents: 'none',\n },\n }),\n };\n});\n\ntype CarouselBodyProps = {\n children: React.ReactNode;\n totalSlides: number;\n shouldAddStartEndSpacing?: boolean;\n idPrefix: string;\n scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n isScrollAtStart: boolean;\n isScrollAtEnd: boolean;\n carouselItemAlignment: CarouselProps['carouselItemAlignment'];\n accessibilityLabel?: string;\n startEndMargin: number;\n snapAlign?: CarouselProps['snapAlign'];\n gap?: CarouselProps['gap'];\n};\n\nconst CarouselBody = React.forwardRef<HTMLDivElement, CarouselBodyProps>(\n (\n {\n children,\n totalSlides,\n shouldAddStartEndSpacing,\n idPrefix,\n scrollOverlayColor,\n isScrollAtStart,\n isScrollAtEnd,\n carouselItemAlignment,\n accessibilityLabel,\n startEndMargin,\n snapAlign,\n gap,\n },\n ref,\n ) => {\n return (\n <CarouselContainer\n tabIndex={0}\n ref={ref}\n showOverlay={Boolean(scrollOverlayColor)}\n scrollOverlayColor={scrollOverlayColor}\n gap={gap ?? { base: 'spacing.4', m: 'spacing.5' }}\n isScrollAtStart={isScrollAtStart}\n isScrollAtEnd={isScrollAtEnd}\n alignItems={carouselItemAlignment}\n {...makeAccessible({\n role: 'group',\n roleDescription: 'carousel',\n label: accessibilityLabel,\n })}\n >\n {React.Children.map(children, (child, index) => {\n const shouldHaveStartSpacing = shouldAddStartEndSpacing && index === 0;\n const shouldHaveEndSpacing = shouldAddStartEndSpacing && index === totalSlides - 1;\n const carouselItemNode: React.ReactElement = React.cloneElement(\n child as React.ReactElement,\n {\n index,\n id: `${idPrefix}-carousel-item-${index}`,\n shouldHaveStartSpacing,\n shouldHaveEndSpacing,\n snapAlign,\n gap,\n },\n );\n\n // Safari doesn't include the margin in the bounding box calculation\n // Thus have to add an additional box to the end of the carousel to ensure we can scroll past the last item\n // https://stackoverflow.com/questions/75509058/safari-does-not-include-margins-to-the-scroll-width\n if (shouldHaveEndSpacing) {\n return (\n <>\n {carouselItemNode}\n {<BaseBox minWidth={`${startEndMargin}px`} />}\n </>\n );\n }\n return carouselItemNode;\n })}\n </CarouselContainer>\n );\n },\n);\n\nconst _Carousel = (\n {\n autoPlay,\n visibleItems = 1,\n showIndicators = true,\n navigationButtonPosition = 'bottom',\n children,\n shouldAddStartEndSpacing = false,\n carouselItemWidth,\n scrollOverlayColor,\n accessibilityLabel,\n onChange,\n indicatorVariant = 'gray',\n navigationButtonVariant = 'filled',\n carouselItemAlignment = 'start',\n height,\n defaultActiveSlide,\n activeSlide: activeSlideProp,\n showNavigationButtons: showNavigationButtonProp = true,\n snapAlign,\n gap,\n ...rest\n }: CarouselProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const { platform } = useTheme();\n const [activeIndicator, setActiveIndicator] = React.useState(0);\n const [activeSlide, setActiveSlide] = useControllableState({\n defaultValue: defaultActiveSlide ?? 0,\n value: activeSlideProp,\n onChange: (value) => {\n onChange?.(value);\n },\n });\n const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n const [startEndMargin, setStartEndMargin] = React.useState(0);\n const containerRef = React.useRef<HTMLDivElement>(null);\n const isMobile = platform === 'onMobile';\n const id = useId();\n const carouselId = `carousel-${id}`;\n\n useVerifyAllowedChildren({\n componentName: 'Carousel',\n allowedComponents: [componentIds.CarouselItem],\n children,\n });\n\n const [isScrollAtStart, setScrollStart] = React.useState(\n // on mobile we do not want to render the overlay\n isMobile ? true : !shouldAddStartEndSpacing,\n );\n const [isScrollAtEnd, setScrollEnd] = React.useState(isMobile);\n\n const isResponsive = visibleItems === 'autofit';\n let _visibleItems = visibleItems as 1 | 2 | 3;\n if (isMobile) {\n _visibleItems = 1;\n navigationButtonPosition = 'bottom';\n }\n if (isResponsive) {\n _visibleItems = 1;\n }\n\n // A special case where we hide the indicators when the carousel is responsive\n // Because indicators become useless since it's not aparent which carousel item is active\n // and how many carousel items are visible at a time\n if (isResponsive && !shouldAddStartEndSpacing && !isMobile) {\n showIndicators = false;\n }\n const showNavigationButtons = showNavigationButtonProp || !isMobile;\n const isNavigationButtonPositionSideOverlap = navigationButtonPosition === 'side-overlap';\n\n const isNavButtonsOnSide = !isResponsive && navigationButtonPosition === 'side';\n\n const shouldNavButtonsFloat = isResponsive && navigationButtonPosition === 'side';\n const totalNumberOfSlides = React.Children.count(children);\n const numberOfIndicators = Math.ceil(totalNumberOfSlides / _visibleItems);\n\n // hide next/prev button on reaching start/end when carousel is responsive\n // in non-responsive carousel we always show the next/prev buttons to allow looping\n const shouldShowPrevButton = isResponsive ? activeSlide !== 0 : true;\n const shouldShowNextButton = isResponsive ? activeSlide !== totalNumberOfSlides - 1 : true;\n\n // calculate the start/end margin so that we can\n // deduct that margin when scrolling to a carousel item with goToSlideIndex\n useIsomorphicLayoutEffect(() => {\n // Do not calculate if not needed\n if (!isResponsive && !shouldAddStartEndSpacing) return;\n if (!containerRef.current) return;\n\n const carouselItemId = getCarouselItemId(carouselId, 0);\n const carouselItem = containerRef.current.querySelector(carouselItemId);\n if (!carouselItem) return;\n\n const carouselItemLeft = carouselItem.getBoundingClientRect().left ?? 0;\n const carouselContainerLeft = containerRef.current.getBoundingClientRect().left ?? 0;\n\n setStartEndMargin(carouselItemLeft - carouselContainerLeft);\n }, [carouselId, isResponsive, shouldAddStartEndSpacing]);\n\n const scrollToSlide = (slideIndex: number, shouldAnimate = true) => {\n if (!containerRef.current) return;\n\n const carouselItemId = getCarouselItemId(carouselId, slideIndex * _visibleItems);\n const carouselItem = containerRef.current.querySelector(carouselItemId);\n if (!carouselItem) return;\n\n const carouselItemLeft =\n carouselItem.getBoundingClientRect().left -\n (containerRef.current.getBoundingClientRect().left ?? 0);\n const left = containerRef.current.scrollLeft + carouselItemLeft;\n\n containerRef.current.scroll({\n left: left - startEndMargin,\n behavior: shouldAnimate ? 'smooth' : 'auto',\n });\n };\n\n const goToSlideIndex = (slideIndex: number) => {\n setActiveSlide(() => slideIndex);\n setActiveIndicator(slideIndex);\n };\n\n const goToNextSlide = () => {\n let slideIndex = activeSlide + 1;\n if (slideIndex >= numberOfIndicators) {\n slideIndex = 0;\n }\n\n // an edge case where if carousel is responsive\n // and shouldHaveStartEndSpacing is set to false\n // there can be a case where numberOfIndicators is set to 10 but\n // visually there is 3 or 4 items, in those cases we want to check if we reached the\n // end of the scroll container if so we wrap around\n if (containerRef.current) {\n const container = containerRef.current;\n const scrollLeft = container.scrollLeft;\n const scrollWidth = container.scrollWidth - container.offsetWidth;\n if (scrollLeft === scrollWidth) {\n slideIndex = 0;\n }\n }\n\n goToSlideIndex(slideIndex);\n };\n\n const goToPreviousSlide = () => {\n let slideIndex = activeSlide - 1;\n if (activeSlide <= 0) {\n slideIndex = numberOfIndicators - 1;\n }\n goToSlideIndex(slideIndex);\n };\n\n // Scroll overlay gradient show/hide based on if scrolled to start or end\n React.useEffect(() => {\n // if shouldAddStartEndSpacing is true, we don't need to hide/show the overlay based on the scroll position\n // because the gap is there so it won't overlap with the card anyway\n if (shouldAddStartEndSpacing) return;\n if (isMobile) return;\n\n const carouselContainer = containerRef.current;\n if (!carouselContainer) return;\n\n const handleScroll = throttle(() => {\n const scrollWidth = carouselContainer?.scrollWidth - carouselContainer.offsetWidth;\n setScrollStart(carouselContainer?.scrollLeft === 0);\n setScrollEnd(carouselContainer?.scrollLeft === scrollWidth);\n }, 500);\n\n carouselContainer.addEventListener('scroll', handleScroll);\n\n return () => {\n carouselContainer?.removeEventListener('scroll', handleScroll);\n };\n }, [isMobile, shouldAddStartEndSpacing]);\n\n // Sync the indicators with scroll\n React.useEffect(() => {\n const carouselContainer = containerRef.current;\n if (!carouselContainer) return;\n\n const handleScroll = debounce(() => {\n // carousel bounding box\n const carouselBB = carouselContainer.getBoundingClientRect();\n // By default we check the far left side of the screen\n let xOffset = 0.1;\n // when the carousel is responsive & has spacing OR when center aligned\n // we want to check the center of the screen\n if ((isResponsive && shouldAddStartEndSpacing) || snapAlign === 'center') {\n xOffset = 0.5;\n }\n\n const pointX = carouselBB.left + carouselBB.width * xOffset;\n const pointY = carouselBB.top + carouselBB.height * 0.5;\n const element = document.elementFromPoint(pointX, pointY);\n const carouselItem = element?.closest('[data-slide-index]');\n if (!carouselItem) {\n return;\n }\n\n const slideIndex = Number(carouselItem?.getAttribute('data-slide-index'));\n const goTo = Math.ceil(slideIndex / _visibleItems);\n setActiveSlide(() => goTo);\n setActiveIndicator(goTo);\n }, 50);\n\n carouselContainer.addEventListener('scroll', handleScroll);\n\n return () => {\n carouselContainer?.removeEventListener('scroll', handleScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_visibleItems, isMobile, isResponsive, shouldAddStartEndSpacing, snapAlign]);\n\n // auto play\n useInterval(\n () => {\n goToNextSlide();\n },\n {\n delay: CAROUSEL_AUTOPLAY_INTERVAL,\n // only enable if autoplay is true & user's intent isn't to interact with carousel\n enable: autoPlay && !shouldPauseAutoplay,\n },\n );\n\n // set initial active slide on mount\n useIsomorphicLayoutEffect(() => {\n if (!id) return;\n goToSlideIndex(activeSlide);\n scrollToSlide(activeSlide, false);\n }, [id]);\n\n // Scroll the carousel to the active slide\n useDidUpdate(() => {\n scrollToSlide(activeSlide);\n }, [activeSlide]);\n\n const carouselContext = React.useMemo<CarouselContextProps>(() => {\n return {\n isResponsive,\n visibleItems: _visibleItems,\n carouselItemWidth,\n carouselContainerRef: containerRef,\n setActiveIndicator,\n carouselId,\n totalNumberOfSlides,\n activeSlide,\n startEndMargin,\n shouldAddStartEndSpacing,\n };\n }, [\n carouselId,\n startEndMargin,\n isResponsive,\n _visibleItems,\n carouselItemWidth,\n totalNumberOfSlides,\n activeSlide,\n shouldAddStartEndSpacing,\n ]);\n\n return (\n <CarouselContext.Provider value={carouselContext}>\n <BaseBox\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.Carousel })}\n // stop autoplaying when any elements in carousel is in focus\n onFocus={(e: React.FocusEvent) => {\n if (!e.currentTarget.contains(e.relatedTarget)) {\n setShouldPauseAutoplay(true);\n }\n }}\n onBlur={(e: React.FocusEvent) => {\n if (!e.currentTarget.contains(e.relatedTarget)) {\n setShouldPauseAutoplay(false);\n }\n }}\n // stop autplay when user hover overs the carousel\n onMouseEnter={() => {\n setShouldPauseAutoplay(true);\n }}\n onMouseLeave={() => {\n setShouldPauseAutoplay(false);\n }}\n onTouchStart={() => {\n setShouldPauseAutoplay(true);\n }}\n onTouchEnd={() => {\n setShouldPauseAutoplay(false);\n }}\n display=\"flex\"\n alignItems=\"center\"\n flexDirection=\"column\"\n height={height}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox\n width=\"100%\"\n position=\"relative\"\n display=\"flex\"\n alignItems=\"center\"\n gap=\"spacing.4\"\n flexDirection=\"row\"\n height=\"100%\"\n >\n {shouldShowPrevButton &&\n (shouldNavButtonsFloat || isNavigationButtonPositionSideOverlap) ? (\n <BaseBox\n zIndex={2}\n position=\"absolute\"\n left={\n isNavigationButtonPositionSideOverlap\n ? CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET\n : 'spacing.11'\n }\n >\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={goToPreviousSlide}\n />\n </BaseBox>\n ) : null}\n {isNavButtonsOnSide ? (\n <NavigationButton\n type=\"previous\"\n variant={navigationButtonVariant}\n onClick={goToPreviousSlide}\n />\n ) : null}\n <CarouselBody\n idPrefix={carouselId}\n startEndMargin={startEndMargin}\n totalSlides={totalNumberOfSlides}\n shouldAddStartEndSpacing={shouldAddStartEndSpacing}\n scrollOverlayColor={scrollOverlayColor}\n isScrollAtStart={isScrollAtStart}\n isScrollAtEnd={isScrollAtEnd}\n ref={containerRef}\n carouselItemAlignment={carouselItemAlignment}\n accessibilityLabel={accessibilityLabel}\n snapAlign={snapAlign}\n gap={gap}\n >\n {children}\n </CarouselBody>\n {shouldShowNextButton &&\n (shouldNavButtonsFloat || isNavigationButtonPositionSideOverlap) ? (\n <BaseBox\n zIndex={2}\n position=\"absolute\"\n right={\n isNavigationButtonPositionSideOverlap\n ? CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET\n : 'spacing.11'\n }\n >\n <NavigationButton\n onClick={goToNextSlide}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n </BaseBox>\n ) : null}\n {isNavButtonsOnSide ? (\n <NavigationButton\n onClick={goToNextSlide}\n type=\"next\"\n variant={navigationButtonVariant}\n />\n ) : null}\n </BaseBox>\n <Controls\n totalSlides={numberOfIndicators}\n activeIndicator={activeIndicator}\n showIndicators={showIndicators}\n navigationButtonPosition={navigationButtonPosition}\n onIndicatorButtonClick={goToSlideIndex}\n onNextButtonClick={goToNextSlide}\n onPreviousButtonClick={goToPreviousSlide}\n indicatorVariant={indicatorVariant}\n navigationButtonVariant={navigationButtonVariant}\n showNavigationButtons={showNavigationButtons}\n />\n </BaseBox>\n </CarouselContext.Provider>\n );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["Controls","_ref","showIndicators","navigationButtonPosition","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","showNavigationButtons","_jsxs","Box","marginTop","display","alignItems","gap","children","_jsx","NavigationButton","type","variant","onClick","Indicators","activeIndex","totalItems","_Fragment","CarouselContainer","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","showOverlay","scrollOverlayColor","isScrollAtStart","isScrollAtEnd","gradientStop1","getIn","colors","gradientStop2","overlayCommonStyle","content","position","top","width","height","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","transitionProperty","_objectSpread","overflowX","flexWrap","scrollSnapType","scrollSnapPointsY","msOverflowStyle","scrollbarWidth","webkitOverflowScrolling","msScrollSnapType","scrollSnapPointsX","msScrollSnapPointsX","background","concat","left","opacity","pointerEvents","right","CarouselBody","React","forwardRef","_ref3","ref","shouldAddStartEndSpacing","idPrefix","carouselItemAlignment","accessibilityLabel","startEndMargin","snapAlign","tabIndex","Boolean","base","m","makeAccessible","role","roleDescription","label","Children","map","child","index","shouldHaveStartSpacing","shouldHaveEndSpacing","carouselItemNode","cloneElement","id","minWidth","_Carousel","_ref4","autoPlay","_ref4$visibleItems","visibleItems","_ref4$showIndicators","_ref4$navigationButto","_ref4$shouldAddStartE","carouselItemWidth","onChange","_ref4$indicatorVarian","_ref4$navigationButto2","_ref4$carouselItemAli","defaultActiveSlide","activeSlideProp","activeSlide","_ref4$showNavigationB","showNavigationButtonProp","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","_React$useState","useState","_React$useState2","_slicedToArray","setActiveIndicator","_useControllableState","useControllableState","defaultValue","value","_useControllableState2","setActiveSlide","_React$useState3","_React$useState4","shouldPauseAutoplay","setShouldPauseAutoplay","_React$useState5","_React$useState6","setStartEndMargin","containerRef","useRef","isMobile","useId","carouselId","useVerifyAllowedChildren","componentName","allowedComponents","componentIds","CarouselItem","_React$useState7","_React$useState8","setScrollStart","_React$useState9","_React$useState10","setScrollEnd","isResponsive","_visibleItems","isNavigationButtonPositionSideOverlap","isNavButtonsOnSide","shouldNavButtonsFloat","totalNumberOfSlides","count","numberOfIndicators","Math","ceil","shouldShowPrevButton","shouldShowNextButton","useIsomorphicLayoutEffect","_carouselItem$getBoun","_containerRef$current","current","carouselItemId","getCarouselItemId","carouselItem","querySelector","carouselItemLeft","getBoundingClientRect","carouselContainerLeft","scrollToSlide","slideIndex","_containerRef$current2","shouldAnimate","arguments","length","undefined","scrollLeft","scroll","behavior","goToSlideIndex","goToNextSlide","container","scrollWidth","offsetWidth","goToPreviousSlide","useEffect","carouselContainer","handleScroll","throttle","addEventListener","removeEventListener","debounce","carouselBB","xOffset","pointX","pointY","element","document","elementFromPoint","closest","Number","getAttribute","goTo","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","carouselContext","useMemo","carouselContainerRef","CarouselContext","Provider","metaAttribute","name","MetaConstants","Carousel","onFocus","e","currentTarget","contains","relatedTarget","onBlur","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","flexDirection","getStyledProps","makeAnalyticsAttribute","zIndex","CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAW0B;AAAA,EAAA,IAVtCC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,wBAAwB,GAAAF,IAAA,CAAxBE,wBAAwB;IACxBC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,sBAAsB,GAAAL,IAAA,CAAtBK,sBAAsB;IACtBC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB;IACjBC,qBAAqB,GAAAP,IAAA,CAArBO,qBAAqB;IACrBC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,uBAAuB,GAAAT,IAAA,CAAvBS,uBAAuB;IACvBC,qBAAqB,GAAAV,IAAA,CAArBU,qBAAqB,CAAA;EAErB,IAAIR,wBAAwB,KAAK,QAAQ,EAAE;IACzC,oBACES,IAAA,CAACC,GAAG,EAAA;AAACC,MAAAA,SAAS,EAAC,WAAW;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,GAAG,EAAC,WAAW;AAAAC,MAAAA,QAAA,EAC1EP,CAAAA,qBAAqB,gBACpBQ,GAAA,CAACC,gBAAgB,EAAA;AACfC,QAAAA,IAAI,EAAC,UAAU;AACfC,QAAAA,OAAO,EAAEZ,uBAAwB;AACjCa,QAAAA,OAAO,EAAEf,qBAAAA;OACV,CAAC,GACA,IAAI,EACPN,cAAc,gBACbiB,GAAA,CAACK,UAAU,EAAA;AACTD,QAAAA,OAAO,EAAEjB,sBAAuB;AAChCmB,QAAAA,WAAW,EAAErB,eAAgB;AAC7BsB,QAAAA,UAAU,EAAErB,WAAY;AACxBiB,QAAAA,OAAO,EAAEb,gBAAAA;OACV,CAAC,GACA,IAAI,EACPE,qBAAqB,gBACpBQ,GAAA,CAACC,gBAAgB,EAAA;AACfG,QAAAA,OAAO,EAAEhB,iBAAkB;AAC3Bc,QAAAA,IAAI,EAAC,MAAM;AACXC,QAAAA,OAAO,EAAEZ,uBAAAA;OACV,CAAC,GACA,IAAI,CAAA;AAAA,KACL,CAAC,CAAA;AAEV,GAAA;EAEA,IACER,cAAc,KACbC,wBAAwB,KAAK,MAAM,IAAIA,wBAAwB,KAAK,cAAc,CAAC,EACpF;IACA,oBACEgB,GAAA,CAACN,GAAG,EAAA;AAACC,MAAAA,SAAS,EAAC,WAAW;MAAAI,QAAA,eACxBC,GAAA,CAACK,UAAU,EAAA;AACTD,QAAAA,OAAO,EAAEjB,sBAAuB;AAChCmB,QAAAA,WAAW,EAAErB,eAAgB;AAC7BsB,QAAAA,UAAU,EAAErB,WAAY;AACxBiB,QAAAA,OAAO,EAAEb,gBAAAA;OACV,CAAA;AAAC,KACC,CAAC,CAAA;AAEV,GAAA;AAEA,EAAA,oBAAOU,GAAA,CAAAQ,QAAA,EAAA,EAAI,CAAC,CAAA;AACd,CAAC,CAAA;AAED,IAAMC,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,gCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAKtC,CAAA,CAAA,UAAAC,KAAA,EAAgF;AAAA,EAAA,IAA7EC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IAAEC,kBAAkB,GAAAH,KAAA,CAAlBG,kBAAkB;IAAEC,eAAe,GAAAJ,KAAA,CAAfI,eAAe;IAAEC,aAAa,GAAAL,KAAA,CAAbK,aAAa,CAAA;EAC1E,IAAMC,aAAqB,GAAGC,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEL,kBAAmB,CAAC,CAAA;EACtE,IAAMM,aAAa,GAAG,sBAAsB,CAAA;AAE5C,EAAA,IAAMC,kBAA6B,GAAG;AACpCC,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,KAAK,EAAE,OAAO;AACdC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAACjB,KAAK,CAACkB,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;IAC7EC,wBAAwB,EAAEL,WAAW,CAAChB,KAAK,CAACkB,MAAM,CAACI,MAAM,CAACC,QAAQ,CAAC;AACnEC,IAAAA,kBAAkB,EAAE,SAAA;GACrB,CAAA;AAED,EAAA,OAAAC,aAAA,CAAA;AACEZ,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdY,IAAAA,SAAS,EAAE,QAAQ;AACnB9C,IAAAA,OAAO,EAAE,MAAM;AACf+C,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,cAAc,EAAE,aAAa;AAC7BC,IAAAA,iBAAiB,EAAgB,cAAA;IACjCC,eAAe,EAAE,MAAM;IACvBC,cAAc,EAAE,MAAM;;AACtB;AACAC,IAAAA,uBAAuB,EAAE,OAAO;AAChCC,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,iBAAiB,EAAE,cAAc;AACjCC,IAAAA,mBAAmB,EAAE,cAAc;AACnC,IAAA,sBAAsB,EAAE;AACtBvD,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;AAAC,GAAA,EACGqB,WAAW,IAAI;AACjB,IAAA,WAAW,EAAAwB,aAAA,CAAAA,aAAA,KACNhB,kBAAkB,CAAA,EAAA,EAAA,EAAA;MACrB2B,UAAU,EAAA,4BAAA,CAAAC,MAAA,CAA+BhC,aAAa,QAAAgC,MAAA,CAAK7B,aAAa,EAAG,GAAA,CAAA;MAC3E8B,IAAI,EAAE,CAAC,CAAC;AACRC,MAAAA,OAAO,EAAEpC,eAAe,GAAG,CAAC,GAAG,CAAC;AAChCqC,MAAAA,aAAa,EAAE,MAAA;KAChB,CAAA;AACD,IAAA,UAAU,EAAAf,aAAA,CAAAA,aAAA,KACLhB,kBAAkB,CAAA,EAAA,EAAA,EAAA;MACrB2B,UAAU,EAAA,2BAAA,CAAAC,MAAA,CAA8BhC,aAAa,QAAAgC,MAAA,CAAK7B,aAAa,EAAG,GAAA,CAAA;MAC1EiC,KAAK,EAAE,CAAC,CAAC;AACTF,MAAAA,OAAO,EAAEnC,aAAa,GAAG,CAAC,GAAG,CAAC;AAC9BoC,MAAAA,aAAa,EAAE,MAAA;AAAM,KAAA,CAAA;GAExB,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAiBF,IAAME,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC,UAAAC,KAAA,EAeEC,GAAG,EACA;AAAA,EAAA,IAdD/D,QAAQ,GAAA8D,KAAA,CAAR9D,QAAQ;IACRb,WAAW,GAAA2E,KAAA,CAAX3E,WAAW;IACX6E,wBAAwB,GAAAF,KAAA,CAAxBE,wBAAwB;IACxBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACR9C,kBAAkB,GAAA2C,KAAA,CAAlB3C,kBAAkB;IAClBC,eAAe,GAAA0C,KAAA,CAAf1C,eAAe;IACfC,aAAa,GAAAyC,KAAA,CAAbzC,aAAa;IACb6C,qBAAqB,GAAAJ,KAAA,CAArBI,qBAAqB;IACrBC,kBAAkB,GAAAL,KAAA,CAAlBK,kBAAkB;IAClBC,cAAc,GAAAN,KAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,KAAA,CAATO,SAAS;IACTtE,GAAG,GAAA+D,KAAA,CAAH/D,GAAG,CAAA;AAIL,EAAA,oBACEE,GAAA,CAACS,iBAAiB,EAAAgC,aAAA,CAAAA,aAAA,CAAA;AAChB4B,IAAAA,QAAQ,EAAE,CAAE;AACZP,IAAAA,GAAG,EAAEA,GAAI;AACT7C,IAAAA,WAAW,EAAEqD,OAAO,CAACpD,kBAAkB,CAAE;AACzCA,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCpB,IAAAA,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAI;AAAEyE,MAAAA,IAAI,EAAE,WAAW;AAAEC,MAAAA,CAAC,EAAE,WAAA;KAAc;AAClDrD,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,aAAa,EAAEA,aAAc;AAC7BvB,IAAAA,UAAU,EAAEoE,qBAAAA;AAAsB,GAAA,EAC9BQ,cAAc,CAAC;AACjBC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,UAAU;AAC3BC,IAAAA,KAAK,EAAEV,kBAAAA;AACT,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAnE,IAAAA,QAAA,EAED4D,cAAK,CAACkB,QAAQ,CAACC,GAAG,CAAC/E,QAAQ,EAAE,UAACgF,KAAK,EAAEC,KAAK,EAAK;AAC9C,MAAA,IAAMC,sBAAsB,GAAGlB,wBAAwB,IAAIiB,KAAK,KAAK,CAAC,CAAA;MACtE,IAAME,oBAAoB,GAAGnB,wBAAwB,IAAIiB,KAAK,KAAK9F,WAAW,GAAG,CAAC,CAAA;AAClF,MAAA,IAAMiG,gBAAoC,gBAAGxB,cAAK,CAACyB,YAAY,CAC7DL,KAAK,EACL;AACEC,QAAAA,KAAK,EAALA,KAAK;QACLK,EAAE,EAAA,EAAA,CAAAhC,MAAA,CAAKW,QAAQ,qBAAAX,MAAA,CAAkB2B,KAAK,CAAE;AACxCC,QAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBC,QAAAA,oBAAoB,EAApBA,oBAAoB;AACpBd,QAAAA,SAAS,EAATA,SAAS;AACTtE,QAAAA,GAAG,EAAHA,GAAAA;AACF,OACF,CAAC,CAAA;;AAED;AACA;AACA;AACA,MAAA,IAAIoF,oBAAoB,EAAE;QACxB,oBACEzF,IAAA,CAAAe,QAAA,EAAA;AAAAT,UAAAA,QAAA,EACGoF,CAAAA,gBAAgB,eAChBnF,GAAA,CAACW,OAAO,EAAA;YAAC2E,QAAQ,EAAA,EAAA,CAAAjC,MAAA,CAAKc,cAAc,EAAA,IAAA,CAAA;AAAK,WAAE,CAAC,CAAA;AAAA,SAC7C,CAAC,CAAA;AAEP,OAAA;AACA,MAAA,OAAOgB,gBAAgB,CAAA;KACxB,CAAA;AAAC,GAAA,CACe,CAAC,CAAA;AAExB,CACF,CAAC,CAAA;AAED,IAAMI,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAuBb1B,GAA+B,EACR;AAAA,EAAA,IAtBrB2B,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAAC,kBAAA,GAAAF,KAAA,CACRG,YAAY;AAAZA,IAAAA,YAAY,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,kBAAA;IAAAE,oBAAA,GAAAJ,KAAA,CAChBzG,cAAc;AAAdA,IAAAA,cAAc,GAAA6G,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;IAAAC,qBAAA,GAAAL,KAAA,CACrBxG,wBAAwB;AAAxBA,IAAAA,wBAAwB,GAAA6G,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IACnC9F,QAAQ,GAAAyF,KAAA,CAARzF,QAAQ;IAAA+F,qBAAA,GAAAN,KAAA,CACRzB,wBAAwB;AAAxBA,IAAAA,wBAAwB,GAAA+B,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAChCC,iBAAiB,GAAAP,KAAA,CAAjBO,iBAAiB;IACjB7E,kBAAkB,GAAAsE,KAAA,CAAlBtE,kBAAkB;IAClBgD,kBAAkB,GAAAsB,KAAA,CAAlBtB,kBAAkB;IAClB8B,SAAQ,GAAAR,KAAA,CAARQ,QAAQ;IAAAC,qBAAA,GAAAT,KAAA,CACRlG,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAA2G,qBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,qBAAA;IAAAC,sBAAA,GAAAV,KAAA,CACzBjG,uBAAuB;AAAvBA,IAAAA,uBAAuB,GAAA2G,sBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,sBAAA;IAAAC,qBAAA,GAAAX,KAAA,CAClCvB,qBAAqB;AAArBA,IAAAA,qBAAqB,GAAAkC,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC/BrE,MAAM,GAAA0D,KAAA,CAAN1D,MAAM;IACNsE,kBAAkB,GAAAZ,KAAA,CAAlBY,kBAAkB;IACLC,eAAe,GAAAb,KAAA,CAA5Bc,WAAW;IAAAC,qBAAA,GAAAf,KAAA,CACXhG,qBAAqB;AAAEgH,IAAAA,wBAAwB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IACtDnC,SAAS,GAAAoB,KAAA,CAATpB,SAAS;IACTtE,GAAG,GAAA0F,KAAA,CAAH1F,GAAG;AACA2G,IAAAA,IAAI,GAAAC,wBAAA,CAAAlB,KAAA,EAAAmB,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,SAAA,GAAqBC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAF,SAAA,CAARE,QAAQ,CAAA;AAChB,EAAA,IAAAC,eAAA,GAA8CpD,cAAK,CAACqD,QAAQ,CAAC,CAAC,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAxD9H,IAAAA,eAAe,GAAAgI,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;EAC1C,IAAAG,qBAAA,GAAsCC,oBAAoB,CAAC;AACzDC,MAAAA,YAAY,EAAElB,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,kBAAkB,GAAI,CAAC;AACrCmB,MAAAA,KAAK,EAAElB,eAAe;AACtBL,MAAAA,QAAQ,EAAE,SAAAA,QAACuB,CAAAA,KAAK,EAAK;AACnBvB,QAAAA,SAAQ,aAARA,SAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,SAAQ,CAAGuB,KAAK,CAAC,CAAA;AACnB,OAAA;AACF,KAAC,CAAC;IAAAC,sBAAA,GAAAN,cAAA,CAAAE,qBAAA,EAAA,CAAA,CAAA;AANKd,IAAAA,WAAW,GAAAkB,sBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,cAAc,GAAAD,sBAAA,CAAA,CAAA,CAAA,CAAA;AAOlC,EAAA,IAAAE,gBAAA,GAAsD/D,cAAK,CAACqD,QAAQ,CAAC,KAAK,CAAC;IAAAW,gBAAA,GAAAT,cAAA,CAAAQ,gBAAA,EAAA,CAAA,CAAA;AAApEE,IAAAA,mBAAmB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,sBAAsB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AAClD,EAAA,IAAAG,gBAAA,GAA4CnE,cAAK,CAACqD,QAAQ,CAAC,CAAC,CAAC;IAAAe,gBAAA,GAAAb,cAAA,CAAAY,gBAAA,EAAA,CAAA,CAAA;AAAtD3D,IAAAA,cAAc,GAAA4D,gBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,iBAAiB,GAAAD,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAME,YAAY,GAAGtE,cAAK,CAACuE,MAAM,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,IAAMC,QAAQ,GAAGrB,QAAQ,KAAK,UAAU,CAAA;AACxC,EAAA,IAAMzB,EAAE,GAAG+C,KAAK,EAAE,CAAA;AAClB,EAAA,IAAMC,UAAU,GAAA,WAAA,CAAAhF,MAAA,CAAegC,EAAE,CAAE,CAAA;AAEnCiD,EAAAA,wBAAwB,CAAC;AACvBC,IAAAA,aAAa,EAAE,UAAU;AACzBC,IAAAA,iBAAiB,EAAE,CAACC,YAAY,CAACC,YAAY,CAAC;AAC9C3I,IAAAA,QAAQ,EAARA,QAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,IAAA4I,gBAAA,GAA0ChF,cAAK,CAACqD,QAAQ;AACtD;AACAmB,IAAAA,QAAQ,GAAG,IAAI,GAAG,CAACpE,wBACrB,CAAC;IAAA6E,gBAAA,GAAA1B,cAAA,CAAAyB,gBAAA,EAAA,CAAA,CAAA;AAHMxH,IAAAA,eAAe,GAAAyH,gBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,cAAc,GAAAD,gBAAA,CAAA,CAAA,CAAA,CAAA;AAItC,EAAA,IAAAE,gBAAA,GAAsCnF,cAAK,CAACqD,QAAQ,CAACmB,QAAQ,CAAC;IAAAY,iBAAA,GAAA7B,cAAA,CAAA4B,gBAAA,EAAA,CAAA,CAAA;AAAvD1H,IAAAA,aAAa,GAAA2H,iBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,YAAY,GAAAD,iBAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAME,YAAY,GAAGtD,YAAY,KAAK,SAAS,CAAA;EAC/C,IAAIuD,aAAa,GAAGvD,YAAyB,CAAA;AAC7C,EAAA,IAAIwC,QAAQ,EAAE;AACZe,IAAAA,aAAa,GAAG,CAAC,CAAA;AACjBlK,IAAAA,wBAAwB,GAAG,QAAQ,CAAA;AACrC,GAAA;AACA,EAAA,IAAIiK,YAAY,EAAE;AAChBC,IAAAA,aAAa,GAAG,CAAC,CAAA;AACnB,GAAA;;AAEA;AACA;AACA;AACA,EAAA,IAAID,YAAY,IAAI,CAAClF,wBAAwB,IAAI,CAACoE,QAAQ,EAAE;AAC1DpJ,IAAAA,cAAc,GAAG,KAAK,CAAA;AACxB,GAAA;AACA,EAAA,IAAMS,qBAAqB,GAAGgH,wBAAwB,IAAI,CAAC2B,QAAQ,CAAA;AACnE,EAAA,IAAMgB,qCAAqC,GAAGnK,wBAAwB,KAAK,cAAc,CAAA;AAEzF,EAAA,IAAMoK,kBAAkB,GAAG,CAACH,YAAY,IAAIjK,wBAAwB,KAAK,MAAM,CAAA;AAE/E,EAAA,IAAMqK,qBAAqB,GAAGJ,YAAY,IAAIjK,wBAAwB,KAAK,MAAM,CAAA;EACjF,IAAMsK,mBAAmB,GAAG3F,cAAK,CAACkB,QAAQ,CAAC0E,KAAK,CAACxJ,QAAQ,CAAC,CAAA;EAC1D,IAAMyJ,kBAAkB,GAAGC,IAAI,CAACC,IAAI,CAACJ,mBAAmB,GAAGJ,aAAa,CAAC,CAAA;;AAEzE;AACA;EACA,IAAMS,oBAAoB,GAAGV,YAAY,GAAG3C,WAAW,KAAK,CAAC,GAAG,IAAI,CAAA;EACpE,IAAMsD,oBAAoB,GAAGX,YAAY,GAAG3C,WAAW,KAAKgD,mBAAmB,GAAG,CAAC,GAAG,IAAI,CAAA;;AAE1F;AACA;AACAO,EAAAA,yBAAyB,CAAC,YAAM;IAAA,IAAAC,qBAAA,EAAAC,qBAAA,CAAA;AAC9B;AACA,IAAA,IAAI,CAACd,YAAY,IAAI,CAAClF,wBAAwB,EAAE,OAAA;AAChD,IAAA,IAAI,CAACkE,YAAY,CAAC+B,OAAO,EAAE,OAAA;AAE3B,IAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAAC7B,UAAU,EAAE,CAAC,CAAC,CAAA;IACvD,IAAM8B,YAAY,GAAGlC,YAAY,CAAC+B,OAAO,CAACI,aAAa,CAACH,cAAc,CAAC,CAAA;IACvE,IAAI,CAACE,YAAY,EAAE,OAAA;AAEnB,IAAA,IAAME,gBAAgB,GAAAP,CAAAA,qBAAA,GAAGK,YAAY,CAACG,qBAAqB,EAAE,CAAChH,IAAI,MAAAwG,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,CAAC,CAAA;AACvE,IAAA,IAAMS,qBAAqB,GAAAR,CAAAA,qBAAA,GAAG9B,YAAY,CAAC+B,OAAO,CAACM,qBAAqB,EAAE,CAAChH,IAAI,MAAA,IAAA,IAAAyG,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,CAAC,CAAA;AAEpF/B,IAAAA,iBAAiB,CAACqC,gBAAgB,GAAGE,qBAAqB,CAAC,CAAA;GAC5D,EAAE,CAAClC,UAAU,EAAEY,YAAY,EAAElF,wBAAwB,CAAC,CAAC,CAAA;AAExD,EAAA,IAAMyG,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAkB,EAA2B;AAAA,IAAA,IAAAC,sBAAA,CAAA;AAAA,IAAA,IAAzBC,aAAa,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AAC7D,IAAA,IAAI,CAAC3C,YAAY,CAAC+B,OAAO,EAAE,OAAA;IAE3B,IAAMC,cAAc,GAAGC,iBAAiB,CAAC7B,UAAU,EAAEoC,UAAU,GAAGvB,aAAa,CAAC,CAAA;IAChF,IAAMiB,YAAY,GAAGlC,YAAY,CAAC+B,OAAO,CAACI,aAAa,CAACH,cAAc,CAAC,CAAA;IACvE,IAAI,CAACE,YAAY,EAAE,OAAA;IAEnB,IAAME,gBAAgB,GACpBF,YAAY,CAACG,qBAAqB,EAAE,CAAChH,IAAI,IAAAoH,CAAAA,sBAAA,GACxCzC,YAAY,CAAC+B,OAAO,CAACM,qBAAqB,EAAE,CAAChH,IAAI,MAAAoH,IAAAA,IAAAA,sBAAA,KAAAA,KAAAA,CAAAA,GAAAA,sBAAA,GAAI,CAAC,CAAC,CAAA;IAC1D,IAAMpH,IAAI,GAAG2E,YAAY,CAAC+B,OAAO,CAACe,UAAU,GAAGV,gBAAgB,CAAA;AAE/DpC,IAAAA,YAAY,CAAC+B,OAAO,CAACgB,MAAM,CAAC;MAC1B1H,IAAI,EAAEA,IAAI,GAAGa,cAAc;AAC3B8G,MAAAA,QAAQ,EAAEN,aAAa,GAAG,QAAQ,GAAG,MAAA;AACvC,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMO,cAAc,GAAG,SAAjBA,cAAcA,CAAIT,UAAkB,EAAK;AAC7ChD,IAAAA,cAAc,CAAC,YAAA;AAAA,MAAA,OAAMgD,UAAU,CAAA;KAAC,CAAA,CAAA;IAChCtD,kBAAkB,CAACsD,UAAU,CAAC,CAAA;GAC/B,CAAA;AAED,EAAA,IAAMU,aAAa,GAAG,SAAhBA,aAAaA,GAAS;AAC1B,IAAA,IAAIV,UAAU,GAAGnE,WAAW,GAAG,CAAC,CAAA;IAChC,IAAImE,UAAU,IAAIjB,kBAAkB,EAAE;AACpCiB,MAAAA,UAAU,GAAG,CAAC,CAAA;AAChB,KAAA;;AAEA;AACA;AACA;AACA;AACA;IACA,IAAIxC,YAAY,CAAC+B,OAAO,EAAE;AACxB,MAAA,IAAMoB,SAAS,GAAGnD,YAAY,CAAC+B,OAAO,CAAA;AACtC,MAAA,IAAMe,UAAU,GAAGK,SAAS,CAACL,UAAU,CAAA;MACvC,IAAMM,WAAW,GAAGD,SAAS,CAACC,WAAW,GAAGD,SAAS,CAACE,WAAW,CAAA;MACjE,IAAIP,UAAU,KAAKM,WAAW,EAAE;AAC9BZ,QAAAA,UAAU,GAAG,CAAC,CAAA;AAChB,OAAA;AACF,KAAA;IAEAS,cAAc,CAACT,UAAU,CAAC,CAAA;GAC3B,CAAA;AAED,EAAA,IAAMc,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;AAC9B,IAAA,IAAId,UAAU,GAAGnE,WAAW,GAAG,CAAC,CAAA;IAChC,IAAIA,WAAW,IAAI,CAAC,EAAE;MACpBmE,UAAU,GAAGjB,kBAAkB,GAAG,CAAC,CAAA;AACrC,KAAA;IACA0B,cAAc,CAACT,UAAU,CAAC,CAAA;GAC3B,CAAA;;AAED;EACA9G,cAAK,CAAC6H,SAAS,CAAC,YAAM;AACpB;AACA;AACA,IAAA,IAAIzH,wBAAwB,EAAE,OAAA;AAC9B,IAAA,IAAIoE,QAAQ,EAAE,OAAA;AAEd,IAAA,IAAMsD,iBAAiB,GAAGxD,YAAY,CAAC+B,OAAO,CAAA;IAC9C,IAAI,CAACyB,iBAAiB,EAAE,OAAA;AAExB,IAAA,IAAMC,YAAY,GAAGC,QAAQ,CAAC,YAAM;AAClC,MAAA,IAAMN,WAAW,GAAG,CAAAI,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAiB,CAAEJ,WAAW,IAAGI,iBAAiB,CAACH,WAAW,CAAA;MAClFzC,cAAc,CAAC,CAAA4C,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAiB,CAAEV,UAAU,MAAK,CAAC,CAAC,CAAA;MACnD/B,YAAY,CAAC,CAAAyC,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAiB,CAAEV,UAAU,MAAKM,WAAW,CAAC,CAAA;KAC5D,EAAE,GAAG,CAAC,CAAA;AAEPI,IAAAA,iBAAiB,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC,CAAA;AAE1D,IAAA,OAAO,YAAM;MACXD,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEI,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC,CAAA;KAC/D,CAAA;AACH,GAAC,EAAE,CAACvD,QAAQ,EAAEpE,wBAAwB,CAAC,CAAC,CAAA;;AAExC;EACAJ,cAAK,CAAC6H,SAAS,CAAC,YAAM;AACpB,IAAA,IAAMC,iBAAiB,GAAGxD,YAAY,CAAC+B,OAAO,CAAA;IAC9C,IAAI,CAACyB,iBAAiB,EAAE,OAAA;AAExB,IAAA,IAAMC,YAAY,GAAGI,QAAQ,CAAC,YAAM;AAClC;AACA,MAAA,IAAMC,UAAU,GAAGN,iBAAiB,CAACnB,qBAAqB,EAAE,CAAA;AAC5D;MACA,IAAI0B,OAAO,GAAG,GAAG,CAAA;AACjB;AACA;AACA,MAAA,IAAK/C,YAAY,IAAIlF,wBAAwB,IAAKK,SAAS,KAAK,QAAQ,EAAE;AACxE4H,QAAAA,OAAO,GAAG,GAAG,CAAA;AACf,OAAA;MAEA,IAAMC,MAAM,GAAGF,UAAU,CAACzI,IAAI,GAAGyI,UAAU,CAAClK,KAAK,GAAGmK,OAAO,CAAA;MAC3D,IAAME,MAAM,GAAGH,UAAU,CAACnK,GAAG,GAAGmK,UAAU,CAACjK,MAAM,GAAG,GAAG,CAAA;MACvD,IAAMqK,OAAO,GAAGC,QAAQ,CAACC,gBAAgB,CAACJ,MAAM,EAAEC,MAAM,CAAC,CAAA;MACzD,IAAM/B,YAAY,GAAGgC,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEG,OAAO,CAAC,oBAAoB,CAAC,CAAA;MAC3D,IAAI,CAACnC,YAAY,EAAE;AACjB,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,IAAMM,UAAU,GAAG8B,MAAM,CAACpC,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEqC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAA;MACzE,IAAMC,IAAI,GAAGhD,IAAI,CAACC,IAAI,CAACe,UAAU,GAAGvB,aAAa,CAAC,CAAA;AAClDzB,MAAAA,cAAc,CAAC,YAAA;AAAA,QAAA,OAAMgF,IAAI,CAAA;OAAC,CAAA,CAAA;MAC1BtF,kBAAkB,CAACsF,IAAI,CAAC,CAAA;KACzB,EAAE,EAAE,CAAC,CAAA;AAENhB,IAAAA,iBAAiB,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC,CAAA;AAE1D,IAAA,OAAO,YAAM;MACXD,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEI,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC,CAAA;KAC/D,CAAA;AACD;AACF,GAAC,EAAE,CAACxC,aAAa,EAAEf,QAAQ,EAAEc,YAAY,EAAElF,wBAAwB,EAAEK,SAAS,CAAC,CAAC,CAAA;;AAEhF;AACAsI,EAAAA,WAAW,CACT,YAAM;AACJvB,IAAAA,aAAa,EAAE,CAAA;AACjB,GAAC,EACD;AACEwB,IAAAA,KAAK,EAAEC,0BAA0B;AACjC;IACAC,MAAM,EAAEpH,QAAQ,IAAI,CAACmC,mBAAAA;AACvB,GACF,CAAC,CAAA;;AAED;AACAiC,EAAAA,yBAAyB,CAAC,YAAM;IAC9B,IAAI,CAACxE,EAAE,EAAE,OAAA;IACT6F,cAAc,CAAC5E,WAAW,CAAC,CAAA;AAC3BkE,IAAAA,aAAa,CAAClE,WAAW,EAAE,KAAK,CAAC,CAAA;AACnC,GAAC,EAAE,CAACjB,EAAE,CAAC,CAAC,CAAA;;AAER;AACAyH,EAAAA,YAAY,CAAC,YAAM;IACjBtC,aAAa,CAAClE,WAAW,CAAC,CAAA;AAC5B,GAAC,EAAE,CAACA,WAAW,CAAC,CAAC,CAAA;AAEjB,EAAA,IAAMyG,eAAe,GAAGpJ,cAAK,CAACqJ,OAAO,CAAuB,YAAM;IAChE,OAAO;AACL/D,MAAAA,YAAY,EAAZA,YAAY;AACZtD,MAAAA,YAAY,EAAEuD,aAAa;AAC3BnD,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBkH,MAAAA,oBAAoB,EAAEhF,YAAY;AAClCd,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBkB,MAAAA,UAAU,EAAVA,UAAU;AACViB,MAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBhD,MAAAA,WAAW,EAAXA,WAAW;AACXnC,MAAAA,cAAc,EAAdA,cAAc;AACdJ,MAAAA,wBAAwB,EAAxBA,wBAAAA;KACD,CAAA;AACH,GAAC,EAAE,CACDsE,UAAU,EACVlE,cAAc,EACd8E,YAAY,EACZC,aAAa,EACbnD,iBAAiB,EACjBuD,mBAAmB,EACnBhD,WAAW,EACXvC,wBAAwB,CACzB,CAAC,CAAA;AAEF,EAAA,oBACE/D,GAAA,CAACkN,eAAe,CAACC,QAAQ,EAAA;AAAC5F,IAAAA,KAAK,EAAEwF,eAAgB;IAAAhN,QAAA,eAC/CN,IAAA,CAACkB,OAAO,EAAA8B,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNqB,MAAAA,GAAG,EAAEA,GAAAA;AAAa,KAAA,EACdsJ,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACC,QAAAA;AAAS,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACnD;AACAC,MAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAmB,EAAK;QAChC,IAAI,CAACA,CAAC,CAACC,aAAa,CAACC,QAAQ,CAACF,CAAC,CAACG,aAAa,CAAC,EAAE;UAC9C/F,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAC9B,SAAA;OACA;AACFgG,MAAAA,MAAM,EAAE,SAAAA,MAACJ,CAAAA,CAAmB,EAAK;QAC/B,IAAI,CAACA,CAAC,CAACC,aAAa,CAACC,QAAQ,CAACF,CAAC,CAACG,aAAa,CAAC,EAAE;UAC9C/F,sBAAsB,CAAC,KAAK,CAAC,CAAA;AAC/B,SAAA;AACF,OAAA;AACA;AAAA;MACAiG,YAAY,EAAE,SAAAA,YAAAA,GAAM;QAClBjG,sBAAsB,CAAC,IAAI,CAAC,CAAA;OAC5B;MACFkG,YAAY,EAAE,SAAAA,YAAAA,GAAM;QAClBlG,sBAAsB,CAAC,KAAK,CAAC,CAAA;OAC7B;MACFmG,YAAY,EAAE,SAAAA,YAAAA,GAAM;QAClBnG,sBAAsB,CAAC,IAAI,CAAC,CAAA;OAC5B;MACFoG,UAAU,EAAE,SAAAA,UAAAA,GAAM;QAChBpG,sBAAsB,CAAC,KAAK,CAAC,CAAA;OAC7B;AACFjI,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,UAAU,EAAC,QAAQ;AACnBqO,MAAAA,aAAa,EAAC,QAAQ;AACtBpM,MAAAA,MAAM,EAAEA,MAAAA;KACJqM,EAAAA,cAAc,CAAC1H,IAAI,CAAC,GACpB2H,sBAAsB,CAAC3H,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;MAAA1G,QAAA,EAAA,cAEhCN,IAAA,CAACkB,OAAO,EAAA;AACNkB,QAAAA,KAAK,EAAC,MAAM;AACZF,QAAAA,QAAQ,EAAC,UAAU;AACnB/B,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,GAAG,EAAC,WAAW;AACfoO,QAAAA,aAAa,EAAC,KAAK;AACnBpM,QAAAA,MAAM,EAAC,MAAM;QAAA/B,QAAA,EAAA,CAEZ4J,oBAAoB,KACpBN,qBAAqB,IAAIF,qCAAqC,CAAC,gBAC9DnJ,GAAA,CAACW,OAAO,EAAA;AACN0N,UAAAA,MAAM,EAAE,CAAE;AACV1M,UAAAA,QAAQ,EAAC,UAAU;AACnB2B,UAAAA,IAAI,EACF6F,qCAAqC,GACjCmF,kCAAkC,GAClC,YACL;UAAAvO,QAAA,eAEDC,GAAA,CAACC,gBAAgB,EAAA;AACfC,YAAAA,IAAI,EAAC,UAAU;AACfC,YAAAA,OAAO,EAAEZ,uBAAwB;AACjCa,YAAAA,OAAO,EAAEmL,iBAAAA;WACV,CAAA;SACM,CAAC,GACR,IAAI,EACPnC,kBAAkB,gBACjBpJ,GAAA,CAACC,gBAAgB,EAAA;AACfC,UAAAA,IAAI,EAAC,UAAU;AACfC,UAAAA,OAAO,EAAEZ,uBAAwB;AACjCa,UAAAA,OAAO,EAAEmL,iBAAAA;AAAkB,SAC5B,CAAC,GACA,IAAI,eACRvL,GAAA,CAAC0D,YAAY,EAAA;AACXM,UAAAA,QAAQ,EAAEqE,UAAW;AACrBlE,UAAAA,cAAc,EAAEA,cAAe;AAC/BjF,UAAAA,WAAW,EAAEoK,mBAAoB;AACjCvF,UAAAA,wBAAwB,EAAEA,wBAAyB;AACnD7C,UAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,UAAAA,eAAe,EAAEA,eAAgB;AACjCC,UAAAA,aAAa,EAAEA,aAAc;AAC7B0C,UAAAA,GAAG,EAAEmE,YAAa;AAClBhE,UAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,UAAAA,kBAAkB,EAAEA,kBAAmB;AACvCE,UAAAA,SAAS,EAAEA,SAAU;AACrBtE,UAAAA,GAAG,EAAEA,GAAI;AAAAC,UAAAA,QAAA,EAERA,QAAAA;SACW,CAAC,EACd6J,oBAAoB,KACpBP,qBAAqB,IAAIF,qCAAqC,CAAC,gBAC9DnJ,GAAA,CAACW,OAAO,EAAA;AACN0N,UAAAA,MAAM,EAAE,CAAE;AACV1M,UAAAA,QAAQ,EAAC,UAAU;AACnB8B,UAAAA,KAAK,EACH0F,qCAAqC,GACjCmF,kCAAkC,GAClC,YACL;UAAAvO,QAAA,eAEDC,GAAA,CAACC,gBAAgB,EAAA;AACfG,YAAAA,OAAO,EAAE+K,aAAc;AACvBjL,YAAAA,IAAI,EAAC,MAAM;AACXC,YAAAA,OAAO,EAAEZ,uBAAAA;WACV,CAAA;SACM,CAAC,GACR,IAAI,EACP6J,kBAAkB,gBACjBpJ,GAAA,CAACC,gBAAgB,EAAA;AACfG,UAAAA,OAAO,EAAE+K,aAAc;AACvBjL,UAAAA,IAAI,EAAC,MAAM;AACXC,UAAAA,OAAO,EAAEZ,uBAAAA;SACV,CAAC,GACA,IAAI,CAAA;AAAA,OACD,CAAC,eACVS,GAAA,CAACnB,QAAQ,EAAA;AACPK,QAAAA,WAAW,EAAEsK,kBAAmB;AAChCvK,QAAAA,eAAe,EAAEA,eAAgB;AACjCF,QAAAA,cAAc,EAAEA,cAAe;AAC/BC,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDG,QAAAA,sBAAsB,EAAE+L,cAAe;AACvC9L,QAAAA,iBAAiB,EAAE+L,aAAc;AACjC9L,QAAAA,qBAAqB,EAAEkM,iBAAkB;AACzCjM,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,QAAAA,uBAAuB,EAAEA,uBAAwB;AACjDC,QAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,OAC9C,CAAC,CAAA;KACK,CAAA,CAAA;AAAC,GACc,CAAC,CAAA;AAE/B,CAAC,CAAA;AAED,IAAM+N,QAAQ,gBAAG5J,cAAK,CAACC,UAAU,CAAC2B,SAAS;;;;"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
var CAROUSEL_AUTOPLAY_INTERVAL = 6000;
|
|
2
|
+
/*
|
|
3
|
+
Button have width of 34px in desktop , value from left /right should be 34px/2 = 17px.
|
|
4
|
+
In mobile we have 24px width of button , value from left /right should be 24px/2 = 12px. (but currently we don't support overlap in mobile)
|
|
5
|
+
*/
|
|
6
|
+
var CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET = '-17px';
|
|
2
7
|
var componentIds = {
|
|
3
8
|
CarouselItem: 'CarouselItem'
|
|
4
9
|
};
|
|
5
10
|
|
|
6
|
-
export { CAROUSEL_AUTOPLAY_INTERVAL, componentIds };
|
|
11
|
+
export { CAROUSEL_AUTOPLAY_INTERVAL, CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET, componentIds };
|
|
7
12
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Carousel/constants.ts"],"sourcesContent":["const CAROUSEL_AUTOPLAY_INTERVAL = 6000;\n\nconst componentIds = {\n CarouselItem: 'CarouselItem',\n};\n\nexport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds };\n"],"names":["CAROUSEL_AUTOPLAY_INTERVAL","componentIds","CarouselItem"],"mappings":"AAAMA,IAAAA,0BAA0B,GAAG,KAAI;
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Carousel/constants.ts"],"sourcesContent":["const CAROUSEL_AUTOPLAY_INTERVAL = 6000;\n/*\n Button have width of 34px in desktop , value from left /right should be 34px/2 = 17px.\n In mobile we have 24px width of button , value from left /right should be 24px/2 = 12px. (but currently we don't support overlap in mobile)\n*/\nconst CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET = '-17px';\n\nconst componentIds = {\n CarouselItem: 'CarouselItem',\n};\n\nexport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds, CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET };\n"],"names":["CAROUSEL_AUTOPLAY_INTERVAL","CAROUSEL_SIDE_OVERLAP_VALUE_OFFSET","componentIds","CarouselItem"],"mappings":"AAAMA,IAAAA,0BAA0B,GAAG,KAAI;AACvC;AACA;AACA;AACA;AACMC,IAAAA,kCAAkC,GAAG,QAAO;AAElD,IAAMC,YAAY,GAAG;AACnBC,EAAAA,YAAY,EAAE,cAAA;AAChB;;;;"}
|
|
@@ -20,7 +20,6 @@ import { msToSeconds } from '../../utils/msToSeconds.js';
|
|
|
20
20
|
import '../BladeProvider/index.js';
|
|
21
21
|
import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
|
|
22
22
|
import '../../utils/index.js';
|
|
23
|
-
import '../Divider/index.js';
|
|
24
23
|
import '../../utils/isValidAllowedChildren/index.js';
|
|
25
24
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
26
25
|
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
|
|
@@ -31,7 +30,6 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
|
|
|
31
30
|
import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
|
|
32
31
|
import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
|
|
33
32
|
import { Box } from '../Box/Box.js';
|
|
34
|
-
import { Divider } from '../Divider/Divider.js';
|
|
35
33
|
import Button from '../Button/Button/Button.js';
|
|
36
34
|
import FilterIcon from '../Icons/FilterIcon/FilterIcon.js';
|
|
37
35
|
import { Counter } from '../Counter/Counter.js';
|
|
@@ -40,8 +38,11 @@ import { castWebType } from '../../utils/platform/castUtils.js';
|
|
|
40
38
|
var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "showFilters", "onShowFiltersChange", "onSearchClear", "selectedFiltersCount", "searchTrailing"];
|
|
41
39
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
42
40
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
43
|
-
var
|
|
44
|
-
var
|
|
41
|
+
var CHILDREN_COUNTER_WIDTH = 36;
|
|
42
|
+
var GAP_BETWEEN_CHILDREN_AND_SEARCH = 12;
|
|
43
|
+
var SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN = 8;
|
|
44
|
+
var CHILDREN_TOTAL_WIDTH = CHILDREN_COUNTER_WIDTH + SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN;
|
|
45
|
+
var CHILDREN_WITH_SEARCH_WIDTH = CHILDREN_COUNTER_WIDTH + GAP_BETWEEN_CHILDREN_AND_SEARCH + SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN;
|
|
45
46
|
var StyledQuickFilterContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
46
47
|
displayName: "ListViewFiltersweb__StyledQuickFilterContainer",
|
|
47
48
|
componentId: "igy2td-0"
|
|
@@ -55,40 +56,23 @@ var StyledQuickFilterContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
55
56
|
/* For Edge */
|
|
56
57
|
msOverflowStyle: 'none'
|
|
57
58
|
});
|
|
58
|
-
var
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
onSearchChange = _ref4.onSearchChange,
|
|
76
|
-
searchValue = _ref4.searchValue,
|
|
77
|
-
searchValuePlaceholder = _ref4.searchValuePlaceholder,
|
|
78
|
-
searchName = _ref4.searchName,
|
|
79
|
-
showQuickFilters = _ref4.showQuickFilters,
|
|
80
|
-
onShowQuickFiltersChange = _ref4.onShowQuickFiltersChange,
|
|
81
|
-
showFiltersProp = _ref4.showFilters,
|
|
82
|
-
onShowFiltersChange = _ref4.onShowFiltersChange,
|
|
83
|
-
onSearchClear = _ref4.onSearchClear,
|
|
84
|
-
_ref4$selectedFilters = _ref4.selectedFiltersCount,
|
|
85
|
-
selectedFiltersCount = _ref4$selectedFilters === void 0 ? 0 : _ref4$selectedFilters,
|
|
86
|
-
searchTrailing = _ref4.searchTrailing,
|
|
87
|
-
rest = _objectWithoutProperties(_ref4, _excluded);
|
|
88
|
-
var _useState = useState(false),
|
|
89
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
90
|
-
shouldShowDecorationInQuickFilters = _useState2[0],
|
|
91
|
-
setShouldShowDecorationInQuickFilters = _useState2[1];
|
|
59
|
+
var ListViewFilters = function ListViewFilters(_ref) {
|
|
60
|
+
var testID = _ref.testID,
|
|
61
|
+
children = _ref.children,
|
|
62
|
+
quickFilters = _ref.quickFilters,
|
|
63
|
+
onSearchChange = _ref.onSearchChange,
|
|
64
|
+
searchValue = _ref.searchValue,
|
|
65
|
+
searchValuePlaceholder = _ref.searchValuePlaceholder,
|
|
66
|
+
searchName = _ref.searchName,
|
|
67
|
+
showQuickFilters = _ref.showQuickFilters,
|
|
68
|
+
onShowQuickFiltersChange = _ref.onShowQuickFiltersChange,
|
|
69
|
+
showFiltersProp = _ref.showFilters,
|
|
70
|
+
onShowFiltersChange = _ref.onShowFiltersChange,
|
|
71
|
+
onSearchClear = _ref.onSearchClear,
|
|
72
|
+
_ref$selectedFiltersC = _ref.selectedFiltersCount,
|
|
73
|
+
selectedFiltersCount = _ref$selectedFiltersC === void 0 ? 0 : _ref$selectedFiltersC,
|
|
74
|
+
searchTrailing = _ref.searchTrailing,
|
|
75
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
92
76
|
var _useControllableState = useControllableState({
|
|
93
77
|
defaultValue: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
|
|
94
78
|
value: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
|
|
@@ -97,26 +81,34 @@ var ListViewFilters = function ListViewFilters(_ref4) {
|
|
|
97
81
|
_useControllableState2 = _slicedToArray(_useControllableState, 2),
|
|
98
82
|
showFilters = _useControllableState2[0],
|
|
99
83
|
setShowFilters = _useControllableState2[1];
|
|
100
|
-
var
|
|
101
|
-
|
|
102
|
-
listViewSelectedFilters =
|
|
103
|
-
setListViewSelectedFilters =
|
|
84
|
+
var _useState = useState({}),
|
|
85
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
86
|
+
listViewSelectedFilters = _useState2[0],
|
|
87
|
+
setListViewSelectedFilters = _useState2[1];
|
|
104
88
|
var searchId = useId('search-input');
|
|
105
89
|
var searchNameValue = searchName || searchId;
|
|
106
90
|
var isMobile = useIsMobile();
|
|
107
91
|
var _useTheme = useTheme(),
|
|
108
92
|
theme = _useTheme.theme;
|
|
109
93
|
var showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;
|
|
94
|
+
var isSearchTrailingDropDown = /*#__PURE__*/React__default.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';
|
|
110
95
|
var getFilterContainerWidth = function getFilterContainerWidth() {
|
|
111
|
-
|
|
112
|
-
|
|
96
|
+
var hasChildren = Boolean(children);
|
|
97
|
+
if (isMobile) {
|
|
98
|
+
return hasChildren ? '88%' : '100%';
|
|
99
|
+
}
|
|
100
|
+
var searchInputWidth = isSearchTrailingDropDown ? '280px' : '208px';
|
|
101
|
+
if (showSearchInput && hasChildren) {
|
|
102
|
+
return "calc(100% - ".concat(searchInputWidth, " - ").concat(CHILDREN_WITH_SEARCH_WIDTH, "px)");
|
|
113
103
|
}
|
|
114
|
-
if (
|
|
115
|
-
return
|
|
104
|
+
if (hasChildren) {
|
|
105
|
+
return "calc(100% - ".concat(CHILDREN_TOTAL_WIDTH, "px)");
|
|
116
106
|
}
|
|
117
|
-
|
|
107
|
+
if (showSearchInput) {
|
|
108
|
+
return "calc(100% - ".concat(searchInputWidth, " - ").concat(SPACE_BETWEEN_QUICK_FILTERS_AND_CHILDREN, "px)");
|
|
109
|
+
}
|
|
110
|
+
return '100%';
|
|
118
111
|
};
|
|
119
|
-
var isSearchTrailingDropDown = /*#__PURE__*/React__default.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';
|
|
120
112
|
return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
|
|
121
113
|
value: {
|
|
122
114
|
listViewSelectedFilters: listViewSelectedFilters,
|
|
@@ -128,9 +120,9 @@ var ListViewFilters = function ListViewFilters(_ref4) {
|
|
|
128
120
|
value: searchValue,
|
|
129
121
|
placeholder: searchValuePlaceholder,
|
|
130
122
|
name: searchNameValue || searchId,
|
|
131
|
-
onChange: function onChange(
|
|
132
|
-
var name =
|
|
133
|
-
value =
|
|
123
|
+
onChange: function onChange(_ref2) {
|
|
124
|
+
var name = _ref2.name,
|
|
125
|
+
value = _ref2.value;
|
|
134
126
|
return onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange({
|
|
135
127
|
name: name,
|
|
136
128
|
value: value
|
|
@@ -145,37 +137,19 @@ var ListViewFilters = function ListViewFilters(_ref4) {
|
|
|
145
137
|
})), makeAnalyticsAttribute(rest)), {}, {
|
|
146
138
|
display: "flex",
|
|
147
139
|
justifyContent: "space-between",
|
|
148
|
-
children: [/*#__PURE__*/
|
|
140
|
+
children: [/*#__PURE__*/jsx(Box, {
|
|
149
141
|
position: "relative",
|
|
150
142
|
display: "flex",
|
|
151
143
|
flexDirection: "column",
|
|
152
144
|
width: getFilterContainerWidth(),
|
|
153
|
-
marginRight:
|
|
154
|
-
children:
|
|
155
|
-
overflow:
|
|
156
|
-
width:
|
|
157
|
-
ref: function ref(node) {
|
|
158
|
-
if (node instanceof HTMLElement && quickFilters) {
|
|
159
|
-
setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth && Boolean(children));
|
|
160
|
-
}
|
|
161
|
-
},
|
|
145
|
+
marginRight: "spacing.3",
|
|
146
|
+
children: /*#__PURE__*/jsx(StyledQuickFilterContainer, {
|
|
147
|
+
overflow: "scroll",
|
|
148
|
+
width: "100%",
|
|
162
149
|
paddingY: "spacing.4",
|
|
163
|
-
paddingLeft:
|
|
150
|
+
paddingLeft: "spacing.2",
|
|
164
151
|
children: quickFilters
|
|
165
|
-
})
|
|
166
|
-
position: "absolute",
|
|
167
|
-
right: "-1px",
|
|
168
|
-
top: "spacing.4",
|
|
169
|
-
width: gradientOverlyContainerWidth,
|
|
170
|
-
height: gradientOverlyContainerHeight,
|
|
171
|
-
children: [/*#__PURE__*/jsx(GradientOverlay, {
|
|
172
|
-
gradientColorLeft: theme.colors.transparent,
|
|
173
|
-
gradientColorRight: theme.colors.surface.background.gray.intense,
|
|
174
|
-
dividerColor: theme.colors.surface.border.gray.normal
|
|
175
|
-
}), /*#__PURE__*/jsx(Divider, {
|
|
176
|
-
orientation: "vertical"
|
|
177
|
-
})]
|
|
178
|
-
}) : null]
|
|
152
|
+
})
|
|
179
153
|
}), /*#__PURE__*/jsxs(BaseBox, {
|
|
180
154
|
display: "flex",
|
|
181
155
|
gap: "spacing.4",
|
|
@@ -213,9 +187,9 @@ var ListViewFilters = function ListViewFilters(_ref4) {
|
|
|
213
187
|
value: searchValue,
|
|
214
188
|
placeholder: searchValuePlaceholder,
|
|
215
189
|
name: searchNameValue || searchId,
|
|
216
|
-
onChange: function onChange(
|
|
217
|
-
var name =
|
|
218
|
-
value =
|
|
190
|
+
onChange: function onChange(_ref3) {
|
|
191
|
+
var name = _ref3.name,
|
|
192
|
+
value = _ref3.value;
|
|
219
193
|
return onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange({
|
|
220
194
|
name: name,
|
|
221
195
|
value: value
|