@sberdevices/plasma-temple/dist/pages/GalleryPage/components/Carousel@sberbox.js

SberDevices CanvasApp Templates.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Carousel = void 0;

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));

var _useDelayedActivation = /*#__PURE__*/require("../../../hooks/useDelayedActivation");

var _Carousel = /*#__PURE__*/require("./Carousel");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var StyledCarousel = /*#__PURE__*/(0, _styledComponents["default"])(_Carousel.CommonCarousel).withConfig({
  componentId: "plasma-temple__sc-16x82nf-0"
})(["scroll-behavior:", ";"], function (_ref) {
  var initialized = _ref.initialized;
  return initialized ? 'smooth' : 'unset';
});

var Carousel = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
  var axis = _ref2.axis,
      index = _ref2.index,
      children = _ref2.children;

  /* Если индекс карусели изначально не равен 0, то выполняется проскролл до нужного элемента
     в результате происходит не очень красивый эффект автоматического скролла при открытии страницы,
     т.к. включена анимация скролла. Чтобы избежать данного эффекта, изначально анимация отключена и
     включается только после не большой задержки.
     Возможно стоит рассмотреть доработку стандартного компонента карусели, чтобы убрать данный хак.
  */
  var initialized = (0, _useDelayedActivation.useDelayedActivation)();
  return /*#__PURE__*/_react["default"].createElement(StyledCarousel, {
    axis: axis,
    index: index,
    paddingEnd: "50vh",
    ref: ref,
    initialized: initialized
  }, children);
});

exports.Carousel = Carousel;
//# sourceMappingURL=Carousel@sberbox.js.map