@wix/design-system 1.204.1 → 1.205.0

package/dist/cjs/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_wixUiIconsCommon","_matchMediaRegister","_reactSlick","_CarouselSt","_Pagination","_SliderArrow","_Loader","_Proportion","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","AUTOPLAY_SPEED","TRANSITION_SPEED","SLIDES_TO_SHOW","dataHooks","imagesContainer","carouselImage","loader","prevButton","nextButton","pageNavigation","index","concat","WrappedSliderArrow","_ref","currentSlide","slideCount","rest","_objectWithoutProperties2","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","isTestEnv","process","env","NODE_ENV","window","matchMedia","register","Carousel","React","Component","constructor","props","leftIconByControlSize","controlSize","ChevronLeftSmall","ChevronLeftLargeSmall","ChevronLeftLarge","rightIconByControlSize","ChevronRightSmall","ChevronRightLargeSmall","ChevronRightLarge","slideTo","_this$sliderRef","sliderRef","current","slickGoTo","_resolveSliderSettings","_ref2","_this$props$children","_this$props$images","infinite","autoplay","dots","variableWidth","buttonSkin","initialSlideIndex","afterChange","beforeChange","controlsPosition","controlsSize","gradient","controlsStartEnd","children","images","speed","autoplaySpeed","initialSlide","slidesToShow","slidesToScroll","prevArrow","dataHook","arrowSize","icon","gradientClassName","classes","arrowPrevBackground","undefined","nextArrow","arrowNextBackground","arrows","appendDots","pages","originalClassName","pagination","customPaging","i","className","_renderImages","imagesPosition","imagesFit","map","image","key","src","aspectRatio","Proportion","PREDEFINED_RATIOS","landscape","st","imageContainer","isLoading","_isLoading","onLoad","_onImageLoad","style","objectPosition","objectFit","size","state","sliderSettings","loadedImages","createRef","setState","includes","render","showControlsShadow","gradientColor","hasImages","root","vars","ref","displayName","propTypes","PropTypes","string","array","oneOf","node","bool","number","func","defaultProps","_default","exports"],"sources":["../../../src/Carousel/Carousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  ChevronLeftLarge,\n  ChevronRightLarge,\n  ChevronLeftLargeSmall,\n  ChevronRightLargeSmall,\n  ChevronLeftSmall,\n  ChevronRightSmall,\n} from '@wix/wix-ui-icons-common';\n\n// This is here and not in the test setup because we don't want consumers to need to run it as well\nimport { register } from './utils/match-media-register';\nimport Slider from 'react-slick';\n\nimport { st, classes, vars } from './Carousel.st.css';\nimport Pagination from './Pagination';\nimport SliderArrow from './SliderArrow';\nimport Loader from '../Loader';\nimport Proportion from '../Proportion';\n\nconst AUTOPLAY_SPEED = 3000;\nconst TRANSITION_SPEED = 600;\nconst SLIDES_TO_SHOW = 1;\nconst dataHooks = {\n  imagesContainer: 'images-container',\n  carouselImage: 'carousel-img',\n  loader: 'loader',\n  prevButton: 'prev-button',\n  nextButton: 'next-button',\n  pageNavigation: index => `page-navigation-${index}`,\n};\n\n/**\n * @internal\n * SliderArrow wrapper that passes `...rest` props.\n * This is a workaround for react-slick#1195 arrow error */\nconst WrappedSliderArrow = ({ currentSlide, slideCount, ...rest }) => (\n  <SliderArrow {...rest} />\n);\n\nconst isTestEnv = process.env.NODE_ENV === 'test';\n\nif (isTestEnv && typeof window !== 'undefined' && !window.matchMedia) {\n  register();\n}\n\nclass Carousel extends React.Component {\n  static displayName = 'Carousel';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Specifies a CSS class name to be appended to the component’s root element.\n     * @internal\n     */\n\n    className: PropTypes.string,\n\n    /** Defines an array of objects where each contains the `src` of an image (in `<img src=\"your_src\" />`) */\n    images: PropTypes.array,\n\n    /** Sets the image's position */\n    imagesPosition: PropTypes.string,\n\n    /** Sets the image’s fit */\n    imagesFit: PropTypes.oneOf([\n      'fill',\n      'contain',\n      'cover',\n      'none',\n      'scale-down',\n    ]),\n\n    /** Accepts any component as a child item. Most commonly used to display `<Card/>`,  `<Image/>` or video files. */\n    children: PropTypes.node,\n\n    /** Sets the skin of the control (next / previous) buttons */\n    buttonSkin: PropTypes.oneOf(['standard', 'inverted', 'light']),\n\n    /** Drops a shadow below the control buttons */\n    showControlsShadow: PropTypes.bool,\n\n    /** Loops images endlessly */\n    infinite: PropTypes.bool,\n\n    /** Auto-plays images */\n    autoplay: PropTypes.bool,\n\n    /** Controls if the bottom dots are visible or hidden */\n    dots: PropTypes.bool,\n\n    /** Shows one slide at a time (default) or stacks one slide after another horizontally */\n    variableWidth: PropTypes.bool,\n\n    /** Sets the slide to start a presentation with */\n    initialSlideIndex: PropTypes.number,\n\n    /** Index change callback. `index => ...` */\n    afterChange: PropTypes.func,\n\n    /** Index change callback. `(oldIndex, newIndex) => ...` */\n    beforeChange: PropTypes.func,\n\n    /** Sets the control buttons’ position */\n    controlsPosition: PropTypes.oneOf(['sides', 'overlay', 'bottom', 'none']),\n\n    /** Sets the control buttons’ size */\n    controlsSize: PropTypes.oneOf(['tiny', 'small', 'medium']),\n\n    /** Controls if the next / previous control buttons are visible, hidden or disabled at the start and end of the slideshow */\n    controlsStartEnd: PropTypes.oneOf(['disabled', 'hidden']),\n\n    /** Controls gradient color when controlsPosition set to overlay\n     * @default white\n     */\n    gradientColor: PropTypes.string,\n\n    /** Enables gradient on when controlsPosition set to overlay\n     * @default false\n     */\n    gradient: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    infinite: true,\n    dots: true,\n    variableWidth: false,\n    initialSlideIndex: 0,\n    gradient: false,\n    images: [],\n    imagesPosition: 'center top',\n    imagesFit: 'contain',\n    buttonSkin: 'standard',\n    controlsPosition: 'sides',\n    controlsSize: 'medium',\n    controlsStartEnd: 'disabled',\n    showControlsShadow: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      sliderSettings: this._resolveSliderSettings(props),\n      loadedImages: [],\n    };\n\n    this.sliderRef = React.createRef();\n  }\n\n  leftIconByControlSize = controlSize => {\n    switch (controlSize) {\n      case 'tiny':\n        return <ChevronLeftSmall />;\n      case 'small':\n        return <ChevronLeftLargeSmall />;\n      default:\n        return <ChevronLeftLarge />;\n    }\n  };\n\n  rightIconByControlSize = controlSize => {\n    switch (controlSize) {\n      case 'tiny':\n        return <ChevronRightSmall />;\n      case 'small':\n        return <ChevronRightLargeSmall />;\n      default:\n        return <ChevronRightLarge />;\n    }\n  };\n\n  /** Slide to slide by index */\n  slideTo = index => {\n    this.sliderRef?.current.slickGoTo(index);\n  };\n\n  _resolveSliderSettings = ({\n    infinite,\n    autoplay,\n    dots,\n    variableWidth,\n    buttonSkin,\n    initialSlideIndex,\n    afterChange,\n    beforeChange,\n    controlsPosition,\n    controlsSize,\n    gradient,\n    controlsStartEnd,\n  }) => {\n    return {\n      // in order to avoid duplicated items bug react-slick@0.30.2 - https://github.com/akiran/react-slick/issues/1171\n      infinite:\n        (this.props.children?.length || this.props.images?.length) >\n        SLIDES_TO_SHOW\n          ? infinite\n          : false,\n      autoplay,\n      speed: TRANSITION_SPEED,\n      autoplaySpeed: AUTOPLAY_SPEED,\n      initialSlide: initialSlideIndex,\n      dots,\n      slidesToShow: SLIDES_TO_SHOW,\n      slidesToScroll: 1,\n      variableWidth,\n      afterChange,\n      beforeChange,\n      prevArrow: (\n        <WrappedSliderArrow\n          dataHook={dataHooks.prevButton}\n          buttonSkin={buttonSkin}\n          arrowSize={controlsSize}\n          icon={this.leftIconByControlSize(controlsSize)}\n          controlsStartEnd={controlsStartEnd}\n          gradientClassName={\n            !!gradient && controlsPosition === 'overlay'\n              ? classes.arrowPrevBackground\n              : undefined\n          }\n        />\n      ),\n      nextArrow: (\n        <WrappedSliderArrow\n          dataHook={dataHooks.nextButton}\n          buttonSkin={buttonSkin}\n          arrowSize={controlsSize}\n          icon={this.rightIconByControlSize(controlsSize)}\n          controlsStartEnd={controlsStartEnd}\n          gradientClassName={\n            !!gradient && controlsPosition === 'overlay'\n              ? classes.arrowNextBackground\n              : undefined\n          }\n        />\n      ),\n      arrows: controlsPosition !== 'none',\n      appendDots: pages => {\n        /*\n         * originalClassName is a workaround for stylable API extend to work and pass an extendable className.\n         * This is because react-slick overrides brutally the className prop with cloneElement().\n         */\n        return (\n          <Pagination originalClassName={classes.pagination} pages={pages} />\n        );\n      },\n      customPaging: i => (\n        <div\n          className={classes.pageNavigation}\n          data-hook={dataHooks.pageNavigation(i)}\n        >\n          {i}\n        </div>\n      ),\n    };\n  };\n\n  _renderImages = images => {\n    const { imagesPosition, imagesFit } = this.props;\n    return images.map((image, index) => (\n      <Proportion\n        key={`${index}${image.src}`}\n        aspectRatio={Proportion.PREDEFINED_RATIOS.landscape}\n      >\n        <div\n          className={st(classes.imageContainer, {\n            isLoading: this._isLoading(image.src),\n          })}\n          data-hook={dataHooks.imagesContainer}\n        >\n          <img\n            {...image}\n            data-hook={dataHooks.carouselImage}\n            className={classes.image}\n            onLoad={() => this._onImageLoad(image.src)}\n            style={{\n              objectPosition: imagesPosition,\n              objectFit: imagesFit,\n              ...image.style,\n            }}\n          />\n        </div>\n        {this._isLoading(image.src) && (\n          <div className={classes.loader}>\n            <Loader dataHook=\"loader\" size=\"small\" />\n          </div>\n        )}\n      </Proportion>\n    ));\n  };\n\n  _onImageLoad(src) {\n    this.setState(state => ({\n      loadedImages: [...state.loadedImages, src],\n    }));\n  }\n\n  _isLoading(src) {\n    return !this.state.loadedImages.includes(src);\n  }\n\n  render() {\n    const {\n      dataHook,\n      className,\n      images,\n      children,\n      controlsPosition,\n      controlsSize,\n      showControlsShadow,\n      gradient,\n      gradientColor,\n      dots,\n    } = this.props;\n    const { sliderSettings } = this.state;\n    const hasImages = !children && images.length > 0;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            controlsPosition,\n            controlsSize,\n            showControlsShadow,\n            gradient,\n            dots,\n          },\n          className,\n        )}\n        style={{ [vars['carousel-gradient-color']]: gradientColor }}\n      >\n        <Slider ref={this.sliderRef} {...sliderSettings}>\n          {children}\n          {hasImages && this._renderImages(images)}\n        </Slider>\n      </div>\n    );\n  }\n}\n\nexport default Carousel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_wixUiIconsCommon","_matchMediaRegister","_reactSlick","_CarouselSt","_Pagination","_SliderArrow","_Loader","_Proportion","_excluded","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","AUTOPLAY_SPEED","TRANSITION_SPEED","SLIDES_TO_SHOW","dataHooks","imagesContainer","carouselImage","loader","prevButton","nextButton","pageNavigation","index","concat","WrappedSliderArrow","_ref","currentSlide","slideCount","rest","_objectWithoutProperties2","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","isTestEnv","process","env","NODE_ENV","window","matchMedia","register","Carousel","React","Component","constructor","props","leftIconByControlSize","controlSize","ChevronLeftSmall","ChevronLeftLargeSmall","ChevronLeftLarge","rightIconByControlSize","ChevronRightSmall","ChevronRightLargeSmall","ChevronRightLarge","slideTo","_this$sliderRef","sliderRef","current","slickGoTo","_resolveSliderSettings","_ref2","_this$props$children","_this$props$images","infinite","autoplay","dots","variableWidth","buttonSkin","initialSlideIndex","afterChange","beforeChange","controlsPosition","controlsSize","gradient","controlsStartEnd","children","images","speed","autoplaySpeed","initialSlide","slidesToShow","slidesToScroll","prevArrow","dataHook","arrowSize","icon","gradientClassName","classes","arrowPrevBackground","undefined","nextArrow","arrowNextBackground","arrows","appendDots","pages","originalClassName","st","pagination","customPaging","i","className","_renderImages","imagesPosition","imagesFit","map","image","key","src","aspectRatio","Proportion","PREDEFINED_RATIOS","landscape","imageContainer","isLoading","_isLoading","onLoad","_onImageLoad","style","objectPosition","objectFit","size","state","sliderSettings","loadedImages","createRef","setState","includes","render","showControlsShadow","gradientColor","hasImages","root","customGradient","vars","ref","displayName","propTypes","PropTypes","string","array","oneOf","node","bool","number","func","defaultProps","_default","exports"],"sources":["../../../src/Carousel/Carousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  ChevronLeftLarge,\n  ChevronRightLarge,\n  ChevronLeftLargeSmall,\n  ChevronRightLargeSmall,\n  ChevronLeftSmall,\n  ChevronRightSmall,\n} from '@wix/wix-ui-icons-common';\n\n// This is here and not in the test setup because we don't want consumers to need to run it as well\nimport { register } from './utils/match-media-register';\nimport Slider from 'react-slick';\n\nimport { st, classes, vars } from './Carousel.st.css';\nimport Pagination from './Pagination';\nimport SliderArrow from './SliderArrow';\nimport Loader from '../Loader';\nimport Proportion from '../Proportion';\n\nconst AUTOPLAY_SPEED = 3000;\nconst TRANSITION_SPEED = 600;\nconst SLIDES_TO_SHOW = 1;\nconst dataHooks = {\n  imagesContainer: 'images-container',\n  carouselImage: 'carousel-img',\n  loader: 'loader',\n  prevButton: 'prev-button',\n  nextButton: 'next-button',\n  pageNavigation: index => `page-navigation-${index}`,\n};\n\n/**\n * @internal\n * SliderArrow wrapper that passes `...rest` props.\n * This is a workaround for react-slick#1195 arrow error */\nconst WrappedSliderArrow = ({ currentSlide, slideCount, ...rest }) => (\n  <SliderArrow {...rest} />\n);\n\nconst isTestEnv = process.env.NODE_ENV === 'test';\n\nif (isTestEnv && typeof window !== 'undefined' && !window.matchMedia) {\n  register();\n}\n\nclass Carousel extends React.Component {\n  static displayName = 'Carousel';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Specifies a CSS class name to be appended to the component’s root element.\n     * @internal\n     */\n\n    className: PropTypes.string,\n\n    /** Defines an array of objects where each contains the `src` of an image (in `<img src=\"your_src\" />`) */\n    images: PropTypes.array,\n\n    /** Sets the image's position */\n    imagesPosition: PropTypes.string,\n\n    /** Sets the image’s fit */\n    imagesFit: PropTypes.oneOf([\n      'fill',\n      'contain',\n      'cover',\n      'none',\n      'scale-down',\n    ]),\n\n    /** Accepts any component as a child item. Most commonly used to display `<Card/>`,  `<Image/>` or video files. */\n    children: PropTypes.node,\n\n    /** Sets the skin of the control (next / previous) buttons */\n    buttonSkin: PropTypes.oneOf(['standard', 'inverted', 'light']),\n\n    /** Drops a shadow below the control buttons */\n    showControlsShadow: PropTypes.bool,\n\n    /** Loops images endlessly */\n    infinite: PropTypes.bool,\n\n    /** Auto-plays images */\n    autoplay: PropTypes.bool,\n\n    /** Controls if the bottom dots are visible or hidden */\n    dots: PropTypes.bool,\n\n    /** Shows one slide at a time (default) or stacks one slide after another horizontally */\n    variableWidth: PropTypes.bool,\n\n    /** Sets the slide to start a presentation with */\n    initialSlideIndex: PropTypes.number,\n\n    /** Index change callback. `index => ...` */\n    afterChange: PropTypes.func,\n\n    /** Index change callback. `(oldIndex, newIndex) => ...` */\n    beforeChange: PropTypes.func,\n\n    /** Sets the control buttons’ position */\n    controlsPosition: PropTypes.oneOf(['sides', 'overlay', 'bottom', 'none']),\n\n    /** Sets the control buttons’ size */\n    controlsSize: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n\n    /** Controls if the next / previous control buttons are visible, hidden or disabled at the start and end of the slideshow */\n    controlsStartEnd: PropTypes.oneOf(['disabled', 'hidden']),\n\n    /** Controls gradient color when controlsPosition set to overlay\n     * @default white\n     */\n    gradientColor: PropTypes.string,\n\n    /** Enables gradient on when controlsPosition set to overlay\n     * @default false\n     */\n    gradient: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    infinite: true,\n    dots: true,\n    variableWidth: false,\n    initialSlideIndex: 0,\n    gradient: false,\n    images: [],\n    imagesPosition: 'center top',\n    imagesFit: 'contain',\n    buttonSkin: 'standard',\n    controlsPosition: 'sides',\n    controlsSize: 'medium',\n    controlsStartEnd: 'disabled',\n    showControlsShadow: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      sliderSettings: this._resolveSliderSettings(props),\n      loadedImages: [],\n    };\n\n    this.sliderRef = React.createRef();\n  }\n\n  leftIconByControlSize = controlSize => {\n    switch (controlSize) {\n      case 'tiny':\n        return <ChevronLeftSmall />;\n      case 'small':\n        return <ChevronLeftLargeSmall />;\n      default:\n        return <ChevronLeftLarge />;\n    }\n  };\n\n  rightIconByControlSize = controlSize => {\n    switch (controlSize) {\n      case 'tiny':\n        return <ChevronRightSmall />;\n      case 'small':\n        return <ChevronRightLargeSmall />;\n      default:\n        return <ChevronRightLarge />;\n    }\n  };\n\n  /** Slide to slide by index */\n  slideTo = index => {\n    this.sliderRef?.current.slickGoTo(index);\n  };\n\n  _resolveSliderSettings = ({\n    infinite,\n    autoplay,\n    dots,\n    variableWidth,\n    buttonSkin,\n    initialSlideIndex,\n    afterChange,\n    beforeChange,\n    controlsPosition,\n    controlsSize,\n    gradient,\n    controlsStartEnd,\n  }) => {\n    return {\n      // in order to avoid duplicated items bug react-slick@0.30.2 - https://github.com/akiran/react-slick/issues/1171\n      infinite:\n        (this.props.children?.length || this.props.images?.length) >\n        SLIDES_TO_SHOW\n          ? infinite\n          : false,\n      autoplay,\n      speed: TRANSITION_SPEED,\n      autoplaySpeed: AUTOPLAY_SPEED,\n      initialSlide: initialSlideIndex,\n      dots,\n      slidesToShow: SLIDES_TO_SHOW,\n      slidesToScroll: 1,\n      variableWidth,\n      afterChange,\n      beforeChange,\n      prevArrow: (\n        <WrappedSliderArrow\n          dataHook={dataHooks.prevButton}\n          buttonSkin={buttonSkin}\n          arrowSize={controlsSize}\n          icon={this.leftIconByControlSize(controlsSize)}\n          controlsStartEnd={controlsStartEnd}\n          gradientClassName={\n            !!gradient && controlsPosition === 'overlay'\n              ? classes.arrowPrevBackground\n              : undefined\n          }\n        />\n      ),\n      nextArrow: (\n        <WrappedSliderArrow\n          dataHook={dataHooks.nextButton}\n          buttonSkin={buttonSkin}\n          arrowSize={controlsSize}\n          icon={this.rightIconByControlSize(controlsSize)}\n          controlsStartEnd={controlsStartEnd}\n          gradientClassName={\n            !!gradient && controlsPosition === 'overlay'\n              ? classes.arrowNextBackground\n              : undefined\n          }\n        />\n      ),\n      arrows: controlsPosition !== 'none',\n      appendDots: pages => {\n        /*\n         * originalClassName is a workaround for stylable API extend to work and pass an extendable className.\n         * This is because react-slick overrides brutally the className prop with cloneElement().\n         */\n        return (\n          <Pagination\n            originalClassName={st(classes.pagination, { controlsPosition })}\n            pages={pages}\n          />\n        );\n      },\n      customPaging: i => (\n        <div\n          className={classes.pageNavigation}\n          data-hook={dataHooks.pageNavigation(i)}\n        >\n          {i}\n        </div>\n      ),\n    };\n  };\n\n  _renderImages = images => {\n    const { imagesPosition, imagesFit } = this.props;\n    return images.map((image, index) => (\n      <Proportion\n        key={`${index}${image.src}`}\n        aspectRatio={Proportion.PREDEFINED_RATIOS.landscape}\n      >\n        <div\n          className={st(classes.imageContainer, {\n            isLoading: this._isLoading(image.src),\n          })}\n          data-hook={dataHooks.imagesContainer}\n        >\n          <img\n            {...image}\n            data-hook={dataHooks.carouselImage}\n            className={classes.image}\n            onLoad={() => this._onImageLoad(image.src)}\n            style={{\n              objectPosition: imagesPosition,\n              objectFit: imagesFit,\n              ...image.style,\n            }}\n          />\n        </div>\n        {this._isLoading(image.src) && (\n          <div className={classes.loader}>\n            <Loader dataHook=\"loader\" size=\"small\" />\n          </div>\n        )}\n      </Proportion>\n    ));\n  };\n\n  _onImageLoad(src) {\n    this.setState(state => ({\n      loadedImages: [...state.loadedImages, src],\n    }));\n  }\n\n  _isLoading(src) {\n    return !this.state.loadedImages.includes(src);\n  }\n\n  render() {\n    const {\n      dataHook,\n      className,\n      images,\n      children,\n      controlsPosition,\n      controlsSize,\n      showControlsShadow,\n      gradient,\n      gradientColor,\n      dots,\n    } = this.props;\n    const { sliderSettings } = this.state;\n    const hasImages = !children && images.length > 0;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            controlsPosition,\n            controlsSize,\n            showControlsShadow,\n            gradient,\n            customGradient: !!gradientColor,\n            dots,\n          },\n          className,\n        )}\n        style={{ [vars['carousel-gradient-color']]: gradientColor }}\n      >\n        <Slider ref={this.sliderRef} {...sliderSettings}>\n          {children}\n          {hasImages && this._renderImages(images)}\n        </Slider>\n      </div>\n    );\n  }\n}\n\nexport default Carousel;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Carousel/Carousel.st.css.js

@@ -2,11 +2,12 @@
 require("../Foundation/stylable/colors.st.css.js");
 require("../Foundation/stylable/shadows.st.css.js");
 require("./Pagination/Pagination.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_204_1_Carousel";
+var _namespace_ = "wds_1_205_0_Carousel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_Carousel__root","controls":"wds_1_204_1_Carousel__controls","imageContainer":"wds_1_204_1_Carousel__imageContainer","image":"wds_1_204_1_Carousel__image","loader":"wds_1_204_1_Carousel__loader","pagination":"wds_1_204_1_Carousel__pagination","pageNavigation":"wds_1_204_1_Carousel__pageNavigation","arrowPrevBackground":"wds_1_204_1_Carousel__arrowPrevBackground","arrowNextBackground":"wds_1_204_1_Carousel__arrowNextBackground"};
+module.exports.classes = {"root":"wds_1_205_0_Carousel__root","controls":"wds_1_205_0_Carousel__controls","imageContainer":"wds_1_205_0_Carousel__imageContainer","image":"wds_1_205_0_Carousel__image","loader":"wds_1_205_0_Carousel__loader","pagination":"wds_1_205_0_Carousel__pagination","pageNavigation":"wds_1_205_0_Carousel__pageNavigation"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
-module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_204_1_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
+module.exports.stVars = {"dotHeight":"4px","arrowMarginFromSide":"12px","horizontalSpacingSize":"25px","verticalSpacingSize":"calc((var(--wds-space-400, 24px) + 4px) / 2)"}; 
+module.exports.vars = {"wds-space-100":"--wds-space-100","wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-400":"--wds-space-400","wds-shadow-300":"--wds-shadow-300","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-button-size-tiny":"--wds-button-size-tiny","wds-button-size-small":"--wds-button-size-small","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-large":"--wds-button-size-large","wds-color-gradient-light-left-to-right":"--wds-color-gradient-light-left-to-right","wds-color-gradient-light-right-to-left":"--wds-color-gradient-light-right-to-left","arrow-size":"--wds_1_205_0_Carousel-arrow-size","carousel-gradient-color":"--carousel-gradient-color"}; 
 
 
 

package/dist/cjs/Carousel/Pagination/Pagination.st.css.js

@@ -1,10 +1,11 @@
 
 require("../../Foundation/stylable/colors.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_204_1_CarouselPagination";
+var _namespace_ = "wds_1_205_0_CarouselPagination";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_CarouselPagination__root","dot":"wds_1_204_1_CarouselPagination__dot"};
+module.exports.classes = {"root":"wds_1_205_0_CarouselPagination__root","dot":"wds_1_205_0_CarouselPagination__dot"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
-module.exports.stVars = {}; 
-module.exports.vars = {}; 
+module.exports.stVars = {"dotHeight":"4px"}; 
+module.exports.vars = {"wds-space-50":"--wds-space-50","wds-space-400":"--wds-space-400","wds-color-blue-0":"--wds-color-blue-0","wds-color-blue-300":"--wds-color-blue-300","wds-color-blue-200":"--wds-color-blue-200"}; 
 
 
 

package/dist/cjs/CarouselWIP/CarouselWIP.js

@@ -367,9 +367,10 @@ class CarouselWIP extends _react.PureComponent {
         } = _ref2;
         return /*#__PURE__*/_react.default.createElement(_Slide.default, {
           dataHook: _constants.DATA_HOOKS.child,
+          className: _CarouselWIPSt.classes.slide,
           key: "slide-".concat(i),
           width: "auto",
-          gutter: i > 0 ? "".concat(gutter, "px") : '',
+          gutter: i > 0 && gutter != null ? "".concat(gutter, "px") : undefined,
           image: image,
           children: child,
           imagePosition: imagesPosition,
@@ -393,7 +394,7 @@ class CarouselWIP extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 455,
+          lineNumber: 456,
           columnNumber: 7
         }
       }, _react.Children.count(children) ? _react.Children.map(children, (child, i) => slide({
@@ -409,7 +410,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 472,
+        lineNumber: 473,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
@@ -418,7 +419,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 473,
+        lineNumber: 474,
         columnNumber: 7
       }
     }));
@@ -437,7 +438,7 @@ class CarouselWIP extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 484,
+          lineNumber: 485,
           columnNumber: 7
         }
       }, Array(slidesCount).fill(0).map((_, index) => /*#__PURE__*/_react.default.createElement("div", {
@@ -455,7 +456,7 @@ class CarouselWIP extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 488,
+          lineNumber: 489,
           columnNumber: 13
         }
       })));
@@ -465,7 +466,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 510,
+        lineNumber: 511,
         columnNumber: 32
       }
     });
@@ -474,7 +475,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 512,
+        lineNumber: 513,
         columnNumber: 30
       }
     });
@@ -549,7 +550,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 530,
+        lineNumber: 531,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -559,7 +560,7 @@ class CarouselWIP extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 545,
+        lineNumber: 546,
         columnNumber: 9
       }
     }, showSidesGradients && isShowStartGradient && this._renderStartGradient(), this._renderLeftControl(), this._renderSlides(), this._renderRightControl(), showSidesGradients && isShowEndGradient && this._renderEndGradient()), !hideDots && this._renderDots());
@@ -607,7 +608,7 @@ CarouselWIP.defaultProps = {
   controlsSize: 'medium',
   slidingType: 'align-to-start',
   startEndOffset: 0,
-  gutter: 0,
+  gutter: undefined,
   hideDots: false,
   autoplay: false
 };

package/dist/cjs/CarouselWIP/CarouselWIP.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_CarouselWIPSt","_wixUiIconsCommon","_Loader","_Control","_Slide","_constants","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CarouselWIP","PureComponent","constructor","props","_this","this","loadingImagesCount","childCount","autoplayTimer","carousel","_setImagesOnLoadHandlers","Array","from","children","forEach","child","childImages","getElementsByTagName","img","complete","setState","isLoading","onload","_onImageLoad","onerror","_updateChildCount","_ref","_this$carousel$childr","_this$carousel","images","length","initialSlideIndex","_slideTo","index","immediate","catch","nop","_setAutoplayTimer","active","clearInterval","window","setInterval","_next","AUTOPLAY_SPEED","_setVisibleSlides","infinite","firstVisibleChild","Math","max","findIndex","isWhollyInView","lastVisibleChild","visibleSlides","isLeftArrowDisabled","isRightArrowDisabled","isShowStartGradient","isShowEndGradient","alignTo","ALIGNMENT","LEFT","arguments","undefined","Promise","reject","afterChange","beforeChange","easing","animationDuration","duration","startEndOffset","scrollLeft","offsetWidth","slideIndex","normalizeIndex","state","firstVisibleSlide","delta","RIGHT","offsetLeft","isAnimating","res","_","prop","animate","then","slidingType","lastVisibleSlide","nextSlide","SLIDING_TYPE","REVEAL_CHUNK","REVEAL_ONE","includes","_prev","prevSlide","_setRef","_renderLeftControl","controlsPosition","controlsStartEnd","controlsSize","controlsSkin","CONTROLS_START_END","DISABLED","createElement","dataHook","DATA_HOOKS","prevButton","onClick","icon","ChevronLeftSmall","__self","__source","fileName","lineNumber","columnNumber","size","skin","disabled","className","st","classes","control","prev","_renderRightControl","nextButton","ChevronRightSmall","next","_handleTouchStart","touchStartX","touches","clientX","_handleTouchMove","touchEndX","_handleTouchEnd","swipeThreshold","swipeDistance","abs","_renderSlides","gutter","imagesPosition","imagesFit","slide","_ref2","image","key","concat","width","imagePosition","imageFit","role","ref","onTouchStart","onTouchMove","onTouchEnd","Children","count","map","_renderLoader","loader","_renderDots","slidesCount","dots","fill","pageNavigation","dot","_renderStartGradient","start","_renderEndGradient","end","componentDidMount","autoplay","componentDidUpdate","prevProps","lastCount","render","showControlsShadow","sidesGradientColor","hideDots","showSidesGradients","root","style","vars","position","componentWillUnmount","displayName","propTypes","PropTypes","any","variableWidth","defaultProps","_default","exports"],"sources":["../../../src/CarouselWIP/CarouselWIP.tsx"],"sourcesContent":["import React, { Children, ReactNode, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './CarouselWIP.st.css';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport Loader from '../Loader';\nimport Control from './Control';\nimport Slide from './Slide';\nimport {\n  CONTROLS_START_END,\n  SLIDING_TYPE,\n  ALIGNMENT,\n  DATA_HOOKS,\n  AUTOPLAY_SPEED,\n} from './constants';\nimport { isWhollyInView, animate, nop, normalizeIndex } from './utils';\nimport { CarouselWIPProps } from './CarouselWIP.types';\n\ntype CarouselWIPState = {\n  visibleSlides: number[];\n  isAnimating: boolean;\n  isLoading: boolean;\n  isLeftArrowDisabled: boolean;\n  isRightArrowDisabled: boolean;\n  isShowStartGradient: boolean;\n  isShowEndGradient: boolean;\n  touchStartX: number | null;\n  touchEndX: number | null;\n};\n\ntype SlideToProps = {\n  index?: number;\n  alignTo?: (typeof ALIGNMENT)[keyof typeof ALIGNMENT];\n  immediate?: boolean;\n};\n\n/** The carousel component creates a slideshow for cycling through a series of content. */\nclass CarouselWIP extends PureComponent<CarouselWIPProps, CarouselWIPState> {\n  static displayName = 'CarouselWIP';\n\n  static propTypes = {\n    dataHook: PropTypes.any,\n    className: PropTypes.any,\n    children: PropTypes.any,\n    images: PropTypes.any,\n    controlsSkin: PropTypes.any,\n    showControlsShadow: PropTypes.any,\n    infinite: PropTypes.any,\n    initialSlideIndex: PropTypes.any,\n    afterChange: PropTypes.any,\n    beforeChange: PropTypes.any,\n    controlsPosition: PropTypes.any,\n    controlsSize: PropTypes.any,\n    controlsStartEnd: PropTypes.any,\n    slidingType: PropTypes.any,\n    startEndOffset: PropTypes.any,\n    gutter: PropTypes.any,\n    sidesGradientColor: PropTypes.any,\n    imagesPosition: PropTypes.any,\n    imagesFit: PropTypes.any,\n    autoplay: PropTypes.any,\n    hideDots: PropTypes.any,\n    variableWidth: PropTypes.any,\n    animationDuration: PropTypes.any,\n    easing: PropTypes.any,\n  };\n\n  static defaultProps = {\n    children: [],\n    infinite: true,\n    controlsSkin: 'standard',\n    controlsStartEnd: 'disabled',\n    showControlsShadow: false,\n    images: [],\n    initialSlideIndex: 0,\n    controlsPosition: 'sides',\n    controlsSize: 'medium',\n    slidingType: 'align-to-start',\n    startEndOffset: 0,\n    gutter: 0,\n    hideDots: false,\n    autoplay: false,\n  };\n\n  loadingImagesCount = 0;\n  childCount = 0;\n  autoplayTimer = -1;\n  carousel?: HTMLDivElement;\n\n  constructor(props: CarouselWIPProps) {\n    super(props);\n\n    this.loadingImagesCount = 0;\n    this.state = {\n      visibleSlides: [],\n      isAnimating: false,\n      isLoading: false,\n      isLeftArrowDisabled: true,\n      isRightArrowDisabled: true,\n      isShowStartGradient: false,\n      isShowEndGradient: false,\n      touchStartX: null,\n      touchEndX: null,\n    };\n  }\n\n  componentDidMount() {\n    const { initialSlideIndex = 0, autoplay } = this.props;\n\n    this._updateChildCount();\n    this._setImagesOnLoadHandlers();\n    if (!this.loadingImagesCount) {\n      this._slideTo({ index: initialSlideIndex, immediate: true }).catch(nop);\n      this._setVisibleSlides();\n    }\n\n    this._setAutoplayTimer(autoplay);\n  }\n\n  componentDidUpdate(prevProps: CarouselWIPProps) {\n    const { autoplay } = this.props;\n\n    if (prevProps.autoplay !== autoplay) this._setAutoplayTimer(autoplay);\n    const lastCount = this.childCount;\n    this._updateChildCount();\n    if (this.childCount && lastCount !== this.childCount) {\n      this._setVisibleSlides();\n    }\n  }\n\n  // Need to wait for images to load so we know which images are visible\n  // Adding onLoad and onError callbacks to all images under the component\n  _setImagesOnLoadHandlers = () => {\n    Array.from(this.carousel!.children).forEach(child => {\n      const childImages = Array.from(child.getElementsByTagName('img'));\n      childImages.forEach(img => {\n        if (img.complete) {\n          return;\n        }\n        this.setState({ isLoading: true });\n        this.loadingImagesCount++;\n        img.onload = this._onImageLoad;\n        img.onerror = this._onImageLoad;\n      });\n    });\n  };\n\n  _updateChildCount = () => {\n    const { images } = this.props;\n    this.childCount = this.carousel?.children?.length ?? images?.length ?? 0;\n  };\n\n  _onImageLoad = () => {\n    const { initialSlideIndex } = this.props;\n\n    this.loadingImagesCount--;\n    if (!this.loadingImagesCount) {\n      this.setState({ isLoading: false });\n      this._slideTo({\n        index: initialSlideIndex,\n        immediate: true,\n      }).catch(nop);\n    }\n  };\n\n  _setAutoplayTimer = (active?: boolean) => {\n    clearInterval(this.autoplayTimer);\n\n    if (active) {\n      this.autoplayTimer = window.setInterval(this._next, AUTOPLAY_SPEED);\n    }\n  };\n\n  _setVisibleSlides = () => {\n    const { props, carousel, childCount } = this;\n    const { infinite } = props;\n    const firstVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(child =>\n        isWhollyInView(carousel!)(child),\n      ),\n      0,\n    );\n    const lastVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(\n        (child, i, children) =>\n          isWhollyInView(carousel!)(child) &&\n          (i === children.length - 1 ||\n            !isWhollyInView(carousel!)(children[i + 1])),\n      ),\n      0,\n    );\n    this.setState({\n      visibleSlides: [firstVisibleChild, lastVisibleChild],\n      isLeftArrowDisabled: !infinite && firstVisibleChild === 0,\n      isRightArrowDisabled: !infinite && lastVisibleChild === childCount - 1,\n      isShowStartGradient: firstVisibleChild > 0,\n      isShowEndGradient: lastVisibleChild < childCount - 1,\n    });\n  };\n\n  private _slideTo = (\n    { index = 0, alignTo = ALIGNMENT.LEFT, immediate }: SlideToProps = {\n      index: 0,\n      alignTo: ALIGNMENT.LEFT,\n      immediate: false,\n    },\n  ) => {\n    if (this.childCount === 0) {\n      return Promise.reject('No children to slide to');\n    }\n    if (!this.carousel) {\n      return Promise.reject('The Carousel is not mounted');\n    }\n    const {\n      afterChange,\n      beforeChange,\n      easing,\n      animationDuration: duration,\n      infinite,\n      startEndOffset = 0,\n    } = this.props;\n    const { children, scrollLeft, offsetWidth } = this.carousel;\n    const slideIndex = normalizeIndex(index, this.childCount, infinite);\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide] = visibleSlides;\n\n    let delta;\n    const child = children[slideIndex] as HTMLElement;\n    if (alignTo === ALIGNMENT.RIGHT) {\n      delta =\n        child.offsetWidth -\n        (offsetWidth - child.offsetLeft) -\n        scrollLeft +\n        startEndOffset;\n    } else {\n      delta = child.offsetLeft - scrollLeft - startEndOffset;\n    }\n    if (firstVisibleSlide !== slideIndex && beforeChange) {\n      beforeChange(firstVisibleSlide, index);\n    }\n\n    this.setState({ isAnimating: true });\n    return new Promise<void>((res, _) => {\n      if (immediate) {\n        this.carousel!.scrollLeft = child.offsetLeft;\n        return res();\n      } else {\n        const prop = 'scrollLeft';\n        return res(\n          animate(this.carousel!, {\n            prop,\n            delta,\n            easing,\n            duration,\n          }),\n        );\n      }\n    })\n      .then(() => {\n        this.setState({ isAnimating: false });\n        this._setVisibleSlides();\n        if (firstVisibleSlide !== slideIndex && afterChange) {\n          return afterChange(slideIndex);\n        }\n      })\n      .catch(_ => {\n        this._setVisibleSlides();\n        this.setState({ isAnimating: false });\n      });\n  };\n\n  _next = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let nextSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (lastVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : lastVisibleSlide;\n      } else {\n        nextSlide = lastVisibleSlide + 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.LEFT\n          : ALIGNMENT.RIGHT;\n    } else {\n      if (firstVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : firstVisibleSlide;\n      } else {\n        nextSlide = firstVisibleSlide + 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (nextSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: true, isShowEndGradient: false });\n    }\n    if (firstVisibleSlide === 0) {\n      this.setState({ isLeftArrowDisabled: false, isShowStartGradient: true });\n    }\n    return this._slideTo({ index: nextSlide, alignTo });\n  };\n\n  _prev = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let prevSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : firstVisibleSlide;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.RIGHT\n          : ALIGNMENT.LEFT;\n    } else {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : 0;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (prevSlide === 0) {\n      this.setState({ isLeftArrowDisabled: true, isShowStartGradient: false });\n    }\n    if (lastVisibleSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: false, isShowEndGradient: true });\n    }\n    return this._slideTo({ index: prevSlide, alignTo });\n  };\n\n  _setRef = (r: HTMLDivElement) => {\n    this.carousel = r;\n  };\n\n  _renderLeftControl = () => {\n    const { isLeftArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isLeftArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.prevButton}\n          onClick={this._prev}\n          icon={<ChevronLeftSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isLeftArrowDisabled}\n          className={st(classes.control, classes.prev)}\n        />\n      )\n    );\n  };\n\n  _renderRightControl = () => {\n    const { isRightArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isRightArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.nextButton}\n          onClick={this._next}\n          icon={<ChevronRightSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isRightArrowDisabled}\n          className={st(classes.control, classes.next)}\n        />\n      )\n    );\n  };\n\n  _handleTouchStart = (e: React.TouchEvent) => {\n    this.setState({ touchStartX: e.touches[0].clientX });\n  };\n\n  _handleTouchMove = (e: React.TouchEvent) => {\n    this.setState({ touchEndX: e.touches[0].clientX });\n  };\n\n  _handleTouchEnd = () => {\n    const { touchStartX, touchEndX } = this.state;\n    if (!touchStartX || !touchEndX) return;\n\n    const swipeThreshold = 50; // minimum distance required for a swipe\n    const swipeDistance = touchEndX - touchStartX;\n\n    if (Math.abs(swipeDistance) > swipeThreshold) {\n      if (swipeDistance > 0) {\n        // Swiped right - go to previous slide\n        this._prev();\n      } else {\n        // Swiped left - go to next slide\n        this._next();\n      }\n    }\n\n    // Reset touch coordinates\n    this.setState({ touchStartX: null, touchEndX: null });\n  };\n\n  _renderSlides = () => {\n    const {\n      images = [],\n      children,\n      gutter,\n      imagesPosition,\n      imagesFit,\n    } = this.props;\n\n    const slide = ({\n      i,\n      image,\n      child,\n    }: {\n      i: number;\n      image?: { src: string };\n      child?: ReactNode;\n    }) => (\n      <Slide\n        dataHook={DATA_HOOKS.child}\n        key={`slide-${i}`}\n        width=\"auto\"\n        gutter={i > 0 ? `${gutter}px` : ''}\n        image={image}\n        children={child}\n        imagePosition={imagesPosition}\n        imageFit={imagesFit}\n      />\n    );\n\n    return (\n      <div\n        className={classes.carousel}\n        role=\"list\"\n        ref={this._setRef}\n        data-hook={DATA_HOOKS.carousel}\n        onTouchStart={this._handleTouchStart}\n        onTouchMove={this._handleTouchMove}\n        onTouchEnd={this._handleTouchEnd}\n      >\n        {Children.count(children)\n          ? Children.map(children, (child, i) => slide({ i, child }))\n          : images.map((image, i) => slide({ i, image }))}\n      </div>\n    );\n  };\n\n  _renderLoader = () => (\n    <div className={classes.loader}>\n      <Loader dataHook={DATA_HOOKS.loader} size=\"small\" />\n    </div>\n  );\n\n  _renderDots = () => {\n    const { children, images } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n    const slidesCount = Children.count(children) || images?.length || 0;\n\n    return (\n      <div className={classes.dots}>\n        {Array(slidesCount)\n          .fill(0)\n          .map((_, index) => (\n            <div\n              data-hook={DATA_HOOKS.pageNavigation(index)}\n              key={index}\n              className={st(classes.dot, {\n                active: index >= firstVisibleSlide && index <= lastVisibleSlide,\n              })}\n              onClick={() => {\n                if (index < firstVisibleSlide || index > lastVisibleSlide)\n                  this._slideTo({\n                    index,\n                    alignTo:\n                      index > firstVisibleSlide\n                        ? ALIGNMENT.RIGHT\n                        : ALIGNMENT.LEFT,\n                  });\n              }}\n            />\n          ))}\n      </div>\n    );\n  };\n\n  _renderStartGradient = () => <div className={classes.start} />;\n\n  _renderEndGradient = () => <div className={classes.end} />;\n\n  render() {\n    const {\n      dataHook,\n      className,\n      controlsPosition,\n      controlsSize,\n      showControlsShadow,\n      sidesGradientColor,\n      hideDots,\n    } = this.props;\n    const { isShowStartGradient, isShowEndGradient, isLoading } = this.state;\n    const showSidesGradients = !!sidesGradientColor;\n\n    return isLoading ? (\n      this._renderLoader()\n    ) : (\n      <div\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            controlsPosition,\n            controlsSize,\n            showControlsShadow,\n            showSidesGradients,\n            hideDots,\n          },\n          className,\n        )}\n        style={{ [vars.sidesGradientColor]: sidesGradientColor }}\n      >\n        <div style={{ position: 'relative' }}>\n          {showSidesGradients &&\n            isShowStartGradient &&\n            this._renderStartGradient()}\n          {this._renderLeftControl()}\n          {this._renderSlides()}\n          {this._renderRightControl()}\n          {showSidesGradients && isShowEndGradient && this._renderEndGradient()}\n        </div>\n        {!hideDots && this._renderDots()}\n      </div>\n    );\n  }\n\n  componentWillUnmount() {\n    this._setAutoplayTimer(false);\n  }\n}\n\nexport default CarouselWIP;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_CarouselWIPSt","_wixUiIconsCommon","_Loader","_Control","_Slide","_constants","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CarouselWIP","PureComponent","constructor","props","_this","this","loadingImagesCount","childCount","autoplayTimer","carousel","_setImagesOnLoadHandlers","Array","from","children","forEach","child","childImages","getElementsByTagName","img","complete","setState","isLoading","onload","_onImageLoad","onerror","_updateChildCount","_ref","_this$carousel$childr","_this$carousel","images","length","initialSlideIndex","_slideTo","index","immediate","catch","nop","_setAutoplayTimer","active","clearInterval","window","setInterval","_next","AUTOPLAY_SPEED","_setVisibleSlides","infinite","firstVisibleChild","Math","max","findIndex","isWhollyInView","lastVisibleChild","visibleSlides","isLeftArrowDisabled","isRightArrowDisabled","isShowStartGradient","isShowEndGradient","alignTo","ALIGNMENT","LEFT","arguments","undefined","Promise","reject","afterChange","beforeChange","easing","animationDuration","duration","startEndOffset","scrollLeft","offsetWidth","slideIndex","normalizeIndex","state","firstVisibleSlide","delta","RIGHT","offsetLeft","isAnimating","res","_","prop","animate","then","slidingType","lastVisibleSlide","nextSlide","SLIDING_TYPE","REVEAL_CHUNK","REVEAL_ONE","includes","_prev","prevSlide","_setRef","_renderLeftControl","controlsPosition","controlsStartEnd","controlsSize","controlsSkin","CONTROLS_START_END","DISABLED","createElement","dataHook","DATA_HOOKS","prevButton","onClick","icon","ChevronLeftSmall","__self","__source","fileName","lineNumber","columnNumber","size","skin","disabled","className","st","classes","control","prev","_renderRightControl","nextButton","ChevronRightSmall","next","_handleTouchStart","touchStartX","touches","clientX","_handleTouchMove","touchEndX","_handleTouchEnd","swipeThreshold","swipeDistance","abs","_renderSlides","gutter","imagesPosition","imagesFit","slide","_ref2","image","key","concat","width","imagePosition","imageFit","role","ref","onTouchStart","onTouchMove","onTouchEnd","Children","count","map","_renderLoader","loader","_renderDots","slidesCount","dots","fill","pageNavigation","dot","_renderStartGradient","start","_renderEndGradient","end","componentDidMount","autoplay","componentDidUpdate","prevProps","lastCount","render","showControlsShadow","sidesGradientColor","hideDots","showSidesGradients","root","style","vars","position","componentWillUnmount","displayName","propTypes","PropTypes","any","variableWidth","defaultProps","_default","exports"],"sources":["../../../src/CarouselWIP/CarouselWIP.tsx"],"sourcesContent":["import React, { Children, ReactNode, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './CarouselWIP.st.css';\nimport { ChevronLeftSmall, ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport Loader from '../Loader';\nimport Control from './Control';\nimport Slide from './Slide';\nimport {\n  CONTROLS_START_END,\n  SLIDING_TYPE,\n  ALIGNMENT,\n  DATA_HOOKS,\n  AUTOPLAY_SPEED,\n} from './constants';\nimport { isWhollyInView, animate, nop, normalizeIndex } from './utils';\nimport { CarouselWIPProps } from './CarouselWIP.types';\n\ntype CarouselWIPState = {\n  visibleSlides: number[];\n  isAnimating: boolean;\n  isLoading: boolean;\n  isLeftArrowDisabled: boolean;\n  isRightArrowDisabled: boolean;\n  isShowStartGradient: boolean;\n  isShowEndGradient: boolean;\n  touchStartX: number | null;\n  touchEndX: number | null;\n};\n\ntype SlideToProps = {\n  index?: number;\n  alignTo?: (typeof ALIGNMENT)[keyof typeof ALIGNMENT];\n  immediate?: boolean;\n};\n\n/** The carousel component creates a slideshow for cycling through a series of content. */\nclass CarouselWIP extends PureComponent<CarouselWIPProps, CarouselWIPState> {\n  static displayName = 'CarouselWIP';\n\n  static propTypes = {\n    dataHook: PropTypes.any,\n    className: PropTypes.any,\n    children: PropTypes.any,\n    images: PropTypes.any,\n    controlsSkin: PropTypes.any,\n    showControlsShadow: PropTypes.any,\n    infinite: PropTypes.any,\n    initialSlideIndex: PropTypes.any,\n    afterChange: PropTypes.any,\n    beforeChange: PropTypes.any,\n    controlsPosition: PropTypes.any,\n    controlsSize: PropTypes.any,\n    controlsStartEnd: PropTypes.any,\n    slidingType: PropTypes.any,\n    startEndOffset: PropTypes.any,\n    gutter: PropTypes.any,\n    sidesGradientColor: PropTypes.any,\n    imagesPosition: PropTypes.any,\n    imagesFit: PropTypes.any,\n    autoplay: PropTypes.any,\n    hideDots: PropTypes.any,\n    variableWidth: PropTypes.any,\n    animationDuration: PropTypes.any,\n    easing: PropTypes.any,\n  };\n\n  static defaultProps = {\n    children: [],\n    infinite: true,\n    controlsSkin: 'standard',\n    controlsStartEnd: 'disabled',\n    showControlsShadow: false,\n    images: [],\n    initialSlideIndex: 0,\n    controlsPosition: 'sides',\n    controlsSize: 'medium',\n    slidingType: 'align-to-start',\n    startEndOffset: 0,\n    gutter: undefined,\n    hideDots: false,\n    autoplay: false,\n  };\n\n  loadingImagesCount = 0;\n  childCount = 0;\n  autoplayTimer = -1;\n  carousel?: HTMLDivElement;\n\n  constructor(props: CarouselWIPProps) {\n    super(props);\n\n    this.loadingImagesCount = 0;\n    this.state = {\n      visibleSlides: [],\n      isAnimating: false,\n      isLoading: false,\n      isLeftArrowDisabled: true,\n      isRightArrowDisabled: true,\n      isShowStartGradient: false,\n      isShowEndGradient: false,\n      touchStartX: null,\n      touchEndX: null,\n    };\n  }\n\n  componentDidMount() {\n    const { initialSlideIndex = 0, autoplay } = this.props;\n\n    this._updateChildCount();\n    this._setImagesOnLoadHandlers();\n    if (!this.loadingImagesCount) {\n      this._slideTo({ index: initialSlideIndex, immediate: true }).catch(nop);\n      this._setVisibleSlides();\n    }\n\n    this._setAutoplayTimer(autoplay);\n  }\n\n  componentDidUpdate(prevProps: CarouselWIPProps) {\n    const { autoplay } = this.props;\n\n    if (prevProps.autoplay !== autoplay) this._setAutoplayTimer(autoplay);\n    const lastCount = this.childCount;\n    this._updateChildCount();\n    if (this.childCount && lastCount !== this.childCount) {\n      this._setVisibleSlides();\n    }\n  }\n\n  // Need to wait for images to load so we know which images are visible\n  // Adding onLoad and onError callbacks to all images under the component\n  _setImagesOnLoadHandlers = () => {\n    Array.from(this.carousel!.children).forEach(child => {\n      const childImages = Array.from(child.getElementsByTagName('img'));\n      childImages.forEach(img => {\n        if (img.complete) {\n          return;\n        }\n        this.setState({ isLoading: true });\n        this.loadingImagesCount++;\n        img.onload = this._onImageLoad;\n        img.onerror = this._onImageLoad;\n      });\n    });\n  };\n\n  _updateChildCount = () => {\n    const { images } = this.props;\n    this.childCount = this.carousel?.children?.length ?? images?.length ?? 0;\n  };\n\n  _onImageLoad = () => {\n    const { initialSlideIndex } = this.props;\n\n    this.loadingImagesCount--;\n    if (!this.loadingImagesCount) {\n      this.setState({ isLoading: false });\n      this._slideTo({\n        index: initialSlideIndex,\n        immediate: true,\n      }).catch(nop);\n    }\n  };\n\n  _setAutoplayTimer = (active?: boolean) => {\n    clearInterval(this.autoplayTimer);\n\n    if (active) {\n      this.autoplayTimer = window.setInterval(this._next, AUTOPLAY_SPEED);\n    }\n  };\n\n  _setVisibleSlides = () => {\n    const { props, carousel, childCount } = this;\n    const { infinite } = props;\n    const firstVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(child =>\n        isWhollyInView(carousel!)(child),\n      ),\n      0,\n    );\n    const lastVisibleChild = Math.max(\n      Array.from(carousel!.children).findIndex(\n        (child, i, children) =>\n          isWhollyInView(carousel!)(child) &&\n          (i === children.length - 1 ||\n            !isWhollyInView(carousel!)(children[i + 1])),\n      ),\n      0,\n    );\n    this.setState({\n      visibleSlides: [firstVisibleChild, lastVisibleChild],\n      isLeftArrowDisabled: !infinite && firstVisibleChild === 0,\n      isRightArrowDisabled: !infinite && lastVisibleChild === childCount - 1,\n      isShowStartGradient: firstVisibleChild > 0,\n      isShowEndGradient: lastVisibleChild < childCount - 1,\n    });\n  };\n\n  private _slideTo = (\n    { index = 0, alignTo = ALIGNMENT.LEFT, immediate }: SlideToProps = {\n      index: 0,\n      alignTo: ALIGNMENT.LEFT,\n      immediate: false,\n    },\n  ) => {\n    if (this.childCount === 0) {\n      return Promise.reject('No children to slide to');\n    }\n    if (!this.carousel) {\n      return Promise.reject('The Carousel is not mounted');\n    }\n    const {\n      afterChange,\n      beforeChange,\n      easing,\n      animationDuration: duration,\n      infinite,\n      startEndOffset = 0,\n    } = this.props;\n    const { children, scrollLeft, offsetWidth } = this.carousel;\n    const slideIndex = normalizeIndex(index, this.childCount, infinite);\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide] = visibleSlides;\n\n    let delta;\n    const child = children[slideIndex] as HTMLElement;\n    if (alignTo === ALIGNMENT.RIGHT) {\n      delta =\n        child.offsetWidth -\n        (offsetWidth - child.offsetLeft) -\n        scrollLeft +\n        startEndOffset;\n    } else {\n      delta = child.offsetLeft - scrollLeft - startEndOffset;\n    }\n    if (firstVisibleSlide !== slideIndex && beforeChange) {\n      beforeChange(firstVisibleSlide, index);\n    }\n\n    this.setState({ isAnimating: true });\n    return new Promise<void>((res, _) => {\n      if (immediate) {\n        this.carousel!.scrollLeft = child.offsetLeft;\n        return res();\n      } else {\n        const prop = 'scrollLeft';\n        return res(\n          animate(this.carousel!, {\n            prop,\n            delta,\n            easing,\n            duration,\n          }),\n        );\n      }\n    })\n      .then(() => {\n        this.setState({ isAnimating: false });\n        this._setVisibleSlides();\n        if (firstVisibleSlide !== slideIndex && afterChange) {\n          return afterChange(slideIndex);\n        }\n      })\n      .catch(_ => {\n        this._setVisibleSlides();\n        this.setState({ isAnimating: false });\n      });\n  };\n\n  _next = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let nextSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (lastVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : lastVisibleSlide;\n      } else {\n        nextSlide = lastVisibleSlide + 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.LEFT\n          : ALIGNMENT.RIGHT;\n    } else {\n      if (firstVisibleSlide === this.childCount - 1) {\n        nextSlide = infinite ? 0 : firstVisibleSlide;\n      } else {\n        nextSlide = firstVisibleSlide + 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (nextSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: true, isShowEndGradient: false });\n    }\n    if (firstVisibleSlide === 0) {\n      this.setState({ isLeftArrowDisabled: false, isShowStartGradient: true });\n    }\n    return this._slideTo({ index: nextSlide, alignTo });\n  };\n\n  _prev = () => {\n    const { slidingType, infinite } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n\n    let prevSlide, alignTo;\n    if (\n      [SLIDING_TYPE.REVEAL_CHUNK, SLIDING_TYPE.REVEAL_ONE].includes(\n        slidingType!,\n      )\n    ) {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : firstVisibleSlide;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo =\n        slidingType === SLIDING_TYPE.REVEAL_CHUNK\n          ? ALIGNMENT.RIGHT\n          : ALIGNMENT.LEFT;\n    } else {\n      if (firstVisibleSlide === 0) {\n        prevSlide = infinite ? this.childCount - 1 : 0;\n      } else {\n        prevSlide = firstVisibleSlide - 1;\n      }\n      alignTo = ALIGNMENT.LEFT;\n    }\n\n    if (prevSlide === 0) {\n      this.setState({ isLeftArrowDisabled: true, isShowStartGradient: false });\n    }\n    if (lastVisibleSlide === this.childCount - 1) {\n      this.setState({ isRightArrowDisabled: false, isShowEndGradient: true });\n    }\n    return this._slideTo({ index: prevSlide, alignTo });\n  };\n\n  _setRef = (r: HTMLDivElement) => {\n    this.carousel = r;\n  };\n\n  _renderLeftControl = () => {\n    const { isLeftArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isLeftArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.prevButton}\n          onClick={this._prev}\n          icon={<ChevronLeftSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isLeftArrowDisabled}\n          className={st(classes.control, classes.prev)}\n        />\n      )\n    );\n  };\n\n  _renderRightControl = () => {\n    const { isRightArrowDisabled } = this.state;\n    const { controlsPosition, controlsStartEnd, controlsSize, controlsSkin } =\n      this.props;\n\n    return (\n      controlsPosition !== 'none' &&\n      (!isRightArrowDisabled ||\n        controlsStartEnd === CONTROLS_START_END.DISABLED) && (\n        <Control\n          dataHook={DATA_HOOKS.nextButton}\n          onClick={this._next}\n          icon={<ChevronRightSmall />}\n          size={controlsSize}\n          skin={controlsSkin}\n          disabled={isRightArrowDisabled}\n          className={st(classes.control, classes.next)}\n        />\n      )\n    );\n  };\n\n  _handleTouchStart = (e: React.TouchEvent) => {\n    this.setState({ touchStartX: e.touches[0].clientX });\n  };\n\n  _handleTouchMove = (e: React.TouchEvent) => {\n    this.setState({ touchEndX: e.touches[0].clientX });\n  };\n\n  _handleTouchEnd = () => {\n    const { touchStartX, touchEndX } = this.state;\n    if (!touchStartX || !touchEndX) return;\n\n    const swipeThreshold = 50; // minimum distance required for a swipe\n    const swipeDistance = touchEndX - touchStartX;\n\n    if (Math.abs(swipeDistance) > swipeThreshold) {\n      if (swipeDistance > 0) {\n        // Swiped right - go to previous slide\n        this._prev();\n      } else {\n        // Swiped left - go to next slide\n        this._next();\n      }\n    }\n\n    // Reset touch coordinates\n    this.setState({ touchStartX: null, touchEndX: null });\n  };\n\n  _renderSlides = () => {\n    const {\n      images = [],\n      children,\n      gutter,\n      imagesPosition,\n      imagesFit,\n    } = this.props;\n\n    const slide = ({\n      i,\n      image,\n      child,\n    }: {\n      i: number;\n      image?: { src: string };\n      child?: ReactNode;\n    }) => (\n      <Slide\n        dataHook={DATA_HOOKS.child}\n        className={classes.slide}\n        key={`slide-${i}`}\n        width=\"auto\"\n        gutter={i > 0 && gutter != null ? `${gutter}px` : undefined}\n        image={image}\n        children={child}\n        imagePosition={imagesPosition}\n        imageFit={imagesFit}\n      />\n    );\n\n    return (\n      <div\n        className={classes.carousel}\n        role=\"list\"\n        ref={this._setRef}\n        data-hook={DATA_HOOKS.carousel}\n        onTouchStart={this._handleTouchStart}\n        onTouchMove={this._handleTouchMove}\n        onTouchEnd={this._handleTouchEnd}\n      >\n        {Children.count(children)\n          ? Children.map(children, (child, i) => slide({ i, child }))\n          : images.map((image, i) => slide({ i, image }))}\n      </div>\n    );\n  };\n\n  _renderLoader = () => (\n    <div className={classes.loader}>\n      <Loader dataHook={DATA_HOOKS.loader} size=\"small\" />\n    </div>\n  );\n\n  _renderDots = () => {\n    const { children, images } = this.props;\n    const { visibleSlides } = this.state;\n    const [firstVisibleSlide, lastVisibleSlide] = visibleSlides;\n    const slidesCount = Children.count(children) || images?.length || 0;\n\n    return (\n      <div className={classes.dots}>\n        {Array(slidesCount)\n          .fill(0)\n          .map((_, index) => (\n            <div\n              data-hook={DATA_HOOKS.pageNavigation(index)}\n              key={index}\n              className={st(classes.dot, {\n                active: index >= firstVisibleSlide && index <= lastVisibleSlide,\n              })}\n              onClick={() => {\n                if (index < firstVisibleSlide || index > lastVisibleSlide)\n                  this._slideTo({\n                    index,\n                    alignTo:\n                      index > firstVisibleSlide\n                        ? ALIGNMENT.RIGHT\n                        : ALIGNMENT.LEFT,\n                  });\n              }}\n            />\n          ))}\n      </div>\n    );\n  };\n\n  _renderStartGradient = () => <div className={classes.start} />;\n\n  _renderEndGradient = () => <div className={classes.end} />;\n\n  render() {\n    const {\n      dataHook,\n      className,\n      controlsPosition,\n      controlsSize,\n      showControlsShadow,\n      sidesGradientColor,\n      hideDots,\n    } = this.props;\n    const { isShowStartGradient, isShowEndGradient, isLoading } = this.state;\n    const showSidesGradients = !!sidesGradientColor;\n\n    return isLoading ? (\n      this._renderLoader()\n    ) : (\n      <div\n        data-hook={dataHook}\n        className={st(\n          classes.root,\n          {\n            controlsPosition,\n            controlsSize,\n            showControlsShadow,\n            showSidesGradients,\n            hideDots,\n          },\n          className,\n        )}\n        style={{ [vars.sidesGradientColor]: sidesGradientColor }}\n      >\n        <div style={{ position: 'relative' }}>\n          {showSidesGradients &&\n            isShowStartGradient &&\n            this._renderStartGradient()}\n          {this._renderLeftControl()}\n          {this._renderSlides()}\n          {this._renderRightControl()}\n          {showSidesGradients && isShowEndGradient && this._renderEndGradient()}\n        </div>\n        {!hideDots && this._renderDots()}\n      </div>\n    );\n  }\n\n  componentWillUnmount() {\n    this._setAutoplayTimer(false);\n  }\n}\n\nexport default CarouselWIP;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CarouselWIP/CarouselWIP.st.css.js

@@ -1,11 +1,12 @@
 
 require("../Foundation/stylable/shadows.st.css.js");
 require("../Foundation/stylable/colors.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_204_1_CarouselWIP";
+var _namespace_ = "wds_1_205_0_CarouselWIP";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_CarouselWIP__root","carousel":"wds_1_204_1_CarouselWIP__carousel","control":"wds_1_204_1_CarouselWIP__control","prev":"wds_1_204_1_CarouselWIP__prev","next":"wds_1_204_1_CarouselWIP__next","start":"wds_1_204_1_CarouselWIP__start","end":"wds_1_204_1_CarouselWIP__end","dots":"wds_1_204_1_CarouselWIP__dots","dot":"wds_1_204_1_CarouselWIP__dot","loader":"wds_1_204_1_CarouselWIP__loader"};
+module.exports.classes = {"root":"wds_1_205_0_CarouselWIP__root","carousel":"wds_1_205_0_CarouselWIP__carousel","control":"wds_1_205_0_CarouselWIP__control","prev":"wds_1_205_0_CarouselWIP__prev","next":"wds_1_205_0_CarouselWIP__next","start":"wds_1_205_0_CarouselWIP__start","end":"wds_1_205_0_CarouselWIP__end","dots":"wds_1_205_0_CarouselWIP__dots","dot":"wds_1_205_0_CarouselWIP__dot","loader":"wds_1_205_0_CarouselWIP__loader","slide":"wds_1_205_0_CarouselWIP__slide"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
-module.exports.stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-module.exports.vars = {"arrow-size":"--wds_1_204_1_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_204_1_CarouselWIP-sidesGradientColor"}; 
+module.exports.stVars = {"dotHeight":"4px","arrowMarginFromSide":"12px","horizontalSpacingSize":"25px","verticalSpacingSize":"calc((var(--wds-space-400, 24px) + 4px) / 2)"}; 
+module.exports.vars = {"wds-space-100":"--wds-space-100","wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-400":"--wds-space-400","wds-shadow-300":"--wds-shadow-300","wds-color-blue-0":"--wds-color-blue-0","wds-color-blue-300":"--wds-color-blue-300","wds-color-blue-200":"--wds-color-blue-200","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-button-size-tiny":"--wds-button-size-tiny","wds-button-size-small":"--wds-button-size-small","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-large":"--wds-button-size-large","wds-color-gradient-light-left-to-right":"--wds-color-gradient-light-left-to-right","wds-color-gradient-light-right-to-left":"--wds-color-gradient-light-right-to-left","arrow-size":"--wds_1_205_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_205_0_CarouselWIP-sidesGradientColor"}; 
 
 
 

package/dist/cjs/CheckToggle/CheckToggle.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_CheckToggle";
+var _namespace_ = "wds_1_205_0_CheckToggle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_CheckToggle__root","input":"wds_1_204_1_CheckToggle__input","toggle":"wds_1_204_1_CheckToggle__toggle"};
+module.exports.classes = {"root":"wds_1_205_0_CheckToggle__root","input":"wds_1_205_0_CheckToggle__input","toggle":"wds_1_205_0_CheckToggle__toggle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Checkbox/Checkbox.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_Checkbox";
+var _namespace_ = "wds_1_205_0_Checkbox";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_Checkbox__root","label":"wds_1_204_1_Checkbox__label","labelInner":"wds_1_204_1_Checkbox__labelInner","children":"wds_1_204_1_Checkbox__children","checkbox":"wds_1_204_1_Checkbox__checkbox","inner":"wds_1_204_1_Checkbox__inner","outer":"wds_1_204_1_Checkbox__outer"};
+module.exports.classes = {"root":"wds_1_205_0_Checkbox__root","label":"wds_1_205_0_Checkbox__label","labelInner":"wds_1_205_0_Checkbox__labelInner","children":"wds_1_205_0_Checkbox__children","checkbox":"wds_1_205_0_Checkbox__checkbox","inner":"wds_1_205_0_Checkbox__inner","outer":"wds_1_205_0_Checkbox__outer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CircularProgressBar/CircularProgressBar.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_CircularProgressBar";
+var _namespace_ = "wds_1_205_0_CircularProgressBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_CircularProgressBar__root","progressBar":"wds_1_204_1_CircularProgressBar__progressBar","tooltip":"wds_1_204_1_CircularProgressBar__tooltip"};
+module.exports.classes = {"root":"wds_1_205_0_CircularProgressBar__root","progressBar":"wds_1_205_0_CircularProgressBar__progressBar","tooltip":"wds_1_205_0_CircularProgressBar__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_204_1_CircularProgressBarCore";
+var _namespace_ = "wds_1_205_0_CircularProgressBarCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_CircularProgressBarCore__root","label":"wds_1_204_1_CircularProgressBarCore__label","progressIndicator":"wds_1_204_1_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_204_1_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_204_1_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_204_1_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_204_1_CircularProgressBarCore__foreArc","backArc":"wds_1_204_1_CircularProgressBarCore__backArc"};
+module.exports.classes = {"root":"wds_1_205_0_CircularProgressBarCore__root","label":"wds_1_205_0_CircularProgressBarCore__label","progressIndicator":"wds_1_205_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_205_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_205_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_205_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_205_0_CircularProgressBarCore__foreArc","backArc":"wds_1_205_0_CircularProgressBarCore__backArc"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ClickableCard/ClickableCard.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_204_1_ClickableCard";
+var _namespace_ = "wds_1_205_0_ClickableCard";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_204_1_ClickableCard__root","clickableOverlay":"wds_1_204_1_ClickableCard__clickableOverlay"};
+module.exports.classes = {"root":"wds_1_205_0_ClickableCard__root","clickableOverlay":"wds_1_205_0_ClickableCard__clickableOverlay"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-border-radius-surface-default":"--wds-border-radius-surface-default","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-border-standard-primary-hover":"--wds-color-border-standard-primary-hover","wds-color-border-standard-primary-active":"--wds-color-border-standard-primary-active","wds-color-border-standard-primary-disabled":"--wds-color-border-standard-primary-disabled","wds-color-border-standard-tertiary-active":"--wds-color-border-standard-tertiary-active","wds-color-fill-surface-raised":"--wds-color-fill-surface-raised","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-shadow-surface-raised":"--wds-shadow-surface-raised","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-200":"--wds-shadow-200","wds-shadow-300":"--wds-shadow-300","wds-card-content-paddings-vertical":"--wds-card-content-paddings-vertical","wds-card-content-paddings-horizontal":"--wds-card-content-paddings-horizontal"}; 
+module.exports.vars = {"wds-border-radius-surface-default":"--wds-border-radius-surface-default","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-border-standard-primary-hover":"--wds-color-border-standard-primary-hover","wds-color-border-standard-primary-active":"--wds-color-border-standard-primary-active","wds-color-border-standard-primary-disabled":"--wds-color-border-standard-primary-disabled","wds-color-border-standard-tertiary-active":"--wds-color-border-standard-tertiary-active","wds-color-fill-surface-raised":"--wds-color-fill-surface-raised","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-shadow-surface-raised":"--wds-shadow-surface-raised","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-200":"--wds-shadow-200","wds-shadow-300":"--wds-shadow-300","wds-card-content-padding-large":"--wds-card-content-padding-large","wds-card-content-padding-medium":"--wds-card-content-padding-medium"};