react-film/lib/ScrollBar.js

React component for showing carousel just like a film strip

"use strict";

require("core-js/modules/es.object.keys.js");

require("core-js/modules/es.symbol.js");

require("core-js/modules/es.array.filter.js");

require("core-js/modules/es.object.get-own-property-descriptor.js");

require("core-js/modules/es.array.for-each.js");

require("core-js/modules/web.dom-collections.for-each.js");

require("core-js/modules/es.object.get-own-property-descriptors.js");

require("core-js/modules/es.object.define-properties.js");

require("core-js/modules/es.object.define-property.js");

require("core-js/modules/es.array.iterator.js");

require("core-js/modules/es.object.to-string.js");

require("core-js/modules/es.string.iterator.js");

require("core-js/modules/es.weak-map.js");

require("core-js/modules/web.dom-collections.iterator.js");

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

require("core-js/modules/es.parse-float.js");

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

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

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

var browser = _interopRequireWildcard(require("./browser"));

var _useDir3 = _interopRequireDefault(require("./hooks/useDir"));

var _useScrollBarPercentage = _interopRequireDefault(require("./hooks/useScrollBarPercentage"));

var _useScrollBarWidth3 = _interopRequireDefault(require("./hooks/useScrollBarWidth"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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 ScrollBar = function ScrollBar() {
  var _useDir = (0, _useDir3["default"])(),
      _useDir2 = (0, _slicedToArray2["default"])(_useDir, 1),
      dir = _useDir2[0];

  var _useScrollBarPercenta = (0, _useScrollBarPercentage["default"])(),
      _useScrollBarPercenta2 = (0, _slicedToArray2["default"])(_useScrollBarPercenta, 1),
      scrollBarPercentage = _useScrollBarPercenta2[0];

  var _useScrollBarWidth = (0, _useScrollBarWidth3["default"])(),
      _useScrollBarWidth2 = (0, _slicedToArray2["default"])(_useScrollBarWidth, 1),
      scrollBarWidth = _useScrollBarWidth2[0];

  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "react-film__scroll-bar react-film__main__slider react-film__main__slider--bottom"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "react-film__scroll-bar__handle",
    style: _objectSpread(_objectSpread({}, dir === 'rtl' ? browser.edgeUWP || browser.internetExplorer ? {
      marginRight: "".concat((1 - parseFloat(scrollBarWidth) / 100) * parseFloat(scrollBarPercentage), "%")
    } : {
      marginRight: "".concat((parseFloat(scrollBarWidth) / 100 - 1) * parseFloat(scrollBarPercentage), "%")
    } : {
      marginLeft: "".concat((1 - parseFloat(scrollBarWidth) / 100) * parseFloat(scrollBarPercentage), "%")
    }), {}, {
      width: scrollBarWidth
    })
  }));
};

var _default = ScrollBar;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9TY3JvbGxCYXIuanMiXSwibmFtZXMiOlsiU2Nyb2xsQmFyIiwiZGlyIiwic2Nyb2xsQmFyUGVyY2VudGFnZSIsInNjcm9sbEJhcldpZHRoIiwiYnJvd3NlciIsImVkZ2VVV1AiLCJpbnRlcm5ldEV4cGxvcmVyIiwibWFyZ2luUmlnaHQiLCJwYXJzZUZsb2F0IiwibWFyZ2luTGVmdCIsIndpZHRoIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7OztBQUVBLElBQU1BLFNBQVMsR0FBRyxTQUFaQSxTQUFZLEdBQU07QUFDdEIsZ0JBQWMsMEJBQWQ7QUFBQTtBQUFBLE1BQU9DLEdBQVA7O0FBQ0EsOEJBQThCLHlDQUE5QjtBQUFBO0FBQUEsTUFBT0MsbUJBQVA7O0FBQ0EsMkJBQXlCLHFDQUF6QjtBQUFBO0FBQUEsTUFBT0MsY0FBUDs7QUFFQSxzQkFDRTtBQUFLLElBQUEsU0FBUyxFQUFDO0FBQWYsa0JBQ0U7QUFDRSxJQUFBLFNBQVMsRUFBQyxnQ0FEWjtBQUVFLElBQUEsS0FBSyxrQ0FDQ0YsR0FBRyxLQUFLLEtBQVIsR0FDQUcsT0FBTyxDQUFDQyxPQUFSLElBQW1CRCxPQUFPLENBQUNFLGdCQUEzQixHQUNFO0FBQ0VDLE1BQUFBLFdBQVcsWUFBSyxDQUFDLElBQUlDLFVBQVUsQ0FBQ0wsY0FBRCxDQUFWLEdBQTZCLEdBQWxDLElBQXlDSyxVQUFVLENBQUNOLG1CQUFELENBQXhEO0FBRGIsS0FERixHQUlFO0FBQ0VLLE1BQUFBLFdBQVcsWUFBSyxDQUFDQyxVQUFVLENBQUNMLGNBQUQsQ0FBVixHQUE2QixHQUE3QixHQUFtQyxDQUFwQyxJQUF5Q0ssVUFBVSxDQUFDTixtQkFBRCxDQUF4RDtBQURiLEtBTEYsR0FRQTtBQUNFTyxNQUFBQSxVQUFVLFlBQUssQ0FBQyxJQUFJRCxVQUFVLENBQUNMLGNBQUQsQ0FBVixHQUE2QixHQUFsQyxJQUF5Q0ssVUFBVSxDQUFDTixtQkFBRCxDQUF4RDtBQURaLEtBVEQ7QUFZSFEsTUFBQUEsS0FBSyxFQUFFUDtBQVpKO0FBRlAsSUFERixDQURGO0FBcUJELENBMUJEOztlQTRCZUgsUyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludCBuby1tYWdpYy1udW1iZXJzOiBbXCJlcnJvclwiLCB7IFwiaWdub3JlXCI6IFsxLCAxMDBdIH1dICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCAqIGFzIGJyb3dzZXIgZnJvbSAnLi9icm93c2VyJztcbmltcG9ydCB1c2VEaXIgZnJvbSAnLi9ob29rcy91c2VEaXInO1xuaW1wb3J0IHVzZVNjcm9sbEJhclBlcmNlbnRhZ2UgZnJvbSAnLi9ob29rcy91c2VTY3JvbGxCYXJQZXJjZW50YWdlJztcbmltcG9ydCB1c2VTY3JvbGxCYXJXaWR0aCBmcm9tICcuL2hvb2tzL3VzZVNjcm9sbEJhcldpZHRoJztcblxuY29uc3QgU2Nyb2xsQmFyID0gKCkgPT4ge1xuICBjb25zdCBbZGlyXSA9IHVzZURpcigpO1xuICBjb25zdCBbc2Nyb2xsQmFyUGVyY2VudGFnZV0gPSB1c2VTY3JvbGxCYXJQZXJjZW50YWdlKCk7XG4gIGNvbnN0IFtzY3JvbGxCYXJXaWR0aF0gPSB1c2VTY3JvbGxCYXJXaWR0aCgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJyZWFjdC1maWxtX19zY3JvbGwtYmFyIHJlYWN0LWZpbG1fX21haW5fX3NsaWRlciByZWFjdC1maWxtX19tYWluX19zbGlkZXItLWJvdHRvbVwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9XCJyZWFjdC1maWxtX19zY3JvbGwtYmFyX19oYW5kbGVcIlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIC4uLihkaXIgPT09ICdydGwnXG4gICAgICAgICAgICA/IGJyb3dzZXIuZWRnZVVXUCB8fCBicm93c2VyLmludGVybmV0RXhwbG9yZXJcbiAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICBtYXJnaW5SaWdodDogYCR7KDEgLSBwYXJzZUZsb2F0KHNjcm9sbEJhcldpZHRoKSAvIDEwMCkgKiBwYXJzZUZsb2F0KHNjcm9sbEJhclBlcmNlbnRhZ2UpfSVgXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgICAgIG1hcmdpblJpZ2h0OiBgJHsocGFyc2VGbG9hdChzY3JvbGxCYXJXaWR0aCkgLyAxMDAgLSAxKSAqIHBhcnNlRmxvYXQoc2Nyb2xsQmFyUGVyY2VudGFnZSl9JWBcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgICBtYXJnaW5MZWZ0OiBgJHsoMSAtIHBhcnNlRmxvYXQoc2Nyb2xsQmFyV2lkdGgpIC8gMTAwKSAqIHBhcnNlRmxvYXQoc2Nyb2xsQmFyUGVyY2VudGFnZSl9JWBcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgd2lkdGg6IHNjcm9sbEJhcldpZHRoXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2Nyb2xsQmFyO1xuIl19