kepler.gl/dist/src/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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/node_modules/react"));
var _styledComponents = _interopRequireDefault(require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/node_modules/styled-components"));
var _iconButton = _interopRequireDefault(require("../icon-button"));
var _src = require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/src/styles/src");
var _src2 = require("/Users/ihordykhta/Desktop/unfolded/kepler.gl/src/utils/src");
var _tippyTooltip = _interopRequireDefault(require("../tippy-tooltip"));
var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var StyledSpeedControl = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n\n  .animation-control__speed-slider {\n    left: 0;\n    ", "\n  }\n"])), _src.media.palm(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      left: 60px;\n    "]))));
var PRECISE_SPEED_ROUND = 1;
function SpeedControlFactory(AnimationSpeedSlider) {
  var SpeedControl = function SpeedControl(_ref) {
    var showAnimationWindowControl = _ref.showAnimationWindowControl,
      updateAnimationSpeed = _ref.updateAnimationSpeed,
      btnStyle = _ref.btnStyle,
      hideAndShowSpeedControl = _ref.hideAndShowSpeedControl,
      buttonHeight = _ref.buttonHeight,
      playbackIcons = _ref.playbackIcons,
      speed = _ref.speed,
      isSpeedControlVisible = _ref.isSpeedControlVisible;
    return showAnimationWindowControl || !updateAnimationSpeed ? null : /*#__PURE__*/_react["default"].createElement(StyledSpeedControl, null, /*#__PURE__*/_react["default"].createElement(_tippyTooltip["default"], {
      placement: "top",
      delay: [500, 0],
      render: function render() {
        return /*#__PURE__*/_react["default"].createElement("span", null, (0, _src2.preciseRound)(speed, PRECISE_SPEED_ROUND), "x");
      }
    }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({
      className: "playback-control-button"
    }, btnStyle, {
      onClick: hideAndShowSpeedControl
    }), /*#__PURE__*/_react["default"].createElement(playbackIcons.speed, {
      height: buttonHeight
    }))), isSpeedControlVisible ? /*#__PURE__*/_react["default"].createElement(AnimationSpeedSlider, {
      onHide: hideAndShowSpeedControl,
      updateAnimationSpeed: updateAnimationSpeed,
      speed: speed
    }) : null);
  };
  return SpeedControl;
}
var _default = exports["default"] = SpeedControlFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2ljb25CdXR0b24iLCJfc3JjIiwiX3NyYzIiLCJfdGlwcHlUb29sdGlwIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIlN0eWxlZFNwZWVkQ29udHJvbCIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwibWVkaWEiLCJwYWxtIiwiUFJFQ0lTRV9TUEVFRF9ST1VORCIsIlNwZWVkQ29udHJvbEZhY3RvcnkiLCJBbmltYXRpb25TcGVlZFNsaWRlciIsIlNwZWVkQ29udHJvbCIsIl9yZWYiLCJzaG93QW5pbWF0aW9uV2luZG93Q29udHJvbCIsInVwZGF0ZUFuaW1hdGlvblNwZWVkIiwiYnRuU3R5bGUiLCJoaWRlQW5kU2hvd1NwZWVkQ29udHJvbCIsImJ1dHRvbkhlaWdodCIsInBsYXliYWNrSWNvbnMiLCJzcGVlZCIsImlzU3BlZWRDb250cm9sVmlzaWJsZSIsImNyZWF0ZUVsZW1lbnQiLCJwbGFjZW1lbnQiLCJkZWxheSIsInJlbmRlciIsInByZWNpc2VSb3VuZCIsIl9leHRlbmRzMiIsImNsYXNzTmFtZSIsIm9uQ2xpY2siLCJoZWlnaHQiLCJvbkhpZGUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zcmMvY29tbW9uL2FuaW1hdGlvbi1jb250cm9sL3NwZWVkLWNvbnRyb2wudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJy4uL2ljb24tYnV0dG9uJztcbmltcG9ydCB7bWVkaWF9IGZyb20gJ0BrZXBsZXIuZ2wvc3R5bGVzJztcbmltcG9ydCB7cHJlY2lzZVJvdW5kfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCBUaXBweVRvb2x0aXAgZnJvbSAnLi4vdGlwcHktdG9vbHRpcCc7XG5cbmNvbnN0IFN0eWxlZFNwZWVkQ29udHJvbCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgLmFuaW1hdGlvbi1jb250cm9sX19zcGVlZC1zbGlkZXIge1xuICAgIGxlZnQ6IDA7XG4gICAgJHttZWRpYS5wYWxtYFxuICAgICAgbGVmdDogNjBweDtcbiAgICBgfVxuICB9XG5gO1xuXG5jb25zdCBQUkVDSVNFX1NQRUVEX1JPVU5EID0gMTtcblxuZnVuY3Rpb24gU3BlZWRDb250cm9sRmFjdG9yeShBbmltYXRpb25TcGVlZFNsaWRlcikge1xuICBjb25zdCBTcGVlZENvbnRyb2wgPSAoe1xuICAgIHNob3dBbmltYXRpb25XaW5kb3dDb250cm9sLFxuICAgIHVwZGF0ZUFuaW1hdGlvblNwZWVkLFxuICAgIGJ0blN0eWxlLFxuICAgIGhpZGVBbmRTaG93U3BlZWRDb250cm9sLFxuICAgIGJ1dHRvbkhlaWdodCxcbiAgICBwbGF5YmFja0ljb25zLFxuICAgIHNwZWVkLFxuICAgIGlzU3BlZWRDb250cm9sVmlzaWJsZVxuICB9KSA9PiB7XG4gICAgcmV0dXJuIHNob3dBbmltYXRpb25XaW5kb3dDb250cm9sIHx8ICF1cGRhdGVBbmltYXRpb25TcGVlZCA/IG51bGwgOiAoXG4gICAgICA8U3R5bGVkU3BlZWRDb250cm9sPlxuICAgICAgICA8VGlwcHlUb29sdGlwXG4gICAgICAgICAgcGxhY2VtZW50PVwidG9wXCJcbiAgICAgICAgICBkZWxheT17WzUwMCwgMF19XG4gICAgICAgICAgcmVuZGVyPXsoKSA9PiA8c3Bhbj57cHJlY2lzZVJvdW5kKHNwZWVkLCBQUkVDSVNFX1NQRUVEX1JPVU5EKX14PC9zcGFuPn1cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJwbGF5YmFjay1jb250cm9sLWJ1dHRvblwiXG4gICAgICAgICAgICB7Li4uYnRuU3R5bGV9XG4gICAgICAgICAgICBvbkNsaWNrPXtoaWRlQW5kU2hvd1NwZWVkQ29udHJvbH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8cGxheWJhY2tJY29ucy5zcGVlZCBoZWlnaHQ9e2J1dHRvbkhlaWdodH0gLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvVGlwcHlUb29sdGlwPlxuICAgICAgICB7aXNTcGVlZENvbnRyb2xWaXNpYmxlID8gKFxuICAgICAgICAgIDxBbmltYXRpb25TcGVlZFNsaWRlclxuICAgICAgICAgICAgb25IaWRlPXtoaWRlQW5kU2hvd1NwZWVkQ29udHJvbH1cbiAgICAgICAgICAgIHVwZGF0ZUFuaW1hdGlvblNwZWVkPXt1cGRhdGVBbmltYXRpb25TcGVlZH1cbiAgICAgICAgICAgIHNwZWVkPXtzcGVlZH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkU3BlZWRDb250cm9sPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFNwZWVkQ29udHJvbDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3BlZWRDb250cm9sRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsaUJBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFHLElBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLEtBQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLGFBQUEsR0FBQU4sc0JBQUEsQ0FBQUMsT0FBQTtBQUE0QyxJQUFBTSxlQUFBLEVBQUFDLGdCQUFBLEVBUjVDO0FBQ0E7QUFTQSxJQUFNQyxrQkFBa0IsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSixlQUFBLEtBQUFBLGVBQUEsT0FBQUssdUJBQUEsc0lBTS9CQyxVQUFLLENBQUNDLElBQUksQ0FBQU4sZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQUksdUJBQUEsOENBSWY7QUFFRCxJQUFNRyxtQkFBbUIsR0FBRyxDQUFDO0FBRTdCLFNBQVNDLG1CQUFtQkEsQ0FBQ0Msb0JBQW9CLEVBQUU7RUFDakQsSUFBTUMsWUFBWSxHQUFHLFNBQWZBLFlBQVlBLENBQUFDLElBQUEsRUFTWjtJQUFBLElBUkpDLDBCQUEwQixHQUFBRCxJQUFBLENBQTFCQywwQkFBMEI7TUFDMUJDLG9CQUFvQixHQUFBRixJQUFBLENBQXBCRSxvQkFBb0I7TUFDcEJDLFFBQVEsR0FBQUgsSUFBQSxDQUFSRyxRQUFRO01BQ1JDLHVCQUF1QixHQUFBSixJQUFBLENBQXZCSSx1QkFBdUI7TUFDdkJDLFlBQVksR0FBQUwsSUFBQSxDQUFaSyxZQUFZO01BQ1pDLGFBQWEsR0FBQU4sSUFBQSxDQUFiTSxhQUFhO01BQ2JDLEtBQUssR0FBQVAsSUFBQSxDQUFMTyxLQUFLO01BQ0xDLHFCQUFxQixHQUFBUixJQUFBLENBQXJCUSxxQkFBcUI7SUFFckIsT0FBT1AsMEJBQTBCLElBQUksQ0FBQ0Msb0JBQW9CLEdBQUcsSUFBSSxnQkFDL0R0QixNQUFBLFlBQUE2QixhQUFBLENBQUNuQixrQkFBa0IscUJBQ2pCVixNQUFBLFlBQUE2QixhQUFBLENBQUN0QixhQUFBLFdBQVk7TUFDWHVCLFNBQVMsRUFBQyxLQUFLO01BQ2ZDLEtBQUssRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUU7TUFDaEJDLE1BQU0sRUFBRSxTQUFSQSxNQUFNQSxDQUFBO1FBQUEsb0JBQVFoQyxNQUFBLFlBQUE2QixhQUFBLGVBQU8sSUFBQUksa0JBQVksRUFBQ04sS0FBSyxFQUFFWCxtQkFBbUIsQ0FBQyxFQUFDLEdBQU8sQ0FBQztNQUFBO0lBQUMsZ0JBRXZFaEIsTUFBQSxZQUFBNkIsYUFBQSxDQUFDekIsV0FBQSxXQUFVLE1BQUE4QixTQUFBO01BQ1RDLFNBQVMsRUFBQztJQUF5QixHQUMvQlosUUFBUTtNQUNaYSxPQUFPLEVBQUVaO0lBQXdCLGlCQUVqQ3hCLE1BQUEsWUFBQTZCLGFBQUEsQ0FBQ0gsYUFBYSxDQUFDQyxLQUFLO01BQUNVLE1BQU0sRUFBRVo7SUFBYSxDQUFFLENBQ2xDLENBQ0EsQ0FBQyxFQUNkRyxxQkFBcUIsZ0JBQ3BCNUIsTUFBQSxZQUFBNkIsYUFBQSxDQUFDWCxvQkFBb0I7TUFDbkJvQixNQUFNLEVBQUVkLHVCQUF3QjtNQUNoQ0Ysb0JBQW9CLEVBQUVBLG9CQUFxQjtNQUMzQ0ssS0FBSyxFQUFFQTtJQUFNLENBQ2QsQ0FBQyxHQUNBLElBQ2MsQ0FDckI7RUFDSCxDQUFDO0VBRUQsT0FBT1IsWUFBWTtBQUNyQjtBQUFDLElBQUFvQixRQUFBLEdBQUFDLE9BQUEsY0FFY3ZCLG1CQUFtQiIsImlnbm9yZUxpc3QiOltdfQ==