@kepler.gl/components 3.0.0-alpha.0

package/dist/common/animation-control/animation-speed-slider.js

@@ -0,0 +1,120 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AnimationSpeedSliderFactory;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _rangeSlider = _interopRequireDefault(require("../range-slider"));
+
+var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
+
+var _constants = require("@kepler.gl/constants");
+
+var _templateObject, _templateObject2;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var SliderWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n"])));
+
+var SpeedSliderContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  bottom: 50px;\n  right: calc(0% - 32px);\n  width: 180px;\n  padding: 2px 8px 2px 12px;\n  background-color: ", ";\n  box-shadow: -2px -2px 0 0 rgba(0, 0, 0, 0.1);\n\n  .kg-range-slider__input {\n    width: 48px;\n    padding: 6px;\n  }\n"])), function (props) {
+  return props.theme.bottomWidgetBgd;
+});
+
+AnimationSpeedSliderFactory.deps = [_rangeSlider["default"]];
+
+function AnimationSpeedSliderFactory(RangeSlider) {
+  var AnimationSpeedSlider = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(AnimationSpeedSlider, _Component);
+
+    var _super = _createSuper(AnimationSpeedSlider);
+
+    function AnimationSpeedSlider() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, AnimationSpeedSlider);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickOutside", function (e) {
+        _this.props.onHide();
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onChange", function (v) {
+        return _this.props.updateAnimationSpeed(v[1]);
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(AnimationSpeedSlider, [{
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react["default"].createElement(SpeedSliderContainer, {
+          className: "animation-control__speed-slider"
+        }, /*#__PURE__*/_react["default"].createElement(SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+          range: _constants.SPEED_CONTROL_RANGE,
+          step: _constants.SPEED_CONTROL_STEP,
+          value0: 0,
+          value1: this.props.speed,
+          onChange: this._onChange,
+          isRanged: false,
+          showInput: true,
+          inputTheme: "secondary",
+          inputSize: "tiny"
+        })));
+      }
+    }]);
+    return AnimationSpeedSlider;
+  }(_react.Component);
+
+  return (0, _reactOnclickoutside["default"])(AnimationSpeedSlider);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYW5pbWF0aW9uLWNvbnRyb2wvYW5pbWF0aW9uLXNwZWVkLXNsaWRlci50c3giXSwibmFtZXMiOlsiU2xpZGVyV3JhcHBlciIsInN0eWxlZCIsImRpdiIsIlNwZWVkU2xpZGVyQ29udGFpbmVyIiwicHJvcHMiLCJ0aGVtZSIsImJvdHRvbVdpZGdldEJnZCIsIkFuaW1hdGlvblNwZWVkU2xpZGVyRmFjdG9yeSIsImRlcHMiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJSYW5nZVNsaWRlciIsIkFuaW1hdGlvblNwZWVkU2xpZGVyIiwiZSIsIm9uSGlkZSIsInYiLCJ1cGRhdGVBbmltYXRpb25TcGVlZCIsIlNQRUVEX0NPTlRST0xfUkFOR0UiLCJTUEVFRF9DT05UUk9MX1NURVAiLCJzcGVlZCIsIl9vbkNoYW5nZSIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7OztBQUVBLElBQU1BLGFBQWEsR0FBR0MsNkJBQU9DLEdBQVYsK0dBQW5COztBQUlBLElBQU1DLG9CQUFvQixHQUFHRiw2QkFBT0MsR0FBVixrV0FNSixVQUFBRSxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLGVBQWhCO0FBQUEsQ0FORCxDQUExQjs7QUFlQUMsMkJBQTJCLENBQUNDLElBQTVCLEdBQW1DLENBQUNDLHVCQUFELENBQW5DOztBQVFlLFNBQVNGLDJCQUFULENBQ2JHLFdBRGEsRUFFNkI7QUFBQSxNQUNwQ0Msb0JBRG9DO0FBQUE7O0FBQUE7O0FBQUE7QUFBQTs7QUFBQTs7QUFBQTtBQUFBO0FBQUE7O0FBQUE7QUFBQSw2R0FFbkIsVUFBQUMsQ0FBQyxFQUFJO0FBQ3hCLGNBQUtSLEtBQUwsQ0FBV1MsTUFBWDtBQUNELE9BSnVDO0FBQUEsb0dBTTVCLFVBQUFDLENBQUM7QUFBQSxlQUFJLE1BQUtWLEtBQUwsQ0FBV1csb0JBQVgsQ0FBZ0NELENBQUMsQ0FBQyxDQUFELENBQWpDLENBQUo7QUFBQSxPQU4yQjtBQUFBO0FBQUE7O0FBQUE7QUFBQTtBQUFBLGFBUXhDLGtCQUFTO0FBQ1AsNEJBQ0UsZ0NBQUMsb0JBQUQ7QUFBc0IsVUFBQSxTQUFTLEVBQUM7QUFBaEMsd0JBQ0UsZ0NBQUMsYUFBRCxxQkFDRSxnQ0FBQyxXQUFEO0FBQ0UsVUFBQSxLQUFLLEVBQUVFLDhCQURUO0FBRUUsVUFBQSxJQUFJLEVBQUVDLDZCQUZSO0FBR0UsVUFBQSxNQUFNLEVBQUUsQ0FIVjtBQUlFLFVBQUEsTUFBTSxFQUFFLEtBQUtiLEtBQUwsQ0FBV2MsS0FKckI7QUFLRSxVQUFBLFFBQVEsRUFBRSxLQUFLQyxTQUxqQjtBQU1FLFVBQUEsUUFBUSxFQUFFLEtBTlo7QUFPRSxVQUFBLFNBQVMsTUFQWDtBQVFFLFVBQUEsVUFBVSxFQUFDLFdBUmI7QUFTRSxVQUFBLFNBQVMsRUFBQztBQVRaLFVBREYsQ0FERixDQURGO0FBaUJEO0FBMUJ1QztBQUFBO0FBQUEsSUFDUEMsZ0JBRE87O0FBNkIxQyxTQUFPLHFDQUFlVCxvQkFBZixDQUFQO0FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnQsIENvbXBvbmVudFR5cGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJhbmdlU2xpZGVyRmFjdG9yeSBmcm9tICcuLi9yYW5nZS1zbGlkZXInO1xuaW1wb3J0IG9uQ2xpY2tPdXRzaWRlIGZyb20gJ3JlYWN0LW9uY2xpY2tvdXRzaWRlJztcbmltcG9ydCB7U1BFRURfQ09OVFJPTF9SQU5HRSwgU1BFRURfQ09OVFJPTF9TVEVQfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5cbmNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBTcGVlZFNsaWRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiA1MHB4O1xuICByaWdodDogY2FsYygwJSAtIDMycHgpO1xuICB3aWR0aDogMTgwcHg7XG4gIHBhZGRpbmc6IDJweCA4cHggMnB4IDEycHg7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm90dG9tV2lkZ2V0QmdkfTtcbiAgYm94LXNoYWRvdzogLTJweCAtMnB4IDAgMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG5cbiAgLmtnLXJhbmdlLXNsaWRlcl9faW5wdXQge1xuICAgIHdpZHRoOiA0OHB4O1xuICAgIHBhZGRpbmc6IDZweDtcbiAgfVxuYDtcblxuQW5pbWF0aW9uU3BlZWRTbGlkZXJGYWN0b3J5LmRlcHMgPSBbUmFuZ2VTbGlkZXJGYWN0b3J5XTtcblxuaW50ZXJmYWNlIEFuaW1hdGlvblNwZWVkU2xpZGVyUHJvcHMge1xuICBvbkhpZGU6ICgpID0+IHZvaWQ7XG4gIHNwZWVkOiBudW1iZXI7XG4gIHVwZGF0ZUFuaW1hdGlvblNwZWVkOiAodmFsOiBudW1iZXIpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEFuaW1hdGlvblNwZWVkU2xpZGVyRmFjdG9yeShcbiAgUmFuZ2VTbGlkZXI6IFJldHVyblR5cGU8dHlwZW9mIFJhbmdlU2xpZGVyRmFjdG9yeT5cbik6IENvbXBvbmVudFR5cGU8QW5pbWF0aW9uU3BlZWRTbGlkZXJQcm9wcz4ge1xuICBjbGFzcyBBbmltYXRpb25TcGVlZFNsaWRlciBleHRlbmRzIENvbXBvbmVudDxBbmltYXRpb25TcGVlZFNsaWRlclByb3BzPiB7XG4gICAgaGFuZGxlQ2xpY2tPdXRzaWRlID0gZSA9PiB7XG4gICAgICB0aGlzLnByb3BzLm9uSGlkZSgpO1xuICAgIH07XG5cbiAgICBfb25DaGFuZ2UgPSB2ID0+IHRoaXMucHJvcHMudXBkYXRlQW5pbWF0aW9uU3BlZWQodlsxXSk7XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3BlZWRTbGlkZXJDb250YWluZXIgY2xhc3NOYW1lPVwiYW5pbWF0aW9uLWNvbnRyb2xfX3NwZWVkLXNsaWRlclwiPlxuICAgICAgICAgIDxTbGlkZXJXcmFwcGVyPlxuICAgICAgICAgICAgPFJhbmdlU2xpZGVyXG4gICAgICAgICAgICAgIHJhbmdlPXtTUEVFRF9DT05UUk9MX1JBTkdFfVxuICAgICAgICAgICAgICBzdGVwPXtTUEVFRF9DT05UUk9MX1NURVB9XG4gICAgICAgICAgICAgIHZhbHVlMD17MH1cbiAgICAgICAgICAgICAgdmFsdWUxPXt0aGlzLnByb3BzLnNwZWVkfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5fb25DaGFuZ2V9XG4gICAgICAgICAgICAgIGlzUmFuZ2VkPXtmYWxzZX1cbiAgICAgICAgICAgICAgc2hvd0lucHV0XG4gICAgICAgICAgICAgIGlucHV0VGhlbWU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICBpbnB1dFNpemU9XCJ0aW55XCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TbGlkZXJXcmFwcGVyPlxuICAgICAgICA8L1NwZWVkU2xpZGVyQ29udGFpbmVyPlxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gb25DbGlja091dHNpZGUoQW5pbWF0aW9uU3BlZWRTbGlkZXIpO1xufVxuIl19

package/dist/common/animation-control/animation-window-control.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ReactComponentLike } from 'prop-types';
+export interface AnimationItem {
+    id: string;
+    icon: ReactComponentLike;
+    tooltip: string;
+}
+interface AnimationWindowControlProps {
+    animationWindow?: string;
+    setFilterAnimationWindow: (id: string) => void;
+    toggleAnimationWindowControl: () => void;
+    height?: string;
+    animationItems: {
+        [key: string]: AnimationItem;
+    };
+    btnStyle: any;
+    showAnimationWindowControl: boolean;
+}
+declare function AnimationWindowControlFactory(): React.FC<AnimationWindowControlProps>;
+export default AnimationWindowControlFactory;

package/dist/common/animation-control/animation-window-control.js

@@ -0,0 +1,86 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 = _interopRequireWildcard(require("react"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _iconButton = _interopRequireDefault(require("../icon-button"));
+
+var _styledComponents = require("../styled-components");
+
+function AnimationWindowControlFactory() {
+  var AnimationWindowControl = function AnimationWindowControl(_ref) {
+    var animationWindow = _ref.animationWindow,
+        setFilterAnimationWindow = _ref.setFilterAnimationWindow,
+        toggleAnimationWindowControl = _ref.toggleAnimationWindowControl,
+        height = _ref.height,
+        animationItems = _ref.animationItems,
+        _ref$btnStyle = _ref.btnStyle,
+        btnStyle = _ref$btnStyle === void 0 ? {} : _ref$btnStyle,
+        showAnimationWindowControl = _ref.showAnimationWindowControl;
+    var onSelectAnimationControl = (0, _react.useCallback)(function (item) {
+      setFilterAnimationWindow(item.id);
+      toggleAnimationWindowControl();
+    }, [setFilterAnimationWindow, toggleAnimationWindowControl]);
+    return showAnimationWindowControl ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "animation-window-control"
+    }, Object.values(animationItems).filter(function (item) {
+      return item.id !== animationWindow;
+    }).map(function (item) {
+      return /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({
+        key: item.id,
+        "data-tip": true,
+        "data-for": "".concat(item.id, "-tooltip"),
+        className: "playback-control-button",
+        onClick: function onClick() {
+          return onSelectAnimationControl(item);
+        }
+      }, btnStyle), /*#__PURE__*/_react["default"].createElement(item.icon, {
+        height: height
+      }), item.tooltip ? /*#__PURE__*/_react["default"].createElement(_styledComponents.Tooltip, {
+        id: "".concat(item.id, "-tooltip"),
+        effect: "solid",
+        place: "top"
+      }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+        id: item.tooltip
+      })) : null);
+    })) : null;
+  };
+
+  return AnimationWindowControl;
+}
+
+var _default = AnimationWindowControlFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYW5pbWF0aW9uLWNvbnRyb2wvYW5pbWF0aW9uLXdpbmRvdy1jb250cm9sLnRzeCJdLCJuYW1lcyI6WyJBbmltYXRpb25XaW5kb3dDb250cm9sRmFjdG9yeSIsIkFuaW1hdGlvbldpbmRvd0NvbnRyb2wiLCJhbmltYXRpb25XaW5kb3ciLCJzZXRGaWx0ZXJBbmltYXRpb25XaW5kb3ciLCJ0b2dnbGVBbmltYXRpb25XaW5kb3dDb250cm9sIiwiaGVpZ2h0IiwiYW5pbWF0aW9uSXRlbXMiLCJidG5TdHlsZSIsInNob3dBbmltYXRpb25XaW5kb3dDb250cm9sIiwib25TZWxlY3RBbmltYXRpb25Db250cm9sIiwiaXRlbSIsImlkIiwiT2JqZWN0IiwidmFsdWVzIiwiZmlsdGVyIiwibWFwIiwidG9vbHRpcCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUVBOztBQUNBOztBQWlCQSxTQUFTQSw2QkFBVCxHQUFnRjtBQUM5RSxNQUFNQyxzQkFBc0IsR0FBRyxTQUF6QkEsc0JBQXlCLE9BUUk7QUFBQSxRQVBqQ0MsZUFPaUMsUUFQakNBLGVBT2lDO0FBQUEsUUFOakNDLHdCQU1pQyxRQU5qQ0Esd0JBTWlDO0FBQUEsUUFMakNDLDRCQUtpQyxRQUxqQ0EsNEJBS2lDO0FBQUEsUUFKakNDLE1BSWlDLFFBSmpDQSxNQUlpQztBQUFBLFFBSGpDQyxjQUdpQyxRQUhqQ0EsY0FHaUM7QUFBQSw2QkFGakNDLFFBRWlDO0FBQUEsUUFGakNBLFFBRWlDLDhCQUZ0QixFQUVzQjtBQUFBLFFBRGpDQywwQkFDaUMsUUFEakNBLDBCQUNpQztBQUNqQyxRQUFNQyx3QkFBd0IsR0FBRyx3QkFDL0IsVUFBQUMsSUFBSSxFQUFJO0FBQ05QLE1BQUFBLHdCQUF3QixDQUFDTyxJQUFJLENBQUNDLEVBQU4sQ0FBeEI7QUFDQVAsTUFBQUEsNEJBQTRCO0FBQzdCLEtBSjhCLEVBSy9CLENBQUNELHdCQUFELEVBQTJCQyw0QkFBM0IsQ0FMK0IsQ0FBakM7QUFRQSxXQUFPSSwwQkFBMEIsZ0JBQy9CO0FBQUssTUFBQSxTQUFTLEVBQUM7QUFBZixPQUNHSSxNQUFNLENBQUNDLE1BQVAsQ0FBY1AsY0FBZCxFQUNFUSxNQURGLENBQ1MsVUFBQUosSUFBSTtBQUFBLGFBQUlBLElBQUksQ0FBQ0MsRUFBTCxLQUFZVCxlQUFoQjtBQUFBLEtBRGIsRUFFRWEsR0FGRixDQUVNLFVBQUFMLElBQUk7QUFBQSwwQkFDUCxnQ0FBQyxzQkFBRDtBQUNFLFFBQUEsR0FBRyxFQUFFQSxJQUFJLENBQUNDLEVBRFo7QUFFRSx3QkFGRjtBQUdFLDhCQUFhRCxJQUFJLENBQUNDLEVBQWxCLGFBSEY7QUFJRSxRQUFBLFNBQVMsRUFBQyx5QkFKWjtBQUtFLFFBQUEsT0FBTyxFQUFFO0FBQUEsaUJBQU1GLHdCQUF3QixDQUFDQyxJQUFELENBQTlCO0FBQUE7QUFMWCxTQU1NSCxRQU5OLGdCQVFFLGdDQUFDLElBQUQsQ0FBTSxJQUFOO0FBQVcsUUFBQSxNQUFNLEVBQUVGO0FBQW5CLFFBUkYsRUFTR0ssSUFBSSxDQUFDTSxPQUFMLGdCQUNDLGdDQUFDLHlCQUFEO0FBQVMsUUFBQSxFQUFFLFlBQUtOLElBQUksQ0FBQ0MsRUFBVixhQUFYO0FBQW1DLFFBQUEsTUFBTSxFQUFDLE9BQTFDO0FBQWtELFFBQUEsS0FBSyxFQUFDO0FBQXhELHNCQUNFLGdDQUFDLDhCQUFEO0FBQWtCLFFBQUEsRUFBRSxFQUFFRCxJQUFJLENBQUNNO0FBQTNCLFFBREYsQ0FERCxHQUlHLElBYk4sQ0FETztBQUFBLEtBRlYsQ0FESCxDQUQrQixHQXNCN0IsSUF0Qko7QUF1QkQsR0F4Q0Q7O0FBMENBLFNBQU9mLHNCQUFQO0FBQ0Q7O2VBRWNELDZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtSZWFjdENvbXBvbmVudExpa2V9IGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnLi4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICcuLi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQW5pbWF0aW9uSXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIGljb246IFJlYWN0Q29tcG9uZW50TGlrZTtcbiAgdG9vbHRpcDogc3RyaW5nO1xufVxuaW50ZXJmYWNlIEFuaW1hdGlvbldpbmRvd0NvbnRyb2xQcm9wcyB7XG4gIGFuaW1hdGlvbldpbmRvdz86IHN0cmluZztcbiAgc2V0RmlsdGVyQW5pbWF0aW9uV2luZG93OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgdG9nZ2xlQW5pbWF0aW9uV2luZG93Q29udHJvbDogKCkgPT4gdm9pZDtcbiAgaGVpZ2h0Pzogc3RyaW5nO1xuICBhbmltYXRpb25JdGVtczoge1trZXk6IHN0cmluZ106IEFuaW1hdGlvbkl0ZW19O1xuICBidG5TdHlsZTtcbiAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2w6IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEFuaW1hdGlvbldpbmRvd0NvbnRyb2xGYWN0b3J5KCk6IFJlYWN0LkZDPEFuaW1hdGlvbldpbmRvd0NvbnRyb2xQcm9wcz4ge1xuICBjb25zdCBBbmltYXRpb25XaW5kb3dDb250cm9sID0gKHtcbiAgICBhbmltYXRpb25XaW5kb3csXG4gICAgc2V0RmlsdGVyQW5pbWF0aW9uV2luZG93LFxuICAgIHRvZ2dsZUFuaW1hdGlvbldpbmRvd0NvbnRyb2wsXG4gICAgaGVpZ2h0LFxuICAgIGFuaW1hdGlvbkl0ZW1zLFxuICAgIGJ0blN0eWxlID0ge30sXG4gICAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2xcbiAgfTogQW5pbWF0aW9uV2luZG93Q29udHJvbFByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25TZWxlY3RBbmltYXRpb25Db250cm9sID0gdXNlQ2FsbGJhY2soXG4gICAgICBpdGVtID0+IHtcbiAgICAgICAgc2V0RmlsdGVyQW5pbWF0aW9uV2luZG93KGl0ZW0uaWQpO1xuICAgICAgICB0b2dnbGVBbmltYXRpb25XaW5kb3dDb250cm9sKCk7XG4gICAgICB9LFxuICAgICAgW3NldEZpbHRlckFuaW1hdGlvbldpbmRvdywgdG9nZ2xlQW5pbWF0aW9uV2luZG93Q29udHJvbF1cbiAgICApO1xuXG4gICAgcmV0dXJuIHNob3dBbmltYXRpb25XaW5kb3dDb250cm9sID8gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJhbmltYXRpb24td2luZG93LWNvbnRyb2xcIj5cbiAgICAgICAge09iamVjdC52YWx1ZXMoYW5pbWF0aW9uSXRlbXMpXG4gICAgICAgICAgLmZpbHRlcihpdGVtID0+IGl0ZW0uaWQgIT09IGFuaW1hdGlvbldpbmRvdylcbiAgICAgICAgICAubWFwKGl0ZW0gPT4gKFxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgICBkYXRhLXRpcFxuICAgICAgICAgICAgICBkYXRhLWZvcj17YCR7aXRlbS5pZH0tdG9vbHRpcGB9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cInBsYXliYWNrLWNvbnRyb2wtYnV0dG9uXCJcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3RBbmltYXRpb25Db250cm9sKGl0ZW0pfVxuICAgICAgICAgICAgICB7Li4uYnRuU3R5bGV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxpdGVtLmljb24gaGVpZ2h0PXtoZWlnaHR9IC8+XG4gICAgICAgICAgICAgIHtpdGVtLnRvb2x0aXAgPyAoXG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2Ake2l0ZW0uaWR9LXRvb2x0aXBgfSBlZmZlY3Q9XCJzb2xpZFwiIHBsYWNlPVwidG9wXCI+XG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17aXRlbS50b29sdGlwfSAvPlxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbDtcbiAgfTtcblxuICByZXR1cm4gQW5pbWF0aW9uV2luZG93Q29udHJvbDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uV2luZG93Q29udHJvbEZhY3Rvcnk7XG4iXX0=

package/dist/common/animation-control/floating-time-display.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface FloatingTimeDisplayProps {
+    currentTime: number | number[];
+    defaultTimeFormat?: string | null;
+    timeFormat?: string | null;
+    timezone?: string | null;
+}
+export default function FloatingTimeDisplayFactory(): ({ currentTime, defaultTimeFormat, timeFormat, timezone }: FloatingTimeDisplayProps) => JSX.Element;
+export {};

package/dist/common/animation-control/floating-time-display.js

@@ -0,0 +1,181 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = FloatingTimeDisplayFactory;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _icons = require("../icons");
+
+var _constants = require("@kepler.gl/constants");
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var StyledTimeDisplayWrapper = _styledComponents["default"].div.attrs({
+  className: 'floating-time-display'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  bottom: ", ";\n  display: flex;\n  position: absolute;\n  width: 100%;\n  margin-left: -", "px;\n  justify-content: center;\n  pointer-events: none; /* prevent padding from blocking input */\n  & > * {\n    /* all children should allow input */\n    pointer-events: all;\n  }\n"])), function (props) {
+  return "calc(100% + ".concat(props.theme.bottomPanelGap, "px)");
+}, function (props) {
+  return props.theme.bottomInnerPdSide;
+});
+
+var StyledTimeDisplay = _styledComponents["default"].div.attrs(function (props) {
+  return {
+    className: (0, _classnames["default"])('floating-time-display__inner', props.className)
+  };
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  min-width: ", "px;\n  opacity: ", ";\n  padding: ", ";\n"])), function (props) {
+  return props.theme.panelBackground;
+}, function (props) {
+  return props.theme.timeDisplayBorderRadius;
+}, function (props) {
+  return props.theme.titleTextColor;
+}, function (props) {
+  return props.theme.timeDisplayHeight;
+}, function (props) {
+  return props.theme.timeDisplayMinWidth;
+}, function (props) {
+  return props.theme.timeDisplayOpacity;
+}, function (props) {
+  return props.theme.timeDisplayPadding;
+});
+
+var StyledTimeDisplayGroups = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n"])));
+
+var StyledTimeDisplayRows = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
+
+var StyledTimeDisplayTop = _styledComponents["default"].div.attrs({
+  className: 'animation-control__time-display__top'
+})(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  display: flex;\n  font-size: 12px;\n  font-weight: 500;\n  justify-content: center;\n"])), function (props) {
+  return props.theme.textColor;
+});
+
+var StyledTimeDisplayBottom = _styledComponents["default"].div.attrs({
+  className: 'animation-control__time-display__bottom'
+})(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  display: flex;\n  font-size: 14px;\n  font-weight: 500;\n  justify-content: center;\n"])), function (props) {
+  return props.theme.titleTextColor;
+});
+
+var StyledTimeValueGroup = _styledComponents["default"].div.attrs({
+  className: 'animation-control__time-value-group'
+})(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n"])));
+
+var StyledHorizontalBar = _styledComponents["default"].div.attrs({
+  className: 'animation-control__horizontal-bar'
+})(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0 12px;\n"])));
+
+var TimeDivider = function TimeDivider() {
+  return /*#__PURE__*/_react["default"].createElement(StyledHorizontalBar, null, /*#__PURE__*/_react["default"].createElement(_icons.Minus, {
+    height: "12px"
+  }));
+};
+
+var TimeDisplayRow = function TimeDisplayRow(_ref) {
+  var _ref$timeValues = _ref.timeValues,
+      timeValues = _ref$timeValues === void 0 ? [] : _ref$timeValues;
+  return /*#__PURE__*/_react["default"].createElement(_styledComponents2.CenterFlexbox, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "time-value"
+  }, timeValues[0]), timeValues[1] ? /*#__PURE__*/_react["default"].createElement(TimeDivider, null) : null, timeValues[1] ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "time-value"
+  }, timeValues[1]) : null);
+};
+
+function FloatingTimeDisplayFactory() {
+  var FloatingTimeDisplay = function FloatingTimeDisplay(_ref2) {
+    var currentTime = _ref2.currentTime,
+        defaultTimeFormat = _ref2.defaultTimeFormat,
+        timeFormat = _ref2.timeFormat,
+        timezone = _ref2.timezone;
+
+    var _useMemo = (0, _react.useMemo)(function () {
+      var groupTime = Array.isArray(currentTime) ? currentTime : [currentTime];
+      var hasUserFormat = typeof timeFormat === 'string';
+      var currentFormat = (hasUserFormat ? timeFormat : defaultTimeFormat) || _constants.DEFAULT_TIME_FORMAT;
+      var dateFunc = (0, _utils.datetimeFormatter)(timezone);
+
+      if (hasUserFormat) {
+        // dont split time if user defined it
+        return {
+          displayDate: groupTime.map(dateFunc(currentFormat)),
+          displayTime: []
+        };
+      }
+
+      return groupTime.reduce(function (accu, curr) {
+        var _currentFormat$split = currentFormat.split(' '),
+            _currentFormat$split2 = (0, _slicedToArray2["default"])(_currentFormat$split, 2),
+            dateFormat = _currentFormat$split2[0],
+            datetimeFormat = _currentFormat$split2[1];
+
+        var dateString = dateFunc(dateFormat)(curr);
+        var timeString = datetimeFormat ? dateFunc(datetimeFormat)(curr) : null;
+
+        if (!accu.displayDate.includes(dateString)) {
+          accu.displayDate.push(dateString);
+        }
+
+        if (timeString) {
+          accu.displayTime.push(timeString);
+        }
+
+        return accu;
+      }, {
+        displayDate: [],
+        displayTime: []
+      });
+    }, [currentTime, timeFormat, defaultTimeFormat, timezone]),
+        displayDate = _useMemo.displayDate,
+        displayTime = _useMemo.displayTime;
+
+    var twoGroups = displayDate.length === 2 && displayTime.length === 2;
+    var bottomRow = displayTime.length ? displayTime : displayDate.length ? displayDate : null;
+    var topRow = displayDate.length && displayTime.length ? displayDate : null;
+    return /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayWrapper, null, /*#__PURE__*/_react["default"].createElement(StyledTimeDisplay, {
+      className: "animation-control__time-display"
+    }, twoGroups ? /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayGroups, null, /*#__PURE__*/_react["default"].createElement(StyledTimeValueGroup, null, /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayTop, null, displayDate[0]), /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayBottom, null, displayTime[0])), /*#__PURE__*/_react["default"].createElement(TimeDivider, null), /*#__PURE__*/_react["default"].createElement(StyledTimeValueGroup, null, /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayTop, null, displayDate[1]), /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayBottom, null, displayTime[1]))) : /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayRows, null, topRow ? /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayTop, null, /*#__PURE__*/_react["default"].createElement(TimeDisplayRow, {
+      timeValues: topRow
+    })) : null, bottomRow ? /*#__PURE__*/_react["default"].createElement(StyledTimeDisplayBottom, null, /*#__PURE__*/_react["default"].createElement(TimeDisplayRow, {
+      timeValues: bottomRow
+    })) : null)));
+  };
+
+  return FloatingTimeDisplay;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYW5pbWF0aW9uLWNvbnRyb2wvZmxvYXRpbmctdGltZS1kaXNwbGF5LnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRUaW1lRGlzcGxheVdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsInByb3BzIiwidGhlbWUiLCJib3R0b21QYW5lbEdhcCIsImJvdHRvbUlubmVyUGRTaWRlIiwiU3R5bGVkVGltZURpc3BsYXkiLCJwYW5lbEJhY2tncm91bmQiLCJ0aW1lRGlzcGxheUJvcmRlclJhZGl1cyIsInRpdGxlVGV4dENvbG9yIiwidGltZURpc3BsYXlIZWlnaHQiLCJ0aW1lRGlzcGxheU1pbldpZHRoIiwidGltZURpc3BsYXlPcGFjaXR5IiwidGltZURpc3BsYXlQYWRkaW5nIiwiU3R5bGVkVGltZURpc3BsYXlHcm91cHMiLCJTdHlsZWRUaW1lRGlzcGxheVJvd3MiLCJTdHlsZWRUaW1lRGlzcGxheVRvcCIsInRleHRDb2xvciIsIlN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tIiwiU3R5bGVkVGltZVZhbHVlR3JvdXAiLCJTdHlsZWRIb3Jpem9udGFsQmFyIiwiVGltZURpdmlkZXIiLCJUaW1lRGlzcGxheVJvdyIsInRpbWVWYWx1ZXMiLCJGbG9hdGluZ1RpbWVEaXNwbGF5RmFjdG9yeSIsIkZsb2F0aW5nVGltZURpc3BsYXkiLCJjdXJyZW50VGltZSIsImRlZmF1bHRUaW1lRm9ybWF0IiwidGltZUZvcm1hdCIsInRpbWV6b25lIiwiZ3JvdXBUaW1lIiwiQXJyYXkiLCJpc0FycmF5IiwiaGFzVXNlckZvcm1hdCIsImN1cnJlbnRGb3JtYXQiLCJERUZBVUxUX1RJTUVfRk9STUFUIiwiZGF0ZUZ1bmMiLCJkaXNwbGF5RGF0ZSIsIm1hcCIsImRpc3BsYXlUaW1lIiwicmVkdWNlIiwiYWNjdSIsImN1cnIiLCJzcGxpdCIsImRhdGVGb3JtYXQiLCJkYXRldGltZUZvcm1hdCIsImRhdGVTdHJpbmciLCJ0aW1lU3Ry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QVcsQ0FBQ2MsTUFBWixHQUFxQmQsV0FBckIsR0FBbUMsSUFBeEY7QUFDQSxRQUFNZ0IsTUFBTSxHQUFHaEIsV0FBVyxDQUFDYyxNQUFaLElBQXNCWixXQUFXLENBQUNZLE1BQWxDLEdBQTJDZCxXQUEzQyxHQUF5RCxJQUF4RTtBQUVBLHdCQUNFLGdDQUFDLHdCQUFELHFCQUNFLGdDQUFDLGlCQUFEO0FBQW1CLE1BQUEsU0FBUyxFQUFDO0FBQTdCLE9BQ0dhLFNBQVMsZ0JBQ1IsZ0NBQUMsdUJBQUQscUJBQ0UsZ0NBQUMsb0JBQUQscUJBRUUsZ0NBQUMsb0JBQUQsUUFBdUJiLFdBQVcsQ0FBQyxDQUFELENBQWxDLENBRkYsZUFHRSxnQ0FBQyx1QkFBRCxRQUEwQkUsV0FBVyxDQUFDLENBQUQsQ0FBckMsQ0FIRixDQURGLGVBTUUsZ0NBQUMsV0FBRCxPQU5GLGVBT0UsZ0NBQUMsb0JBQUQscUJBRUUsZ0NBQUMsb0JBQUQsUUFBdUJGLFdBQVcsQ0FBQyxDQUFELENBQWxDLENBRkYsZUFHRSxnQ0FBQyx1QkFBRCxRQUEwQkUsV0FBVyxDQUFDLENBQUQsQ0FBckMsQ0FIRixDQVBGLENBRFEsZ0JBZVIsZ0NBQUMscUJBQUQsUUFDR2MsTUFBTSxnQkFDTCxnQ0FBQyxvQkFBRCxxQkFDRSxnQ0FBQyxjQUFEO0FBQWdCLE1BQUEsVUFBVSxFQUFFQTtBQUE1QixNQURGLENBREssR0FJSCxJQUxOLEVBTUdELFNBQVMsZ0JBQ1IsZ0NBQUMsdUJBQUQscUJBQ0UsZ0NBQUMsY0FBRDtBQUFnQixNQUFBLFVBQVUsRUFBRUE7QUFBNUIsTUFERixDQURRLEdBSU4sSUFWTixDQWhCSixDQURGLENBREY7QUFrQ0QsR0E1RUQ7O0FBOEVBLFNBQU8zQixtQkFBUDtBQUNEIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7TWludXN9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7REVGQVVMVF9USU1FX0ZPUk1BVH0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtDZW50ZXJGbGV4Ym94fSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmNvbnN0IFN0eWxlZFRpbWVEaXNwbGF5V3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdmbG9hdGluZy10aW1lLWRpc3BsYXknXG59KWBcbiAgYm90dG9tOiAke3Byb3BzID0+IGBjYWxjKDEwMCUgKyAke3Byb3BzLnRoZW1lLmJvdHRvbVBhbmVsR2FwfXB4KWB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tbGVmdDogLSR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm90dG9tSW5uZXJQZFNpZGV9cHg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTsgLyogcHJldmVudCBwYWRkaW5nIGZyb20gYmxvY2tpbmcgaW5wdXQgKi9cbiAgJiA+ICoge1xuICAgIC8qIGFsbCBjaGlsZHJlbiBzaG91bGQgYWxsb3cgaW5wdXQgKi9cbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaW1lRGlzcGxheSA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdmbG9hdGluZy10aW1lLWRpc3BsYXlfX2lubmVyJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGltZURpc3BsYXlCb3JkZXJSYWRpdXN9cHg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpdGxlVGV4dENvbG9yfTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpbWVEaXNwbGF5SGVpZ2h0fXB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWluLXdpZHRoOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpbWVEaXNwbGF5TWluV2lkdGh9cHg7XG4gIG9wYWNpdHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGltZURpc3BsYXlPcGFjaXR5fTtcbiAgcGFkZGluZzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aW1lRGlzcGxheVBhZGRpbmd9O1xuYDtcblxuY29uc3QgU3R5bGVkVGltZURpc3BsYXlHcm91cHMgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuY29uc3QgU3R5bGVkVGltZURpc3BsYXlSb3dzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRUaW1lRGlzcGxheVRvcCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhbmltYXRpb24tY29udHJvbF9fdGltZS1kaXNwbGF5X190b3AnXG59KWBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2FuaW1hdGlvbi1jb250cm9sX190aW1lLWRpc3BsYXlfX2JvdHRvbSdcbn0pYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aXRsZVRleHRDb2xvcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRUaW1lVmFsdWVHcm91cCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhbmltYXRpb24tY29udHJvbF9fdGltZS12YWx1ZS1ncm91cCdcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgU3R5bGVkSG9yaXpvbnRhbEJhciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhbmltYXRpb24tY29udHJvbF9faG9yaXpvbnRhbC1iYXInXG59KWBcbiAgbWFyZ2luOiAwIDEycHg7XG5gO1xuXG5jb25zdCBUaW1lRGl2aWRlciA9ICgpID0+IChcbiAgPFN0eWxlZEhvcml6b250YWxCYXI+XG4gICAgPE1pbnVzIGhlaWdodD1cIjEycHhcIiAvPlxuICA8L1N0eWxlZEhvcml6b250YWxCYXI+XG4pO1xuXG5pbnRlcmZhY2UgVGltZURpc3BsYXlSb3dQcm9wcyB7XG4gIHRpbWVWYWx1ZXM/OiBzdHJpbmdbXTtcbn1cblxuY29uc3QgVGltZURpc3BsYXlSb3cgPSAoe3RpbWVWYWx1ZXMgPSBbXX06IFRpbWVEaXNwbGF5Um93UHJvcHMpID0+IChcbiAgPENlbnRlckZsZXhib3g+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXZhbHVlXCI+e3RpbWVWYWx1ZXNbMF19PC9kaXY+XG4gICAge3RpbWVWYWx1ZXNbMV0gPyA8VGltZURpdmlkZXIgLz4gOiBudWxsfVxuICAgIHt0aW1lVmFsdWVzWzFdID8gPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXZhbHVlXCI+e3RpbWVWYWx1ZXNbMV19PC9kaXY+IDogbnVsbH1cbiAgPC9DZW50ZXJGbGV4Ym94PlxuKTtcblxuaW50ZXJmYWNlIEZsb2F0aW5nVGltZURpc3BsYXlQcm9wcyB7XG4gIGN1cnJlbnRUaW1lOiBudW1iZXIgfCBudW1iZXJbXTtcbiAgZGVmYXVsdFRpbWVGb3JtYXQ/OiBzdHJpbmcgfCBudWxsO1xuICB0aW1lRm9ybWF0Pzogc3RyaW5nIHwgbnVsbDtcbiAgdGltZXpvbmU/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBGbG9hdGluZ1RpbWVEaXNwbGF5RmFjdG9yeSgpIHtcbiAgY29uc3QgRmxvYXRpbmdUaW1lRGlzcGxheSA9ICh7XG4gICAgY3VycmVudFRpbWUsXG4gICAgZGVmYXVsdFRpbWVGb3JtYXQsXG4gICAgdGltZUZvcm1hdCxcbiAgICB0aW1lem9uZVxuICB9OiBGbG9hdGluZ1RpbWVEaXNwbGF5UHJvcHMpID0+IHtcbiAgICBjb25zdCB7ZGlzcGxheURhdGUsIGRpc3BsYXlUaW1lfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgY29uc3QgZ3JvdXBUaW1lID0gQXJyYXkuaXNBcnJheShjdXJyZW50VGltZSkgPyBjdXJyZW50VGltZSA6IFtjdXJyZW50VGltZV07XG4gICAgICBjb25zdCBoYXNVc2VyRm9ybWF0ID0gdHlwZW9mIHRpbWVGb3JtYXQgPT09ICdzdHJpbmcnO1xuICAgICAgY29uc3QgY3VycmVudEZvcm1hdCA9IChoYXNVc2VyRm9ybWF0ID8gdGltZUZvcm1hdCA6IGRlZmF1bHRUaW1lRm9ybWF0KSB8fCBERUZBVUxUX1RJTUVfRk9STUFUO1xuICAgICAgY29uc3QgZGF0ZUZ1bmMgPSBkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSk7XG5cbiAgICAgIGlmIChoYXNVc2VyRm9ybWF0KSB7XG4gICAgICAgIC8vIGRvbnQgc3BsaXQgdGltZSBpZiB1c2VyIGRlZmluZWQgaXRcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBkaXNwbGF5RGF0ZTogZ3JvdXBUaW1lLm1hcChkYXRlRnVuYyhjdXJyZW50Rm9ybWF0KSksXG4gICAgICAgICAgZGlzcGxheVRpbWU6IFtdXG4gICAgICAgIH07XG4gICAgICB9XG4gICAgICByZXR1cm4gZ3JvdXBUaW1lLnJlZHVjZTx7ZGlzcGxheURhdGU6IHN0cmluZ1tdOyBkaXNwbGF5VGltZTogc3RyaW5nW119PihcbiAgICAgICAgKGFjY3UsIGN1cnIpID0+IHtcbiAgICAgICAgICBjb25zdCBbZGF0ZUZvcm1hdCwgZGF0ZXRpbWVGb3JtYXRdID0gY3VycmVudEZvcm1hdC5zcGxpdCgnICcpO1xuICAgICAgICAgIGNvbnN0IGRhdGVTdHJpbmcgPSBkYXRlRnVuYyhkYXRlRm9ybWF0KShjdXJyKTtcbiAgICAgICAgICBjb25zdCB0aW1lU3RyaW5nID0gZGF0ZXRpbWVGb3JtYXQgPyBkYXRlRnVuYyhkYXRldGltZUZvcm1hdCkoY3VycikgOiBudWxsO1xuXG4gICAgICAgICAgaWYgKCFhY2N1LmRpc3BsYXlEYXRlLmluY2x1ZGVzKGRhdGVTdHJpbmcpKSB7XG4gICAgICAgICAgICBhY2N1LmRpc3BsYXlEYXRlLnB1c2goZGF0ZVN0cmluZyk7XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmICh0aW1lU3RyaW5nKSB7XG4gICAgICAgICAgICBhY2N1LmRpc3BsYXlUaW1lLnB1c2godGltZVN0cmluZyk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgcmV0dXJuIGFjY3U7XG4gICAgICAgIH0sXG4gICAgICAgIHtkaXNwbGF5RGF0ZTogW10sIGRpc3BsYXlUaW1lOiBbXX1cbiAgICAgICk7XG4gICAgfSwgW2N1cnJlbnRUaW1lLCB0aW1lRm9ybWF0LCBkZWZhdWx0VGltZUZvcm1hdCwgdGltZXpvbmVdKTtcblxuICAgIGNvbnN0IHR3b0dyb3VwcyA9IGRpc3BsYXlEYXRlLmxlbmd0aCA9PT0gMiAmJiBkaXNwbGF5VGltZS5sZW5ndGggPT09IDI7XG4gICAgY29uc3QgYm90dG9tUm93ID0gZGlzcGxheVRpbWUubGVuZ3RoID8gZGlzcGxheVRpbWUgOiBkaXNwbGF5RGF0ZS5sZW5ndGggPyBkaXNwbGF5RGF0ZSA6IG51bGw7XG4gICAgY29uc3QgdG9wUm93ID0gZGlzcGxheURhdGUubGVuZ3RoICYmIGRpc3BsYXlUaW1lLmxlbmd0aCA/IGRpc3BsYXlEYXRlIDogbnVsbDtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGltZURpc3BsYXlXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkVGltZURpc3BsYXkgY2xhc3NOYW1lPVwiYW5pbWF0aW9uLWNvbnRyb2xfX3RpbWUtZGlzcGxheVwiPlxuICAgICAgICAgIHt0d29Hcm91cHMgPyAoXG4gICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlHcm91cHM+XG4gICAgICAgICAgICAgIDxTdHlsZWRUaW1lVmFsdWVHcm91cD5cbiAgICAgICAgICAgICAgICB7LyogVGltZSBTdGFydCAqL31cbiAgICAgICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlUb3A+e2Rpc3BsYXlEYXRlWzBdfTwvU3R5bGVkVGltZURpc3BsYXlUb3A+XG4gICAgICAgICAgICAgICAgPFN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tPntkaXNwbGF5VGltZVswXX08L1N0eWxlZFRpbWVEaXNwbGF5Qm90dG9tPlxuICAgICAgICAgICAgICA8L1N0eWxlZFRpbWVWYWx1ZUdyb3VwPlxuICAgICAgICAgICAgICA8VGltZURpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPFN0eWxlZFRpbWVWYWx1ZUdyb3VwPlxuICAgICAgICAgICAgICAgIHsvKiBUaW1lIEVuZCAqL31cbiAgICAgICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlUb3A+e2Rpc3BsYXlEYXRlWzFdfTwvU3R5bGVkVGltZURpc3BsYXlUb3A+XG4gICAgICAgICAgICAgICAgPFN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tPntkaXNwbGF5VGltZVsxXX08L1N0eWxlZFRpbWVEaXNwbGF5Qm90dG9tPlxuICAgICAgICAgICAgICA8L1N0eWxlZFRpbWVWYWx1ZUdyb3VwPlxuICAgICAgICAgICAgPC9TdHlsZWRUaW1lRGlzcGxheUdyb3Vwcz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFN0eWxlZFRpbWVEaXNwbGF5Um93cz5cbiAgICAgICAgICAgICAge3RvcFJvdyA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlUb3A+XG4gICAgICAgICAgICAgICAgICA8VGltZURpc3BsYXlSb3cgdGltZVZhbHVlcz17dG9wUm93fSAvPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkVGltZURpc3BsYXlUb3A+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICB7Ym90dG9tUm93ID8gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRUaW1lRGlzcGxheUJvdHRvbT5cbiAgICAgICAgICAgICAgICAgIDxUaW1lRGlzcGxheVJvdyB0aW1lVmFsdWVzPXtib3R0b21Sb3d9IC8+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRUaW1lRGlzcGxheUJvdHRvbT5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1N0eWxlZFRpbWVEaXNwbGF5Um93cz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZFRpbWVEaXNwbGF5PlxuICAgICAgPC9TdHlsZWRUaW1lRGlzcGxheVdyYXBwZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gRmxvYXRpbmdUaW1lRGlzcGxheTtcbn1cbiJdfQ==

package/dist/common/animation-control/play-control.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare function PlayControlFactory(): ({ showAnimationWindowControl, isAnimating, pauseAnimation, startAnimation, isSpeedControlVisible, btnStyle, playbackIcons, buttonHeight }: {
+    showAnimationWindowControl: any;
+    isAnimating: any;
+    pauseAnimation: any;
+    startAnimation: any;
+    isSpeedControlVisible: any;
+    btnStyle: any;
+    playbackIcons: any;
+    buttonHeight: any;
+}) => JSX.Element | null;
+export default PlayControlFactory;

package/dist/common/animation-control/play-control.js

@@ -0,0 +1,81 @@
+// Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents = require("../styled-components");
+
+var _iconButton = _interopRequireDefault(require("../icon-button"));
+
+var DELAY_SHOW = 500;
+
+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(_iconButton["default"], (0, _extends2["default"])({
+      "data-tip": true,
+      "data-for": "animate-play-pause",
+      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
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents.Tooltip, {
+      id: "animate-play-pause",
+      place: "top",
+      delayShow: DELAY_SHOW,
+      effect: "solid"
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: isAnimating ? 'tooltip.pause' : 'tooltip.play'
+    })));
+  };
+
+  return PlayControl;
+}
+
+var _default = PlayControlFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vYW5pbWF0aW9uLWNvbnRyb2wvcGxheS1jb250cm9sLnRzeCJdLCJuYW1lcyI6WyJERUxBWV9TSE9XIiwiUGxheUNvbnRyb2xGYWN0b3J5IiwiUGxheUNvbnRyb2wiLCJzaG93QW5pbWF0aW9uV2luZG93Q29udHJvbCIsImlzQW5pbWF0aW5nIiwicGF1c2VBbmltYXRpb24iLCJzdGFydEFuaW1hdGlvbiIsImlzU3BlZWRDb250cm9sVmlzaWJsZSIsImJ0blN0eWxlIiwicGxheWJhY2tJY29ucyIsImJ1dHRvbkhlaWdodCIsImFjdGl2ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxVQUFVLEdBQUcsR0FBbkI7O0FBRUEsU0FBU0Msa0JBQVQsR0FBOEI7QUFDNUIsTUFBTUMsV0FBVyxHQUFHLFNBQWRBLFdBQWMsT0FTZDtBQUFBLFFBUkpDLDBCQVFJLFFBUkpBLDBCQVFJO0FBQUEsUUFQSkMsV0FPSSxRQVBKQSxXQU9JO0FBQUEsUUFOSkMsY0FNSSxRQU5KQSxjQU1JO0FBQUEsUUFMSkMsY0FLSSxRQUxKQSxjQUtJO0FBQUEsUUFKSkMscUJBSUksUUFKSkEscUJBSUk7QUFBQSxRQUhKQyxRQUdJLFFBSEpBLFFBR0k7QUFBQSxRQUZKQyxhQUVJLFFBRkpBLGFBRUk7QUFBQSxRQURKQyxZQUNJLFFBREpBLFlBQ0k7QUFDSixXQUFPUCwwQkFBMEIsR0FBRyxJQUFILGdCQUMvQixnQ0FBQyxzQkFBRDtBQUNFLHNCQURGO0FBRUUsa0JBQVMsb0JBRlg7QUFHRSxNQUFBLFNBQVMsRUFBRSw0QkFBVyx5QkFBWCxFQUFzQztBQUFDUSxRQUFBQSxNQUFNLEVBQUVQO0FBQVQsT0FBdEMsQ0FIYjtBQUlFLE1BQUEsT0FBTyxFQUFFQSxXQUFXLEdBQUdDLGNBQUgsR0FBb0JDLGNBSjFDO0FBS0UsTUFBQSxJQUFJLEVBQUVDO0FBTFIsT0FNTUMsUUFOTixHQVFHSixXQUFXLGdCQUNWLGdDQUFDLGFBQUQsQ0FBZSxLQUFmO0FBQXFCLE1BQUEsTUFBTSxFQUFFTTtBQUE3QixNQURVLGdCQUdWLGdDQUFDLGFBQUQsQ0FBZSxJQUFmO0FBQW9CLE1BQUEsTUFBTSxFQUFFQTtBQUE1QixNQVhKLGVBYUUsZ0NBQUMseUJBQUQ7QUFBUyxNQUFBLEVBQUUsRUFBQyxvQkFBWjtBQUFpQyxNQUFBLEtBQUssRUFBQyxLQUF2QztBQUE2QyxNQUFBLFNBQVMsRUFBRVYsVUFBeEQ7QUFBb0UsTUFBQSxNQUFNLEVBQUM7QUFBM0Usb0JBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUVJLFdBQVcsR0FBRyxlQUFILEdBQXFCO0FBQXRELE1BREYsQ0FiRixDQURGO0FBbUJELEdBN0JEOztBQStCQSxTQUFPRixXQUFQO0FBQ0Q7O2VBRWNELGtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge1Rvb2x0aXB9IGZyb20gJy4uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJy4uL2ljb24tYnV0dG9uJztcblxuY29uc3QgREVMQVlfU0hPVyA9IDUwMDtcblxuZnVuY3Rpb24gUGxheUNvbnRyb2xGYWN0b3J5KCkge1xuICBjb25zdCBQbGF5Q29udHJvbCA9ICh7XG4gICAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wsXG4gICAgaXNBbmltYXRpbmcsXG4gICAgcGF1c2VBbmltYXRpb24sXG4gICAgc3RhcnRBbmltYXRpb24sXG4gICAgaXNTcGVlZENvbnRyb2xWaXNpYmxlLFxuICAgIGJ0blN0eWxlLFxuICAgIHBsYXliYWNrSWNvbnMsXG4gICAgYnV0dG9uSGVpZ2h0XG4gIH0pID0+IHtcbiAgICByZXR1cm4gc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wgPyBudWxsIDogKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGF0YS10aXBcbiAgICAgICAgZGF0YS1mb3I9XCJhbmltYXRlLXBsYXktcGF1c2VcIlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ3BsYXliYWNrLWNvbnRyb2wtYnV0dG9uJywge2FjdGl2ZTogaXNBbmltYXRpbmd9KX1cbiAgICAgICAgb25DbGljaz17aXNBbmltYXRpbmcgPyBwYXVzZUFuaW1hdGlvbiA6IHN0YXJ0QW5pbWF0aW9ufVxuICAgICAgICBoaWRlPXtpc1NwZWVkQ29udHJvbFZpc2libGV9XG4gICAgICAgIHsuLi5idG5TdHlsZX1cbiAgICAgID5cbiAgICAgICAge2lzQW5pbWF0aW5nID8gKFxuICAgICAgICAgIDxwbGF5YmFja0ljb25zLnBhdXNlIGhlaWdodD17YnV0dG9uSGVpZ2h0fSAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxwbGF5YmFja0ljb25zLnBsYXkgaGVpZ2h0PXtidXR0b25IZWlnaHR9IC8+XG4gICAgICAgICl9XG4gICAgICAgIDxUb29sdGlwIGlkPVwiYW5pbWF0ZS1wbGF5LXBhdXNlXCIgcGxhY2U9XCJ0b3BcIiBkZWxheVNob3c9e0RFTEFZX1NIT1d9IGVmZmVjdD1cInNvbGlkXCI+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2lzQW5pbWF0aW5nID8gJ3Rvb2x0aXAucGF1c2UnIDogJ3Rvb2x0aXAucGxheSd9IC8+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBQbGF5Q29udHJvbDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGxheUNvbnRyb2xGYWN0b3J5O1xuIl19

package/dist/common/animation-control/playback-controls.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Rocket } from '../icons';
+import AnimationSpeedSliderFactory from './animation-speed-slider';
+import WindowActionControlFactory from './window-action-control';
+import AnimationWindowControlFactory, { AnimationItem } from './animation-window-control';
+import ResetControlFactory from './reset-control';
+import PlayControlFactory from './play-control';
+declare const DEFAULT_ICONS: {
+    reset: (_: any) => JSX.Element;
+    play: (_: any) => JSX.Element;
+    pause: (_: any) => JSX.Element;
+    export: (_: any) => JSX.Element;
+    speed: typeof Rocket;
+    animationFree: {
+        (props: Partial<import("../icons").BaseProps>): JSX.Element;
+        defaultProps: {
+            height: string;
+            viewBox: string;
+            predefinedClassName: string;
+        };
+    };
+    animationIncremental: {
+        (props: Partial<import("../icons").BaseProps>): JSX.Element;
+        defaultProps: {
+            height: string;
+            viewBox: string;
+            predefinedClassName: string;
+        };
+    };
+};
+interface PlaybackControlsProps {
+    isAnimatable?: boolean;
+    isAnimating?: boolean;
+    width?: number | string;
+    speed: number;
+    animationWindow?: string;
+    setFilterAnimationWindow?: (id: string) => void;
+    updateAnimationSpeed?: (val: number) => void;
+    pauseAnimation?: () => void;
+    resetAnimation?: () => void;
+    startAnimation: () => void;
+    playbackIcons?: typeof DEFAULT_ICONS;
+    animationItems?: {
+        [key: string]: AnimationItem;
+    };
+    buttonStyle?: string;
+    buttonHeight?: string;
+    playbackActionItems?: any[];
+    className?: string;
+}
+declare function PlaybackControlsFactory(AnimationSpeedSlider: ReturnType<typeof AnimationSpeedSliderFactory>, WindowActionControl: any, AnimationWindowControl: any, ResetControl: any, PlayControl: any): React.FC<PlaybackControlsProps>;
+declare namespace PlaybackControlsFactory {
+    var deps: (typeof AnimationSpeedSliderFactory | typeof WindowActionControlFactory | typeof AnimationWindowControlFactory | typeof ResetControlFactory | typeof PlayControlFactory)[];
+}
+export default PlaybackControlsFactory;