react-smooth-carousel-dots/dist/cjs/index.js

Custom Carousel Dots component to plug in to any your Carousels.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireDefault(require("react"));

var _useCarouselDots2 = _interopRequireDefault(require("./use-carousel-dots"));

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

var CarouselDots = function CarouselDots(props) {
  var total = props.total,
      current = props.current,
      visible = props.visible,
      size = props.size,
      margin = props.margin,
      padding = props.padding;

  var _useCarouselDots = (0, _useCarouselDots2["default"])({
    total: total,
    current: current,
    visible: visible,
    size: size,
    margin: margin,
    padding: padding
  }),
      defaultHolderStyle = _useCarouselDots.defaultHolderStyle,
      getHolderStyle = _useCarouselDots.getHolderStyle,
      dots = _useCarouselDots.dots,
      defaultDotsStyle = _useCarouselDots.defaultDotsStyle,
      getDotsStyle = _useCarouselDots.getDotsStyle,
      defaultDotStyle = _useCarouselDots.defaultDotStyle,
      getDotStyle = _useCarouselDots.getDotStyle,
      defaultVisibleDotStyle = _useCarouselDots.defaultVisibleDotStyle,
      defaultActiveDotStyle = _useCarouselDots.defaultActiveDotStyle,
      defaultSmallDotStyle = _useCarouselDots.defaultSmallDotStyle,
      defaultMediumDotStyle = _useCarouselDots.defaultMediumDotStyle,
      defaultBigDotStyle = _useCarouselDots.defaultBigDotStyle,
      isSmall = _useCarouselDots.isSmall,
      isMedium = _useCarouselDots.isMedium,
      isBig = _useCarouselDots.isBig,
      isActive = _useCarouselDots.isActive,
      isVisible = _useCarouselDots.isVisible;

  return /*#__PURE__*/_react["default"].createElement("div", {
    style: _objectSpread(_objectSpread({}, defaultHolderStyle), getHolderStyle)
  }, dots.map(function (dot) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      key: dot,
      style: _objectSpread(_objectSpread({}, defaultDotsStyle), getDotsStyle)
    }, /*#__PURE__*/_react["default"].createElement("div", {
      key: dot + "-inner",
      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultDotStyle), getDotStyle), isActive(dot) ? defaultActiveDotStyle : {}), isVisible(dot) ? defaultVisibleDotStyle : {}), isSmall(dot) ? defaultSmallDotStyle : {}), isMedium(dot) ? defaultMediumDotStyle : {}), isBig(dot) ? defaultBigDotStyle : {})
    }));
  }));
};

var _default = CarouselDots;
exports["default"] = _default;
//# sourceMappingURL=index.js.map