@kepler.gl/components 3.3.0-alpha.0 → 3.3.0-alpha.10

package/dist/esm/common/timeline-slider.js

@@ -0,0 +1,133 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import throttle from 'es-toolkit/compat/throttle';
+import classnames from 'classnames';
+import { clamp, datetimeFormatter } from '@kepler.gl/utils';
+import { media } from '@kepler.gl/styles';
+import { DEFAULT_TIME_FORMAT, ANIMATION_WINDOW } from '@kepler.gl/constants';
+import Slider from './slider/slider';
+function noop() {
+  return;
+}
+var SLIDER_MARGIN_PALM = 6;
+var AnimationControlSlider = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+var SliderWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  margin: 0 4px;\n  padding: 0 6px;\n\n  ", "\n"])), media.palm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin: 0 ", "px;\n  "])), SLIDER_MARGIN_PALM));
+var StyledSlider = styled(Slider)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  .kg-range-slider__bar {\n    // change colors\n  }\n"])));
+var StyledDomain = styled.div.attrs(function (props) {
+  return {
+    className: classnames('animation-control__time-domain', props.className)
+  };
+})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 10px;\n  flex-shrink: 0;\n  white-space: nowrap;\n"])), function (props) {
+  return props.theme.titleTextColor;
+});
+var PROGRESS_BAR_HEIGHT = 8;
+function TimelineSliderFactory() {
+  var TimelineSlider = function TimelineSlider(_ref) {
+    var timeline = _ref.timeline,
+      setTimelineValue = _ref.setTimelineValue,
+      _ref$enableBarDrag = _ref.enableBarDrag,
+      enableBarDrag = _ref$enableBarDrag === void 0 ? true : _ref$enableBarDrag,
+      _ref$showDomainTimes = _ref.showDomainTimes,
+      showDomainTimes = _ref$showDomainTimes === void 0 ? true : _ref$showDomainTimes,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? PROGRESS_BAR_HEIGHT : _ref$height,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? null : _ref$className,
+      style = _ref.style;
+    var onThrottleUpdate = useMemo(function () {
+      return throttle(setTimelineValue, 20);
+    }, [setTimelineValue]);
+    var step = timeline.step,
+      domain = timeline.domain,
+      value = timeline.value,
+      timeFormat = timeline.timeFormat,
+      defaultTimeFormat = timeline.defaultTimeFormat,
+      timezone = timeline.timezone,
+      animationWindow = timeline.animationWindow,
+      marks = timeline.marks;
+    var isRanged = useMemo(function () {
+      return Array.isArray(value) && value.length === 2 && animationWindow !== ANIMATION_WINDOW.interval;
+    }, [animationWindow, value]);
+    var _useMemo = useMemo(function () {
+        return [isRanged ? value[0] : null, isRanged ? value[1] : value[0]];
+      }, [isRanged, value]),
+      _useMemo2 = _slicedToArray(_useMemo, 2),
+      value0 = _useMemo2[0],
+      value1 = _useMemo2[1];
+    var _useMemo3 = useMemo(function () {
+        if (!domain) {
+          return [value0, value1];
+        }
+        return [isRanged ? clamp(domain, value0) : value0, clamp(domain, value1)];
+      }, [domain, isRanged, value0, value1]),
+      _useMemo4 = _slicedToArray(_useMemo3, 2),
+      displayValue0 = _useMemo4[0],
+      displayValue1 = _useMemo4[1];
+    var _useMemo5 = useMemo(function () {
+        if (!domain) return [noop, noop];
+        return [isRanged ? function (newValue) {
+          return onThrottleUpdate([clamp(domain, newValue), value1]);
+        } : noop, isRanged ? function (newValue) {
+          return onThrottleUpdate([value0, clamp(domain, newValue)]);
+        } : function (newValue) {
+          return onThrottleUpdate(animationWindow === ANIMATION_WINDOW.interval ?
+          // filter requires an array with 2 values
+          [clamp(domain, newValue), clamp(domain, newValue)] :
+          // animationConfig only requires one value
+          [clamp(domain, newValue)]);
+        }];
+      }, [animationWindow, domain, isRanged, value0, value1, onThrottleUpdate]),
+      _useMemo6 = _slicedToArray(_useMemo5, 2),
+      onSlider0Change = _useMemo6[0],
+      onSlider1Change = _useMemo6[1];
+    var timelineSliderStyle = useMemo(function () {
+      return {
+        height: "".concat(height, "px")
+      };
+    }, [height]);
+    var _useMemo7 = useMemo(function () {
+        if (!showDomainTimes) {
+          return [null, null];
+        }
+        var hasUserFormat = typeof timeFormat === 'string';
+        var currentFormat = (hasUserFormat ? timeFormat : defaultTimeFormat) || DEFAULT_TIME_FORMAT;
+        var dateFunc = datetimeFormatter(timezone)(currentFormat);
+        return [domain ? dateFunc(domain[0]) : '', domain ? dateFunc(domain[1]) : ''];
+      }, [domain, timezone, timeFormat, defaultTimeFormat, showDomainTimes]),
+      _useMemo8 = _slicedToArray(_useMemo7, 2),
+      timeStart = _useMemo8[0],
+      timeEnd = _useMemo8[1];
+    var requiresRangeSlider = isRanged && animationWindow !== ANIMATION_WINDOW.interval;
+    return /*#__PURE__*/React.createElement(AnimationControlSlider, {
+      style: style,
+      className: classnames('animation-control__time-slider', className)
+    }, timeStart ? /*#__PURE__*/React.createElement(StyledDomain, {
+      className: "domain-start"
+    }, /*#__PURE__*/React.createElement("span", null, timeStart)) : null, /*#__PURE__*/React.createElement(SliderWrapper, {
+      className: "animation-control__slider"
+    }, /*#__PURE__*/React.createElement(StyledSlider, {
+      isRanged: requiresRangeSlider,
+      step: step || undefined,
+      minValue: domain ? domain[0] : 0,
+      maxValue: domain ? domain[1] : 1,
+      enableBarDrag: enableBarDrag,
+      style: timelineSliderStyle,
+      onSlider0Change: onSlider0Change,
+      onSlider1Change: onSlider1Change,
+      value0: displayValue0,
+      value1: displayValue1,
+      marks: marks
+    })), timeEnd ? /*#__PURE__*/React.createElement(StyledDomain, {
+      className: "domain-end"
+    }, /*#__PURE__*/React.createElement("span", null, timeEnd)) : null);
+  };
+  return TimelineSlider;
+}
+export default TimelineSliderFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJzdHlsZWQiLCJ0aHJvdHRsZSIsImNsYXNzbmFtZXMiLCJjbGFtcCIsImRhdGV0aW1lRm9ybWF0dGVyIiwibWVkaWEiLCJERUZBVUxUX1RJTUVfRk9STUFUIiwiQU5JTUFUSU9OX1dJTkRPVyIsIlNsaWRlciIsIm5vb3AiLCJTTElERVJfTUFSR0lOX1BBTE0iLCJBbmltYXRpb25Db250cm9sU2xpZGVyIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsIlNsaWRlcldyYXBwZXIiLCJfdGVtcGxhdGVPYmplY3QyIiwicGFsbSIsIl90ZW1wbGF0ZU9iamVjdDMiLCJTdHlsZWRTbGlkZXIiLCJfdGVtcGxhdGVPYmplY3Q0IiwiU3R5bGVkRG9tYWluIiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdDUiLCJ0aGVtZSIsInRpdGxlVGV4dENvbG9yIiwiUFJPR1JFU1NfQkFSX0hFSUdIVCIsIlRpbWVsaW5lU2xpZGVyRmFjdG9yeSIsIlRpbWVsaW5lU2xpZGVyIiwiX3JlZiIsInRpbWVsaW5lIiwic2V0VGltZWxpbmVWYWx1ZSIsIl9yZWYkZW5hYmxlQmFyRHJhZyIsImVuYWJsZUJhckRyYWciLCJfcmVmJHNob3dEb21haW5UaW1lcyIsInNob3dEb21haW5UaW1lcyIsIl9yZWYkaGVpZ2h0IiwiaGVpZ2h0IiwiX3JlZiRjbGFzc05hbWUiLCJzdHlsZSIsIm9uVGhyb3R0bGVVcGRhdGUiLCJzdGVwIiwiZG9tYWluIiwidmFsdWUiLCJ0aW1lRm9ybWF0IiwiZGVmYXVsdFRpbWVGb3JtYXQiLCJ0aW1lem9uZSIsImFuaW1hdGlvbldpbmRvdyIsIm1hcmtzIiwiaXNSYW5nZWQiLCJBcnJheSIsImlzQXJyYXkiLCJsZW5ndGgiLCJpbnRlcnZhbCIsIl91c2VNZW1vIiwiX3VzZU1lbW8yIiwiX3NsaWNlZFRvQXJyYXkiLCJ2YWx1ZTAiLCJ2YWx1ZTEiLCJfdXNlTWVtbzMiLCJfdXNlTWVtbzQiLCJkaXNwbGF5VmFsdWUwIiwiZGlzcGxheVZhbHVlMSIsIl91c2VNZW1vNSIsIm5ld1ZhbHVlIiwiX3VzZU1lbW82Iiwib25TbGlkZXIwQ2hhbmdlIiwib25TbGlkZXIxQ2hhbmdlIiwidGltZWxpbmVTbGlkZXJTdHlsZSIsImNvbmNhdCIsIl91c2VNZW1vNyIsImhhc1VzZXJGb3JtYXQiLCJjdXJyZW50Rm9ybWF0IiwiZGF0ZUZ1bmMiLCJfdXNlTWVtbzgiLCJ0aW1lU3RhcnQiLCJ0aW1lRW5kIiwicmVxdWlyZXNSYW5nZVNsaWRlciIsImNyZWF0ZUVsZW1lbnQiLCJ1bmRlZmluZWQiLCJtaW5WYWx1ZSIsIm1heFZhbHVlIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbW1vbi90aW1lbGluZS1zbGlkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQsIHtJU3R5bGVkQ29tcG9uZW50fSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnZXMtdG9vbGtpdC9jb21wYXQvdGhyb3R0bGUnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge2NsYW1wLCBkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5pbXBvcnQge21lZGlhfSBmcm9tICdAa2VwbGVyLmdsL3N0eWxlcyc7XG5pbXBvcnQge0RFRkFVTFRfVElNRV9GT1JNQVQsIEFOSU1BVElPTl9XSU5ET1d9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7VGltZWxpbmV9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IFNsaWRlciBmcm9tICcuL3NsaWRlci9zbGlkZXInO1xuaW1wb3J0IHtCYXNlQ29tcG9uZW50UHJvcHN9IGZyb20gJy4uL3R5cGVzJztcblxuZnVuY3Rpb24gbm9vcCgpIHtcbiAgcmV0dXJuO1xufVxuXG5jb25zdCBTTElERVJfTUFSR0lOX1BBTE0gPSA2O1xuXG5leHBvcnQgdHlwZSBBbmltYXRpb25Db250cm9sU2xpZGVyUHJvcHMgPSBCYXNlQ29tcG9uZW50UHJvcHM7XG5cbmNvbnN0IEFuaW1hdGlvbkNvbnRyb2xTbGlkZXI6IElTdHlsZWRDb21wb25lbnQ8J3dlYicsIEFuaW1hdGlvbkNvbnRyb2xTbGlkZXJQcm9wcz4gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU2xpZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZmxleC1ncm93OiAxO1xuICBtYXJnaW46IDAgNHB4O1xuICBwYWRkaW5nOiAwIDZweDtcblxuICAke21lZGlhLnBhbG1gXG4gICAgbWFyZ2luOiAwICR7U0xJREVSX01BUkdJTl9QQUxNfXB4O1xuICBgfVxuYDtcblxuY29uc3QgU3R5bGVkU2xpZGVyID0gc3R5bGVkKFNsaWRlcilgXG4gIC5rZy1yYW5nZS1zbGlkZXJfX2JhciB7XG4gICAgLy8gY2hhbmdlIGNvbG9yc1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREb21haW4gPSBzdHlsZWQuZGl2LmF0dHJzKHByb3BzID0+ICh7XG4gIGNsYXNzTmFtZTogY2xhc3NuYW1lcygnYW5pbWF0aW9uLWNvbnRyb2xfX3RpbWUtZG9tYWluJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aXRsZVRleHRDb2xvcn07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5jb25zdCBQUk9HUkVTU19CQVJfSEVJR0hUID0gODtcblxuaW50ZXJmYWNlIFRpbWVsaW5lU2xpZGVyUHJvcHMge1xuICB0aW1lbGluZTogVGltZWxpbmU7XG4gIHNldFRpbWVsaW5lVmFsdWU6ICh2YWx1ZTogW251bWJlcl0gfCBbbnVtYmVyLCBudW1iZXJdKSA9PiB2b2lkO1xuICBlbmFibGVCYXJEcmFnPzogYm9vbGVhbjtcbiAgc2hvd0RvbWFpblRpbWVzPzogYm9vbGVhbjtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBjbGFzc05hbWU/OiBzdHJpbmcgfCBudWxsO1xuICBzdHlsZT86IG9iamVjdDtcbn1cblxuZnVuY3Rpb24gVGltZWxpbmVTbGlkZXJGYWN0b3J5KCkge1xuICBjb25zdCBUaW1lbGluZVNsaWRlcjogUmVhY3QuRkM8VGltZWxpbmVTbGlkZXJQcm9wcz4gPSAoe1xuICAgIHRpbWVsaW5lLCAvLyB0aW1lbGluZSBjYW4gYmUgYSB1bmlvbiBvZiBmaWx0ZXIgYW5kIGFuaW1hdGlvbkNvbmZpZ1xuICAgIC8vIHdlIGNhbiBwYXNzIHRpbWVsaW5lIHRvIGEgaG9vayBhbmQgZ2V0IGJhY2sgdmFsdWVzIGFuZCBjb250cm9sbGVyc1xuICAgIHNldFRpbWVsaW5lVmFsdWUsXG4gICAgZW5hYmxlQmFyRHJhZyA9IHRydWUsXG4gICAgc2hvd0RvbWFpblRpbWVzID0gdHJ1ZSxcbiAgICBoZWlnaHQgPSBQUk9HUkVTU19CQVJfSEVJR0hULFxuICAgIGNsYXNzTmFtZSA9IG51bGwsXG4gICAgc3R5bGVcbiAgfSkgPT4ge1xuICAgIGNvbnN0IG9uVGhyb3R0bGVVcGRhdGUgPSB1c2VNZW1vKCgpID0+IHRocm90dGxlKHNldFRpbWVsaW5lVmFsdWUsIDIwKSwgW3NldFRpbWVsaW5lVmFsdWVdKTtcblxuICAgIGNvbnN0IHtzdGVwLCBkb21haW4sIHZhbHVlLCB0aW1lRm9ybWF0LCBkZWZhdWx0VGltZUZvcm1hdCwgdGltZXpvbmUsIGFuaW1hdGlvbldpbmRvdywgbWFya3N9ID1cbiAgICAgIHRpbWVsaW5lO1xuXG4gICAgY29uc3QgaXNSYW5nZWQgPSB1c2VNZW1vKFxuICAgICAgKCkgPT5cbiAgICAgICAgQXJyYXkuaXNBcnJheSh2YWx1ZSkgJiYgdmFsdWUubGVuZ3RoID09PSAyICYmIGFuaW1hdGlvbldpbmRvdyAhPT0gQU5JTUFUSU9OX1dJTkRPVy5pbnRlcnZhbCxcbiAgICAgIFthbmltYXRpb25XaW5kb3csIHZhbHVlXVxuICAgICk7XG5cbiAgICBjb25zdCBbdmFsdWUwLCB2YWx1ZTFdOiBbbnVtYmVyLCBudW1iZXJdID0gdXNlTWVtbyhcbiAgICAgICgpID0+IFtpc1JhbmdlZCA/IHZhbHVlWzBdIDogbnVsbCwgaXNSYW5nZWQgPyB2YWx1ZVsxXSA6IHZhbHVlWzBdXSxcbiAgICAgIFtpc1JhbmdlZCwgdmFsdWVdXG4gICAgKTtcblxuICAgIGNvbnN0IFtkaXNwbGF5VmFsdWUwLCBkaXNwbGF5VmFsdWUxXTogW251bWJlciwgbnVtYmVyXSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFkb21haW4pIHtcbiAgICAgICAgcmV0dXJuIFt2YWx1ZTAsIHZhbHVlMV07XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBbaXNSYW5nZWQgPyBjbGFtcChkb21haW4sIHZhbHVlMCkgOiB2YWx1ZTAsIGNsYW1wKGRvbWFpbiwgdmFsdWUxKV07XG4gICAgfSwgW2RvbWFpbiwgaXNSYW5nZWQsIHZhbHVlMCwgdmFsdWUxXSk7XG5cbiAgICBjb25zdCBbb25TbGlkZXIwQ2hhbmdlLCBvblNsaWRlcjFDaGFuZ2VdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIWRvbWFpbikgcmV0dXJuIFtub29wLCBub29wXTtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIGlzUmFuZ2VkXG4gICAgICAgICAgPyAobmV3VmFsdWU6IG51bWJlcikgPT4gb25UaHJvdHRsZVVwZGF0ZShbY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSksIHZhbHVlMV0pXG4gICAgICAgICAgOiBub29wLFxuICAgICAgICBpc1JhbmdlZFxuICAgICAgICAgID8gKG5ld1ZhbHVlOiBudW1iZXIpID0+IG9uVGhyb3R0bGVVcGRhdGUoW3ZhbHVlMCwgY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSldKVxuICAgICAgICAgIDogKG5ld1ZhbHVlOiBudW1iZXIpID0+XG4gICAgICAgICAgICAgIG9uVGhyb3R0bGVVcGRhdGUoXG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uV2luZG93ID09PSBBTklNQVRJT05fV0lORE9XLmludGVydmFsXG4gICAgICAgICAgICAgICAgICA/IC8vIGZpbHRlciByZXF1aXJlcyBhbiBhcnJheSB3aXRoIDIgdmFsdWVzXG4gICAgICAgICAgICAgICAgICAgIFtjbGFtcChkb21haW4sIG5ld1ZhbHVlKSwgY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSldXG4gICAgICAgICAgICAgICAgICA6IC8vIGFuaW1hdGlvbkNvbmZpZyBvbmx5IHJlcXVpcmVzIG9uZSB2YWx1ZVxuICAgICAgICAgICAgICAgICAgICBbY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSldXG4gICAgICAgICAgICAgIClcbiAgICAgIF07XG4gICAgfSwgW2FuaW1hdGlvbldpbmRvdywgZG9tYWluLCBpc1JhbmdlZCwgdmFsdWUwLCB2YWx1ZTEsIG9uVGhyb3R0bGVVcGRhdGVdKTtcblxuICAgIGNvbnN0IHRpbWVsaW5lU2xpZGVyU3R5bGUgPSB1c2VNZW1vKCgpID0+ICh7aGVpZ2h0OiBgJHtoZWlnaHR9cHhgfSksIFtoZWlnaHRdKTtcblxuICAgIGNvbnN0IFt0aW1lU3RhcnQsIHRpbWVFbmRdID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoIXNob3dEb21haW5UaW1lcykge1xuICAgICAgICByZXR1cm4gW251bGwsIG51bGxdO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBoYXNVc2VyRm9ybWF0ID0gdHlwZW9mIHRpbWVGb3JtYXQgPT09ICdzdHJpbmcnO1xuICAgICAgY29uc3QgY3VycmVudEZvcm1hdCA9IChoYXNVc2VyRm9ybWF0ID8gdGltZUZvcm1hdCA6IGRlZmF1bHRUaW1lRm9ybWF0KSB8fCBERUZBVUxUX1RJTUVfRk9STUFUO1xuICAgICAgY29uc3QgZGF0ZUZ1bmMgPSBkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSkoY3VycmVudEZvcm1hdCk7XG5cbiAgICAgIHJldHVybiBbZG9tYWluID8gZGF0ZUZ1bmMoZG9tYWluWzBdKSA6ICcnLCBkb21haW4gPyBkYXRlRnVuYyhkb21haW5bMV0pIDogJyddO1xuICAgIH0sIFtkb21haW4sIHRpbWV6b25lLCB0aW1lRm9ybWF0LCBkZWZhdWx0VGltZUZvcm1hdCwgc2hvd0RvbWFpblRpbWVzXSk7XG5cbiAgICBjb25zdCByZXF1aXJlc1JhbmdlU2xpZGVyID0gaXNSYW5nZWQgJiYgYW5pbWF0aW9uV2luZG93ICE9PSBBTklNQVRJT05fV0lORE9XLmludGVydmFsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBbmltYXRpb25Db250cm9sU2xpZGVyXG4gICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCdhbmltYXRpb24tY29udHJvbF9fdGltZS1zbGlkZXInLCBjbGFzc05hbWUpfVxuICAgICAgPlxuICAgICAgICB7dGltZVN0YXJ0ID8gKFxuICAgICAgICAgIDxTdHlsZWREb21haW4gY2xhc3NOYW1lPVwiZG9tYWluLXN0YXJ0XCI+XG4gICAgICAgICAgICA8c3Bhbj57dGltZVN0YXJ0fTwvc3Bhbj5cbiAgICAgICAgICA8L1N0eWxlZERvbWFpbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDxTbGlkZXJXcmFwcGVyIGNsYXNzTmFtZT1cImFuaW1hdGlvbi1jb250cm9sX19zbGlkZXJcIj5cbiAgICAgICAgICA8U3R5bGVkU2xpZGVyXG4gICAgICAgICAgICBpc1JhbmdlZD17cmVxdWlyZXNSYW5nZVNsaWRlcn1cbiAgICAgICAgICAgIHN0ZXA9e3N0ZXAgfHwgdW5kZWZpbmVkfVxuICAgICAgICAgICAgbWluVmFsdWU9e2RvbWFpbiA/IGRvbWFpblswXSA6IDB9XG4gICAgICAgICAgICBtYXhWYWx1ZT17ZG9tYWluID8gZG9tYWluWzFdIDogMX1cbiAgICAgICAgICAgIGVuYWJsZUJhckRyYWc9e2VuYWJsZUJhckRyYWd9XG4gICAgICAgICAgICBzdHlsZT17dGltZWxpbmVTbGlkZXJTdHlsZX1cbiAgICAgICAgICAgIG9uU2xpZGVyMENoYW5nZT17b25TbGlkZXIwQ2hhbmdlfVxuICAgICAgICAgICAgb25TbGlkZXIxQ2hhbmdlPXtvblNsaWRlcjFDaGFuZ2V9XG4gICAgICAgICAgICB2YWx1ZTA9e2Rpc3BsYXlWYWx1ZTB9XG4gICAgICAgICAgICB2YWx1ZTE9e2Rpc3BsYXlWYWx1ZTF9XG4gICAgICAgICAgICBtYXJrcz17bWFya3N9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TbGlkZXJXcmFwcGVyPlxuICAgICAgICB7dGltZUVuZCA/IChcbiAgICAgICAgICA8U3R5bGVkRG9tYWluIGNsYXNzTmFtZT1cImRvbWFpbi1lbmRcIj5cbiAgICAgICAgICAgIDxzcGFuPnt0aW1lRW5kfTwvc3Bhbj5cbiAgICAgICAgICA8L1N0eWxlZERvbWFpbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L0FuaW1hdGlvbkNvbnRyb2xTbGlkZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gVGltZWxpbmVTbGlkZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFRpbWVsaW5lU2xpZGVyRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLElBQUdDLE9BQU8sUUFBTyxPQUFPO0FBQ3BDLE9BQU9DLE1BQU0sTUFBMEIsbUJBQW1CO0FBQzFELE9BQU9DLFFBQVEsTUFBTSw0QkFBNEI7QUFDakQsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsU0FBUUMsS0FBSyxFQUFFQyxpQkFBaUIsUUFBTyxrQkFBa0I7QUFDekQsU0FBUUMsS0FBSyxRQUFPLG1CQUFtQjtBQUN2QyxTQUFRQyxtQkFBbUIsRUFBRUMsZ0JBQWdCLFFBQU8sc0JBQXNCO0FBRTFFLE9BQU9DLE1BQU0sTUFBTSxpQkFBaUI7QUFHcEMsU0FBU0MsSUFBSUEsQ0FBQSxFQUFHO0VBQ2Q7QUFDRjtBQUVBLElBQU1DLGtCQUFrQixHQUFHLENBQUM7QUFJNUIsSUFBTUMsc0JBQTRFLEdBQUdYLE1BQU0sQ0FBQ1ksR0FBRyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEsb0RBRzlGO0FBRUQsSUFBTUMsYUFBYSxHQUFHZixNQUFNLENBQUNZLEdBQUcsQ0FBQUksZ0JBQUEsS0FBQUEsZ0JBQUEsR0FBQUYsc0JBQUEsb0hBTzVCVCxLQUFLLENBQUNZLElBQUksQ0FBQUMsZ0JBQUEsS0FBQUEsZ0JBQUEsR0FBQUosc0JBQUEsb0NBQ0VKLGtCQUFrQixFQUVqQztBQUVELElBQU1TLFlBQVksR0FBR25CLE1BQU0sQ0FBQ1EsTUFBTSxDQUFDLENBQUFZLGdCQUFBLEtBQUFBLGdCQUFBLEdBQUFOLHNCQUFBLGdFQUlsQztBQUVELElBQU1PLFlBQVksR0FBR3JCLE1BQU0sQ0FBQ1ksR0FBRyxDQUFDVSxLQUFLLENBQUMsVUFBQUMsS0FBSztFQUFBLE9BQUs7SUFDOUNDLFNBQVMsRUFBRXRCLFVBQVUsQ0FBQyxnQ0FBZ0MsRUFBRXFCLEtBQUssQ0FBQ0MsU0FBUztFQUN6RSxDQUFDO0FBQUEsQ0FBQyxDQUFDLENBQUFDLGdCQUFBLEtBQUFBLGdCQUFBLEdBQUFYLHNCQUFBLCtHQUNRLFVBQUFTLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNHLEtBQUssQ0FBQ0MsY0FBYztBQUFBLEVBSzdDO0FBRUQsSUFBTUMsbUJBQW1CLEdBQUcsQ0FBQztBQVk3QixTQUFTQyxxQkFBcUJBLENBQUEsRUFBRztFQUMvQixJQUFNQyxjQUE2QyxHQUFHLFNBQWhEQSxjQUE2Q0EsQ0FBQUMsSUFBQSxFQVM3QztJQUFBLElBUkpDLFFBQVEsR0FBQUQsSUFBQSxDQUFSQyxRQUFRO01BRVJDLGdCQUFnQixHQUFBRixJQUFBLENBQWhCRSxnQkFBZ0I7TUFBQUMsa0JBQUEsR0FBQUgsSUFBQSxDQUNoQkksYUFBYTtNQUFiQSxhQUFhLEdBQUFELGtCQUFBLGNBQUcsSUFBSSxHQUFBQSxrQkFBQTtNQUFBRSxvQkFBQSxHQUFBTCxJQUFBLENBQ3BCTSxlQUFlO01BQWZBLGVBQWUsR0FBQUQsb0JBQUEsY0FBRyxJQUFJLEdBQUFBLG9CQUFBO01BQUFFLFdBQUEsR0FBQVAsSUFBQSxDQUN0QlEsTUFBTTtNQUFOQSxNQUFNLEdBQUFELFdBQUEsY0FBR1YsbUJBQW1CLEdBQUFVLFdBQUE7TUFBQUUsY0FBQSxHQUFBVCxJQUFBLENBQzVCUCxTQUFTO01BQVRBLFNBQVMsR0FBQWdCLGNBQUEsY0FBRyxJQUFJLEdBQUFBLGNBQUE7TUFDaEJDLEtBQUssR0FBQVYsSUFBQSxDQUFMVSxLQUFLO0lBRUwsSUFBTUMsZ0JBQWdCLEdBQUczQyxPQUFPLENBQUM7TUFBQSxPQUFNRSxRQUFRLENBQUNnQyxnQkFBZ0IsRUFBRSxFQUFFLENBQUM7SUFBQSxHQUFFLENBQUNBLGdCQUFnQixDQUFDLENBQUM7SUFFMUYsSUFBT1UsSUFBSSxHQUNUWCxRQUFRLENBREhXLElBQUk7TUFBRUMsTUFBTSxHQUNqQlosUUFBUSxDQURHWSxNQUFNO01BQUVDLEtBQUssR0FDeEJiLFFBQVEsQ0FEV2EsS0FBSztNQUFFQyxVQUFVLEdBQ3BDZCxRQUFRLENBRGtCYyxVQUFVO01BQUVDLGlCQUFpQixHQUN2RGYsUUFBUSxDQUQ4QmUsaUJBQWlCO01BQUVDLFFBQVEsR0FDakVoQixRQUFRLENBRGlEZ0IsUUFBUTtNQUFFQyxlQUFlLEdBQ2xGakIsUUFBUSxDQUQyRGlCLGVBQWU7TUFBRUMsS0FBSyxHQUN6RmxCLFFBQVEsQ0FENEVrQixLQUFLO0lBRzNGLElBQU1DLFFBQVEsR0FBR3BELE9BQU8sQ0FDdEI7TUFBQSxPQUNFcUQsS0FBSyxDQUFDQyxPQUFPLENBQUNSLEtBQUssQ0FBQyxJQUFJQSxLQUFLLENBQUNTLE1BQU0sS0FBSyxDQUFDLElBQUlMLGVBQWUsS0FBSzFDLGdCQUFnQixDQUFDZ0QsUUFBUTtJQUFBLEdBQzdGLENBQUNOLGVBQWUsRUFBRUosS0FBSyxDQUN6QixDQUFDO0lBRUQsSUFBQVcsUUFBQSxHQUEyQ3pELE9BQU8sQ0FDaEQ7UUFBQSxPQUFNLENBQUNvRCxRQUFRLEdBQUdOLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLEVBQUVNLFFBQVEsR0FBR04sS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHQSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7TUFBQSxHQUNsRSxDQUFDTSxRQUFRLEVBQUVOLEtBQUssQ0FDbEIsQ0FBQztNQUFBWSxTQUFBLEdBQUFDLGNBQUEsQ0FBQUYsUUFBQTtNQUhNRyxNQUFNLEdBQUFGLFNBQUE7TUFBRUcsTUFBTSxHQUFBSCxTQUFBO0lBS3JCLElBQUFJLFNBQUEsR0FBeUQ5RCxPQUFPLENBQUMsWUFBTTtRQUNyRSxJQUFJLENBQUM2QyxNQUFNLEVBQUU7VUFDWCxPQUFPLENBQUNlLE1BQU0sRUFBRUMsTUFBTSxDQUFDO1FBQ3pCO1FBRUEsT0FBTyxDQUFDVCxRQUFRLEdBQUdoRCxLQUFLLENBQUN5QyxNQUFNLEVBQUVlLE1BQU0sQ0FBQyxHQUFHQSxNQUFNLEVBQUV4RCxLQUFLLENBQUN5QyxNQUFNLEVBQUVnQixNQUFNLENBQUMsQ0FBQztNQUMzRSxDQUFDLEVBQUUsQ0FBQ2hCLE1BQU0sRUFBRU8sUUFBUSxFQUFFUSxNQUFNLEVBQUVDLE1BQU0sQ0FBQyxDQUFDO01BQUFFLFNBQUEsR0FBQUosY0FBQSxDQUFBRyxTQUFBO01BTi9CRSxhQUFhLEdBQUFELFNBQUE7TUFBRUUsYUFBYSxHQUFBRixTQUFBO0lBUW5DLElBQUFHLFNBQUEsR0FBMkNsRSxPQUFPLENBQUMsWUFBTTtRQUN2RCxJQUFJLENBQUM2QyxNQUFNLEVBQUUsT0FBTyxDQUFDbkMsSUFBSSxFQUFFQSxJQUFJLENBQUM7UUFDaEMsT0FBTyxDQUNMMEMsUUFBUSxHQUNKLFVBQUNlLFFBQWdCO1VBQUEsT0FBS3hCLGdCQUFnQixDQUFDLENBQUN2QyxLQUFLLENBQUN5QyxNQUFNLEVBQUVzQixRQUFRLENBQUMsRUFBRU4sTUFBTSxDQUFDLENBQUM7UUFBQSxJQUN6RW5ELElBQUksRUFDUjBDLFFBQVEsR0FDSixVQUFDZSxRQUFnQjtVQUFBLE9BQUt4QixnQkFBZ0IsQ0FBQyxDQUFDaUIsTUFBTSxFQUFFeEQsS0FBSyxDQUFDeUMsTUFBTSxFQUFFc0IsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUFBLElBQ3pFLFVBQUNBLFFBQWdCO1VBQUEsT0FDZnhCLGdCQUFnQixDQUNkTyxlQUFlLEtBQUsxQyxnQkFBZ0IsQ0FBQ2dELFFBQVE7VUFDekM7VUFDQSxDQUFDcEQsS0FBSyxDQUFDeUMsTUFBTSxFQUFFc0IsUUFBUSxDQUFDLEVBQUUvRCxLQUFLLENBQUN5QyxNQUFNLEVBQUVzQixRQUFRLENBQUMsQ0FBQztVQUNsRDtVQUNBLENBQUMvRCxLQUFLLENBQUN5QyxNQUFNLEVBQUVzQixRQUFRLENBQUMsQ0FDOUIsQ0FBQztRQUFBLEVBQ1I7TUFDSCxDQUFDLEVBQUUsQ0FBQ2pCLGVBQWUsRUFBRUwsTUFBTSxFQUFFTyxRQUFRLEVBQUVRLE1BQU0sRUFBRUMsTUFBTSxFQUFFbEIsZ0JBQWdCLENBQUMsQ0FBQztNQUFBeUIsU0FBQSxHQUFBVCxjQUFBLENBQUFPLFNBQUE7TUFqQmxFRyxlQUFlLEdBQUFELFNBQUE7TUFBRUUsZUFBZSxHQUFBRixTQUFBO0lBbUJ2QyxJQUFNRyxtQkFBbUIsR0FBR3ZFLE9BQU8sQ0FBQztNQUFBLE9BQU87UUFBQ3dDLE1BQU0sS0FBQWdDLE1BQUEsQ0FBS2hDLE1BQU07TUFBSSxDQUFDO0lBQUEsQ0FBQyxFQUFFLENBQUNBLE1BQU0sQ0FBQyxDQUFDO0lBRTlFLElBQUFpQyxTQUFBLEdBQTZCekUsT0FBTyxDQUFDLFlBQU07UUFDekMsSUFBSSxDQUFDc0MsZUFBZSxFQUFFO1VBQ3BCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDO1FBQ3JCO1FBRUEsSUFBTW9DLGFBQWEsR0FBRyxPQUFPM0IsVUFBVSxLQUFLLFFBQVE7UUFDcEQsSUFBTTRCLGFBQWEsR0FBRyxDQUFDRCxhQUFhLEdBQUczQixVQUFVLEdBQUdDLGlCQUFpQixLQUFLekMsbUJBQW1CO1FBQzdGLElBQU1xRSxRQUFRLEdBQUd2RSxpQkFBaUIsQ0FBQzRDLFFBQVEsQ0FBQyxDQUFDMEIsYUFBYSxDQUFDO1FBRTNELE9BQU8sQ0FBQzlCLE1BQU0sR0FBRytCLFFBQVEsQ0FBQy9CLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRUEsTUFBTSxHQUFHK0IsUUFBUSxDQUFDL0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO01BQy9FLENBQUMsRUFBRSxDQUFDQSxNQUFNLEVBQUVJLFFBQVEsRUFBRUYsVUFBVSxFQUFFQyxpQkFBaUIsRUFBRVYsZUFBZSxDQUFDLENBQUM7TUFBQXVDLFNBQUEsR0FBQWxCLGNBQUEsQ0FBQWMsU0FBQTtNQVYvREssU0FBUyxHQUFBRCxTQUFBO01BQUVFLE9BQU8sR0FBQUYsU0FBQTtJQVl6QixJQUFNRyxtQkFBbUIsR0FBRzVCLFFBQVEsSUFBSUYsZUFBZSxLQUFLMUMsZ0JBQWdCLENBQUNnRCxRQUFRO0lBRXJGLG9CQUNFekQsS0FBQSxDQUFBa0YsYUFBQSxDQUFDckUsc0JBQXNCO01BQ3JCOEIsS0FBSyxFQUFFQSxLQUFNO01BQ2JqQixTQUFTLEVBQUV0QixVQUFVLENBQUMsZ0NBQWdDLEVBQUVzQixTQUFTO0lBQUUsR0FFbEVxRCxTQUFTLGdCQUNSL0UsS0FBQSxDQUFBa0YsYUFBQSxDQUFDM0QsWUFBWTtNQUFDRyxTQUFTLEVBQUM7SUFBYyxnQkFDcEMxQixLQUFBLENBQUFrRixhQUFBLGVBQU9ILFNBQWdCLENBQ1gsQ0FBQyxHQUNiLElBQUksZUFDUi9FLEtBQUEsQ0FBQWtGLGFBQUEsQ0FBQ2pFLGFBQWE7TUFBQ1MsU0FBUyxFQUFDO0lBQTJCLGdCQUNsRDFCLEtBQUEsQ0FBQWtGLGFBQUEsQ0FBQzdELFlBQVk7TUFDWGdDLFFBQVEsRUFBRTRCLG1CQUFvQjtNQUM5QnBDLElBQUksRUFBRUEsSUFBSSxJQUFJc0MsU0FBVTtNQUN4QkMsUUFBUSxFQUFFdEMsTUFBTSxHQUFHQSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBRTtNQUNqQ3VDLFFBQVEsRUFBRXZDLE1BQU0sR0FBR0EsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUU7TUFDakNULGFBQWEsRUFBRUEsYUFBYztNQUM3Qk0sS0FBSyxFQUFFNkIsbUJBQW9CO01BQzNCRixlQUFlLEVBQUVBLGVBQWdCO01BQ2pDQyxlQUFlLEVBQUVBLGVBQWdCO01BQ2pDVixNQUFNLEVBQUVJLGFBQWM7TUFDdEJILE1BQU0sRUFBRUksYUFBYztNQUN0QmQsS0FBSyxFQUFFQTtJQUFNLENBQ2QsQ0FDWSxDQUFDLEVBQ2Y0QixPQUFPLGdCQUNOaEYsS0FBQSxDQUFBa0YsYUFBQSxDQUFDM0QsWUFBWTtNQUFDRyxTQUFTLEVBQUM7SUFBWSxnQkFDbEMxQixLQUFBLENBQUFrRixhQUFBLGVBQU9GLE9BQWMsQ0FDVCxDQUFDLEdBQ2IsSUFDa0IsQ0FBQztFQUU3QixDQUFDO0VBRUQsT0FBT2hELGNBQWM7QUFDdkI7QUFFQSxlQUFlRCxxQkFBcUIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/esm/common/tippy-tooltip.js

@@ -0,0 +1,127 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["children", "arrow", "isLightTheme"],
+  _excluded2 = ["children", "render", "duration", "arrow", "isLightTheme", "className"];
+var _templateObject, _templateObject2;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import Tippy from '@tippyjs/react';
+import React, { useCallback, useRef, useState } from 'react';
+import styled from 'styled-components';
+import { RootContext } from '../context';
+var TippyArrow = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 15px;\n  height: 15px;\n  fill: ", ";\n  text-align: initial;\n\n  > svg {\n    position: absolute;\n  }\n"])), function (props) {
+  return props.theme.tooltipBg;
+});
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var TippyTooltipContent = styled(function (_ref) {
+  var children = _ref.children,
+    arrow = _ref.arrow,
+    isLightTheme = _ref.isLightTheme,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", props, children, arrow ? /*#__PURE__*/React.createElement(TippyArrow, {
+    className: "svg-arrow",
+    "data-popper-arrow": ""
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: 15,
+    height: 15
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2,7.5 7.5,2 13,7.5Z"
+  }))) : null);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 400;\n  padding: 7px 18px;\n  box-shadow: ", ";\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", ";\n  ", "\n"])), function (props) {
+  return props.theme.fontFamily;
+}, function (props) {
+  return props.theme.tooltipFontSize;
+}, function (props) {
+  return props.isLightTheme ? props.theme.panelBoxShadow : props.theme.tooltipBoxShadow;
+}, function (props) {
+  return props.isLightTheme ? props.theme.tooltipBgLT : props.theme.tooltipBg;
+}, function (props) {
+  return props.isLightTheme ? props.theme.tooltipColorLT : props.theme.tooltipColor;
+}, function (props) {
+  return props.theme.primaryBtnRadius;
+}, function (props) {
+  return props.arrow ? "\n    &[data-placement^='top'] > .svg-arrow {\n      bottom: 0;\n      &::after,\n      > svg {\n        top: 7px;\n        transform: rotate(180deg);\n      }\n    }\n\n    &[data-placement^='bottom'] > .svg-arrow {\n      top: 0;\n      > svg {\n        bottom: 7px;\n      }\n    }\n\n    &[data-placement^='left'] > .svg-arrow {\n      right: 0;\n      &::after,\n      > svg {\n        transform: rotate(90deg);\n        left: 7px;\n      }\n    }\n\n    &[data-placement^='right'] > .svg-arrow {\n      left: 0;\n      &::after,\n      > svg {\n        transform: rotate(-90deg);\n        right: 7px;\n      }\n    }\n  " : '';
+});
+var TippyTooltip = function TippyTooltip(_ref2) {
+  var children = _ref2.children,
+    _render = _ref2.render,
+    _ref2$duration = _ref2.duration,
+    duration = _ref2$duration === void 0 ? 200 : _ref2$duration,
+    _ref2$arrow = _ref2.arrow,
+    arrow = _ref2$arrow === void 0 ? true : _ref2$arrow,
+    _ref2$isLightTheme = _ref2.isLightTheme,
+    isLightTheme = _ref2$isLightTheme === void 0 ? false : _ref2$isLightTheme,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    opacity = _useState2[0],
+    setOpacity = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timer = _useState4[0],
+    setTimer = _useState4[1];
+  function onMount() {
+    setOpacity(1);
+    if (timer) {
+      // @ts-ignore
+      clearTimeout(timer);
+    }
+  }
+  function onHide(instance) {
+    var unmount = instance.unmount;
+    var timeout = setTimeout(function () {
+      var _instance$state;
+      if (!((_instance$state = instance.state) !== null && _instance$state !== void 0 && _instance$state.isDestroyed)) {
+        unmount();
+      }
+    }, duration[0] || duration);
+    // @ts-ignore
+    setTimer(timeout);
+    setOpacity(0);
+  }
+  var skipNextShow = useRef(false);
+  var onTrigger = useCallback(function (instance, event) {
+    if (event instanceof MouseEvent && event.buttons > 0) {
+      // if the user is holding down the mouse button, e.g. while dragging, we won't show the tooltip
+      skipNextShow.current = true;
+    } else {
+      skipNextShow.current = false;
+    }
+  }, []);
+  var onShow = useCallback(function () {
+    if (skipNextShow.current) {
+      return false;
+    }
+    return;
+  }, []);
+  return /*#__PURE__*/React.createElement(RootContext.Consumer, null, function (context) {
+    return /*#__PURE__*/React.createElement(Tippy, _extends({}, rest, {
+      // Using document.body would result in the CSS styles not being applied
+      // to the tooltip content when embedding the map widget as a Shadow DOM element.
+      appendTo: (context === null || context === void 0 ? void 0 : context.current) || 'parent',
+      animation: true,
+      render: function render(attrs) {
+        return /*#__PURE__*/React.createElement(TippyTooltipContent, _extends({}, attrs, {
+          className: className,
+          style: {
+            opacity: opacity,
+            transition: "opacity ".concat(duration, "ms")
+          },
+          arrow: arrow,
+          isLightTheme: isLightTheme
+        }), _render === null || _render === void 0 ? void 0 : _render(attrs));
+      },
+      onMount: onMount,
+      onHide: onHide,
+      onTrigger: onTrigger,
+      onShow: onShow
+    }), children);
+  });
+};
+export default TippyTooltip;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUaXBweSIsIlJlYWN0IiwidXNlQ2FsbGJhY2siLCJ1c2VSZWYiLCJ1c2VTdGF0ZSIsInN0eWxlZCIsIlJvb3RDb250ZXh0IiwiVGlwcHlBcnJvdyIsImRpdiIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJwcm9wcyIsInRoZW1lIiwidG9vbHRpcEJnIiwiVGlwcHlUb29sdGlwQ29udGVudCIsIl9yZWYiLCJjaGlsZHJlbiIsImFycm93IiwiaXNMaWdodFRoZW1lIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiX2V4Y2x1ZGVkIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIndpZHRoIiwiaGVpZ2h0IiwiZCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJmb250RmFtaWx5IiwidG9vbHRpcEZvbnRTaXplIiwicGFuZWxCb3hTaGFkb3ciLCJ0b29sdGlwQm94U2hhZG93IiwidG9vbHRpcEJnTFQiLCJ0b29sdGlwQ29sb3JMVCIsInRvb2x0aXBDb2xvciIsInByaW1hcnlCdG5SYWRpdXMiLCJUaXBweVRvb2x0aXAiLCJfcmVmMiIsInJlbmRlciIsIl9yZWYyJGR1cmF0aW9uIiwiZHVyYXRpb24iLCJfcmVmMiRhcnJvdyIsIl9yZWYyJGlzTGlnaHRUaGVtZSIsInJlc3QiLCJfZXhjbHVkZWQyIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5Iiwib3BhY2l0eSIsInNldE9wYWNpdHkiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsInRpbWVyIiwic2V0VGltZXIiLCJvbk1vdW50IiwiY2xlYXJUaW1lb3V0Iiwib25IaWRlIiwiaW5zdGFuY2UiLCJ1bm1vdW50IiwidGltZW91dCIsInNldFRpbWVvdXQiLCJfaW5zdGFuY2Ukc3RhdGUiLCJzdGF0ZSIsImlzRGVzdHJveWVkIiwic2tpcE5leHRTaG93Iiwib25UcmlnZ2VyIiwiZXZlbnQiLCJNb3VzZUV2ZW50IiwiYnV0dG9ucyIsImN1cnJlbnQiLCJvblNob3ciLCJDb25zdW1lciIsImNvbnRleHQiLCJfZXh0ZW5kcyIsImFwcGVuZFRvIiwiYW5pbWF0aW9uIiwiYXR0cnMiLCJzdHlsZSIsInRyYW5zaXRpb24iLCJjb25jYXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL3RpcHB5LXRvb2x0aXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBUaXBweSwge1RpcHB5UHJvcHN9IGZyb20gJ0B0aXBweWpzL3JlYWN0JztcbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtSb290Q29udGV4dH0gZnJvbSAnLi4vY29udGV4dCc7XG5cbmNvbnN0IFRpcHB5QXJyb3cgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxNXB4O1xuICBoZWlnaHQ6IDE1cHg7XG4gIGZpbGw6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbHRpcEJnfTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcblxuICA+IHN2ZyB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gO1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG5jb25zdCBUaXBweVRvb2x0aXBDb250ZW50ID0gc3R5bGVkKCh7Y2hpbGRyZW4sIGFycm93LCBpc0xpZ2h0VGhlbWUsIC4uLnByb3BzfSkgPT4gKFxuICA8ZGl2IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICAgIHthcnJvdyA/IChcbiAgICAgIDxUaXBweUFycm93IGNsYXNzTmFtZT1cInN2Zy1hcnJvd1wiIGRhdGEtcG9wcGVyLWFycm93PVwiXCI+XG4gICAgICAgIDxzdmcgd2lkdGg9ezE1fSBoZWlnaHQ9ezE1fT5cbiAgICAgICAgICA8cGF0aCBkPVwiTTIsNy41IDcuNSwyIDEzLDcuNVpcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvVGlwcHlBcnJvdz5cbiAgICApIDogbnVsbH1cbiAgPC9kaXY+XG4pKWBcbiAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZm9udEZhbWlseX07XG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sdGlwRm9udFNpemV9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBwYWRkaW5nOiA3cHggMThweDtcbiAgYm94LXNoYWRvdzogJHtwcm9wcyA9PlxuICAgIHByb3BzLmlzTGlnaHRUaGVtZSA/IHByb3BzLnRoZW1lLnBhbmVsQm94U2hhZG93IDogcHJvcHMudGhlbWUudG9vbHRpcEJveFNoYWRvd307XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy5pc0xpZ2h0VGhlbWUgPyBwcm9wcy50aGVtZS50b29sdGlwQmdMVCA6IHByb3BzLnRoZW1lLnRvb2x0aXBCZ307XG4gIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy5pc0xpZ2h0VGhlbWUgPyBwcm9wcy50aGVtZS50b29sdGlwQ29sb3JMVCA6IHByb3BzLnRoZW1lLnRvb2x0aXBDb2xvcil9O1xuICBib3JkZXItcmFkaXVzOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnByaW1hcnlCdG5SYWRpdXN9O1xuICAke3Byb3BzID0+XG4gICAgcHJvcHMuYXJyb3dcbiAgICAgID8gYFxuICAgICZbZGF0YS1wbGFjZW1lbnRePSd0b3AnXSA+IC5zdmctYXJyb3cge1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgJjo6YWZ0ZXIsXG4gICAgICA+IHN2ZyB7XG4gICAgICAgIHRvcDogN3B4O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1wbGFjZW1lbnRePSdib3R0b20nXSA+IC5zdmctYXJyb3cge1xuICAgICAgdG9wOiAwO1xuICAgICAgPiBzdmcge1xuICAgICAgICBib3R0b206IDdweDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50Xj0nbGVmdCddID4gLnN2Zy1hcnJvdyB7XG4gICAgICByaWdodDogMDtcbiAgICAgICY6OmFmdGVyLFxuICAgICAgPiBzdmcge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgICAgIGxlZnQ6IDdweDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtcGxhY2VtZW50Xj0ncmlnaHQnXSA+IC5zdmctYXJyb3cge1xuICAgICAgbGVmdDogMDtcbiAgICAgICY6OmFmdGVyLFxuICAgICAgPiBzdmcge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICAgICAgICByaWdodDogN3B4O1xuICAgICAgfVxuICAgIH1cbiAgYFxuICAgICAgOiAnJ31cbmA7XG5cbmNvbnN0IFRpcHB5VG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICByZW5kZXIsXG4gIGR1cmF0aW9uID0gMjAwLFxuICBhcnJvdyA9IHRydWUsXG4gIGlzTGlnaHRUaGVtZSA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIC4uLnJlc3Rcbn06IFRpcHB5UHJvcHMgJiB7aXNMaWdodFRoZW1lPzogYm9vbGVhbn0pID0+IHtcbiAgY29uc3QgW29wYWNpdHksIHNldE9wYWNpdHldID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IFt0aW1lciwgc2V0VGltZXJdID0gdXNlU3RhdGUobnVsbCk7XG4gIGZ1bmN0aW9uIG9uTW91bnQoKSB7XG4gICAgc2V0T3BhY2l0eSgxKTtcbiAgICBpZiAodGltZXIpIHtcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lcik7XG4gICAgfVxuICB9XG5cbiAgZnVuY3Rpb24gb25IaWRlKGluc3RhbmNlKSB7XG4gICAgY29uc3Qge3VubW91bnR9ID0gaW5zdGFuY2U7XG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKCFpbnN0YW5jZS5zdGF0ZT8uaXNEZXN0cm95ZWQpIHtcbiAgICAgICAgdW5tb3VudCgpO1xuICAgICAgfVxuICAgIH0sIGR1cmF0aW9uWzBdIHx8IGR1cmF0aW9uKTtcbiAgICAvLyBAdHMtaWdub3JlXG4gICAgc2V0VGltZXIodGltZW91dCk7XG4gICAgc2V0T3BhY2l0eSgwKTtcbiAgfVxuXG4gIGNvbnN0IHNraXBOZXh0U2hvdyA9IHVzZVJlZihmYWxzZSk7XG4gIGNvbnN0IG9uVHJpZ2dlciA9IHVzZUNhbGxiYWNrKChpbnN0YW5jZSwgZXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBNb3VzZUV2ZW50ICYmIGV2ZW50LmJ1dHRvbnMgPiAwKSB7XG4gICAgICAvLyBpZiB0aGUgdXNlciBpcyBob2xkaW5nIGRvd24gdGhlIG1vdXNlIGJ1dHRvbiwgZS5nLiB3aGlsZSBkcmFnZ2luZywgd2Ugd29uJ3Qgc2hvdyB0aGUgdG9vbHRpcFxuICAgICAgc2tpcE5leHRTaG93LmN1cnJlbnQgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICBza2lwTmV4dFNob3cuY3VycmVudCA9IGZhbHNlO1xuICAgIH1cbiAgfSwgW10pO1xuICBjb25zdCBvblNob3cgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKHNraXBOZXh0U2hvdy5jdXJyZW50KSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIHJldHVybjtcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPFJvb3RDb250ZXh0LkNvbnN1bWVyPlxuICAgICAge2NvbnRleHQgPT4gKFxuICAgICAgICA8VGlwcHlcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAvLyBVc2luZyBkb2N1bWVudC5ib2R5IHdvdWxkIHJlc3VsdCBpbiB0aGUgQ1NTIHN0eWxlcyBub3QgYmVpbmcgYXBwbGllZFxuICAgICAgICAgIC8vIHRvIHRoZSB0b29sdGlwIGNvbnRlbnQgd2hlbiBlbWJlZGRpbmcgdGhlIG1hcCB3aWRnZXQgYXMgYSBTaGFkb3cgRE9NIGVsZW1lbnQuXG4gICAgICAgICAgYXBwZW5kVG89e2NvbnRleHQ/LmN1cnJlbnQgfHwgJ3BhcmVudCd9XG4gICAgICAgICAgYW5pbWF0aW9uPXt0cnVlfVxuICAgICAgICAgIHJlbmRlcj17YXR0cnMgPT4gKFxuICAgICAgICAgICAgPFRpcHB5VG9vbHRpcENvbnRlbnRcbiAgICAgICAgICAgICAgey4uLmF0dHJzfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgICAgc3R5bGU9e3tvcGFjaXR5LCB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke2R1cmF0aW9ufW1zYH19XG4gICAgICAgICAgICAgIGFycm93PXthcnJvd31cbiAgICAgICAgICAgICAgaXNMaWdodFRoZW1lPXtpc0xpZ2h0VGhlbWV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXI/LihhdHRycyl9XG4gICAgICAgICAgICA8L1RpcHB5VG9vbHRpcENvbnRlbnQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICBvbk1vdW50PXtvbk1vdW50fVxuICAgICAgICAgIG9uSGlkZT17b25IaWRlfVxuICAgICAgICAgIG9uVHJpZ2dlcj17b25UcmlnZ2VyfVxuICAgICAgICAgIG9uU2hvdz17b25TaG93fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RpcHB5PlxuICAgICAgKX1cbiAgICA8L1Jvb3RDb250ZXh0LkNvbnN1bWVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVGlwcHlUb29sdGlwO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQW9CLGdCQUFnQjtBQUNo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

package/dist/esm/common/toolbar-item.js

@@ -0,0 +1,76 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled from 'styled-components';
+import classnames from 'classnames';
+import { FormattedMessage } from '@kepler.gl/localization';
+import TippyTooltip from './tippy-tooltip';
+var StyledDiv = styled.div.attrs(function (props) {
+  return {
+    className: classnames('toolbar-item', props.className)
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: 12px 20px;\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  width: 110px;\n  justify-content: space-between;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  opacity: ", ";\n  // Keep hover so tooltips still work when the action is disabled.\n  pointer-events: auto;\n\n  .toolbar-item__svg-container {\n    margin-bottom: 4px;\n  }\n  .toolbar-item__title {\n    white-space: nowrap;\n    color: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    svg {\n      color: ", ";\n    }\n    cursor: ", ";\n  }\n"])), function (props) {
+  return props.$active ? props.theme.toolbarItemIconHover : props.theme.panelHeaderIcon;
+}, function (props) {
+  return props.$active ? props.theme.toolbarItemBorderHover : 'transparent';
+}, function (props) {
+  return props.theme.toolbarItemBorderRaddius;
+}, function (props) {
+  return props.$active ? props.theme.toolbarItemBgdHover : props.theme.dropdownListBgd;
+}, function (props) {
+  return props.$disabled ? 0.4 : 1;
+}, function (props) {
+  return props.theme.textColorHl;
+}, function (props) {
+  return props.theme.toolbarItemBgdHover;
+}, function (props) {
+  return props.theme.toolbarItemBorderHover;
+}, function (props) {
+  return props.theme.toolbarItemIconHover;
+}, function (props) {
+  return props.$disabled ? 'default' : 'pointer';
+});
+var ToolbarItem = /*#__PURE__*/React.memo(function (props) {
+  var item = /*#__PURE__*/React.createElement(StyledDiv, {
+    id: props.id,
+    className: props.className,
+    $active: props.active,
+    $disabled: props.disabled,
+    onClick: function onClick(e) {
+      var _props$onClick;
+      e.stopPropagation();
+      e.preventDefault();
+      if (props.disabled) {
+        return;
+      }
+      if (typeof props.onClose === 'function') {
+        props.onClose();
+      }
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, e);
+    }
+  }, props.icon && /*#__PURE__*/React.createElement("div", {
+    className: "toolbar-item__svg-container"
+  }, /*#__PURE__*/React.createElement(props.icon, null)), /*#__PURE__*/React.createElement("div", {
+    className: "toolbar-item__title"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: props.label
+  })));
+  var tooltip = props.tooltip;
+  if (!tooltip) {
+    return item;
+  }
+  return /*#__PURE__*/React.createElement(TippyTooltip, {
+    placement: "left",
+    render: function render() {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+        id: tooltip
+      }));
+    }
+  }, item);
+});
+ToolbarItem.displayName = 'ToolbarItem';
+export default ToolbarItem;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsImNsYXNzbmFtZXMiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiVGlwcHlUb29sdGlwIiwiU3R5bGVkRGl2IiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCIkYWN0aXZlIiwidGhlbWUiLCJ0b29sYmFySXRlbUljb25Ib3ZlciIsInBhbmVsSGVhZGVySWNvbiIsInRvb2xiYXJJdGVtQm9yZGVySG92ZXIiLCJ0b29sYmFySXRlbUJvcmRlclJhZGRpdXMiLCJ0b29sYmFySXRlbUJnZEhvdmVyIiwiZHJvcGRvd25MaXN0QmdkIiwiJGRpc2FibGVkIiwidGV4dENvbG9ySGwiLCJUb29sYmFySXRlbSIsIm1lbW8iLCJpdGVtIiwiY3JlYXRlRWxlbWVudCIsImlkIiwiYWN0aXZlIiwiZGlzYWJsZWQiLCJvbkNsaWNrIiwiZSIsIl9wcm9wcyRvbkNsaWNrIiwic3RvcFByb3BhZ2F0aW9uIiwicHJldmVudERlZmF1bHQiLCJvbkNsb3NlIiwiY2FsbCIsImljb24iLCJsYWJlbCIsInRvb2x0aXAiLCJwbGFjZW1lbnQiLCJyZW5kZXIiLCJkaXNwbGF5TmFtZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21tb24vdG9vbGJhci1pdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlLCBNb3VzZUV2ZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgVGlwcHlUb29sdGlwIGZyb20gJy4vdGlwcHktdG9vbHRpcCc7XG5cbmludGVyZmFjZSBTdHlsZWREaXZQcm9wcyB7XG4gICRhY3RpdmU/OiBib29sZWFuO1xuICAkZGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2LmF0dHJzKHByb3BzID0+ICh7XG4gIGNsYXNzTmFtZTogY2xhc3NuYW1lcygndG9vbGJhci1pdGVtJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpPFN0eWxlZERpdlByb3BzPmBcbiAgY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy4kYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1JY29uSG92ZXIgOiBwcm9wcy50aGVtZS5wYW5lbEhlYWRlckljb259O1xuICBwYWRkaW5nOiAxMnB4IDIwcHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHdpZHRoOiAxMTBweDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXI6IDFweCBzb2xpZCAke3Byb3BzID0+IChwcm9wcy4kYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1Cb3JkZXJIb3ZlciA6ICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUJvcmRlclJhZGRpdXN9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuJGFjdGl2ZSA/IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQmdkSG92ZXIgOiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RCZ2R9O1xuICBvcGFjaXR5OiAke3Byb3BzID0+IChwcm9wcy4kZGlzYWJsZWQgPyAwLjQgOiAxKX07XG4gIC8vIEtlZXAgaG92ZXIgc28gdG9vbHRpcHMgc3RpbGwgd29yayB3aGVuIHRoZSBhY3Rpb24gaXMgZGlzYWJsZWQuXG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuXG4gIC50b29sYmFyLWl0ZW1fX3N2Zy1jb250YWluZXIge1xuICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgfVxuICAudG9vbGJhci1pdGVtX190aXRsZSB7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQmdkSG92ZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUJvcmRlckhvdmVyfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1JY29uSG92ZXJ9O1xuICAgIH1cbiAgICBjdXJzb3I6ICR7cHJvcHMgPT4gKHByb3BzLiRkaXNhYmxlZCA/ICdkZWZhdWx0JyA6ICdwb2ludGVyJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBUb29sYmFySXRlbVByb3BzID0ge1xuICBpZD86IHN0cmluZztcbiAga2V5Pzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIG9uQ2xpY2s6ICgoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB2b2lkKSB8IG51bGw7XG4gIGljb24/OiBDb21wb25lbnRUeXBlPGFueT47XG59O1xuXG5jb25zdCBUb29sYmFySXRlbSA9IFJlYWN0Lm1lbW8oKHByb3BzOiBUb29sYmFySXRlbVByb3BzKSA9PiB7XG4gIGNvbnN0IGl0ZW0gPSAoXG4gICAgPFN0eWxlZERpdlxuICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgY2xhc3NOYW1lPXtwcm9wcy5jbGFzc05hbWV9XG4gICAgICAkYWN0aXZlPXtwcm9wcy5hY3RpdmV9XG4gICAgICAkZGlzYWJsZWQ9e3Byb3BzLmRpc2FibGVkfVxuICAgICAgb25DbGljaz17ZSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgaWYgKHByb3BzLmRpc2FibGVkKSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0eXBlb2YgcHJvcHMub25DbG9zZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICAgIHByb3BzLm9uQ2xvc2UoKTtcbiAgICAgICAgfVxuICAgICAgICBwcm9wcy5vbkNsaWNrPy4oZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0b29sYmFyLWl0ZW1fX3N2Zy1jb250YWluZXJcIj5cbiAgICAgICAgICA8cHJvcHMuaWNvbiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInRvb2xiYXItaXRlbV9fdGl0bGVcIj5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3Byb3BzLmxhYmVsfSAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9TdHlsZWREaXY+XG4gICk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IHByb3BzLnRvb2x0aXA7XG4gIGlmICghdG9vbHRpcCkge1xuICAgIHJldHVybiBpdGVtO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGlwcHlUb29sdGlwXG4gICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgIHJlbmRlcj17KCkgPT4gKFxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXt0b29sdGlwfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPlxuICAgICAge2l0ZW19XG4gICAgPC9UaXBweVRvb2x0aXA+XG4gICk7XG59KTtcblxuVG9vbGJhckl0ZW0uZGlzcGxheU5hbWUgPSAnVG9vbGJhckl0ZW0nO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFySXRlbTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssTUFBTSxPQUFPO0FBQ3pCLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFDdEMsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsU0FBUUMsZ0JBQWdCLFFBQU8seUJBQXlCO0FBRXhELE9BQU9DLFlBQVksTUFBTSxpQkFBaUI7QUFPMUMsSUFBTUMsU0FBUyxHQUFHSixNQUFNLENBQUNLLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDLFVBQUFDLEtBQUs7RUFBQSxPQUFLO0lBQzNDQyxTQUFTLEVBQUVQLFVBQVUsQ0FBQyxjQUFjLEVBQUVNLEtBQUssQ0FBQ0MsU0FBUztFQUN2RCxDQUFDO0FBQUEsQ0FBQyxDQUFDLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSx5bkJBQ1EsVUFBQUgsS0FBSztFQUFBLE9BQ1pBLEtBQUssQ0FBQ0ksT0FBTyxHQUFHSixLQUFLLENBQUNLLEtBQUssQ0FBQ0Msb0JBQW9CLEdBQUdOLEtBQUssQ0FBQ0ssS0FBSyxDQUFDRSxlQUFlO0FBQUEsR0FPNUQsVUFBQVAsS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ0ksT0FBTyxHQUFHSixLQUFLLENBQUNLLEtBQUssQ0FBQ0csc0JBQXNCLEdBQUcsYUFBYTtBQUFBLENBQUMsRUFDaEYsVUFBQVIsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ssS0FBSyxDQUFDSSx3QkFBd0I7QUFBQSxHQUMxQyxVQUFBVCxLQUFLO0VBQUEsT0FDdkJBLEtBQUssQ0FBQ0ksT0FBTyxHQUFHSixLQUFLLENBQUNLLEtBQUssQ0FBQ0ssbUJBQW1CLEdBQUdWLEtBQUssQ0FBQ0ssS0FBSyxDQUFDTSxlQUFlO0FBQUEsR0FDcEUsVUFBQVgsS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ1ksU0FBUyxHQUFHLEdBQUcsR0FBRyxDQUFDO0FBQUEsQ0FBQyxFQVNwQyxVQUFBWixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNRLFdBQVc7QUFBQSxHQUlyQixVQUFBYixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNLLG1CQUFtQjtBQUFBLEdBQzVDLFVBQUFWLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNLLEtBQUssQ0FBQ0csc0JBQXNCO0FBQUEsR0FFaEQsVUFBQVIsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ssS0FBSyxDQUFDQyxvQkFBb0I7QUFBQSxHQUUxQyxVQUFBTixLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDWSxTQUFTLEdBQUcsU0FBUyxHQUFHLFNBQVM7QUFBQSxDQUFDLENBRS9EO0FBZUQsSUFBTUUsV0FBVyxnQkFBR3RCLEtBQUssQ0FBQ3VCLElBQUksQ0FBQyxVQUFDZixLQUF1QixFQUFLO0VBQzFELElBQU1nQixJQUFJLGdCQUNSeEIsS0FBQSxDQUFBeUIsYUFBQSxDQUFDcEIsU0FBUztJQUNScUIsRUFBRSxFQUFFbEIsS0FBSyxDQUFDa0IsRUFBRztJQUNiakIsU0FBUyxFQUFFRCxLQUFLLENBQUNDLFNBQVU7SUFDM0JHLE9BQU8sRUFBRUosS0FBSyxDQUFDbUIsTUFBTztJQUN0QlAsU0FBUyxFQUFFWixLQUFLLENBQUNvQixRQUFTO0lBQzFCQyxPQUFPLEVBQUUsU0FBVEEsT0FBT0EsQ0FBRUMsQ0FBQyxFQUFJO01BQUEsSUFBQUMsY0FBQTtNQUNaRCxDQUFDLENBQUNFLGVBQWUsQ0FBQyxDQUFDO01BQ25CRixDQUFDLENBQUNHLGNBQWMsQ0FBQyxDQUFDO01BQ2xCLElBQUl6QixLQUFLLENBQUNvQixRQUFRLEVBQUU7UUFDbEI7TUFDRjtNQUNBLElBQUksT0FBT3BCLEtBQUssQ0FBQzBCLE9BQU8sS0FBSyxVQUFVLEVBQUU7UUFDdkMxQixLQUFLLENBQUMwQixPQUFPLENBQUMsQ0FBQztNQUNqQjtNQUNBLENBQUFILGNBQUEsR0FBQXZCLEtBQUssQ0FBQ3FCLE9BQU8sY0FBQUUsY0FBQSxlQUFiQSxjQUFBLENBQUFJLElBQUEsQ0FBQTNCLEtBQUssRUFBV3NCLENBQUMsQ0FBQztJQUNwQjtFQUFFLEdBRUR0QixLQUFLLENBQUM0QixJQUFJLGlCQUNUcEMsS0FBQSxDQUFBeUIsYUFBQTtJQUFLaEIsU0FBUyxFQUFDO0VBQTZCLGdCQUMxQ1QsS0FBQSxDQUFBeUIsYUFBQSxDQUFDakIsS0FBSyxDQUFDNEIsSUFBSSxNQUFFLENBQ1YsQ0FDTixlQUNEcEMsS0FBQSxDQUFBeUIsYUFBQTtJQUFLaEIsU0FBUyxFQUFDO0VBQXFCLGdCQUNsQ1QsS0FBQSxDQUFBeUIsYUFBQSxDQUFDdEIsZ0JBQWdCO0lBQUN1QixFQUFFLEVBQUVsQixLQUFLLENBQUM2QjtFQUFNLENBQUUsQ0FDakMsQ0FDSSxDQUNaO0VBRUQsSUFBTUMsT0FBTyxHQUFHOUIsS0FBSyxDQUFDOEIsT0FBTztFQUM3QixJQUFJLENBQUNBLE9BQU8sRUFBRTtJQUNaLE9BQU9kLElBQUk7RUFDYjtFQUVBLG9CQUNFeEIsS0FBQSxDQUFBeUIsYUFBQSxDQUFDckIsWUFBWTtJQUNYbUMsU0FBUyxFQUFDLE1BQU07SUFDaEJDLE1BQU0sRUFBRSxTQUFSQSxNQUFNQSxDQUFBO01BQUEsb0JBQ0p4QyxLQUFBLENBQUF5QixhQUFBLDJCQUNFekIsS0FBQSxDQUFBeUIsYUFBQSxDQUFDdEIsZ0JBQWdCO1FBQUN1QixFQUFFLEVBQUVZO01BQVEsQ0FBRSxDQUM3QixDQUFDO0lBQUE7RUFDTixHQUVEZCxJQUNXLENBQUM7QUFFbkIsQ0FBQyxDQUFDO0FBRUZGLFdBQVcsQ0FBQ21CLFdBQVcsR0FBRyxhQUFhO0FBRXZDLGVBQWVuQixXQUFXIiwiaWdub3JlTGlzdCI6W119

package/dist/esm/common/toolbar.js

@@ -0,0 +1,22 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import styled from 'styled-components';
+var Toolbar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  background-color: ", ";\n  box-shadow: ", ";\n  font-size: 12px;\n  transition: ", ";\n  margin-top: ", ";\n  opacity: ", ";\n  transform: translateX(calc(-50% + 20px));\n  pointer-events: ", ";\n  z-index: 1000;\n\n  .panel-header-dropdown__inner {\n    box-shadow: none;\n    background-color: transparent;\n    display: flex;\n  }\n"])), function (props) {
+  return props.theme.dropdownListBgd;
+}, function (props) {
+  return props.theme.dropdownListShadow;
+}, function (props) {
+  return props.theme.transitionSlow;
+}, function (props) {
+  return props.$show ? '6px' : '20px';
+}, function (props) {
+  return props.$show ? 1 : 0;
+}, function (props) {
+  return props.$show ? 'all' : 'none';
+});
+Toolbar.displayName = 'Toolbar';
+export default Toolbar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJUb29sYmFyIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsInByb3BzIiwidGhlbWUiLCJkcm9wZG93bkxpc3RCZ2QiLCJkcm9wZG93bkxpc3RTaGFkb3ciLCJ0cmFuc2l0aW9uU2xvdyIsIiRzaG93IiwiZGlzcGxheU5hbWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL3Rvb2xiYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBzdHlsZWQsIHtJU3R5bGVkQ29tcG9uZW50fSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Jhc2VDb21wb25lbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBUb29sYmFyUHJvcHMgPSB7XG4gICRzaG93PzogYm9vbGVhbjtcbn0gJiBCYXNlQ29tcG9uZW50UHJvcHM7XG5cbmNvbnN0IFRvb2xiYXI6IElTdHlsZWRDb21wb25lbnQ8J3dlYicsIFRvb2xiYXJQcm9wcz4gPSBzdHlsZWQuZGl2PFRvb2xiYXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZHJvcGRvd25MaXN0QmdkfTtcbiAgYm94LXNoYWRvdzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RTaGFkb3d9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyYW5zaXRpb246ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHJhbnNpdGlvblNsb3d9O1xuICBtYXJnaW4tdG9wOiAke3Byb3BzID0+IChwcm9wcy4kc2hvdyA/ICc2cHgnIDogJzIwcHgnKX07XG4gIG9wYWNpdHk6ICR7cHJvcHMgPT4gKHByb3BzLiRzaG93ID8gMSA6IDApfTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoLTUwJSArIDIwcHgpKTtcbiAgcG9pbnRlci1ldmVudHM6ICR7cHJvcHMgPT4gKHByb3BzLiRzaG93ID8gJ2FsbCcgOiAnbm9uZScpfTtcbiAgei1pbmRleDogMTAwMDtcblxuICAucGFuZWwtaGVhZGVyLWRyb3Bkb3duX19pbm5lciB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG5gO1xuXG5Ub29sYmFyLmRpc3BsYXlOYW1lID0gJ1Rvb2xiYXInO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFyO1xuIl0sIm1hcHBpbmdzIjoiOztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsTUFBTSxNQUEwQixtQkFBbUI7QUFPMUQsSUFBTUMsT0FBOEMsR0FBR0QsTUFBTSxDQUFDRSxHQUFHLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSxzWUFHM0MsVUFBQUMsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDQyxlQUFlO0FBQUEsR0FDMUMsVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRSxrQkFBa0I7QUFBQSxHQUV2QyxVQUFBSCxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNHLGNBQWM7QUFBQSxHQUNuQyxVQUFBSixLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDSyxLQUFLLEdBQUcsS0FBSyxHQUFHLE1BQU07QUFBQSxDQUFDLEVBQzFDLFVBQUFMLEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNLLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQztBQUFBLENBQUMsRUFFdkIsVUFBQUwsS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ0ssS0FBSyxHQUFHLEtBQUssR0FBRyxNQUFNO0FBQUEsQ0FBQyxDQVExRDtBQUVEVCxPQUFPLENBQUNVLFdBQVcsR0FBRyxTQUFTO0FBRS9CLGVBQWVWLE9BQU8iLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/esm/common/vertical-toolbar.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import styled from 'styled-components';
+import Toolbar from './toolbar';
+var VerticalToolbar = styled(Toolbar)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-direction: column;\n\n  .toolbar-item {\n    width: 78px;\n    padding: 13px 16px;\n  }\n"])));
+VerticalToolbar.displayName = 'VerticalToolbar';
+export default VerticalToolbar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJUb29sYmFyIiwiVmVydGljYWxUb29sYmFyIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsImRpc3BsYXlOYW1lIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbW1vbi92ZXJ0aWNhbC10b29sYmFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBUb29sYmFyLCB7VG9vbGJhclByb3BzfSBmcm9tICcuL3Rvb2xiYXInO1xuXG5jb25zdCBWZXJ0aWNhbFRvb2xiYXIgPSBzdHlsZWQoVG9vbGJhcik8VG9vbGJhclByb3BzPmBcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAudG9vbGJhci1pdGVtIHtcbiAgICB3aWR0aDogNzhweDtcbiAgICBwYWRkaW5nOiAxM3B4IDE2cHg7XG4gIH1cbmA7XG5cblZlcnRpY2FsVG9vbGJhci5kaXNwbGF5TmFtZSA9ICdWZXJ0aWNhbFRvb2xiYXInO1xuXG5leHBvcnQgZGVmYXVsdCBWZXJ0aWNhbFRvb2xiYXI7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLE9BQU9DLE9BQU8sTUFBc0IsV0FBVztBQUUvQyxJQUFNQyxlQUFlLEdBQUdGLE1BQU0sQ0FBQ0MsT0FBTyxDQUFDLENBQUFFLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSwwR0FPdEM7QUFFREYsZUFBZSxDQUFDRyxXQUFXLEdBQUcsaUJBQWlCO0FBRS9DLGVBQWVILGVBQWUiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/esm/connect/keplergl-connect.js

@@ -0,0 +1,38 @@
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import { connect as reduxConnect } from 'react-redux';
+import withLocalSelector from './with-local-selector';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var defaultMapStateToProps = function defaultMapStateToProps(state, _, __) {
+  return state;
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var defaultMapDispatchToProps = function defaultMapDispatchToProps() {
+  return function (dispatch, _, __) {
+    return {
+      dispatch: dispatch
+    };
+  };
+};
+export var connect = function connect() {
+  var mapStateToProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultMapStateToProps;
+  var makeMapDispatchToProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultMapDispatchToProps;
+  var reduxMergeProps = arguments.length > 2 ? arguments[2] : undefined;
+  var options = arguments.length > 3 ? arguments[3] : undefined;
+  return function (BaseComponent) {
+    var mapDispatchToProps = makeMapDispatchToProps();
+    var reduxMapState = function reduxMapState(state, props) {
+      return mapStateToProps(props.selector(state), props, state);
+    };
+    var reduxMapDispatch = function reduxMapDispatch(dispatch, props) {
+      return mapDispatchToProps(props.dispatch, props, dispatch);
+    };
+    var ReduxComponent = reduxConnect(reduxMapState, reduxMapDispatch, reduxMergeProps, options)(BaseComponent);
+
+    // save selector to context so it can be accessed by its children
+    return withLocalSelector(ReduxComponent);
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjb25uZWN0IiwicmVkdXhDb25uZWN0Iiwid2l0aExvY2FsU2VsZWN0b3IiLCJkZWZhdWx0TWFwU3RhdGVUb1Byb3BzIiwic3RhdGUiLCJfIiwiX18iLCJkZWZhdWx0TWFwRGlzcGF0Y2hUb1Byb3BzIiwiZGlzcGF0Y2giLCJtYXBTdGF0ZVRvUHJvcHMiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJtYWtlTWFwRGlzcGF0Y2hUb1Byb3BzIiwicmVkdXhNZXJnZVByb3BzIiwib3B0aW9ucyIsIkJhc2VDb21wb25lbnQiLCJtYXBEaXNwYXRjaFRvUHJvcHMiLCJyZWR1eE1hcFN0YXRlIiwicHJvcHMiLCJzZWxlY3RvciIsInJlZHV4TWFwRGlzcGF0Y2giLCJSZWR1eENvbXBvbmVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb25uZWN0L2tlcGxlcmdsLWNvbm5lY3QudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IHtKU1hFbGVtZW50Q29uc3RydWN0b3J9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7Y29ubmVjdCBhcyByZWR1eENvbm5lY3QsIEdldFByb3BzLCBNYXRjaGluZ30gZnJvbSAncmVhY3QtcmVkdXgnO1xuaW1wb3J0IHdpdGhMb2NhbFNlbGVjdG9yIGZyb20gJy4vd2l0aC1sb2NhbC1zZWxlY3Rvcic7XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbmNvbnN0IGRlZmF1bHRNYXBTdGF0ZVRvUHJvcHMgPSAoc3RhdGUsIF8sIF9fKSA9PiBzdGF0ZTtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbmNvbnN0IGRlZmF1bHRNYXBEaXNwYXRjaFRvUHJvcHMgPSAoKSA9PiAoZGlzcGF0Y2gsIF8sIF9fKSA9PiAoe2Rpc3BhdGNofSk7XG5cbmV4cG9ydCBjb25zdCBjb25uZWN0ID1cbiAgPFQgZXh0ZW5kcyBKU1hFbGVtZW50Q29uc3RydWN0b3I8TWF0Y2hpbmc8YW55LCBHZXRQcm9wczxUPj4+PihcbiAgICBtYXBTdGF0ZVRvUHJvcHMgPSBkZWZhdWx0TWFwU3RhdGVUb1Byb3BzLFxuICAgIG1ha2VNYXBEaXNwYXRjaFRvUHJvcHMgPSBkZWZhdWx0TWFwRGlzcGF0Y2hUb1Byb3BzLFxuICAgIHJlZHV4TWVyZ2VQcm9wcz8sXG4gICAgb3B0aW9ucz9cbiAgKSA9PlxuICAoQmFzZUNvbXBvbmVudDogVCkgPT4ge1xuICAgIGNvbnN0IG1hcERpc3BhdGNoVG9Qcm9wcyA9IG1ha2VNYXBEaXNwYXRjaFRvUHJvcHMoKTtcbiAgICBjb25zdCByZWR1eE1hcFN0YXRlID0gKHN0YXRlLCBwcm9wcykgPT4gbWFwU3RhdGVUb1Byb3BzKHByb3BzLnNlbGVjdG9yKHN0YXRlKSwgcHJvcHMsIHN0YXRlKTtcblxuICAgIGNvbnN0IHJlZHV4TWFwRGlzcGF0Y2ggPSAoZGlzcGF0Y2gsIHByb3BzKSA9PlxuICAgICAgbWFwRGlzcGF0Y2hUb1Byb3BzKHByb3BzLmRpc3BhdGNoLCBwcm9wcywgZGlzcGF0Y2gpO1xuXG4gICAgY29uc3QgUmVkdXhDb21wb25lbnQgPSByZWR1eENvbm5lY3QoXG4gICAgICByZWR1eE1hcFN0YXRlLFxuICAgICAgcmVkdXhNYXBEaXNwYXRjaCxcbiAgICAgIHJlZHV4TWVyZ2VQcm9wcyxcbiAgICAgIG9wdGlvbnNcbiAgICApKEJhc2VDb21wb25lbnQpO1xuXG4gICAgLy8gc2F2ZSBzZWxlY3RvciB0byBjb250ZXh0IHNvIGl0IGNhbiBiZSBhY2Nlc3NlZCBieSBpdHMgY2hpbGRyZW5cbiAgICByZXR1cm4gd2l0aExvY2FsU2VsZWN0b3IoUmVkdXhDb21wb25lbnQpO1xuICB9O1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBOztBQUdBLFNBQVFBLE9BQU8sSUFBSUMsWUFBWSxRQUEyQixhQUFhO0FBQ3ZFLE9BQU9DLGlCQUFpQixNQUFNLHVCQUF1Qjs7QUFFckQ7QUFDQSxJQUFNQyxzQkFBc0IsR0FBRyxTQUF6QkEsc0JBQXNCQSxDQUFJQyxLQUFLLEVBQUVDLENBQUMsRUFBRUMsRUFBRTtFQUFBLE9BQUtGLEtBQUs7QUFBQTtBQUN0RDtBQUNBLElBQU1HLHlCQUF5QixHQUFHLFNBQTVCQSx5QkFBeUJBLENBQUE7RUFBQSxPQUFTLFVBQUNDLFFBQVEsRUFBRUgsQ0FBQyxFQUFFQyxFQUFFO0lBQUEsT0FBTTtNQUFDRSxRQUFRLEVBQVJBO0lBQVEsQ0FBQztFQUFBLENBQUM7QUFBQTtBQUV6RSxPQUFPLElBQU1SLE9BQU8sR0FDbEIsU0FEV0EsT0FBT0EsQ0FBQTtFQUFBLElBRWhCUyxlQUFlLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHUCxzQkFBc0I7RUFBQSxJQUN4Q1Usc0JBQXNCLEdBQUFILFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHSCx5QkFBeUI7RUFBQSxJQUNsRE8sZUFBZ0IsR0FBQUosU0FBQSxDQUFBQyxNQUFBLE9BQUFELFNBQUEsTUFBQUUsU0FBQTtFQUFBLElBQ2hCRyxPQUFRLEdBQUFMLFNBQUEsQ0FBQUMsTUFBQSxPQUFBRCxTQUFBLE1BQUFFLFNBQUE7RUFBQSxPQUVWLFVBQUNJLGFBQWdCLEVBQUs7SUFDcEIsSUFBTUMsa0JBQWtCLEdBQUdKLHNCQUFzQixDQUFDLENBQUM7SUFDbkQsSUFBTUssYUFBYSxHQUFHLFNBQWhCQSxhQUFhQSxDQUFJZCxLQUFLLEVBQUVlLEtBQUs7TUFBQSxPQUFLVixlQUFlLENBQUNVLEtBQUssQ0FBQ0MsUUFBUSxDQUFDaEIsS0FBSyxDQUFDLEVBQUVlLEtBQUssRUFBRWYsS0FBSyxDQUFDO0lBQUE7SUFFNUYsSUFBTWlCLGdCQUFnQixHQUFHLFNBQW5CQSxnQkFBZ0JBLENBQUliLFFBQVEsRUFBRVcsS0FBSztNQUFBLE9BQ3ZDRixrQkFBa0IsQ0FBQ0UsS0FBSyxDQUFDWCxRQUFRLEVBQUVXLEtBQUssRUFBRVgsUUFBUSxDQUFDO0lBQUE7SUFFckQsSUFBTWMsY0FBYyxHQUFHckIsWUFBWSxDQUNqQ2lCLGFBQWEsRUFDYkcsZ0JBQWdCLEVBQ2hCUCxlQUFlLEVBQ2ZDLE9BQ0YsQ0FBQyxDQUFDQyxhQUFhLENBQUM7O0lBRWhCO0lBQ0EsT0FBT2QsaUJBQWlCLENBQUNvQixjQUFjLENBQUM7RUFDMUMsQ0FBQztBQUFBIiwiaWdub3JlTGlzdCI6W119

package/dist/esm/connect/with-local-selector.js

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { Component } from 'react';
+import { createSelector } from 'reselect';
+import KeplerGlContext from '../context';
+var identity = function identity(state) {
+  return state;
+};
+var mergeSelectors = function mergeSelectors(parentSelector, childSelector) {
+  return function (state) {
+    return childSelector(parentSelector(state));
+  };
+};
+
+// store the parent selector in the parent context
+// and return the parent component
+// when a selector is passed to a container component,
+// it will be stored in the context and passed down to child components,
+// as well as prop to the given component
+
+var withLocalSelector = function withLocalSelector(ParentComponent) {
+  var WithConnectSelector = /*#__PURE__*/function (_Component) {
+    function WithConnectSelector() {
+      var _this;
+      _classCallCheck(this, WithConnectSelector);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      _this = _callSuper(this, WithConnectSelector, [].concat(args));
+      _defineProperty(_this, "selectorFromContext", function (_, ctx) {
+        return ctx.selector ? ctx.selector : identity;
+      });
+      _defineProperty(_this, "selectorFromProps", function (props) {
+        return props.selector ? props.selector : identity;
+      });
+      _defineProperty(_this, "idFromProps", function (props) {
+        return props.id;
+      });
+      _defineProperty(_this, "computedSelector", createSelector(_this.selectorFromContext, _this.selectorFromProps, function (ctx, props) {
+        return mergeSelectors(ctx, props);
+      }));
+      _defineProperty(_this, "contextSelector", createSelector(_this.computedSelector, _this.idFromProps, function (selector, id) {
+        return {
+          selector: selector,
+          id: id
+        };
+      }));
+      return _this;
+    }
+    _inherits(WithConnectSelector, _Component);
+    return _createClass(WithConnectSelector, [{
+      key: "render",
+      value: function render() {
+        // @ts-ignore Argument of type 'Readonly<P & { selector: (...args: any[]) => KeplerGlState; }>' is not assignable to parameter of type 'never'
+        var computedContext = this.contextSelector(this.props, this.context);
+        return /*#__PURE__*/React.createElement(KeplerGlContext.Provider, {
+          value: computedContext
+        }, /*#__PURE__*/React.createElement(ParentComponent, _extends({}, this.props, {
+          selector: computedContext.selector
+        })));
+      }
+    }]);
+  }(Component);
+  _defineProperty(WithConnectSelector, "contextType", KeplerGlContext);
+  return WithConnectSelector;
+};
+export default withLocalSelector;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkNvbXBvbmVudCIsImNyZWF0ZVNlbGVjdG9yIiwiS2VwbGVyR2xDb250ZXh0IiwiaWRlbnRpdHkiLCJzdGF0ZSIsIm1lcmdlU2VsZWN0b3JzIiwicGFyZW50U2VsZWN0b3IiLCJjaGlsZFNlbGVjdG9yIiwid2l0aExvY2FsU2VsZWN0b3IiLCJQYXJlbnRDb21wb25lbnQiLCJXaXRoQ29ubmVjdFNlbGVjdG9yIiwiX0NvbXBvbmVudCIsIl90aGlzIiwiX2NsYXNzQ2FsbENoZWNrIiwiX2xlbiIsImFyZ3VtZW50cyIsImxlbmd0aCIsImFyZ3MiLCJBcnJheSIsIl9rZXkiLCJfY2FsbFN1cGVyIiwiY29uY2F0IiwiX2RlZmluZVByb3BlcnR5IiwiXyIsImN0eCIsInNlbGVjdG9yIiwicHJvcHMiLCJpZCIsInNlbGVjdG9yRnJvbUNvbnRleHQiLCJzZWxlY3RvckZyb21Qcm9wcyIsImNvbXB1dGVkU2VsZWN0b3IiLCJpZEZyb21Qcm9wcyIsIl9pbmhlcml0cyIsIl9jcmVhdGVDbGFzcyIsImtleSIsInZhbHVlIiwicmVuZGVyIiwiY29tcHV0ZWRDb250ZXh0IiwiY29udGV4dFNlbGVjdG9yIiwiY29udGV4dCIsImNyZWF0ZUVsZW1lbnQiLCJQcm92aWRlciIsIl9leHRlbmRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Nvbm5lY3Qvd2l0aC1sb2NhbC1zZWxlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge2NyZWF0ZVNlbGVjdG9yfSBmcm9tICdyZXNlbGVjdCc7XG5pbXBvcnQgS2VwbGVyR2xDb250ZXh0IGZyb20gJy4uL2NvbnRleHQnO1xuaW1wb3J0IHtLZXBsZXJHbFN0YXRlfSBmcm9tICdAa2VwbGVyLmdsL3JlZHVjZXJzJztcblxuY29uc3QgaWRlbnRpdHkgPSBzdGF0ZSA9PiBzdGF0ZTtcblxuY29uc3QgbWVyZ2VTZWxlY3RvcnMgPSAocGFyZW50U2VsZWN0b3IsIGNoaWxkU2VsZWN0b3IpID0+IHN0YXRlID0+XG4gIGNoaWxkU2VsZWN0b3IocGFyZW50U2VsZWN0b3Ioc3RhdGUpKTtcblxuLy8gc3RvcmUgdGhlIHBhcmVudCBzZWxlY3RvciBpbiB0aGUgcGFyZW50IGNvbnRleHRcbi8vIGFuZCByZXR1cm4gdGhlIHBhcmVudCBjb21wb25lbnRcbi8vIHdoZW4gYSBzZWxlY3RvciBpcyBwYXNzZWQgdG8gYSBjb250YWluZXIgY29tcG9uZW50LFxuLy8gaXQgd2lsbCBiZSBzdG9yZWQgaW4gdGhlIGNvbnRleHQgYW5kIHBhc3NlZCBkb3duIHRvIGNoaWxkIGNvbXBvbmVudHMsXG4vLyBhcyB3ZWxsIGFzIHByb3AgdG8gdGhlIGdpdmVuIGNvbXBvbmVudFxuXG5jb25zdCB3aXRoTG9jYWxTZWxlY3RvciA9IDxQIGV4dGVuZHMgb2JqZWN0PihcbiAgUGFyZW50Q29tcG9uZW50OiBSZWFjdC5Db21wb25lbnRUeXBlPFA+XG4pOiBSZWFjdC5Db21wb25lbnRUeXBlPFAgJiB7c2VsZWN0b3I6ICguLi5hcmdzOiBhbnlbXSkgPT4gS2VwbGVyR2xTdGF0ZX0+ID0+IHtcbiAgY2xhc3MgV2l0aENvbm5lY3RTZWxlY3RvciBleHRlbmRzIENvbXBvbmVudDxQICYge3NlbGVjdG9yOiAoLi4uYXJnczogYW55W10pID0+IEtlcGxlckdsU3RhdGV9PiB7XG4gICAgc3RhdGljIGNvbnRleHRUeXBlID0gS2VwbGVyR2xDb250ZXh0O1xuXG4gICAgc2VsZWN0b3JGcm9tQ29udGV4dCA9IChfLCBjdHgpID0+IChjdHguc2VsZWN0b3IgPyBjdHguc2VsZWN0b3IgOiBpZGVudGl0eSk7XG4gICAgc2VsZWN0b3JGcm9tUHJvcHMgPSBwcm9wcyA9PiAocHJvcHMuc2VsZWN0b3IgPyBwcm9wcy5zZWxlY3RvciA6IGlkZW50aXR5KTtcbiAgICBpZEZyb21Qcm9wcyA9IHByb3BzID0+IHByb3BzLmlkO1xuICAgIGNvbXB1dGVkU2VsZWN0b3IgPSBjcmVhdGVTZWxlY3RvcihcbiAgICAgIHRoaXMuc2VsZWN0b3JGcm9tQ29udGV4dCxcbiAgICAgIHRoaXMuc2VsZWN0b3JGcm9tUHJvcHMsXG4gICAgICAoY3R4LCBwcm9wcykgPT4gbWVyZ2VTZWxlY3RvcnMoY3R4LCBwcm9wcylcbiAgICApO1xuXG4gICAgY29udGV4dFNlbGVjdG9yID0gY3JlYXRlU2VsZWN0b3IodGhpcy5jb21wdXRlZFNlbGVjdG9yLCB0aGlzLmlkRnJvbVByb3BzLCAoc2VsZWN0b3IsIGlkKSA9PiAoe1xuICAgICAgc2VsZWN0b3IsXG4gICAgICBpZFxuICAgIH0pKTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIC8vIEB0cy1pZ25vcmUgQXJndW1lbnQgb2YgdHlwZSAnUmVhZG9ubHk8UCAmIHsgc2VsZWN0b3I6ICguLi5hcmdzOiBhbnlbXSkgPT4gS2VwbGVyR2xTdGF0ZTsgfT4nIGlzIG5vdCBhc3NpZ25hYmxlIHRvIHBhcmFtZXRlciBvZiB0eXBlICduZXZlcidcbiAgICAgIGNvbnN0IGNvbXB1dGVkQ29udGV4dCA9IHRoaXMuY29udGV4dFNlbGVjdG9yKHRoaXMucHJvcHMsIHRoaXMuY29udGV4dCk7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8S2VwbGVyR2xDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb21wdXRlZENvbnRleHR9PlxuICAgICAgICAgIDxQYXJlbnRDb21wb25lbnQgey4uLnRoaXMucHJvcHN9IHNlbGVjdG9yPXtjb21wdXRlZENvbnRleHQuc2VsZWN0b3J9IC8+XG4gICAgICAgIDwvS2VwbGVyR2xDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gV2l0aENvbm5lY3RTZWxlY3Rvcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhMb2NhbFNlbGVjdG9yO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssSUFBR0MsU0FBUyxRQUFPLE9BQU87QUFDdEMsU0FBUUMsY0FBYyxRQUFPLFVBQVU7QUFDdkMsT0FBT0MsZUFBZSxNQUFNLFlBQVk7QUFHeEMsSUFBTUMsUUFBUSxHQUFHLFNBQVhBLFFBQVFBLENBQUdDLEtBQUs7RUFBQSxPQUFJQSxLQUFLO0FBQUE7QUFFL0IsSUFBTUMsY0FBYyxHQUFHLFNBQWpCQSxjQUFjQSxDQUFJQyxjQUFjLEVBQUVDLGFBQWE7RUFBQSxPQUFLLFVBQUFILEtBQUs7SUFBQSxPQUM3REcsYUFBYSxDQUFDRCxjQUFjLENBQUNGLEtBQUssQ0FBQyxDQUFDO0VBQUE7QUFBQTs7QUFFdEM7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQSxJQUFNSSxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQWlCQSxDQUNyQkMsZUFBdUMsRUFDb0M7RUFBQSxJQUNyRUMsbUJBQW1CLDBCQUFBQyxVQUFBO0lBQUEsU0FBQUQsb0JBQUE7TUFBQSxJQUFBRSxLQUFBO01BQUFDLGVBQUEsT0FBQUgsbUJBQUE7TUFBQSxTQUFBSSxJQUFBLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxFQUFBQyxJQUFBLE9BQUFDLEtBQUEsQ0FBQUosSUFBQSxHQUFBSyxJQUFBLE1BQUFBLElBQUEsR0FBQUwsSUFBQSxFQUFBSyxJQUFBO1FBQUFGLElBQUEsQ0FBQUUsSUFBQSxJQUFBSixTQUFBLENBQUFJLElBQUE7TUFBQTtNQUFBUCxLQUFBLEdBQUFRLFVBQUEsT0FBQVYsbUJBQUEsS0FBQVcsTUFBQSxDQUFBSixJQUFBO01BQUFLLGVBQUEsQ0FBQVYsS0FBQSx5QkFHRCxVQUFDVyxDQUFDLEVBQUVDLEdBQUc7UUFBQSxPQUFNQSxHQUFHLENBQUNDLFFBQVEsR0FBR0QsR0FBRyxDQUFDQyxRQUFRLEdBQUd0QixRQUFRO01BQUEsQ0FBQztNQUFBbUIsZUFBQSxDQUFBVixLQUFBLHVCQUN0RCxVQUFBYyxLQUFLO1FBQUEsT0FBS0EsS0FBSyxDQUFDRCxRQUFRLEdBQUdDLEtBQUssQ0FBQ0QsUUFBUSxHQUFHdEIsUUFBUTtNQUFBLENBQUM7TUFBQW1CLGVBQUEsQ0FBQVYsS0FBQSxpQkFDM0QsVUFBQWMsS0FBSztRQUFBLE9BQUlBLEtBQUssQ0FBQ0MsRUFBRTtNQUFBO01BQUFMLGVBQUEsQ0FBQVYsS0FBQSxzQkFDWlgsY0FBYyxDQUMvQlcsS0FBQSxDQUFLZ0IsbUJBQW1CLEVBQ3hCaEIsS0FBQSxDQUFLaUIsaUJBQWlCLEVBQ3RCLFVBQUNMLEdBQUcsRUFBRUUsS0FBSztRQUFBLE9BQUtyQixjQUFjLENBQUNtQixHQUFHLEVBQUVFLEtBQUssQ0FBQztNQUFBLENBQzVDLENBQUM7TUFBQUosZUFBQSxDQUFBVixLQUFBLHFCQUVpQlgsY0FBYyxDQUFDVyxLQUFBLENBQUtrQixnQkFBZ0IsRUFBRWxCLEtBQUEsQ0FBS21CLFdBQVcsRUFBRSxVQUFDTixRQUFRLEVBQUVFLEVBQUU7UUFBQSxPQUFNO1VBQzNGRixRQUFRLEVBQVJBLFFBQVE7VUFDUkUsRUFBRSxFQUFGQTtRQUNGLENBQUM7TUFBQSxDQUFDLENBQUM7TUFBQSxPQUFBZixLQUFBO0lBQUE7SUFBQW9CLFNBQUEsQ0FBQXRCLG1CQUFBLEVBQUFDLFVBQUE7SUFBQSxPQUFBc0IsWUFBQSxDQUFBdkIsbUJBQUE7TUFBQXdCLEdBQUE7TUFBQUMsS0FBQSxFQUVILFNBQUFDLE1BQU1BLENBQUEsRUFBRztRQUNQO1FBQ0EsSUFBTUMsZUFBZSxHQUFHLElBQUksQ0FBQ0MsZUFBZSxDQUFDLElBQUksQ0FBQ1osS0FBSyxFQUFFLElBQUksQ0FBQ2EsT0FBTyxDQUFDO1FBQ3RFLG9CQUNFeEMsS0FBQSxDQUFBeUMsYUFBQSxDQUFDdEMsZUFBZSxDQUFDdUMsUUFBUTtVQUFDTixLQUFLLEVBQUVFO1FBQWdCLGdCQUMvQ3RDLEtBQUEsQ0FBQXlDLGFBQUEsQ0FBQy9CLGVBQWUsRUFBQWlDLFFBQUEsS0FBSyxJQUFJLENBQUNoQixLQUFLO1VBQUVELFFBQVEsRUFBRVksZUFBZSxDQUFDWjtRQUFTLEVBQUUsQ0FDOUMsQ0FBQztNQUUvQjtJQUFDO0VBQUEsRUF6QitCekIsU0FBUztFQUFBc0IsZUFBQSxDQUFyQ1osbUJBQW1CLGlCQUNGUixlQUFlO0VBMkJ0QyxPQUFPUSxtQkFBbUI7QUFDNUIsQ0FBQztBQUVELGVBQWVGLGlCQUFpQiIsImlnbm9yZUxpc3QiOltdfQ==