@kepler.gl/components 3.3.0-alpha.5 → 3.3.0-alpha.6

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AnimationSpeedSliderFactory;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react2 = require("@floating-ui/react");
+var _constants = require("@kepler.gl/constants");
+var _rangeSlider = _interopRequireDefault(require("../range-slider"));
+var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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 = function AnimationSpeedSlider(_ref) {
+    var onHide = _ref.onHide,
+      speed = _ref.speed,
+      updateAnimationSpeed = _ref.updateAnimationSpeed;
+    // floating-ui boilerplate to establish close on outside click
+    var _useFloating = (0, _react2.useFloating)({
+        open: true,
+        onOpenChange: function onOpenChange(v) {
+          if (!v) {
+            onHide();
+          }
+        }
+      }),
+      refs = _useFloating.refs,
+      context = _useFloating.context;
+    var dismiss = (0, _react2.useDismiss)(context);
+    var _useInteractions = (0, _react2.useInteractions)([dismiss]),
+      getFloatingProps = _useInteractions.getFloatingProps;
+    var onChange = (0, _react.useCallback)(function (v) {
+      return updateAnimationSpeed(v[1]);
+    }, [updateAnimationSpeed]);
+    return /*#__PURE__*/_react["default"].createElement(SpeedSliderContainer, (0, _extends2["default"])({
+      className: "animation-control__speed-slider",
+      ref: refs.setFloating
+    }, getFloatingProps()), /*#__PURE__*/_react["default"].createElement(SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: _constants.SPEED_CONTROL_RANGE,
+      step: _constants.SPEED_CONTROL_STEP,
+      value0: 0,
+      value1: speed,
+      onChange: onChange,
+      isRanged: false,
+      showInput: true,
+      inputTheme: "secondary",
+      inputSize: "tiny"
+    })));
+  };
+  return AnimationSpeedSlider;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmVhY3QyIiwiX2NvbnN0YW50cyIsIl9yYW5nZVNsaWRlciIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIlNsaWRlcldyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlNwZWVkU2xpZGVyQ29udGFpbmVyIiwicHJvcHMiLCJ0aGVtZSIsImJvdHRvbVdpZGdldEJnZCIsIkFuaW1hdGlvblNwZWVkU2xpZGVyRmFjdG9yeSIsImRlcHMiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJSYW5nZVNsaWRlciIsIkFuaW1hdGlvblNwZWVkU2xpZGVyIiwiX3JlZiIsIm9uSGlkZSIsInNwZWVkIiwidXBkYXRlQW5pbWF0aW9uU3BlZWQiLCJfdXNlRmxvYXRpbmciLCJ1c2VGbG9hdGluZyIsIm9wZW4iLCJvbk9wZW5DaGFuZ2UiLCJ2IiwicmVmcyIsImNvbnRleHQiLCJkaXNtaXNzIiwidXNlRGlzbWlzcyIsIl91c2VJbnRlcmFjdGlvbnMiLCJ1c2VJbnRlcmFjdGlvbnMiLCJnZXRGbG9hdGluZ1Byb3BzIiwib25DaGFuZ2UiLCJ1c2VDYWxsYmFjayIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kczIiLCJjbGFzc05hbWUiLCJyZWYiLCJzZXRGbG9hdGluZyIsInJhbmdlIiwiU1BFRURfQ09OVFJPTF9SQU5HRSIsInN0ZXAiLCJTUEVFRF9DT05UUk9MX1NURVAiLCJ2YWx1ZTAiLCJ2YWx1ZTEiLCJpc1JhbmdlZCIsInNob3dJbnB1dCIsImlucHV0VGhlbWUiLCJpbnB1dFNpemUiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL2FuaW1hdGlvbi1jb250cm9sL2FuaW1hdGlvbi1zcGVlZC1zbGlkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7dXNlRGlzbWlzcywgdXNlRmxvYXRpbmcsIHVzZUludGVyYWN0aW9uc30gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0JztcblxuaW1wb3J0IHtTUEVFRF9DT05UUk9MX1JBTkdFLCBTUEVFRF9DT05UUk9MX1NURVB9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcblxuaW1wb3J0IFJhbmdlU2xpZGVyRmFjdG9yeSBmcm9tICcuLi9yYW5nZS1zbGlkZXInO1xuXG5jb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgU3BlZWRTbGlkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogNTBweDtcbiAgcmlnaHQ6IGNhbGMoMCUgLSAzMnB4KTtcbiAgd2lkdGg6IDE4MHB4O1xuICBwYWRkaW5nOiAycHggOHB4IDJweCAxMnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmJvdHRvbVdpZGdldEJnZH07XG4gIGJveC1zaGFkb3c6IC0ycHggLTJweCAwIDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuXG4gIC5rZy1yYW5nZS1zbGlkZXJfX2lucHV0IHtcbiAgICB3aWR0aDogNDhweDtcbiAgICBwYWRkaW5nOiA2cHg7XG4gIH1cbmA7XG5cbkFuaW1hdGlvblNwZWVkU2xpZGVyRmFjdG9yeS5kZXBzID0gW1JhbmdlU2xpZGVyRmFjdG9yeV07XG5cbmludGVyZmFjZSBBbmltYXRpb25TcGVlZFNsaWRlclByb3BzIHtcbiAgb25IaWRlOiAoKSA9PiB2b2lkO1xuICBzcGVlZDogbnVtYmVyO1xuICB1cGRhdGVBbmltYXRpb25TcGVlZDogKHZhbDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBBbmltYXRpb25TcGVlZFNsaWRlckZhY3RvcnkoXG4gIFJhbmdlU2xpZGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBSYW5nZVNsaWRlckZhY3Rvcnk+XG4pOiBSZWFjdC5GQzxBbmltYXRpb25TcGVlZFNsaWRlclByb3BzPiB7XG4gIGNvbnN0IEFuaW1hdGlvblNwZWVkU2xpZGVyOiBSZWFjdC5GQzxBbmltYXRpb25TcGVlZFNsaWRlclByb3BzPiA9ICh7XG4gICAgb25IaWRlLFxuICAgIHNwZWVkLFxuICAgIHVwZGF0ZUFuaW1hdGlvblNwZWVkXG4gIH06IEFuaW1hdGlvblNwZWVkU2xpZGVyUHJvcHMpID0+IHtcbiAgICAvLyBmbG9hdGluZy11aSBib2lsZXJwbGF0ZSB0byBlc3RhYmxpc2ggY2xvc2Ugb24gb3V0c2lkZSBjbGlja1xuICAgIGNvbnN0IHtyZWZzLCBjb250ZXh0fSA9IHVzZUZsb2F0aW5nKHtcbiAgICAgIG9wZW46IHRydWUsXG4gICAgICBvbk9wZW5DaGFuZ2U6IHYgPT4ge1xuICAgICAgICBpZiAoIXYpIHtcbiAgICAgICAgICBvbkhpZGUoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICAgIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICAgIGNvbnN0IHtnZXRGbG9hdGluZ1Byb3BzfSA9IHVzZUludGVyYWN0aW9ucyhbZGlzbWlzc10pO1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSB1c2VDYWxsYmFjayh2ID0+IHVwZGF0ZUFuaW1hdGlvblNwZWVkKHZbMV0pLCBbdXBkYXRlQW5pbWF0aW9uU3BlZWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3BlZWRTbGlkZXJDb250YWluZXJcbiAgICAgICAgY2xhc3NOYW1lPVwiYW5pbWF0aW9uLWNvbnRyb2xfX3NwZWVkLXNsaWRlclwiXG4gICAgICAgIHJlZj17cmVmcy5zZXRGbG9hdGluZ31cbiAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgID5cbiAgICAgICAgPFNsaWRlcldyYXBwZXI+XG4gICAgICAgICAgPFJhbmdlU2xpZGVyXG4gICAgICAgICAgICByYW5nZT17U1BFRURfQ09OVFJPTF9SQU5HRX1cbiAgICAgICAgICAgIHN0ZXA9e1NQRUVEX0NPTlRST0xfU1RFUH1cbiAgICAgICAgICAgIHZhbHVlMD17MH1cbiAgICAgICAgICAgIHZhbHVlMT17c3BlZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBpc1JhbmdlZD17ZmFsc2V9XG4gICAgICAgICAgICBzaG93SW5wdXRcbiAgICAgICAgICAgIGlucHV0VGhlbWU9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgaW5wdXRTaXplPVwidGlueVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TbGlkZXJXcmFwcGVyPlxuICAgICAgPC9TcGVlZFNsaWRlckNvbnRhaW5lcj5cbiAgICApO1xuICB9O1xuICByZXR1cm4gQW5pbWF0aW9uU3BlZWRTbGlkZXI7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsT0FBQSxHQUFBSCxPQUFBO0FBRUEsSUFBQUksVUFBQSxHQUFBSixPQUFBO0FBRUEsSUFBQUss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

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+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 = exports["default"] = AnimationWindowControlFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfbG9jYWxpemF0aW9uIiwiX2ljb25CdXR0b24iLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3N0eWxlZENvbXBvbmVudHMiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIkFuaW1hdGlvbldpbmRvd0NvbnRyb2xGYWN0b3J5IiwiQW5pbWF0aW9uV2luZG93Q29udHJvbCIsIl9yZWYiLCJhbmltYXRpb25XaW5kb3ciLCJzZXRGaWx0ZXJBbmltYXRpb25XaW5kb3ciLCJ0b2dnbGVBbmltYXRpb25XaW5kb3dDb250cm9sIiwiaGVpZ2h0IiwiYW5pbWF0aW9uSXRlbXMiLCJfcmVmJGJ0blN0eWxlIiwiYnRuU3R5bGUiLCJzaG93QW5pbWF0aW9uV2luZG93Q29udHJvbCIsIm9uU2VsZWN0QW5pbWF0aW9uQ29udHJvbCIsInVzZUNhbGxiYWNrIiwiaXRlbSIsImlkIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsInZhbHVlcyIsImZpbHRlciIsIm1hcCIsIl9leHRlbmRzMiIsImtleSIsImNvbmNhdCIsIm9uQ2xpY2siLCJpY29uIiwidG9vbHRpcCIsIlRvb2x0aXAiLCJlZmZlY3QiLCJwbGFjZSIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL2FuaW1hdGlvbi1jb250cm9sL2FuaW1hdGlvbi13aW5kb3ctY29udHJvbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtSZWFjdENvbXBvbmVudExpa2V9IGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnLi4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICcuLi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQW5pbWF0aW9uSXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIGljb246IFJlYWN0Q29tcG9uZW50TGlrZTtcbiAgdG9vbHRpcDogc3RyaW5nO1xufVxuaW50ZXJmYWNlIEFuaW1hdGlvbldpbmRvd0NvbnRyb2xQcm9wcyB7XG4gIGFuaW1hdGlvbldpbmRvdz86IHN0cmluZztcbiAgc2V0RmlsdGVyQW5pbWF0aW9uV2luZG93OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgdG9nZ2xlQW5pbWF0aW9uV2luZG93Q29udHJvbDogKCkgPT4gdm9pZDtcbiAgaGVpZ2h0Pzogc3RyaW5nO1xuICBhbmltYXRpb25JdGVtczoge1trZXk6IHN0cmluZ106IEFuaW1hdGlvbkl0ZW19O1xuICBidG5TdHlsZTtcbiAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2w6IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEFuaW1hdGlvbldpbmRvd0NvbnRyb2xGYWN0b3J5KCk6IFJlYWN0LkZDPEFuaW1hdGlvbldpbmRvd0NvbnRyb2xQcm9wcz4ge1xuICBjb25zdCBBbmltYXRpb25XaW5kb3dDb250cm9sID0gKHtcbiAgICBhbmltYXRpb25XaW5kb3csXG4gICAgc2V0RmlsdGVyQW5pbWF0aW9uV2luZG93LFxuICAgIHRvZ2dsZUFuaW1hdGlvbldpbmRvd0NvbnRyb2wsXG4gICAgaGVpZ2h0LFxuICAgIGFuaW1hdGlvbkl0ZW1zLFxuICAgIGJ0blN0eWxlID0ge30sXG4gICAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2xcbiAgfTogQW5pbWF0aW9uV2luZG93Q29udHJvbFByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25TZWxlY3RBbmltYXRpb25Db250cm9sID0gdXNlQ2FsbGJhY2soXG4gICAgICBpdGVtID0+IHtcbiAgICAgICAgc2V0RmlsdGVyQW5pbWF0aW9uV2luZG93KGl0ZW0uaWQpO1xuICAgICAgICB0b2dnbGVBbmltYXRpb25XaW5kb3dDb250cm9sKCk7XG4gICAgICB9LFxuICAgICAgW3NldEZpbHRlckFuaW1hdGlvbldpbmRvdywgdG9nZ2xlQW5pbWF0aW9uV2luZG93Q29udHJvbF1cbiAgICApO1xuXG4gICAgcmV0dXJuIHNob3dBbmltYXRpb25XaW5kb3dDb250cm9sID8gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJhbmltYXRpb24td2luZG93LWNvbnRyb2xcIj5cbiAgICAgICAge09iamVjdC52YWx1ZXMoYW5pbWF0aW9uSXRlbXMpXG4gICAgICAgICAgLmZpbHRlcihpdGVtID0+IGl0ZW0uaWQgIT09IGFuaW1hdGlvbldpbmRvdylcbiAgICAgICAgICAubWFwKGl0ZW0gPT4gKFxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgICBkYXRhLXRpcFxuICAgICAgICAgICAgICBkYXRhLWZvcj17YCR7aXRlbS5pZH0tdG9vbHRpcGB9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cInBsYXliYWNrLWNvbnRyb2wtYnV0dG9uXCJcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3RBbmltYXRpb25Db250cm9sKGl0ZW0pfVxuICAgICAgICAgICAgICB7Li4uYnRuU3R5bGV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxpdGVtLmljb24gaGVpZ2h0PXtoZWlnaHR9IC8+XG4gICAgICAgICAgICAgIHtpdGVtLnRvb2x0aXAgPyAoXG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2Ake2l0ZW0uaWR9LXRvb2x0aXBgfSBlZmZlY3Q9XCJzb2xpZFwiIHBsYWNlPVwidG9wXCI+XG4gICAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17aXRlbS50b29sdGlwfSAvPlxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbDtcbiAgfTtcblxuICByZXR1cm4gQW5pbWF0aW9uV2luZG93Q29udHJvbDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQW5pbWF0aW9uV2luZG93Q29udHJvbEZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGFBQUEsR0FBQUQsT0FBQTtBQUVBLElBQUFFLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFJLGlCQUFBLEdBQUFKLE9BQUE7QUFBNkMsU0FBQUQsd0JBQUFNLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFSLHVCQUFBLFlBQUFBLHdCQUFBTSxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FBQSxDQUFBTSxHQUFBLENBQUFaLENBQUEsR0FBQU0sQ0FBQSxDQUFBTyxHQUFBLENBQUFiLENBQUEsRUFBQVEsQ0FBQSxjQUFBTSxFQUFBLElBQUFkLENBQUEsZ0JBQUFjLEVBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLEVBQUEsT0FBQVAsQ0FBQSxJQUFBRCxDQUFBLEdBQUFXLE1BQUEsQ0FBQUMsY0FBQSxLQUFBRCxNQUFBLENBQUFFLHdCQUFBLENBQUFuQixDQUFBLEVBQUFjLEVBQUEsT0FBQVAsQ0FBQSxDQUFBSyxHQUFBLElBQUFMLENBQUEsQ0FBQU0sR0FBQSxJQUFBUCxDQUFBLENBQUFFLENBQUEsRUFBQU0sRUFBQSxFQUFBUCxDQUFBLElBQUFDLENBQUEsQ0FBQU0sRUFBQSxJQUFBZCxDQUFBLENBQUFjLEVBQUEsV0FBQU4sQ0FBQSxLQUFBUixDQUFBLEVBQUFDLENBQUE7QUFQN0M7QUFDQTs7QUF1QkEsU0FBU21CLDZCQUE2QkEsQ0FBQSxFQUEwQztFQUM5RSxJQUFNQyxzQkFBc0IsR0FBRyxTQUF6QkEsc0JBQXNCQSxDQUFBQyxJQUFBLEVBUU87SUFBQSxJQVBqQ0MsZUFBZSxHQUFBRCxJQUFBLENBQWZDLGVBQWU7TUFDZkMsd0JBQXdCLEdBQUFGLElBQUEsQ0FBeEJFLHdCQUF3QjtNQUN4QkMsNEJBQTRCLEdBQUFILElBQUEsQ0FBNUJHLDRCQUE0QjtNQUM1QkMsTUFBTSxHQUFBSixJQUFBLENBQU5JLE1BQU07TUFDTkMsY0FBYyxHQUFBTCxJQUFBLENBQWRLLGNBQWM7TUFBQUMsYUFBQSxHQUFBTixJQUFBLENBQ2RPLFFBQVE7TUFBUkEsUUFBUSxHQUFBRCxhQUFBLGNBQUcsQ0FBQyxDQUFDLEdBQUFBLGFBQUE7TUFDYkUsMEJBQTBCLEdBQUFSLElBQUEsQ0FBMUJRLDBCQUEwQjtJQUUxQixJQUFNQyx3QkFBd0IsR0FBRyxJQUFBQyxrQkFBVyxFQUMxQyxVQUFBQyxJQUFJLEVBQUk7TUFDTlQsd0JBQXdCLENBQUNTLElBQUksQ0FBQ0MsRUFBRSxDQUFDO01BQ2pDVCw0QkFBNEIsQ0FBQyxDQUFDO0lBQ2hDLENBQUMsRUFDRCxDQUFDRCx3QkFBd0IsRUFBRUMsNEJBQTRCLENBQ3pELENBQUM7SUFFRCxPQUFPSywwQkFBMEIsZ0JBQy9CckMsTUFBQSxZQUFBMEMsYUFBQTtNQUFLQyxTQUFTLEVBQUM7SUFBMEIsR0FDdENuQixNQUFNLENBQUNvQixNQUFNLENBQUNWLGNBQWMsQ0FBQyxDQUMzQlcsTUFBTSxDQUFDLFVBQUFMLElBQUk7TUFBQSxPQUFJQSxJQUFJLENBQUNDLEVBQUUsS0FBS1gsZUFBZTtJQUFBLEVBQUMsQ0FDM0NnQixHQUFHLENBQUMsVUFBQU4sSUFBSTtNQUFBLG9CQUNQeEMsTUFBQSxZQUFBMEMsYUFBQSxDQUFDdEMsV0FBQSxXQUFVLE1BQUEyQyxTQUFBO1FBQ1RDLEdBQUcsRUFBRVIsSUFBSSxDQUFDQyxFQUFHO1FBQ2IsZ0JBQVE7UUFDUixlQUFBUSxNQUFBLENBQWFULElBQUksQ0FBQ0MsRUFBRSxhQUFXO1FBQy9CRSxTQUFTLEVBQUMseUJBQXlCO1FBQ25DTyxPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBQTtVQUFBLE9BQVFaLHdCQUF3QixDQUFDRSxJQUFJLENBQUM7UUFBQTtNQUFDLEdBQzFDSixRQUFRLGdCQUVacEMsTUFBQSxZQUFBMEMsYUFBQSxDQUFDRixJQUFJLENBQUNXLElBQUk7UUFBQ2xCLE1BQU0sRUFBRUE7TUFBTyxDQUFFLENBQUMsRUFDNUJPLElBQUksQ0FBQ1ksT0FBTyxnQkFDWHBELE1BQUEsWUFBQTBDLGFBQUEsQ0FBQ3BDLGlCQUFBLENBQUErQyxPQUFPO1FBQUNaLEVBQUUsS0FBQVEsTUFBQSxDQUFLVCxJQUFJLENBQUNDLEVBQUUsYUFBVztRQUFDYSxNQUFNLEVBQUMsT0FBTztRQUFDQyxLQUFLLEVBQUM7TUFBSyxnQkFDM0R2RCxNQUFBLFlBQUEwQyxhQUFBLENBQUN2QyxhQUFBLENBQUFxRCxnQkFBZ0I7UUFBQ2YsRUFBRSxFQUFFRCxJQUFJLENBQUNZO01BQVEsQ0FBRSxDQUM5QixDQUFDLEdBQ1IsSUFDTSxDQUFDO0lBQUEsQ0FDZCxDQUNBLENBQUMsR0FDSixJQUFJO0VBQ1YsQ0FBQztFQUVELE9BQU94QixzQkFBc0I7QUFDL0I7QUFBQyxJQUFBNkIsUUFBQSxHQUFBQyxPQUFBLGNBRWMvQiw2QkFBNkIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/cjs/common/animation-control/export-video-control.js

@@ -0,0 +1,43 @@
+"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 _localization = require("@kepler.gl/localization");
+var _styledComponents = require("../styled-components");
+var _iconButton = _interopRequireDefault(require("../icon-button"));
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+var DELAY_SHOW = 500;
+function ExportVideoControlFactory() {
+  var ExportVideoControl = function ExportVideoControl(_ref) {
+    var showAnimationWindowControl = _ref.showAnimationWindowControl,
+      btnStyle = _ref.btnStyle,
+      buttonHeight = _ref.buttonHeight,
+      playbackIcons = _ref.playbackIcons,
+      exportAnimation = _ref.exportAnimation;
+    return showAnimationWindowControl || !exportAnimation ? null : /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({
+      "data-tip": true,
+      "data-for": "animate-export",
+      className: "playback-control-button",
+      onClick: exportAnimation
+    }, btnStyle), /*#__PURE__*/_react["default"].createElement(playbackIcons["export"], {
+      height: buttonHeight
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents.Tooltip, {
+      id: "animate-export",
+      place: "top",
+      delayShow: DELAY_SHOW,
+      effect: "solid"
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "tooltip.export"
+    })));
+  };
+  return ExportVideoControl;
+}
+var _default = exports["default"] = ExportVideoControlFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9sb2NhbGl6YXRpb24iLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pY29uQnV0dG9uIiwiREVMQVlfU0hPVyIsIkV4cG9ydFZpZGVvQ29udHJvbEZhY3RvcnkiLCJFeHBvcnRWaWRlb0NvbnRyb2wiLCJfcmVmIiwic2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wiLCJidG5TdHlsZSIsImJ1dHRvbkhlaWdodCIsInBsYXliYWNrSWNvbnMiLCJleHBvcnRBbmltYXRpb24iLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMyIiwiY2xhc3NOYW1lIiwib25DbGljayIsImhlaWdodCIsIlRvb2x0aXAiLCJpZCIsInBsYWNlIiwiZGVsYXlTaG93IiwiZWZmZWN0IiwiRm9ybWF0dGVkTWVzc2FnZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vYW5pbWF0aW9uLWNvbnRyb2wvZXhwb3J0LXZpZGVvLWNvbnRyb2wudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7VG9vbHRpcH0gZnJvbSAnLi4vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnLi4vaWNvbi1idXR0b24nO1xuXG5jb25zdCBERUxBWV9TSE9XID0gNTAwO1xuXG5mdW5jdGlvbiBFeHBvcnRWaWRlb0NvbnRyb2xGYWN0b3J5KCkge1xuICBjb25zdCBFeHBvcnRWaWRlb0NvbnRyb2wgPSAoe1xuICAgIHNob3dBbmltYXRpb25XaW5kb3dDb250cm9sLFxuICAgIGJ0blN0eWxlLFxuICAgIGJ1dHRvbkhlaWdodCxcbiAgICBwbGF5YmFja0ljb25zLFxuICAgIGV4cG9ydEFuaW1hdGlvblxuICB9KSA9PiB7XG4gICAgcmV0dXJuIHNob3dBbmltYXRpb25XaW5kb3dDb250cm9sIHx8ICFleHBvcnRBbmltYXRpb24gPyBudWxsIDogKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGF0YS10aXBcbiAgICAgICAgZGF0YS1mb3I9XCJhbmltYXRlLWV4cG9ydFwiXG4gICAgICAgIGNsYXNzTmFtZT1cInBsYXliYWNrLWNvbnRyb2wtYnV0dG9uXCJcbiAgICAgICAgb25DbGljaz17ZXhwb3J0QW5pbWF0aW9ufVxuICAgICAgICB7Li4uYnRuU3R5bGV9XG4gICAgICA+XG4gICAgICAgIDxwbGF5YmFja0ljb25zLmV4cG9ydCBoZWlnaHQ9e2J1dHRvbkhlaWdodH0gLz5cbiAgICAgICAgPFRvb2x0aXAgaWQ9XCJhbmltYXRlLWV4cG9ydFwiIHBsYWNlPVwidG9wXCIgZGVsYXlTaG93PXtERUxBWV9TSE9XfSBlZmZlY3Q9XCJzb2xpZFwiPlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwidG9vbHRpcC5leHBvcnRcIiAvPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gRXhwb3J0VmlkZW9Db250cm9sO1xufVxuXG5leHBvcnQgZGVmYXVsdCBFeHBvcnRWaWRlb0NvbnRyb2xGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGFBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLGlCQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFOQTtBQUNBOztBQU9BLElBQU1JLFVBQVUsR0FBRyxHQUFHO0FBRXRCLFNBQVNDLHlCQUF5QkEsQ0FBQSxFQUFHO0VBQ25DLElBQU1DLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBa0JBLENBQUFDLElBQUEsRUFNbEI7SUFBQSxJQUxKQywwQkFBMEIsR0FBQUQsSUFBQSxDQUExQkMsMEJBQTBCO01BQzFCQyxRQUFRLEdBQUFGLElBQUEsQ0FBUkUsUUFBUTtNQUNSQyxZQUFZLEdBQUFILElBQUEsQ0FBWkcsWUFBWTtNQUNaQyxhQUFhLEdBQUFKLElBQUEsQ0FBYkksYUFBYTtNQUNiQyxlQUFlLEdBQUFMLElBQUEsQ0FBZkssZUFBZTtJQUVmLE9BQU9KLDBCQUEwQixJQUFJLENBQUNJLGVBQWUsR0FBRyxJQUFJLGdCQUMxRGQsTUFBQSxZQUFBZSxhQUFBLENBQUNWLFdBQUEsV0FBVSxNQUFBVyxTQUFBO01BQ1QsZ0JBQVE7TUFDUixZQUFTLGdCQUFnQjtNQUN6QkMsU0FBUyxFQUFDLHlCQUF5QjtNQUNuQ0MsT0FBTyxFQUFFSjtJQUFnQixHQUNyQkgsUUFBUSxnQkFFWlgsTUFBQSxZQUFBZSxhQUFBLENBQUNGLGFBQWE7TUFBUU0sTUFBTSxFQUFFUDtJQUFhLENBQUUsQ0FBQyxlQUM5Q1osTUFBQSxZQUFBZSxhQUFBLENBQUNYLGlCQUFBLENBQUFnQixPQUFPO01BQUNDLEVBQUUsRUFBQyxnQkFBZ0I7TUFBQ0MsS0FBSyxFQUFDLEtBQUs7TUFBQ0MsU0FBUyxFQUFFakIsVUFBVztNQUFDa0IsTUFBTSxFQUFDO0lBQU8sZ0JBQzVFeEIsTUFBQSxZQUFBZSxhQUFBLENBQUNaLGFBQUEsQ0FBQXNCLGdCQUFnQjtNQUFDSixFQUFFLEVBQUM7SUFBZ0IsQ0FBRSxDQUNoQyxDQUNDLENBQ2I7RUFDSCxDQUFDO0VBRUQsT0FBT2Isa0JBQWtCO0FBQzNCO0FBQUMsSUFBQWtCLFFBQUEsR0FBQUMsT0FBQSxjQUVjcEIseUJBQXlCIiwiaWdub3JlTGlzdCI6W119

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

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9pY29ucyIsIl9jb25zdGFudHMiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfdXRpbHMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl90ZW1wbGF0ZU9iamVjdDQiLCJfdGVtcGxhdGVPYmplY3Q1IiwiX3RlbXBsYXRlT2JqZWN0NiIsIl90ZW1wbGF0ZU9iamVjdDciLCJfdGVtcGxhdGVPYmplY3Q4IiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiX3R5cGVvZiIsImhhcyIsImdldCIsInNldCIsIl90IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJTdHlsZWRUaW1lRGlzcGxheVdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJjb25jYXQiLCJ0aGVtZSIsImJvdHRvbVBhbmVsR2FwIiwiYm90dG9tSW5uZXJQZFNpZGUiLCJTdHlsZWRUaW1lRGlzcGxheSIsImNsYXNzbmFtZXMiLCJwYW5lbEJhY2tncm91bmQiLCJ0aW1lRGlzcGxheUJvcmRlclJhZGl1cyIsInRpdGxlVGV4dENvbG9yIiwidGltZURpc3BsYXlIZWlnaHQiLCJ0aW1lRGlzcGxheU1pbldpZHRoIiwidGltZURpc3BsYXlPcGFjaXR5IiwidGltZURpc3BsYXlQYWRkaW5nIiwiU3R5bGVkVGltZURpc3BsYXlHcm91cHMiLCJTdHlsZWRUaW1lRGlzcGxheVJvd3MiLCJTdHlsZWRUaW1lRGlzcGxheVRvcCIsInRleHRDb2xvciIsIlN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tIiwiU3R5bGVkVGltZVZhbHVlR3JvdXAiLCJTdHlsZWRIb3Jpem9udGFsQmFyIiwiVGltZURpdmlkZXIiLCJjcmVhdGVFbGVtZW50IiwiTWludXMiLCJoZWlnaHQiLCJUaW1lRGlzcGxheVJvdyIsIl9yZWYiLCJfcmVmJHRpbWVWYWx1ZXMiLCJ0aW1lVmFsdWVzIiwiQ2VudGVyRmxleGJveCIsIkZsb2F0aW5nVGltZURpc3BsYXlGYWN0b3J5IiwiRmxvYXRpbmdUaW1lRGlzcGxheSIsIl9yZWYyIiwiY3VycmVudFRpbWUiLCJkZWZhdWx0VGltZUZvcm1hdCIsInRpbWVGb3JtYXQiLCJ0aW1lem9uZSIsIl91c2VNZW1vIiwidXNlTWVtbyIsImdyb3VwVGltZSIsIkFycmF5IiwiaXNBcnJheSIsImhhc1VzZXJGb3JtYXQiLCJjdXJyZW50Rm9ybWF0IiwiREVGQVVMVF9USU1FX0ZPUk1BVCIsImRhdGVGdW5jIiwiZGF0ZXRpbWVGb3JtYXR0ZXIiLCJkaXNwbGF5RGF0ZSIsIm1hcCIsImRpc3BsYXlUaW1lIiwicmVkdWNlIiwiYWNjdSIsImN1cnIiLCJfY3VycmVudEZvcm1hdCRzcGxpdCIsInNwbGl0IiwiX2N1cnJlbnRGb3JtYXQkc3BsaXQyIiwiX3NsaWNlZFRvQXJyYXkyIiwiZGF0ZUZvcm1hdCIsImRhdGV0aW1lRm9ybWF0IiwiZGF0ZVN0cmluZyIsInRpbWVTdHJpbmciLCJpbmNsdWRlcyIsInB1c2giLCJ0d29Hcm91cHMiLCJsZW5ndGgiLCJib3R0b21Sb3ciLCJ0b3BSb3ciXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL2FuaW1hdGlvbi1jb250cm9sL2Zsb2F0aW5nLXRpbWUtZGlzcGxheS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7TWludXN9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7REVGQVVMVF9USU1FX0ZPUk1BVH0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtDZW50ZXJGbGV4Ym94fSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmNvbnN0IFN0eWxlZFRpbWVEaXNwbGF5V3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdmbG9hdGluZy10aW1lLWRpc3BsYXknXG59KWBcbiAgYm90dG9tOiAke3Byb3BzID0+IGBjYWxjKDEwMCUgKyAke3Byb3BzLnRoZW1lLmJvdHRvbVBhbmVsR2FwfXB4KWB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tbGVmdDogLSR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm90dG9tSW5uZXJQZFNpZGV9cHg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTsgLyogcHJldmVudCBwYWRkaW5nIGZyb20gYmxvY2tpbmcgaW5wdXQgKi9cbiAgJiA+ICoge1xuICAgIC8qIGFsbCBjaGlsZHJlbiBzaG91bGQgYWxsb3cgaW5wdXQgKi9cbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUaW1lRGlzcGxheSA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdmbG9hdGluZy10aW1lLWRpc3BsYXlfX2lubmVyJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGltZURpc3BsYXlCb3JkZXJSYWRpdXN9cHg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpdGxlVGV4dENvbG9yfTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpbWVEaXNwbGF5SGVpZ2h0fXB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWluLXdpZHRoOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpbWVEaXNwbGF5TWluV2lkdGh9cHg7XG4gIG9wYWNpdHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGltZURpc3BsYXlPcGFjaXR5fTtcbiAgcGFkZGluZzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aW1lRGlzcGxheVBhZGRpbmd9O1xuYDtcblxuY29uc3QgU3R5bGVkVGltZURpc3BsYXlHcm91cHMgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuY29uc3QgU3R5bGVkVGltZURpc3BsYXlSb3dzID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRUaW1lRGlzcGxheVRvcCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhbmltYXRpb24tY29udHJvbF9fdGltZS1kaXNwbGF5X190b3AnXG59KWBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2FuaW1hdGlvbi1jb250cm9sX190aW1lLWRpc3BsYXlfX2JvdHRvbSdcbn0pYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aXRsZVRleHRDb2xvcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRUaW1lVmFsdWVHcm91cCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhbmltYXRpb24tY29udHJvbF9fdGltZS12YWx1ZS1ncm91cCdcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgU3R5bGVkSG9yaXpvbnRhbEJhciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdhbmltYXRpb24tY29udHJvbF9faG9yaXpvbnRhbC1iYXInXG59KWBcbiAgbWFyZ2luOiAwIDEycHg7XG5gO1xuXG5jb25zdCBUaW1lRGl2aWRlciA9ICgpID0+IChcbiAgPFN0eWxlZEhvcml6b250YWxCYXI+XG4gICAgPE1pbnVzIGhlaWdodD1cIjEycHhcIiAvPlxuICA8L1N0eWxlZEhvcml6b250YWxCYXI+XG4pO1xuXG5pbnRlcmZhY2UgVGltZURpc3BsYXlSb3dQcm9wcyB7XG4gIHRpbWVWYWx1ZXM/OiBzdHJpbmdbXTtcbn1cblxuY29uc3QgVGltZURpc3BsYXlSb3cgPSAoe3RpbWVWYWx1ZXMgPSBbXX06IFRpbWVEaXNwbGF5Um93UHJvcHMpID0+IChcbiAgPENlbnRlckZsZXhib3g+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXZhbHVlXCI+e3RpbWVWYWx1ZXNbMF19PC9kaXY+XG4gICAge3RpbWVWYWx1ZXNbMV0gPyA8VGltZURpdmlkZXIgLz4gOiBudWxsfVxuICAgIHt0aW1lVmFsdWVzWzFdID8gPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXZhbHVlXCI+e3RpbWVWYWx1ZXNbMV19PC9kaXY+IDogbnVsbH1cbiAgPC9DZW50ZXJGbGV4Ym94PlxuKTtcblxuaW50ZXJmYWNlIEZsb2F0aW5nVGltZURpc3BsYXlQcm9wcyB7XG4gIGN1cnJlbnRUaW1lOiBudW1iZXIgfCBudW1iZXJbXTtcbiAgZGVmYXVsdFRpbWVGb3JtYXQ/OiBzdHJpbmcgfCBudWxsO1xuICB0aW1lRm9ybWF0Pzogc3RyaW5nIHwgbnVsbDtcbiAgdGltZXpvbmU/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBGbG9hdGluZ1RpbWVEaXNwbGF5RmFjdG9yeSgpIHtcbiAgY29uc3QgRmxvYXRpbmdUaW1lRGlzcGxheSA9ICh7XG4gICAgY3VycmVudFRpbWUsXG4gICAgZGVmYXVsdFRpbWVGb3JtYXQsXG4gICAgdGltZUZvcm1hdCxcbiAgICB0aW1lem9uZVxuICB9OiBGbG9hdGluZ1RpbWVEaXNwbGF5UHJvcHMpID0+IHtcbiAgICBjb25zdCB7ZGlzcGxheURhdGUsIGRpc3BsYXlUaW1lfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgY29uc3QgZ3JvdXBUaW1lID0gQXJyYXkuaXNBcnJheShjdXJyZW50VGltZSkgPyBjdXJyZW50VGltZSA6IFtjdXJyZW50VGltZV07XG4gICAgICBjb25zdCBoYXNVc2VyRm9ybWF0ID0gdHlwZW9mIHRpbWVGb3JtYXQgPT09ICdzdHJpbmcnO1xuICAgICAgY29uc3QgY3VycmVudEZvcm1hdCA9IChoYXNVc2VyRm9ybWF0ID8gdGltZUZvcm1hdCA6IGRlZmF1bHRUaW1lRm9ybWF0KSB8fCBERUZBVUxUX1RJTUVfRk9STUFUO1xuICAgICAgY29uc3QgZGF0ZUZ1bmMgPSBkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSk7XG5cbiAgICAgIGlmIChoYXNVc2VyRm9ybWF0KSB7XG4gICAgICAgIC8vIGRvbnQgc3BsaXQgdGltZSBpZiB1c2VyIGRlZmluZWQgaXRcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBkaXNwbGF5RGF0ZTogZ3JvdXBUaW1lLm1hcChkYXRlRnVuYyhjdXJyZW50Rm9ybWF0KSksXG4gICAgICAgICAgZGlzcGxheVRpbWU6IFtdXG4gICAgICAgIH07XG4gICAgICB9XG4gICAgICByZXR1cm4gZ3JvdXBUaW1lLnJlZHVjZTx7ZGlzcGxheURhdGU6IHN0cmluZ1tdOyBkaXNwbGF5VGltZTogc3RyaW5nW119PihcbiAgICAgICAgKGFjY3UsIGN1cnIpID0+IHtcbiAgICAgICAgICBjb25zdCBbZGF0ZUZvcm1hdCwgZGF0ZXRpbWVGb3JtYXRdID0gY3VycmVudEZvcm1hdC5zcGxpdCgnICcpO1xuICAgICAgICAgIGNvbnN0IGRhdGVTdHJpbmcgPSBkYXRlRnVuYyhkYXRlRm9ybWF0KShjdXJyKTtcbiAgICAgICAgICBjb25zdCB0aW1lU3RyaW5nID0gZGF0ZXRpbWVGb3JtYXQgPyBkYXRlRnVuYyhkYXRldGltZUZvcm1hdCkoY3VycikgOiBudWxsO1xuXG4gICAgICAgICAgaWYgKCFhY2N1LmRpc3BsYXlEYXRlLmluY2x1ZGVzKGRhdGVTdHJpbmcpKSB7XG4gICAgICAgICAgICBhY2N1LmRpc3BsYXlEYXRlLnB1c2goZGF0ZVN0cmluZyk7XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmICh0aW1lU3RyaW5nKSB7XG4gICAgICAgICAgICBhY2N1LmRpc3BsYXlUaW1lLnB1c2godGltZVN0cmluZyk7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgcmV0dXJuIGFjY3U7XG4gICAgICAgIH0sXG4gICAgICAgIHtkaXNwbGF5RGF0ZTogW10sIGRpc3BsYXlUaW1lOiBbXX0gYXMge2Rpc3BsYXlEYXRlOiBzdHJpbmdbXTsgZGlzcGxheVRpbWU6IHN0cmluZ1tdfVxuICAgICAgKTtcbiAgICB9LCBbY3VycmVudFRpbWUsIHRpbWVGb3JtYXQsIGRlZmF1bHRUaW1lRm9ybWF0LCB0aW1lem9uZV0pO1xuXG4gICAgY29uc3QgdHdvR3JvdXBzID0gZGlzcGxheURhdGUubGVuZ3RoID09PSAyICYmIGRpc3BsYXlUaW1lLmxlbmd0aCA9PT0gMjtcbiAgICBjb25zdCBib3R0b21Sb3cgPSBkaXNwbGF5VGltZS5sZW5ndGggPyBkaXNwbGF5VGltZSA6IGRpc3BsYXlEYXRlLmxlbmd0aCA/IGRpc3BsYXlEYXRlIDogbnVsbDtcbiAgICBjb25zdCB0b3BSb3cgPSBkaXNwbGF5RGF0ZS5sZW5ndGggJiYgZGlzcGxheVRpbWUubGVuZ3RoID8gZGlzcGxheURhdGUgOiBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaW1lRGlzcGxheVdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaW1lRGlzcGxheSBjbGFzc05hbWU9XCJhbmltYXRpb24tY29udHJvbF9fdGltZS1kaXNwbGF5XCI+XG4gICAgICAgICAge3R3b0dyb3VwcyA/IChcbiAgICAgICAgICAgIDxTdHlsZWRUaW1lRGlzcGxheUdyb3Vwcz5cbiAgICAgICAgICAgICAgPFN0eWxlZFRpbWVWYWx1ZUdyb3VwPlxuICAgICAgICAgICAgICAgIHsvKiBUaW1lIFN0YXJ0ICovfVxuICAgICAgICAgICAgICAgIDxTdHlsZWRUaW1lRGlzcGxheVRvcD57ZGlzcGxheURhdGVbMF19PC9TdHlsZWRUaW1lRGlzcGxheVRvcD5cbiAgICAgICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlCb3R0b20+e2Rpc3BsYXlUaW1lWzBdfTwvU3R5bGVkVGltZURpc3BsYXlCb3R0b20+XG4gICAgICAgICAgICAgIDwvU3R5bGVkVGltZVZhbHVlR3JvdXA+XG4gICAgICAgICAgICAgIDxUaW1lRGl2aWRlciAvPlxuICAgICAgICAgICAgICA8U3R5bGVkVGltZVZhbHVlR3JvdXA+XG4gICAgICAgICAgICAgICAgey8qIFRpbWUgRW5kICovfVxuICAgICAgICAgICAgICAgIDxTdHlsZWRUaW1lRGlzcGxheVRvcD57ZGlzcGxheURhdGVbMV19PC9TdHlsZWRUaW1lRGlzcGxheVRvcD5cbiAgICAgICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlCb3R0b20+e2Rpc3BsYXlUaW1lWzFdfTwvU3R5bGVkVGltZURpc3BsYXlCb3R0b20+XG4gICAgICAgICAgICAgIDwvU3R5bGVkVGltZVZhbHVlR3JvdXA+XG4gICAgICAgICAgICA8L1N0eWxlZFRpbWVEaXNwbGF5R3JvdXBzPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkVGltZURpc3BsYXlSb3dzPlxuICAgICAgICAgICAgICB7dG9wUm93ID8gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRUaW1lRGlzcGxheVRvcD5cbiAgICAgICAgICAgICAgICAgIDxUaW1lRGlzcGxheVJvdyB0aW1lVmFsdWVzPXt0b3BSb3d9IC8+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRUaW1lRGlzcGxheVRvcD5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtib3R0b21Sb3cgPyAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZFRpbWVEaXNwbGF5Qm90dG9tPlxuICAgICAgICAgICAgICAgICAgPFRpbWVEaXNwbGF5Um93IHRpbWVWYWx1ZXM9e2JvdHRvbVJvd30gLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZFRpbWVEaXNwbGF5Qm90dG9tPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvU3R5bGVkVGltZURpc3BsYXlSb3dzPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkVGltZURpc3BsYXk+XG4gICAgICA8L1N0eWxlZFRpbWVEaXNwbGF5V3JhcHBlcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBGbG9hdGluZ1RpbWVEaXNwbGF5O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEs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

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

@@ -0,0 +1,50 @@
+"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 _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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jbGFzc25hbWVzIiwiX2xvY2FsaXphdGlvbiIsIl9pY29uQnV0dG9uIiwiX3RpcHB5VG9vbHRpcCIsIlBsYXlDb250cm9sRmFjdG9yeSIsIlBsYXlDb250cm9sIiwiX3JlZiIsInNob3dBbmltYXRpb25XaW5kb3dDb250cm9sIiwiaXNBbmltYXRpbmciLCJwYXVzZUFuaW1hdGlvbiIsInN0YXJ0QW5pbWF0aW9uIiwiaXNTcGVlZENvbnRyb2xWaXNpYmxlIiwiYnRuU3R5bGUiLCJwbGF5YmFja0ljb25zIiwiYnV0dG9uSGVpZ2h0IiwiY3JlYXRlRWxlbWVudCIsInBsYWNlbWVudCIsImRlbGF5IiwicmVuZGVyIiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiX2V4dGVuZHMyIiwiY2xhc3NOYW1lIiwiY2xhc3NuYW1lcyIsImFjdGl2ZSIsIm9uQ2xpY2siLCJoaWRlIiwicGF1c2UiLCJoZWlnaHQiLCJwbGF5IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9hbmltYXRpb24tY29udHJvbC9wbGF5LWNvbnRyb2wudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnLi4vaWNvbi1idXR0b24nO1xuaW1wb3J0IFRpcHB5VG9vbHRpcCBmcm9tICcuLi90aXBweS10b29sdGlwJztcblxuZnVuY3Rpb24gUGxheUNvbnRyb2xGYWN0b3J5KCkge1xuICBjb25zdCBQbGF5Q29udHJvbCA9ICh7XG4gICAgc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wsXG4gICAgaXNBbmltYXRpbmcsXG4gICAgcGF1c2VBbmltYXRpb24sXG4gICAgc3RhcnRBbmltYXRpb24sXG4gICAgaXNTcGVlZENvbnRyb2xWaXNpYmxlLFxuICAgIGJ0blN0eWxlLFxuICAgIHBsYXliYWNrSWNvbnMsXG4gICAgYnV0dG9uSGVpZ2h0XG4gIH0pID0+IHtcbiAgICByZXR1cm4gc2hvd0FuaW1hdGlvbldpbmRvd0NvbnRyb2wgPyBudWxsIDogKFxuICAgICAgPFRpcHB5VG9vbHRpcFxuICAgICAgICBwbGFjZW1lbnQ9XCJ0b3BcIlxuICAgICAgICBkZWxheT17WzUwMCwgMF19XG4gICAgICAgIHJlbmRlcj17KCkgPT4gPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2lzQW5pbWF0aW5nID8gJ3Rvb2x0aXAucGF1c2UnIDogJ3Rvb2x0aXAucGxheSd9IC8+fVxuICAgICAgPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygncGxheWJhY2stY29udHJvbC1idXR0b24nLCB7YWN0aXZlOiBpc0FuaW1hdGluZ30pfVxuICAgICAgICAgIG9uQ2xpY2s9e2lzQW5pbWF0aW5nID8gcGF1c2VBbmltYXRpb24gOiBzdGFydEFuaW1hdGlvbn1cbiAgICAgICAgICBoaWRlPXtpc1NwZWVkQ29udHJvbFZpc2libGV9XG4gICAgICAgICAgey4uLmJ0blN0eWxlfVxuICAgICAgICA+XG4gICAgICAgICAge2lzQW5pbWF0aW5nID8gKFxuICAgICAgICAgICAgPHBsYXliYWNrSWNvbnMucGF1c2UgaGVpZ2h0PXtidXR0b25IZWlnaHR9IC8+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxwbGF5YmFja0ljb25zLnBsYXkgaGVpZ2h0PXtidXR0b25IZWlnaHR9IC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9UaXBweVRvb2x0aXA+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gUGxheUNvbnRyb2w7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBsYXlDb250cm9sRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxXQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxhQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxhQUFBLEdBQUFMLHNCQUFBLENBQUFDLE9BQUE7QUFQQTtBQUNBOztBQVFBLFNBQVNLLGtCQUFrQkEsQ0FBQSxFQUFHO0VBQzVCLElBQU1DLFdBQVcsR0FBRyxTQUFkQSxXQUFXQSxDQUFBQyxJQUFBLEVBU1g7SUFBQSxJQVJKQywwQkFBMEIsR0FBQUQsSUFBQSxDQUExQkMsMEJBQTBCO01BQzFCQyxXQUFXLEdBQUFGLElBQUEsQ0FBWEUsV0FBVztNQUNYQyxjQUFjLEdBQUFILElBQUEsQ0FBZEcsY0FBYztNQUNkQyxjQUFjLEdBQUFKLElBQUEsQ0FBZEksY0FBYztNQUNkQyxxQkFBcUIsR0FBQUwsSUFBQSxDQUFyQksscUJBQXFCO01BQ3JCQyxRQUFRLEdBQUFOLElBQUEsQ0FBUk0sUUFBUTtNQUNSQyxhQUFhLEdBQUFQLElBQUEsQ0FBYk8sYUFBYTtNQUNiQyxZQUFZLEdBQUFSLElBQUEsQ0FBWlEsWUFBWTtJQUVaLE9BQU9QLDBCQUEwQixHQUFHLElBQUksZ0JBQ3RDVixNQUFBLFlBQUFrQixhQUFBLENBQUNaLGFBQUEsV0FBWTtNQUNYYSxTQUFTLEVBQUMsS0FBSztNQUNmQyxLQUFLLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFFO01BQ2hCQyxNQUFNLEVBQUUsU0FBUkEsTUFBTUEsQ0FBQTtRQUFBLG9CQUFRckIsTUFBQSxZQUFBa0IsYUFBQSxDQUFDZCxhQUFBLENBQUFrQixnQkFBZ0I7VUFBQ0MsRUFBRSxFQUFFWixXQUFXLEdBQUcsZUFBZSxHQUFHO1FBQWUsQ0FBRSxDQUFDO01BQUE7SUFBQyxnQkFFdkZYLE1BQUEsWUFBQWtCLGFBQUEsQ0FBQ2IsV0FBQSxXQUFVLE1BQUFtQixTQUFBO01BQ1RDLFNBQVMsRUFBRSxJQUFBQyxzQkFBVSxFQUFDLHlCQUF5QixFQUFFO1FBQUNDLE1BQU0sRUFBRWhCO01BQVcsQ0FBQyxDQUFFO01BQ3hFaUIsT0FBTyxFQUFFakIsV0FBVyxHQUFHQyxjQUFjLEdBQUdDLGNBQWU7TUFDdkRnQixJQUFJLEVBQUVmO0lBQXNCLEdBQ3hCQyxRQUFRLEdBRVhKLFdBQVcsZ0JBQ1ZYLE1BQUEsWUFBQWtCLGFBQUEsQ0FBQ0YsYUFBYSxDQUFDYyxLQUFLO01BQUNDLE1BQU0sRUFBRWQ7SUFBYSxDQUFFLENBQUMsZ0JBRTdDakIsTUFBQSxZQUFBa0IsYUFBQSxDQUFDRixhQUFhLENBQUNnQixJQUFJO01BQUNELE1BQU0sRUFBRWQ7SUFBYSxDQUFFLENBRW5DLENBQ0EsQ0FDZjtFQUNILENBQUM7RUFFRCxPQUFPVCxXQUFXO0FBQ3BCO0FBQUMsSUFBQXlCLFFBQUEsR0FBQUMsT0FBQSxjQUVjM0Isa0JBQWtCIiwiaWdub3JlTGlzdCI6W119