@razorpay/blade 12.41.5 → 12.42.0

package/build/lib/web/development/components/Carousel/Carousel.web.js

@@ -38,7 +38,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded = ["autoPlay", "visibleItems", "showIndicators", "navigationButtonPosition", "children", "shouldAddStartEndSpacing", "carouselItemWidth", "scrollOverlayColor", "accessibilityLabel", "onChange", "indicatorVariant", "navigationButtonVariant", "carouselItemAlignment", "height", "defaultActiveSlide", "activeSlide", "showNavigationButtons"];
+var _excluded = ["autoPlay", "visibleItems", "showIndicators", "navigationButtonPosition", "children", "shouldAddStartEndSpacing", "carouselItemWidth", "scrollOverlayColor", "accessibilityLabel", "onChange", "indicatorVariant", "navigationButtonVariant", "carouselItemAlignment", "height", "defaultActiveSlide", "activeSlide", "showNavigationButtons", "snapAlign", "gap"];
 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; }
 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; }
 var Controls = function Controls(_ref) {
@@ -152,13 +152,15 @@ var CarouselBody = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref)
     isScrollAtEnd = _ref3.isScrollAtEnd,
     carouselItemAlignment = _ref3.carouselItemAlignment,
     accessibilityLabel = _ref3.accessibilityLabel,
-    startEndMargin = _ref3.startEndMargin;
+    startEndMargin = _ref3.startEndMargin,
+    snapAlign = _ref3.snapAlign,
+    gap = _ref3.gap;
   return /*#__PURE__*/jsx(CarouselContainer, _objectSpread(_objectSpread({
     tabIndex: 0,
     ref: ref,
     showOverlay: Boolean(scrollOverlayColor),
     scrollOverlayColor: scrollOverlayColor,
-    gap: {
+    gap: gap !== null && gap !== void 0 ? gap : {
       base: 'spacing.4',
       m: 'spacing.5'
     },
@@ -177,7 +179,9 @@ var CarouselBody = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref)
         index: index,
         id: "".concat(idPrefix, "-carousel-item-").concat(index),
         shouldHaveStartSpacing: shouldHaveStartSpacing,
-        shouldHaveEndSpacing: shouldHaveEndSpacing
+        shouldHaveEndSpacing: shouldHaveEndSpacing,
+        snapAlign: snapAlign,
+        gap: gap
       });
 
       // Safari doesn't include the margin in the bounding box calculation
@@ -220,6 +224,8 @@ var _Carousel = function _Carousel(_ref4, ref) {
     activeSlideProp = _ref4.activeSlide,
     _ref4$showNavigationB = _ref4.showNavigationButtons,
     showNavigationButtonProp = _ref4$showNavigationB === void 0 ? true : _ref4$showNavigationB,
+    snapAlign = _ref4.snapAlign,
+    gap = _ref4.gap,
     rest = _objectWithoutProperties(_ref4, _excluded);
   var _useTheme = useTheme(),
     platform = _useTheme.platform;
@@ -306,13 +312,13 @@ var _Carousel = function _Carousel(_ref4, ref) {
     setStartEndMargin(carouselItemLeft - carouselContainerLeft);
   }, [carouselId, isResponsive, shouldAddStartEndSpacing]);
   var scrollToSlide = function scrollToSlide(slideIndex) {
-    var _ref5;
+    var _containerRef$current2;
     var shouldAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (!containerRef.current) return;
     var carouselItemId = getCarouselItemId(carouselId, slideIndex * _visibleItems);
     var carouselItem = containerRef.current.querySelector(carouselItemId);
     if (!carouselItem) return;
-    var carouselItemLeft = (_ref5 = carouselItem.getBoundingClientRect().left - containerRef.current.getBoundingClientRect().left) !== null && _ref5 !== void 0 ? _ref5 : 0;
+    var carouselItemLeft = carouselItem.getBoundingClientRect().left - ((_containerRef$current2 = containerRef.current.getBoundingClientRect().left) !== null && _containerRef$current2 !== void 0 ? _containerRef$current2 : 0);
     var left = containerRef.current.scrollLeft + carouselItemLeft;
     containerRef.current.scroll({
       left: left - startEndMargin,
@@ -382,9 +388,9 @@ var _Carousel = function _Carousel(_ref4, ref) {
       var carouselBB = carouselContainer.getBoundingClientRect();
       // By default we check the far left side of the screen
       var xOffset = 0.1;
-      // when the carousel is responsive & has spacing
+      // when the carousel is responsive & has spacing OR when center aligned
       // we want to check the center of the screen
-      if (isResponsive && shouldAddStartEndSpacing) {
+      if (isResponsive && shouldAddStartEndSpacing || snapAlign === 'center') {
         xOffset = 0.5;
       }
       var pointX = carouselBB.left + carouselBB.width * xOffset;
@@ -406,7 +412,7 @@ var _Carousel = function _Carousel(_ref4, ref) {
       carouselContainer === null || carouselContainer === void 0 ? void 0 : carouselContainer.removeEventListener('scroll', handleScroll);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [_visibleItems, isMobile, isResponsive, shouldAddStartEndSpacing]);
+  }, [_visibleItems, isMobile, isResponsive, shouldAddStartEndSpacing, snapAlign]);
 
   // auto play
   useInterval(function () {
@@ -511,6 +517,8 @@ var _Carousel = function _Carousel(_ref4, ref) {
           ref: containerRef,
           carouselItemAlignment: carouselItemAlignment,
           accessibilityLabel: accessibilityLabel,
+          snapAlign: snapAlign,
+          gap: gap,
           children: children
         }), shouldShowNextButton && shouldNavButtonsFloat ? /*#__PURE__*/jsx(BaseBox, {
           zIndex: 2,

package/build/lib/web/development/components/Carousel/Carousel.web.js.map

@@ -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};\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    },\n    ref,\n  ) => {\n    return (\n      <CarouselContainer\n        tabIndex={0}\n        ref={ref}\n        showOverlay={Boolean(scrollOverlayColor)}\n        scrollOverlayColor={scrollOverlayColor}\n        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            },\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    ...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\n      // we want to check the center of the screen\n      if (isResponsive && shouldAddStartEndSpacing) {\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]);\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          >\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","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","_ref5","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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"}
+{"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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"}

package/build/lib/web/development/components/Carousel/CarouselItem.web.js

@@ -10,6 +10,7 @@ import '../../utils/index.js';
 import '../../utils/makeAccessible/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import { getSpacingValue } from '../Box/BaseBox/baseBoxStyles.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
@@ -18,7 +19,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "shouldHaveStartSpacing", "shouldHaveEndSpacing", "id", "index"];
+var _excluded = ["children", "shouldHaveStartSpacing", "shouldHaveEndSpacing", "id", "index", "snapAlign", "gap"];
 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; }
 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; }
 var StyledCarouselItem = /*#__PURE__*/styled(BaseBox).withConfig({
@@ -29,23 +30,34 @@ var StyledCarouselItem = /*#__PURE__*/styled(BaseBox).withConfig({
     isResponsive = _ref.isResponsive,
     shouldAddStartEndSpacing = _ref.shouldAddStartEndSpacing,
     shouldHaveStartSpacing = _ref.shouldHaveStartSpacing,
-    theme = _ref.theme;
+    theme = _ref.theme,
+    snapAlign = _ref.snapAlign,
+    gap = _ref.gap;
   var _useBreakpoint = useBreakpoint({
       breakpoints: theme.breakpoints
     }),
-    matchedDeviceType = _useBreakpoint.matchedDeviceType;
+    matchedDeviceType = _useBreakpoint.matchedDeviceType,
+    matchedBreakpoint = _useBreakpoint.matchedBreakpoint;
   var isMobile = matchedDeviceType === 'mobile';
-  var gap = isMobile ? theme.spacing[4] : theme.spacing[5];
-  var calculatedWidth = "calc(100% / ".concat(visibleItems, " - ").concat(gap, "px * (").concat(visibleItems, " - 1) / ").concat(visibleItems, ")");
+
+  // Resolve gap value: convert spacing token to pixels or use default spacing
+  // Default: spacing.4 (12px) on mobile, spacing.5 (16px) on desktop
+  var resolvedGap = gap ? parseInt(getSpacingValue(gap, theme, typeof gap === 'string' ? 'base' : matchedBreakpoint || 'base') || '0', 10) : isMobile ? theme.spacing[4] : theme.spacing[5];
+
+  // Calculate item width: (containerWidth / numberOfItems) - (totalGapSpace / numberOfItems)
+  // This ensures each item gets equal width while accounting for gaps between items
+  var calculatedWidth = "calc(100% / ".concat(visibleItems, " - ").concat(resolvedGap, "px * (").concat(visibleItems, " - 1) / ").concat(visibleItems, ")");
+  var calculatedMarginLeft = shouldHaveStartSpacing ? "calc(".concat(calculatedWidth, " + ").concat(resolvedGap, "px)") : 0;
   return _objectSpread({
     flexGrow: 0,
     flexShrink: 0,
     width: calculatedWidth,
     minHeight: '100%',
-    scrollSnapAlign: 'start'
+    scrollSnapAlign: snapAlign !== null && snapAlign !== void 0 ? snapAlign : 'start',
+    marginLeft: calculatedMarginLeft
   }, isResponsive && {
     width: '100%',
-    scrollSnapAlign: isMobile || !shouldAddStartEndSpacing ? 'start' : 'center',
+    scrollSnapAlign: snapAlign !== null && snapAlign !== void 0 ? snapAlign : isMobile || !shouldAddStartEndSpacing ? 'start' : 'center',
     marginLeft: shouldHaveStartSpacing ? '40%' : 0
   });
 });
@@ -55,6 +67,8 @@ var _CarouselItem = function _CarouselItem(_ref2) {
     shouldHaveEndSpacing = _ref2.shouldHaveEndSpacing,
     id = _ref2.id,
     index = _ref2.index,
+    snapAlign = _ref2.snapAlign,
+    gap = _ref2.gap,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var itemRef = React__default.useRef(null);
   var _useCarouselContext = useCarouselContext(),
@@ -80,7 +94,9 @@ var _CarouselItem = function _CarouselItem(_ref2) {
     maxWidth: carouselItemWidth,
     shouldAddStartEndSpacing: shouldAddStartEndSpacing,
     shouldHaveStartSpacing: shouldHaveStartSpacing,
-    shouldHaveEndSpacing: shouldHaveEndSpacing
+    shouldHaveEndSpacing: shouldHaveEndSpacing,
+    snapAlign: snapAlign,
+    gap: gap
   }, makeAnalyticsAttribute(rest)), {}, {
     children: children
   }));

package/build/lib/web/development/components/Carousel/CarouselItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.web.js","sources":["../../../../../../src/components/Carousel/CarouselItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport styled from 'styled-components';\nimport React from 'react';\nimport type { CarouselProps } from './types';\nimport { useCarouselContext } from './CarouselContext';\nimport { componentIds } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype StyledCarouselItemProps = Pick<CarouselProps, 'visibleItems' | 'shouldAddStartEndSpacing'> &\n  Pick<CarouselItemProps, 'shouldHaveEndSpacing' | 'shouldHaveStartSpacing'> & {\n    isMobile?: boolean;\n    isResponsive?: boolean;\n  };\n\nconst StyledCarouselItem = styled(BaseBox)<StyledCarouselItemProps>(\n  ({ visibleItems, isResponsive, shouldAddStartEndSpacing, shouldHaveStartSpacing, theme }) => {\n    const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n    const isMobile = matchedDeviceType === 'mobile';\n\n    const gap = isMobile ? theme.spacing[4] : theme.spacing[5];\n    const calculatedWidth = `calc(100% / ${visibleItems!} - ${gap}px * (${visibleItems} - 1) / ${visibleItems})`;\n\n    return {\n      flexGrow: 0,\n      flexShrink: 0,\n      width: calculatedWidth,\n      minHeight: '100%',\n      scrollSnapAlign: 'start',\n\n      // Responsive slider styles, a special case\n      ...(isResponsive && {\n        width: '100%',\n        scrollSnapAlign: isMobile || !shouldAddStartEndSpacing ? 'start' : 'center',\n        marginLeft: shouldHaveStartSpacing ? '40%' : 0,\n      }),\n    };\n  },\n);\n\ntype CarouselItemProps = {\n  id?: string;\n  index?: number;\n  children: React.ReactNode;\n  shouldHaveStartSpacing?: boolean;\n  shouldHaveEndSpacing?: boolean;\n} & DataAnalyticsAttribute;\n\nconst _CarouselItem = ({\n  children,\n  shouldHaveStartSpacing,\n  shouldHaveEndSpacing,\n  id,\n  index,\n  ...rest\n}: CarouselItemProps): React.ReactElement => {\n  const itemRef = React.useRef<HTMLDivElement>(null);\n  const {\n    totalNumberOfSlides,\n    visibleItems,\n    isResponsive,\n    carouselItemWidth,\n    shouldAddStartEndSpacing,\n  } = useCarouselContext();\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n\n  return (\n    <StyledCarouselItem\n      {...makeAccessible({\n        role: 'tabpanel',\n        roleDescription: 'slide',\n        label: `${index! + 1} of ${totalNumberOfSlides}`,\n      })}\n      ref={itemRef}\n      id={id}\n      isMobile={isMobile}\n      data-slide-index={index}\n      isResponsive={isResponsive}\n      visibleItems={visibleItems}\n      maxWidth={carouselItemWidth}\n      shouldAddStartEndSpacing={shouldAddStartEndSpacing}\n      shouldHaveStartSpacing={shouldHaveStartSpacing}\n      shouldHaveEndSpacing={shouldHaveEndSpacing}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </StyledCarouselItem>\n  );\n};\n\nconst CarouselItem = assignWithoutSideEffects(_CarouselItem, {\n  componentId: componentIds.CarouselItem,\n});\n\nexport { CarouselItem };\n"],"names":["StyledCarouselItem","styled","BaseBox","withConfig","displayName","componentId","_ref","visibleItems","isResponsive","shouldAddStartEndSpacing","shouldHaveStartSpacing","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isMobile","gap","spacing","calculatedWidth","concat","_objectSpread","flexGrow","flexShrink","width","minHeight","scrollSnapAlign","marginLeft","_CarouselItem","_ref2","children","shouldHaveEndSpacing","id","index","rest","_objectWithoutProperties","_excluded","itemRef","React","useRef","_useCarouselContext","useCarouselContext","totalNumberOfSlides","carouselItemWidth","_useTheme","useTheme","platform","_jsx","makeAccessible","role","roleDescription","label","ref","maxWidth","makeAnalyticsAttribute","CarouselItem","assignWithoutSideEffects","componentIds"],"mappings":"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"}
+{"version":3,"file":"CarouselItem.web.js","sources":["../../../../../../src/components/Carousel/CarouselItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport styled from 'styled-components';\nimport React from 'react';\nimport type { CarouselProps } from './types';\nimport { useCarouselContext } from './CarouselContext';\nimport { componentIds } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getSpacingValue } from '~components/Box/BaseBox/baseBoxStyles';\n\ntype StyledCarouselItemProps = Pick<CarouselProps, 'visibleItems' | 'shouldAddStartEndSpacing'> &\n  Pick<\n    CarouselItemProps,\n    'shouldHaveEndSpacing' | 'shouldHaveStartSpacing' | 'snapAlign' | 'gap'\n  > & {\n    isMobile?: boolean;\n    isResponsive?: boolean;\n  };\n\nconst StyledCarouselItem = styled(BaseBox)<StyledCarouselItemProps>(\n  ({\n    visibleItems,\n    isResponsive,\n    shouldAddStartEndSpacing,\n    shouldHaveStartSpacing,\n    theme,\n    snapAlign,\n    gap,\n  }) => {\n    const { matchedDeviceType, matchedBreakpoint } = useBreakpoint({\n      breakpoints: theme.breakpoints,\n    });\n    const isMobile = matchedDeviceType === 'mobile';\n\n    // Resolve gap value: convert spacing token to pixels or use default spacing\n    // Default: spacing.4 (12px) on mobile, spacing.5 (16px) on desktop\n    const resolvedGap = gap\n      ? parseInt(\n          getSpacingValue(\n            gap,\n            theme,\n            typeof gap === 'string' ? 'base' : matchedBreakpoint || 'base',\n          ) || '0',\n          10,\n        )\n      : isMobile\n      ? theme.spacing[4]\n      : theme.spacing[5];\n\n    // Calculate item width: (containerWidth / numberOfItems) - (totalGapSpace / numberOfItems)\n    // This ensures each item gets equal width while accounting for gaps between items\n    const calculatedWidth = `calc(100% / ${visibleItems!} - ${resolvedGap}px * (${visibleItems} - 1) / ${visibleItems})`;\n    const calculatedMarginLeft = shouldHaveStartSpacing\n      ? `calc(${calculatedWidth} + ${resolvedGap}px)`\n      : 0;\n\n    return {\n      flexGrow: 0,\n      flexShrink: 0,\n      width: calculatedWidth,\n      minHeight: '100%',\n      scrollSnapAlign: snapAlign ?? 'start',\n      marginLeft: calculatedMarginLeft,\n\n      // Responsive slider styles, a special case\n      ...(isResponsive && {\n        width: '100%',\n        scrollSnapAlign: snapAlign ?? (isMobile || !shouldAddStartEndSpacing ? 'start' : 'center'),\n        marginLeft: shouldHaveStartSpacing ? '40%' : 0,\n      }),\n    };\n  },\n);\n\ntype CarouselItemProps = {\n  id?: string;\n  index?: number;\n  children: React.ReactNode;\n  shouldHaveStartSpacing?: boolean;\n  shouldHaveEndSpacing?: boolean;\n  snapAlign?: CarouselProps['snapAlign'];\n  gap?: CarouselProps['gap'];\n} & DataAnalyticsAttribute;\n\nconst _CarouselItem = ({\n  children,\n  shouldHaveStartSpacing,\n  shouldHaveEndSpacing,\n  id,\n  index,\n  snapAlign,\n  gap,\n  ...rest\n}: CarouselItemProps): React.ReactElement => {\n  const itemRef = React.useRef<HTMLDivElement>(null);\n  const {\n    totalNumberOfSlides,\n    visibleItems,\n    isResponsive,\n    carouselItemWidth,\n    shouldAddStartEndSpacing,\n  } = useCarouselContext();\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n\n  return (\n    <StyledCarouselItem\n      {...makeAccessible({\n        role: 'tabpanel',\n        roleDescription: 'slide',\n        label: `${index! + 1} of ${totalNumberOfSlides}`,\n      })}\n      ref={itemRef}\n      id={id}\n      isMobile={isMobile}\n      data-slide-index={index}\n      isResponsive={isResponsive}\n      visibleItems={visibleItems}\n      maxWidth={carouselItemWidth}\n      shouldAddStartEndSpacing={shouldAddStartEndSpacing}\n      shouldHaveStartSpacing={shouldHaveStartSpacing}\n      shouldHaveEndSpacing={shouldHaveEndSpacing}\n      snapAlign={snapAlign}\n      gap={gap}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </StyledCarouselItem>\n  );\n};\n\nconst CarouselItem = assignWithoutSideEffects(_CarouselItem, {\n  componentId: componentIds.CarouselItem,\n});\n\nexport { CarouselItem };\n"],"names":["StyledCarouselItem","styled","BaseBox","withConfig","displayName","componentId","_ref","visibleItems","isResponsive","shouldAddStartEndSpacing","shouldHaveStartSpacing","theme","snapAlign","gap","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","matchedBreakpoint","isMobile","resolvedGap","parseInt","getSpacingValue","spacing","calculatedWidth","concat","calculatedMarginLeft","_objectSpread","flexGrow","flexShrink","width","minHeight","scrollSnapAlign","marginLeft","_CarouselItem","_ref2","children","shouldHaveEndSpacing","id","index","rest","_objectWithoutProperties","_excluded","itemRef","React","useRef","_useCarouselContext","useCarouselContext","totalNumberOfSlides","carouselItemWidth","_useTheme","useTheme","platform","_jsx","makeAccessible","role","roleDescription","label","ref","maxWidth","makeAnalyticsAttribute","CarouselItem","assignWithoutSideEffects","componentIds"],"mappings":"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"}

package/build/lib/web/development/components/ListView/ListViewFilters.web.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState } from 'react';
+import React__default, { useState } from 'react';
 import { AnimatePresence, m } from 'framer-motion';
 import styled from 'styled-components';
 import { ListViewFiltersProvider } from './ListViewFiltersContext.web.js';
@@ -21,9 +21,11 @@ import '../BladeProvider/index.js';
 import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
 import '../../utils/index.js';
 import '../Divider/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import useTheme from '../BladeProvider/useTheme.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { SearchInput } from '../Input/SearchInput/SearchInput.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -35,7 +37,7 @@ import FilterIcon from '../Icons/FilterIcon/FilterIcon.js';
 import { Counter } from '../Counter/Counter.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 
-var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "onSearchClear", "selectedFiltersCount"];
+var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "showFilters", "onShowFiltersChange", "onSearchClear", "selectedFiltersCount", "searchTrailing"];
 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; }
 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; }
 var gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width
@@ -76,18 +78,21 @@ var ListViewFilters = function ListViewFilters(_ref4) {
     searchName = _ref4.searchName,
     showQuickFilters = _ref4.showQuickFilters,
     onShowQuickFiltersChange = _ref4.onShowQuickFiltersChange,
+    showFiltersProp = _ref4.showFilters,
+    onShowFiltersChange = _ref4.onShowFiltersChange,
     onSearchClear = _ref4.onSearchClear,
     _ref4$selectedFilters = _ref4.selectedFiltersCount,
     selectedFiltersCount = _ref4$selectedFilters === void 0 ? 0 : _ref4$selectedFilters,
+    searchTrailing = _ref4.searchTrailing,
     rest = _objectWithoutProperties(_ref4, _excluded);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldShowDecorationInQuickFilters = _useState2[0],
     setShouldShowDecorationInQuickFilters = _useState2[1];
   var _useControllableState = useControllableState({
-      defaultValue: showQuickFilters,
-      value: showQuickFilters,
-      onChange: onShowQuickFiltersChange
+      defaultValue: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
+      value: showQuickFilters !== null && showQuickFilters !== void 0 ? showQuickFilters : showFiltersProp,
+      onChange: onShowQuickFiltersChange !== null && onShowQuickFiltersChange !== void 0 ? onShowQuickFiltersChange : onShowFiltersChange
     }),
     _useControllableState2 = _slicedToArray(_useControllableState, 2),
     showFilters = _useControllableState2[0],
@@ -111,6 +116,7 @@ var ListViewFilters = function ListViewFilters(_ref4) {
     }
     return 'auto';
   };
+  var isSearchTrailingDropDown = /*#__PURE__*/React__default.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';
   return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
     value: {
       listViewSelectedFilters: listViewSelectedFilters,
@@ -130,7 +136,8 @@ var ListViewFilters = function ListViewFilters(_ref4) {
           value: value
         });
       },
-      onClearButtonClick: onSearchClear
+      onClearButtonClick: onSearchClear,
+      trailing: searchTrailing
     }), /*#__PURE__*/jsxs(BaseBox, {
       children: [/*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
         name: MetaConstants.ListViewFilter,
@@ -200,7 +207,7 @@ var ListViewFilters = function ListViewFilters(_ref4) {
               })
             })]
           }) : null, !isMobile && showSearchInput && /*#__PURE__*/jsx(Box, {
-            width: "256px",
+            width: isSearchTrailingDropDown ? '280px' : '208px',
             children: /*#__PURE__*/jsx(SearchInput, {
               label: "",
               value: searchValue,
@@ -215,7 +222,8 @@ var ListViewFilters = function ListViewFilters(_ref4) {
                 });
               },
               onClearButtonClick: onSearchClear,
-              size: "medium"
+              size: "medium",
+              trailing: searchTrailing
             })
           })]
         })]