kepler.gl.geoiq/dist/components/common/animation-control/speed-control.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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

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

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

var _animationSpeedSlider = _interopRequireDefault(require("./animation-speed-slider"));

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

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

var _templateObject, _templateObject2;

var StyledSpeedToggle = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 0;\n  color: ", ";\n  position: relative;\n"])), function (props) {
  return props.theme.textColor;
});

var StyledSpeedText = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  width: 24px;\n  text-align: left;\n"])));

function SpeedControlFactory() {
  var SpeedControl = function SpeedControl(_ref) {
    var onClick = _ref.onClick,
        updateAnimationSpeed = _ref.updateAnimationSpeed,
        speed = _ref.speed,
        showSpeedControl = _ref.showSpeedControl,
        _ref$buttonHeight = _ref.buttonHeight,
        buttonHeight = _ref$buttonHeight === void 0 ? '18px' : _ref$buttonHeight;
    return (/*#__PURE__*/_react["default"].createElement(StyledSpeedToggle, {
        className: "animation-control__speed-control"
      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
        link: true,
        width: "80px",
        onClick: onClick
      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.CenterFlexbox, {
        className: "bottom-widget__icon speed"
      }, /*#__PURE__*/_react["default"].createElement(_icons.Rocket, {
        height: buttonHeight
      })), /*#__PURE__*/_react["default"].createElement(StyledSpeedText, {
        style: {
          visibility: !showSpeedControl ? 'visible' : 'hidden'
        }
      }, speed, "x")), showSpeedControl ? /*#__PURE__*/_react["default"].createElement(_animationSpeedSlider["default"], {
        onHide: onClick,
        updateAnimationSpeed: updateAnimationSpeed,
        speed: speed
      }) : null)
    );
  };

  return SpeedControl;
}

var _default = exports["default"] = SpeedControlFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbW1vbi9hbmltYXRpb24tY29udHJvbC9zcGVlZC1jb250cm9sLmpzIl0sIm5hbWVzIjpbIlN0eWxlZFNwZWVkVG9nZ2xlIiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJ0aGVtZSIsInRleHRDb2xvciIsIlN0eWxlZFNwZWVkVGV4dCIsIlNwZWVkQ29udHJvbEZhY3RvcnkiLCJTcGVlZENvbnRyb2wiLCJvbkNsaWNrIiwidXBkYXRlQW5pbWF0aW9uU3BlZWQiLCJzcGVlZCIsInNob3dTcGVlZENvbnRyb2wiLCJidXR0b25IZWlnaHQiLCJ2aXNpYmlsaXR5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQUVBLElBQU1BLGlCQUFpQixHQUFHQyw2QkFBT0MsR0FBVixtS0FHWixVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLFNBQWhCO0FBQUEsQ0FITyxDQUF2Qjs7QUFPQSxJQUFNQyxlQUFlLEdBQUdMLDZCQUFPQyxHQUFWLHlKQUFyQjs7QUFNQSxTQUFTSyxtQkFBVCxHQUErQjtBQUM3QixNQUFNQyxZQUFZLEdBQUcsU0FBZkEsWUFBZTtBQUFBLFFBQUVDLE9BQUYsUUFBRUEsT0FBRjtBQUFBLFFBQVdDLG9CQUFYLFFBQVdBLG9CQUFYO0FBQUEsUUFBaUNDLEtBQWpDLFFBQWlDQSxLQUFqQztBQUFBLFFBQXdDQyxnQkFBeEMsUUFBd0NBLGdCQUF4QztBQUFBLGlDQUEwREMsWUFBMUQ7QUFBQSxRQUEwREEsWUFBMUQsa0NBQXVFLE1BQXZFO0FBQUEseUJBQ25CLGdDQUFDLGlCQUFEO0FBQW1CLFFBQUEsU0FBUyxFQUFDO0FBQTdCLHNCQUNFLGdDQUFDLHlCQUFEO0FBQVEsUUFBQSxJQUFJLE1BQVo7QUFBYSxRQUFBLEtBQUssRUFBQyxNQUFuQjtBQUEwQixRQUFBLE9BQU8sRUFBRUo7QUFBbkMsc0JBQ0UsZ0NBQUMsZ0NBQUQ7QUFBZSxRQUFBLFNBQVMsRUFBQztBQUF6QixzQkFDRSxnQ0FBQyxhQUFEO0FBQVEsUUFBQSxNQUFNLEVBQUVJO0FBQWhCLFFBREYsQ0FERixlQUlFLGdDQUFDLGVBQUQ7QUFDRSxRQUFBLEtBQUssRUFBRTtBQUFDQyxVQUFBQSxVQUFVLEVBQUUsQ0FBQ0YsZ0JBQUQsR0FBb0IsU0FBcEIsR0FBZ0M7QUFBN0M7QUFEVCxTQUdHRCxLQUhILE1BSkYsQ0FERixFQVdHQyxnQkFBZ0IsZ0JBQ2YsZ0NBQUMsZ0NBQUQ7QUFDRSxRQUFBLE1BQU0sRUFBRUgsT0FEVjtBQUVFLFFBQUEsb0JBQW9CLEVBQUVDLG9CQUZ4QjtBQUdFLFFBQUEsS0FBSyxFQUFFQztBQUhULFFBRGUsR0FNYixJQWpCTjtBQURtQjtBQUFBLEdBQXJCOztBQXFCQSxTQUFPSCxZQUFQO0FBQ0Q7O29DQUNjRCxtQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBBbmltYXRpb25TcGVlZFNsaWRlciBmcm9tICcuL2FuaW1hdGlvbi1zcGVlZC1zbGlkZXInO1xuaW1wb3J0IHtCdXR0b24sIENlbnRlckZsZXhib3h9IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Um9ja2V0fSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9pY29ucyc7XG5cbmNvbnN0IFN0eWxlZFNwZWVkVG9nZ2xlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAwO1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTdHlsZWRTcGVlZFRleHQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAyNHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuYDtcblxuZnVuY3Rpb24gU3BlZWRDb250cm9sRmFjdG9yeSgpIHtcbiAgY29uc3QgU3BlZWRDb250cm9sID0gKHtvbkNsaWNrLCB1cGRhdGVBbmltYXRpb25TcGVlZCwgc3BlZWQsIHNob3dTcGVlZENvbnRyb2wsIGJ1dHRvbkhlaWdodD0nMThweCd9KSA9PiAoXG4gICAgPFN0eWxlZFNwZWVkVG9nZ2xlIGNsYXNzTmFtZT1cImFuaW1hdGlvbi1jb250cm9sX19zcGVlZC1jb250cm9sXCI+XG4gICAgICA8QnV0dG9uIGxpbmsgd2lkdGg9XCI4MHB4XCIgb25DbGljaz17b25DbGlja30+XG4gICAgICAgIDxDZW50ZXJGbGV4Ym94IGNsYXNzTmFtZT1cImJvdHRvbS13aWRnZXRfX2ljb24gc3BlZWRcIj5cbiAgICAgICAgICA8Um9ja2V0IGhlaWdodD17YnV0dG9uSGVpZ2h0fSAvPlxuICAgICAgICA8L0NlbnRlckZsZXhib3g+XG4gICAgICAgIDxTdHlsZWRTcGVlZFRleHRcbiAgICAgICAgICBzdHlsZT17e3Zpc2liaWxpdHk6ICFzaG93U3BlZWRDb250cm9sID8gJ3Zpc2libGUnIDogJ2hpZGRlbid9fVxuICAgICAgICA+XG4gICAgICAgICAge3NwZWVkfXhcbiAgICAgICAgPC9TdHlsZWRTcGVlZFRleHQ+XG4gICAgICA8L0J1dHRvbj5cbiAgICAgIHtzaG93U3BlZWRDb250cm9sID8gKFxuICAgICAgICA8QW5pbWF0aW9uU3BlZWRTbGlkZXJcbiAgICAgICAgICBvbkhpZGU9e29uQ2xpY2t9XG4gICAgICAgICAgdXBkYXRlQW5pbWF0aW9uU3BlZWQ9e3VwZGF0ZUFuaW1hdGlvblNwZWVkfVxuICAgICAgICAgIHNwZWVkPXtzcGVlZH1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkU3BlZWRUb2dnbGU+XG4gICk7XG4gIHJldHVybiBTcGVlZENvbnRyb2w7XG59XG5leHBvcnQgZGVmYXVsdCBTcGVlZENvbnRyb2xGYWN0b3J5O1xuIl19