kepler.gl.geoiq/dist/components/common/animation-control/playback-controls.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

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

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

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

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

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

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _classnames = _interopRequireDefault(require("classnames"));

var _styledComponents2 = require("../styled-components");

var _icons = require("../icons");

var _templateObject, _templateObject2;

var StyledAnimationControls = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  margin-right: 12px;\n\n  &.disabled {\n    opacity: 0.4;\n    pointer-events: none;\n  }\n"])));

var IconButton = (0, _styledComponents["default"])(_styledComponents2.Button)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 6px 4px;\n  svg {\n    margin: 0 6px;\n  }\n"])));

function nop() {}

;
var DEFAULT_BUTTON_HEIGHT = '18px';

function AnimationPlaybacksFactory() {
  var AnimationPlaybacks = function AnimationPlaybacks(_ref) {
    var isAnimatable = _ref.isAnimatable,
        isAnimating = _ref.isAnimating,
        buttonStyle = _ref.buttonStyle,
        _ref$pauseAnimation = _ref.pauseAnimation,
        pauseAnimation = _ref$pauseAnimation === void 0 ? nop : _ref$pauseAnimation,
        _ref$updateAnimationT = _ref.updateAnimationTime,
        updateAnimationTime = _ref$updateAnimationT === void 0 ? nop : _ref$updateAnimationT,
        _ref$startAnimation = _ref.startAnimation,
        startAnimation = _ref$startAnimation === void 0 ? nop : _ref$startAnimation,
        _ref$buttonHeight = _ref.buttonHeight,
        buttonHeight = _ref$buttonHeight === void 0 ? DEFAULT_BUTTON_HEIGHT : _ref$buttonHeight;
    var btnStyle = buttonStyle ? (0, _defineProperty2["default"])({}, buttonStyle, true) : {};
    return (/*#__PURE__*/_react["default"].createElement(StyledAnimationControls, {
        className: (0, _classnames["default"])('time-range-slider__control', {
          disabled: !isAnimatable
        })
      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(IconButton, (0, _extends2["default"])({
        className: "playback-control-button"
      }, btnStyle, {
        onClick: updateAnimationTime
      }), /*#__PURE__*/_react["default"].createElement(_icons.Reset, {
        height: buttonHeight
      })), /*#__PURE__*/_react["default"].createElement(IconButton, (0, _extends2["default"])({}, btnStyle, {
        className: (0, _classnames["default"])('playback-control-button', {
          active: isAnimating
        }),
        onClick: isAnimating ? pauseAnimation : startAnimation
      }), isAnimating ? /*#__PURE__*/_react["default"].createElement(_icons.Pause, {
        height: buttonHeight
      }) : /*#__PURE__*/_react["default"].createElement(_icons.Play, {
        height: buttonHeight
      }))))
    );
  };

  return AnimationPlaybacks;
}

var _default = exports["default"] = AnimationPlaybacksFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9hbmltYXRpb24tY29udHJvbC9wbGF5YmFjay1jb250cm9scy5qcyJdLCJuYW1lcyI6WyJTdHlsZWRBbmltYXRpb25Db250cm9scyIsInN0eWxlZCIsImRpdiIsIkljb25CdXR0b24iLCJCdXR0b24iLCJub3AiLCJERUZBVUxUX0JVVFRPTl9IRUlHSFQiLCJBbmltYXRpb25QbGF5YmFja3NGYWN0b3J5IiwiQW5pbWF0aW9uUGxheWJhY2tzIiwiaXNBbmltYXRhYmxlIiwiaXNBbmltYXRpbmciLCJidXR0b25TdHlsZSIsInBhdXNlQW5pbWF0aW9uIiwidXBkYXRlQW5pbWF0aW9uVGltZSIsInN0YXJ0QW5pbWF0aW9uIiwiYnV0dG9uSGVpZ2h0IiwiYnRuU3R5bGUiLCJkaXNhYmxlZCIsImFjdGl2ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUVBOztBQUNBOzs7O0FBRUEsSUFBTUEsdUJBQXVCLEdBQUdDLDZCQUFPQyxHQUFWLHNNQUE3Qjs7QUFVQSxJQUFNQyxVQUFVLEdBQUcsa0NBQU9DLHlCQUFQLENBQUgsaUpBQWhCOztBQU9BLFNBQVNDLEdBQVQsR0FBZSxDQUFFOztBQUFBO0FBQ2pCLElBQU1DLHFCQUFxQixHQUFHLE1BQTlCOztBQUVBLFNBQVNDLHlCQUFULEdBQXFDO0FBQ25DLE1BQU1DLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBcUIsT0FRckI7QUFBQSxRQVBKQyxZQU9JLFFBUEpBLFlBT0k7QUFBQSxRQU5KQyxXQU1JLFFBTkpBLFdBTUk7QUFBQSxRQUxKQyxXQUtJLFFBTEpBLFdBS0k7QUFBQSxtQ0FKSkMsY0FJSTtBQUFBLFFBSkpBLGNBSUksb0NBSmFQLEdBSWI7QUFBQSxxQ0FISlEsbUJBR0k7QUFBQSxRQUhKQSxtQkFHSSxzQ0FIa0JSLEdBR2xCO0FBQUEsbUNBRkpTLGNBRUk7QUFBQSxRQUZKQSxjQUVJLG9DQUZhVCxHQUViO0FBQUEsaUNBREpVLFlBQ0k7QUFBQSxRQURKQSxZQUNJLGtDQURXVCxxQkFDWDtBQUNKLFFBQU1VLFFBQVEsR0FBR0wsV0FBVyx3Q0FBS0EsV0FBTCxFQUFtQixJQUFuQixJQUEyQixFQUF2RDtBQUNBLHlCQUNFLGdDQUFDLHVCQUFEO0FBQ0UsUUFBQSxTQUFTLEVBQUUsNEJBQVcsNEJBQVgsRUFBeUM7QUFDbERNLFVBQUFBLFFBQVEsRUFBRSxDQUFDUjtBQUR1QyxTQUF6QztBQURiLHNCQUtFLGdDQUFDLDhCQUFELHFCQUNFLGdDQUFDLFVBQUQ7QUFBYSxRQUFBLFNBQVMsRUFBQztBQUF2QixTQUNNTyxRQUROO0FBRUUsUUFBQSxPQUFPLEVBQUVIO0FBRlgsdUJBR0UsZ0NBQUMsWUFBRDtBQUFPLFFBQUEsTUFBTSxFQUFFRTtBQUFmLFFBSEYsQ0FERixlQU1FLGdDQUFDLFVBQUQsZ0NBQ01DLFFBRE47QUFFRSxRQUFBLFNBQVMsRUFBRSw0QkFBVyx5QkFBWCxFQUFzQztBQUFDRSxVQUFBQSxNQUFNLEVBQUVSO0FBQVQsU0FBdEMsQ0FGYjtBQUdFLFFBQUEsT0FBTyxFQUFFQSxXQUFXLEdBQUdFLGNBQUgsR0FBb0JFO0FBSDFDLFVBS0dKLFdBQVcsZ0JBQ1YsZ0NBQUMsWUFBRDtBQUFPLFFBQUEsTUFBTSxFQUFFSztBQUFmLFFBRFUsZ0JBR1YsZ0NBQUMsV0FBRDtBQUFNLFFBQUEsTUFBTSxFQUFFQTtBQUFkLFFBUkosQ0FORixDQUxGO0FBREY7QUEwQkQsR0FwQ0Q7O0FBcUNBLFNBQU9QLGtCQUFQO0FBQ0Q7O29DQUVjRCx5QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG5pbXBvcnQge0J1dHRvbkdyb3VwLCBCdXR0b259IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7UGxheSwgUmVzZXQsIFBhdXNlfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9pY29ucyc7XG5cbmNvbnN0IFN0eWxlZEFuaW1hdGlvbkNvbnRyb2xzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuXG4gICYuZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBwYWRkaW5nOiA2cHggNHB4O1xuICBzdmcge1xuICAgIG1hcmdpbjogMCA2cHg7XG4gIH1cbmA7XG5cbmZ1bmN0aW9uIG5vcCgpIHt9O1xuY29uc3QgREVGQVVMVF9CVVRUT05fSEVJR0hUID0gJzE4cHgnO1xuXG5mdW5jdGlvbiBBbmltYXRpb25QbGF5YmFja3NGYWN0b3J5KCkge1xuICBjb25zdCBBbmltYXRpb25QbGF5YmFja3MgPSAoe1xuICAgIGlzQW5pbWF0YWJsZSxcbiAgICBpc0FuaW1hdGluZyxcbiAgICBidXR0b25TdHlsZSxcbiAgICBwYXVzZUFuaW1hdGlvbiA9IG5vcCxcbiAgICB1cGRhdGVBbmltYXRpb25UaW1lID0gbm9wLFxuICAgIHN0YXJ0QW5pbWF0aW9uID0gbm9wLFxuICAgIGJ1dHRvbkhlaWdodCA9IERFRkFVTFRfQlVUVE9OX0hFSUdIVFxuICB9KSA9PiB7XG4gICAgY29uc3QgYnRuU3R5bGUgPSBidXR0b25TdHlsZSA/IHtbYnV0dG9uU3R5bGVdOiB0cnVlfSA6IHt9O1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQW5pbWF0aW9uQ29udHJvbHNcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCd0aW1lLXJhbmdlLXNsaWRlcl9fY29udHJvbCcsIHtcbiAgICAgICAgICBkaXNhYmxlZDogIWlzQW5pbWF0YWJsZVxuICAgICAgICB9KX1cbiAgICAgID5cbiAgICAgICAgPEJ1dHRvbkdyb3VwPlxuICAgICAgICAgIDxJY29uQnV0dG9uICBjbGFzc05hbWU9XCJwbGF5YmFjay1jb250cm9sLWJ1dHRvblwiXG4gICAgICAgICAgICB7Li4uYnRuU3R5bGV9XG4gICAgICAgICAgICBvbkNsaWNrPXt1cGRhdGVBbmltYXRpb25UaW1lfT5cbiAgICAgICAgICAgIDxSZXNldCBoZWlnaHQ9e2J1dHRvbkhlaWdodH0gLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHsuLi5idG5TdHlsZX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygncGxheWJhY2stY29udHJvbC1idXR0b24nLCB7YWN0aXZlOiBpc0FuaW1hdGluZ30pfVxuICAgICAgICAgICAgb25DbGljaz17aXNBbmltYXRpbmcgPyBwYXVzZUFuaW1hdGlvbiA6IHN0YXJ0QW5pbWF0aW9ufVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpc0FuaW1hdGluZyA/IChcbiAgICAgICAgICAgICAgPFBhdXNlIGhlaWdodD17YnV0dG9uSGVpZ2h0fSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFBsYXkgaGVpZ2h0PXtidXR0b25IZWlnaHR9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9CdXR0b25Hcm91cD5cbiAgICAgIDwvU3R5bGVkQW5pbWF0aW9uQ29udHJvbHM+XG4gICAgKTtcbiAgfTtcbiAgcmV0dXJuIEFuaW1hdGlvblBsYXliYWNrcztcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uUGxheWJhY2tzRmFjdG9yeTtcbiJdfQ==