kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
50 lines (48 loc) • 6.54 kB
JavaScript
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 _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _localization = require("@kepler.gl/localization");
var _iconButton = _interopRequireDefault(require("../icon-button"));
var _tippyTooltip = _interopRequireDefault(require("../tippy-tooltip"));
// SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
function PlayControlFactory() {
var PlayControl = function PlayControl(_ref) {
var showAnimationWindowControl = _ref.showAnimationWindowControl,
isAnimating = _ref.isAnimating,
pauseAnimation = _ref.pauseAnimation,
startAnimation = _ref.startAnimation,
isSpeedControlVisible = _ref.isSpeedControlVisible,
btnStyle = _ref.btnStyle,
playbackIcons = _ref.playbackIcons,
buttonHeight = _ref.buttonHeight;
return showAnimationWindowControl ? null : /*#__PURE__*/_react["default"].createElement(_tippyTooltip["default"], {
placement: "top",
delay: [500, 0],
render: function render() {
return /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
id: isAnimating ? 'tooltip.pause' : 'tooltip.play'
});
}
}, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({
className: (0, _classnames["default"])('playback-control-button', {
active: isAnimating
}),
onClick: isAnimating ? pauseAnimation : startAnimation,
hide: isSpeedControlVisible
}, btnStyle), isAnimating ? /*#__PURE__*/_react["default"].createElement(playbackIcons.pause, {
height: buttonHeight
}) : /*#__PURE__*/_react["default"].createElement(playbackIcons.play, {
height: buttonHeight
})));
};
return PlayControl;
}
var _default = exports["default"] = PlayControlFactory;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jbGFzc25hbWVzIiwiX2xvY2FsaXphdGlvbiIsIl9pY29uQnV0dG9uIiwiX3RpcHB5VG9vbHRpcCIsIlBsYXlDb250cm9sRmFjdG9yeSIsIlBsYXlDb250cm9sIiwiX3JlZiIsInNob3dBbmltYXRpb25XaW5kb3dDb250cm9sIiwiaXNBbmltYXRpbmciLCJwYXVzZUFuaW1hdGlvbiIsInN0YXJ0QW5pbWF0aW9uIiwiaXNTcGVlZENvbnRyb2xWaXNpYmxlIiwiYnRuU3R5bGUiLCJwbGF5YmFja0ljb25zIiwiYnV0dG9uSGVpZ2h0IiwiY3JlYXRlRWxlbWVudCIsInBsYWNlbWVudCIsImRlbGF5IiwicmVuZGVyIiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiX2V4dGVuZHMyIiwiY2xhc3NOYW1lIiwiY2xhc3NuYW1lcyIsImFjdGl2ZSIsIm9uQ2xpY2siLCJoaWRlIiwicGF1c2UiLCJoZWlnaHQiLCJwbGF5IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbW1vbi9hbmltYXRpb24tY29udHJvbC9wbGF5LWNvbnRyb2wudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnLi4vaWNvbi1idXR0b24nO1xuaW1wb3J0IFRpcHB5VG9vbHRpcCBmcm9tICcuLi90aXBweS10b29sdGlwJztcblxuZnVuY3Rpb24gUGxheUNvbnRyb2xGYWN0b3J5KCkge1xuICBjb25zdCBQbGF5Q29udHJvbCA9ICh7XG4gICAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wsXG4gICAgaXNBbmltYXRpbmcsXG4gICAgcGF1c2VBbmltYXRpb24sXG4gICAgc3RhcnRBbmltYXRpb24sXG4gICAgaXNTcGVlZENvbnRyb2xWaXNpYmxlLFxuICAgIGJ0blN0eWxlLFxuICAgIHBsYXliYWNrSWNvbnMsXG4gICAgYnV0dG9uSGVpZ2h0XG4gIH0pID0+IHtcbiAgICByZXR1cm4gc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wgPyBudWxsIDogKFxuICAgICAgPFRpcHB5VG9vbHRpcFxuICAgICAgICBwbGFjZW1lbnQ9XCJ0b3BcIlxuICAgICAgICBkZWxheT17WzUwMCwgMF19XG4gICAgICAgIHJlbmRlcj17KCkgPT4gPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2lzQW5pbWF0aW5nID8gJ3Rvb2x0aXAucGF1c2UnIDogJ3Rvb2x0aXAucGxheSd9IC8+fVxuICAgICAgPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygncGxheWJhY2stY29udHJvbC1idXR0b24nLCB7YWN0aXZlOiBpc0FuaW1hdGluZ30pfVxuICAgICAgICAgIG9uQ2xpY2s9e2lzQW5pbWF0aW5nID8gcGF1c2VBbmltYXRpb24gOiBzdGFydEFuaW1hdGlvbn1cbiAgICAgICAgICBoaWRlPXtpc1NwZWVkQ29udHJvbFZpc2libGV9XG4gICAgICAgICAgey4uLmJ0blN0eWxlfVxuICAgICAgICA+XG4gICAgICAgICAge2lzQW5pbWF0aW5nID8gKFxuICAgICAgICAgICAgPHBsYXliYWNrSWNvbnMucGF1c2UgaGVpZ2h0PXtidXR0b25IZWlnaHR9IC8+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxwbGF5YmFja0ljb25zLnBsYXkgaGVpZ2h0PXtidXR0b25IZWlnaHR9IC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9UaXBweVRvb2x0aXA+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gUGxheUNvbnRyb2w7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBsYXlDb250cm9sRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxXQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxhQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxhQUFBLEdBQUFMLHNCQUFBLENBQUFDLE9BQUE7QUFQQTtBQUNBOztBQVFBLFNBQVNLLGtCQUFrQkEsQ0FBQSxFQUFHO0VBQzVCLElBQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFXQSxDQUFBQyxJQUFBLEVBU1g7SUFBQSxJQVJKQywwQkFBMEIsR0FBQUQsSUFBQSxDQUExQkMsMEJBQTBCO01BQzFCQyxXQUFXLEdBQUFGLElBQUEsQ0FBWEUsV0FBVztNQUNYQyxjQUFjLEdBQUFILElBQUEsQ0FBZEcsY0FBYztNQUNkQyxjQUFjLEdBQUFKLElBQUEsQ0FBZEksY0FBYztNQUNkQyxxQkFBcUIsR0FBQUwsSUFBQSxDQUFyQksscUJBQXFCO01BQ3JCQyxRQUFRLEdBQUFOLElBQUEsQ0FBUk0sUUFBUTtNQUNSQyxhQUFhLEdBQUFQLElBQUEsQ0FBYk8sYUFBYTtNQUNiQyxZQUFZLEdBQUFSLElBQUEsQ0FBWlEsWUFBWTtJQUVaLE9BQU9QLDBCQUEwQixHQUFHLElBQUksZ0JBQ3RDVixNQUFBLFlBQUFrQixhQUFBLENBQUNaLGFBQUEsV0FBWTtNQUNYYSxTQUFTLEVBQUMsS0FBSztNQUNmQyxLQUFLLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFFO01BQ2hCQyxNQUFNLEVBQUUsU0FBUkEsTUFBTUEsQ0FBQTtRQUFBLG9CQUFRckIsTUFBQSxZQUFBa0IsYUFBQSxDQUFDZCxhQUFBLENBQUFrQixnQkFBZ0I7VUFBQ0MsRUFBRSxFQUFFWixXQUFXLEdBQUcsZUFBZSxHQUFHO1FBQWUsQ0FBRSxDQUFDO01BQUE7SUFBQyxnQkFFdkZYLE1BQUEsWUFBQWtCLGFBQUEsQ0FBQ2IsV0FBQSxXQUFVLE1BQUFtQixTQUFBO01BQ1RDLFNBQVMsRUFBRSxJQUFBQyxzQkFBVSxFQUFDLHlCQUF5QixFQUFFO1FBQUNDLE1BQU0sRUFBRWhCO01BQVcsQ0FBQyxDQUFFO01BQ3hFaUIsT0FBTyxFQUFFakIsV0FBVyxHQUFHQyxjQUFjLEdBQUdDLGNBQWU7TUFDdkRnQixJQUFJLEVBQUVmO0lBQXNCLEdBQ3hCQyxRQUFRLEdBRVhKLFdBQVcsZ0JBQ1ZYLE1BQUEsWUFBQWtCLGFBQUEsQ0FBQ0YsYUFBYSxDQUFDYyxLQUFLO01BQUNDLE1BQU0sRUFBRWQ7SUFBYSxDQUFFLENBQUMsZ0JBRTdDakIsTUFBQSxZQUFBa0IsYUFBQSxDQUFDRixhQUFhLENBQUNnQixJQUFJO01BQUNELE1BQU0sRUFBRWQ7SUFBYSxDQUFFLENBRW5DLENBQ0EsQ0FDZjtFQUNILENBQUM7RUFFRCxPQUFPVCxXQUFXO0FBQ3BCO0FBQUMsSUFBQXlCLFFBQUEsR0FBQUMsT0FBQSxjQUVjM0Isa0JBQWtCIiwiaWdub3JlTGlzdCI6W119
;