intergalactic 15.88.0 → 15.89.0-prerelease.0

package/libs/carousel/lib/cjs/Carousel.js

@@ -1,692 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _button = _interopRequireDefault(require("@semcore/button"));
-var _modal = _interopRequireDefault(require("@semcore/modal"));
-var _flexBox = require("@semcore/flex-box");
-var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
-var _l2 = _interopRequireDefault(require("@semcore/icon/ChevronLeft/l"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
-var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
-var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
-var _findComponent = require("@semcore/utils/lib/findComponent");
-var _breakpoints = require("@semcore/breakpoints");
-/*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCarousel_rh73g_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_rh73g_gg_,.___SModalContainer_rh73g_gg_{display:flex;transition:transform var(--duration_rh73g) ease-in-out}.___SItem_rh73g_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_rh73g);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_rh73g_gg_.__zoomIn_rh73g_gg_{cursor:zoom-in}.___SItem_rh73g_gg_.__zoomOut_rh73g_gg_{cursor:zoom-out}.___SIndicators_rh73g_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_rh73g_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_rh73g_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_rh73g_gg_.__active_rh73g_gg_{opacity:1}.___SIndicator_rh73g_gg_.__inverted_rh73g_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_rh73g_gg_,.___SPrev_rh73g_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SPrev_rh73g_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_rh73g_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_rh73g_gg_.__disabled_rh73g_gg_,.___SPrev_rh73g_gg_.__disabled_rh73g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_rh73g_gg_{transition:none}}" /*__inner_css_end__*/, "rh73g_gg_") /*__reshadow_css_end__*/, {
-  "__SCarousel": "___SCarousel_rh73g_gg_",
-  "__SContainer": "___SContainer_rh73g_gg_",
-  "--duration": "--duration_rh73g",
-  "__SModalContainer": "___SModalContainer_rh73g_gg_",
-  "__SItem": "___SItem_rh73g_gg_",
-  "--transform": "--transform_rh73g",
-  "_zoomIn": "__zoomIn_rh73g_gg_",
-  "_zoomOut": "__zoomOut_rh73g_gg_",
-  "__SIndicators": "___SIndicators_rh73g_gg_",
-  "__SIndicator": "___SIndicator_rh73g_gg_",
-  "_active": "__active_rh73g_gg_",
-  "_inverted": "__inverted_rh73g_gg_",
-  "__SPrev": "___SPrev_rh73g_gg_",
-  "__SNext": "___SNext_rh73g_gg_",
-  "_disabled": "__disabled_rh73g_gg_"
-});
-var MAP_TRANSFORM = {
-  ArrowLeft: 'left',
-  ArrowRight: 'right'
-};
-var enhance = {
-  uid: (0, _uniqueID["default"])(),
-  getI18nText: (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)
-};
-var media = ['(min-width: 481px)', '(max-width: 480px)'];
-var BreakPoints = (0, _breakpoints.createBreakpoints)(media);
-var isSmallScreen = function isSmallScreen(index) {
-  return index === 1;
-};
-var CarouselRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CarouselRoot, _Component);
-  var _super = (0, _createSuper2["default"])(CarouselRoot);
-  function CarouselRoot(props) {
-    var _ref18, _props$index;
-    var _this;
-    (0, _classCallCheck2["default"])(this, CarouselRoot);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "defaultItemsCount", 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refContainer", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refModalContainer", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_touchStartCoord", -1);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDown", function (e) {
-      switch (e.key) {
-        case 'ArrowLeft':
-        case 'ArrowRight':
-          {
-            e.preventDefault();
-            _this.transformItem(MAP_TRANSFORM[e.key]);
-          }
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleItem", function (item) {
-      var removeItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      _this.setState(function (prevState) {
-        var newItems = removeItem ? prevState.items.filter(function (element) {
-          return element.node !== item.node;
-        }) : [].concat((0, _toConsumableArray2["default"])(prevState.items), [item]);
-        return {
-          items: newItems
-        };
-      });
-      if (!removeItem) {
-        _this.defaultItemsCount++;
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "transformContainer", function () {
-      var transform = _this.state.selectedIndex * -1 * 100;
-      if (_this.refContainer.current) {
-        _this.refContainer.current.style.transform = "translateX(".concat(transform, "%)");
-      }
-      if (_this.refModalContainer.current) {
-        _this.refModalContainer.current.style.transform = "translateX(".concat(transform, "%)");
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDirection", function (currentIndex, nextIndex) {
-      var bounded = _this.asProps.bounded;
-      if (bounded) {
-        return currentIndex < nextIndex ? 'right' : 'left';
-      }
-      var items = _this.state.items;
-      var listIndex = items.map(function (_, ind) {
-        return ind;
-      });
-      var tmpArr = (0, _toConsumableArray2["default"])(listIndex);
-      var minTmpArr = tmpArr[0];
-      var maxTmpArr = tmpArr[tmpArr.length - 1];
-      if (tmpArr.length === 2) {
-        return currentIndex < nextIndex ? 'right' : 'left';
-      }
-      if (currentIndex === minTmpArr) {
-        tmpArr.unshift(maxTmpArr);
-        tmpArr.pop();
-      }
-      if (currentIndex === maxTmpArr) {
-        tmpArr.shift();
-        tmpArr.push(minTmpArr);
-      }
-      var tmpCurrentIndex = tmpArr.indexOf(currentIndex);
-      var left = tmpArr.indexOf(nextIndex);
-      return left - tmpCurrentIndex < 0 ? 'left' : 'right';
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "slideToValue", function (nextIndex) {
-      var selectedIndex = _this.state.selectedIndex;
-      var direction = selectedIndex < nextIndex ? 'right' : 'left';
-      var diff = Math.abs(selectedIndex - nextIndex);
-      while (diff > 0) {
-        _this.transformItem(direction);
-        diff--;
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "transformItem", function (direction) {
-      var bounded = _this.asProps.bounded;
-      var _this$state = _this.state,
-        items = _this$state.items,
-        selectedIndex = _this$state.selectedIndex;
-      var maxIndexIndicator = items.length - 1;
-      if (direction === 'right') {
-        if (bounded && selectedIndex === maxIndexIndicator) {
-          _this.handlers.index(maxIndexIndicator);
-          return;
-        }
-        if (_this.isControlled) {
-          _this.handlers.index(selectedIndex === maxIndexIndicator ? 0 : selectedIndex + 1);
-          return;
-        }
-        _this.setState(function (prevState) {
-          return {
-            selectedIndex: prevState.selectedIndex + 1
-          };
-        }, function () {
-          _this.transformContainer();
-          _this.handlers.index(_this.state.selectedIndex);
-        });
-        return;
-      }
-      if (direction === 'left') {
-        if (bounded && selectedIndex === 0) {
-          _this.handlers.index(0);
-          return;
-        }
-        if (_this.isControlled) {
-          _this.handlers.index(selectedIndex === 0 ? maxIndexIndicator : selectedIndex - 1);
-          return;
-        }
-        _this.setState(function (prevState) {
-          return {
-            selectedIndex: prevState.selectedIndex - 1
-          };
-        }, function () {
-          _this.transformContainer();
-          _this.handlers.index(_this.state.selectedIndex);
-        });
-        return;
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClick", function (direction) {
-      return function () {
-        _this.transformItem(direction);
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClickIndicator", function (value) {
-      return function () {
-        var _this$state2 = _this.state,
-          selectedIndex = _this$state2.selectedIndex,
-          items = _this$state2.items;
-        if (!_this.isControlled && value !== selectedIndex) {
-          var newValueIndex = Math.floor(selectedIndex / items.length) * items.length + value;
-          _this.slideToValue(newValueIndex);
-        }
-        _this.handlers.index(value);
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerTouchStart", function (e) {
-      _this._touchStartCoord = e.changedTouches[0].clientX;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerTouchEnd", function (e) {
-      var touchEndCoord = e.changedTouches[0].clientX;
-      var delta = touchEndCoord - _this._touchStartCoord;
-      if (delta > 50) {
-        _this.transformItem('left');
-      } else if (delta < -50) {
-        _this.transformItem('right');
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleToggleZoomModal", function () {
-      _this.setState(function (prevState) {
-        return {
-          isOpenZoom: !prevState.isOpenZoom
-        };
-      }, function () {
-        _this.state.isOpenZoom && _this.transformContainer();
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerKeydownControl", function (direction) {
-      return function (e) {
-        var key = e.key;
-        if (key === 'Enter') {
-          e.preventDefault();
-          _this.bindHandlerClick(direction)();
-        }
-      };
-    });
-    _this.isControlled = props.index !== undefined;
-    _this.state = {
-      items: [],
-      isOpenZoom: false,
-      selectedIndex: (_ref18 = (_props$index = props.index) !== null && _props$index !== void 0 ? _props$index : props.defaultIndex) !== null && _ref18 !== void 0 ? _ref18 : 0
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(CarouselRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        index: null
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var selectedIndex = this.state.selectedIndex;
-      if (selectedIndex !== 0) {
-        if (selectedIndex < 0 || selectedIndex >= this.defaultItemsCount) {
-          _logger["default"].warn(true, "You couldn't use value for the `index` or `defaultIndex` not from `Item's` length range.", CarouselRoot.displayName);
-          this.setState({
-            selectedIndex: 0
-          });
-        } else {
-          this.transformContainer();
-        }
-      }
-      var deprecatedComponents = (0, _findComponent.findAllComponents)(this.asProps.Children, ['Carousel.Prev', 'Carousel.Next', 'Carousel.Indicators']);
-      _logger["default"].warn(deprecatedComponents.length > 0, 'Please, try to remove `Prev`, `Next`, `Indicators` and other children components from your Carousel, except only `Item` elements.', CarouselRoot.displayName);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-      var index = this.asProps.index;
-      if (prevProps.index !== index && this.isControlled && index !== undefined) {
-        this.setState({
-          selectedIndex: index
-        }, function () {
-          return _this2.transformContainer();
-        });
-      }
-    }
-  }, {
-    key: "getContainerProps",
-    value: function getContainerProps() {
-      var duration = this.asProps.duration;
-      return {
-        ref: this.refContainer,
-        duration: duration
-      };
-    }
-  }, {
-    key: "getItemProps",
-    value: function getItemProps(props, index) {
-      var zoom = this.asProps.zoom;
-      var isCurrent = this.isSelected(index);
-      return {
-        toggleItem: this.toggleItem,
-        uid: this.asProps.uid,
-        index: index,
-        current: isCurrent,
-        zoomIn: zoom,
-        onToggleZoomModal: this.handleToggleZoomModal,
-        transform: isCurrent ? this.getTransform() : undefined
-      };
-    }
-  }, {
-    key: "getPrevProps",
-    value: function getPrevProps() {
-      var _this$asProps = this.asProps,
-        bounded = _this$asProps.bounded,
-        getI18nText = _this$asProps.getI18nText;
-      var _this$state3 = this.state,
-        items = _this$state3.items,
-        selectedIndex = _this$state3.selectedIndex;
-      var disabled = false;
-      if (items.length && bounded) {
-        disabled = selectedIndex === 0;
-      }
-      return {
-        onClick: this.bindHandlerClick('left'),
-        onKeyDown: this.bindHandlerKeydownControl('left'),
-        disabled: disabled,
-        label: getI18nText('prev')
-      };
-    }
-  }, {
-    key: "getNextProps",
-    value: function getNextProps() {
-      var _this$asProps2 = this.asProps,
-        bounded = _this$asProps2.bounded,
-        getI18nText = _this$asProps2.getI18nText;
-      var _this$state4 = this.state,
-        items = _this$state4.items,
-        selectedIndex = _this$state4.selectedIndex;
-      var disabled = false;
-      if (items.length && bounded) {
-        disabled = selectedIndex === items.length - 1;
-      }
-      return {
-        onClick: this.bindHandlerClick('right'),
-        onKeyDown: this.bindHandlerKeydownControl('right'),
-        disabled: disabled,
-        label: getI18nText('next')
-      };
-    }
-  }, {
-    key: "getIndicatorsProps",
-    value: function getIndicatorsProps() {
-      var _this3 = this;
-      var items = this.state.items;
-      return {
-        items: items.map(function (item, key) {
-          return {
-            active: _this3.isSelected(key),
-            onClick: _this3.bindHandlerClickIndicator(key),
-            key: key
-          };
-        })
-      };
-    }
-  }, {
-    key: "getTransform",
-    value: function getTransform() {
-      var _this$state5 = this.state,
-        items = _this$state5.items,
-        selectedIndex = _this$state5.selectedIndex;
-      var direction = selectedIndex > 0 ? 1 : -1;
-      var count = items.length === 0 ? 0 : Math.floor(selectedIndex / items.length) * direction;
-      var transform = selectedIndex > 0 && selectedIndex < items.length ? 0 : 100 * direction * count * items.length;
-      return transform;
-    }
-  }, {
-    key: "isSelected",
-    value: function isSelected(index) {
-      var _this$state6 = this.state,
-        items = _this$state6.items,
-        selectedIndex = _this$state6.selectedIndex;
-      if (items.length === 0) {
-        return true;
-      }
-      if (selectedIndex >= 0) {
-        return index === selectedIndex % items.length;
-      }
-      return index === (items.length + selectedIndex % items.length) % items.length;
-    }
-  }, {
-    key: "renderModal",
-    value: function renderModal(isSmall, ComponentItems) {
-      var _ref = this.asProps,
-        _ref9,
-        _this4 = this;
-      var SModalContainer = _flexBox.Box;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        uid = _this$asProps3.uid,
-        duration = _this$asProps3.duration,
-        hasZoom = _this$asProps3.zoom,
-        zoomWidth = _this$asProps3.zoomWidth,
-        ariaLabel = _this$asProps3['aria-label'],
-        ariaRoledescription = _this$asProps3['aria-roledescription'];
-      var isOpenZoom = this.state.isOpenZoom;
-      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref9.cn("Modal", {
-        "visible": isOpenZoom,
-        "onClose": this.handleToggleZoomModal,
-        "ghost": true,
-        "closable": !isSmall
-      }), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref9.cn("Flex", {
-        "direction": isSmall ? 'column' : 'row'
-      }), !isSmall && /*#__PURE__*/_react["default"].createElement(Carousel.Prev, {
-        inverted: true
-      }), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
-        "style": {
-          overflow: 'hidden',
-          borderRadius: 6
-        }
-      }), /*#__PURE__*/_react["default"].createElement(SModalContainer, _ref9.cn("SModalContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'list',
-        "use:duration": "".concat(duration, "ms"),
-        "ref": this.refModalContainer,
-        "use:w": undefined,
-        "wMax": zoomWidth
-      }, _ref))), ComponentItems.map(function (item, i) {
-        return /*#__PURE__*/_react["default"].createElement(Carousel.Item, (0, _extends2["default"])({}, item.props, {
-          key: item.key,
-          uid: uid,
-          index: i,
-          current: _this4.isSelected(i),
-          toggleItem: undefined,
-          zoom: true,
-          zoomOut: true,
-          transform: _this4.isSelected(i) ? _this4.getTransform() : undefined
-        }));
-      }))), isSmall ? /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref9.cn("Flex", {
-        "justifyContent": 'center',
-        "mt": 2
-      }), /*#__PURE__*/_react["default"].createElement(Carousel.Prev, {
-        inverted: true
-      }), /*#__PURE__*/_react["default"].createElement(Carousel.Next, {
-        inverted: true
-      })) : /*#__PURE__*/_react["default"].createElement(Carousel.Next, {
-        inverted: true
-      })), !isSmall && /*#__PURE__*/_react["default"].createElement(Carousel.Indicators, {
-        inverted: true
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps,
-        _ref10,
-        _this5 = this;
-      var SCarousel = _flexBox.Box;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        Children = _this$asProps4.Children,
-        hasZoom = _this$asProps4.zoom,
-        ariaLabel = _this$asProps4['aria-label'],
-        ariaRoledescription = _this$asProps4['aria-roledescription'],
-        indicators = _this$asProps4.indicators;
-      var ComponentItems = (0, _findComponent.findAllComponents)(Children, ['Carousel.Item']);
-      var Controls = (0, _findComponent.findAllComponents)(Children, ['Carousel.Prev', 'Carousel.Next', 'Carousel.Indicators']);
-      return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCarousel, _ref10.cn("SCarousel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'group',
-        "onKeyDown": this.handlerKeyDown,
-        "tabIndex": 0,
-        "onTouchStart": this.handlerTouchStart,
-        "onTouchEnd": this.handlerTouchEnd
-      }, _ref2))), Controls.length === 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref10.cn("Flex", {}), /*#__PURE__*/_react["default"].createElement(Carousel.Prev, null), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref10.cn("Box", {
-        "style": {
-          overflow: 'hidden',
-          borderRadius: 6
-        }
-      }), /*#__PURE__*/_react["default"].createElement(Carousel.Container, {
-        "aria-roledescription": ariaRoledescription,
-        "aria-label": ariaLabel
-      }, /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})))), /*#__PURE__*/_react["default"].createElement(Carousel.Next, null)), indicators === 'default' && /*#__PURE__*/_react["default"].createElement(Carousel.Indicators, null), indicators === 'preview' && /*#__PURE__*/_react["default"].createElement(Carousel.Indicators, null, function () {
-        return ComponentItems.map(function (item, index) {
-          return /*#__PURE__*/_react["default"].createElement(Carousel.Indicator, (0, _extends2["default"])({}, item.props, {
-            key: item.key,
-            w: 100,
-            h: 100,
-            "aria-roledescription": "slide",
-            active: _this5.isSelected(index),
-            onClick: _this5.bindHandlerClickIndicator(index)
-          }));
-        });
-      })) : /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})), hasZoom && /*#__PURE__*/_react["default"].createElement(BreakPoints, _ref10.cn("BreakPoints", {}), /*#__PURE__*/_react["default"].createElement(BreakPoints.Context.Consumer, null, function (mediaIndex) {
-        return _this5.renderModal(isSmallScreen(mediaIndex), ComponentItems);
-      })));
-    }
-  }]);
-  return CarouselRoot;
-}(_core.Component);
-(0, _defineProperty2["default"])(CarouselRoot, "displayName", 'Carousel');
-(0, _defineProperty2["default"])(CarouselRoot, "defaultProps", {
-  defaultIndex: 0,
-  duration: 350,
-  step: 100,
-  bounded: false,
-  i18n: _intergalacticDynamicLocales.localizedMessages,
-  locale: 'en',
-  indicators: 'default'
-});
-(0, _defineProperty2["default"])(CarouselRoot, "style", style);
-(0, _defineProperty2["default"])(CarouselRoot, "enhance", Object.values(enhance));
-var Container = function Container(props) {
-  var _ref3 = arguments[0],
-    _ref11;
-  var SContainer = _flexBox.Box;
-  var styles = props.styles,
-    duration = props.duration;
-  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref11.cn("SContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "role": 'list',
-    "use:duration": "".concat(duration, "ms")
-  }, _ref3))));
-};
-var Item = /*#__PURE__*/function (_Component2) {
-  (0, _inherits2["default"])(Item, _Component2);
-  var _super2 = (0, _createSuper2["default"])(Item);
-  function Item() {
-    var _this6;
-    (0, _classCallCheck2["default"])(this, Item);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this6 = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this6), "refItem", /*#__PURE__*/_react["default"].createRef());
-    return _this6;
-  }
-  (0, _createClass2["default"])(Item, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var toggleItem = this.props.toggleItem;
-      var refItem = this.refItem.current;
-      toggleItem && refItem && toggleItem({
-        node: refItem
-      });
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var toggleItem = this.props.toggleItem;
-      var refItem = this.refItem.current;
-      toggleItem && refItem && toggleItem({
-        node: refItem
-      }, true);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var transform = this.props.transform;
-      var refItem = this.refItem.current;
-      if (prevProps.transform !== transform && refItem) {
-        refItem.style.transform = "translateX(".concat(transform, "%)");
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref4 = this.asProps,
-        _ref12;
-      var _this$props = this.props,
-        styles = _this$props.styles,
-        index = _this$props.index,
-        uid = _this$props.uid,
-        current = _this$props.current,
-        zoomIn = _this$props.zoomIn,
-        onToggleZoomModal = _this$props.onToggleZoomModal,
-        transform = _this$props.transform;
-      var SItem = _flexBox.Box;
-      return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref12.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "ref": this.refItem,
-        "role": 'listitem',
-        "id": "igc-".concat(uid, "-carousel-item-").concat(index),
-        "aria-current": current,
-        "onClick": zoomIn ? onToggleZoomModal : undefined,
-        "zoomIn": zoomIn
-      }, _ref4))));
-    }
-  }]);
-  return Item;
-}(_core.Component);
-var Prev = function Prev(props) {
-  var _ref5 = arguments[0],
-    _ref13;
-  var styles = props.styles,
-    children = props.children,
-    Children = props.Children,
-    label = props.label,
-    _props$top = props.top,
-    top = _props$top === void 0 ? 0 : _props$top,
-    inverted = props.inverted;
-  var SPrev = _flexBox.Box;
-  var _React$useState = _react["default"].useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isActive = _React$useState2[0],
-    setIsActive = _React$useState2[1];
-  var handleMouseEnter = _react["default"].useCallback(function () {
-    setIsActive(true);
-  }, []);
-  var handleMouseLeave = _react["default"].useCallback(function () {
-    setIsActive(false);
-  }, []);
-  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPrev, _ref13.cn("SPrev", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "top": top,
-    "onMouseEnter": handleMouseEnter,
-    "onMouseLeave": handleMouseLeave
-  }, _ref5))), children ? /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_button["default"], _ref13.cn("Button", {
-    "addonLeft": _l2["default"],
-    "aria-label": label,
-    "theme": inverted ? 'invert' : 'muted',
-    "use": 'tertiary',
-    "active": isActive,
-    "size": 'l'
-  })));
-};
-var Next = function Next(props) {
-  var _ref6 = arguments[0],
-    _ref14;
-  var styles = props.styles,
-    children = props.children,
-    Children = props.Children,
-    label = props.label,
-    _props$top2 = props.top,
-    top = _props$top2 === void 0 ? 0 : _props$top2,
-    inverted = props.inverted;
-  var SNext = _flexBox.Box;
-  var _React$useState3 = _react["default"].useState(false),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    isActive = _React$useState4[0],
-    setIsActive = _React$useState4[1];
-  var handleMouseEnter = _react["default"].useCallback(function () {
-    setIsActive(true);
-  }, []);
-  var handleMouseLeave = _react["default"].useCallback(function () {
-    setIsActive(false);
-  }, []);
-  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNext, _ref14.cn("SNext", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "top": top,
-    "onMouseEnter": handleMouseEnter,
-    "onMouseLeave": handleMouseLeave
-  }, _ref6))), children ? /*#__PURE__*/_react["default"].createElement(Children, _ref14.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_button["default"], _ref14.cn("Button", {
-    "addonLeft": _l["default"],
-    "aria-label": label,
-    "theme": inverted ? 'invert' : 'muted',
-    "use": 'tertiary',
-    "active": isActive,
-    "size": 'l'
-  })));
-};
-var Indicators = function Indicators(_ref19) {
-  var _ref7 = arguments[0],
-    _ref16;
-  var items = _ref19.items,
-    styles = _ref19.styles,
-    Children = _ref19.Children,
-    inverted = _ref19.inverted;
-  var SIndicators = _flexBox.Box;
-  if (Children.origin) {
-    var _ref15;
-    return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref15.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-      "aria-hidden": 'true'
-    }, _ref7))), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {})));
-  }
-  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref16.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "aria-hidden": 'true'
-  }, _ref7))), items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(Carousel.Indicator, (0, _extends2["default"])({
-      key: index
-    }, item, {
-      inverted: inverted
-    }));
-  }));
-};
-var Indicator = function Indicator(_ref20) {
-  var _ref8 = arguments[0],
-    _ref17;
-  var styles = _ref20.styles,
-    Children = _ref20.Children;
-  var SIndicator = _flexBox.Box;
-  return _ref17 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicator, _ref17.cn("SIndicator", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))), /*#__PURE__*/_react["default"].createElement(Children, _ref17.cn("Children", {})));
-};
-var Carousel = (0, _core["default"])(CarouselRoot, {
-  Container: Container,
-  Indicators: Indicators,
-  Indicator: Indicator,
-  Item: Item,
-  Prev: Prev,
-  Next: Next
-});
-var _default = Carousel;
-exports["default"] = _default;
-//# sourceMappingURL=Carousel.js.map