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

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 'lodash/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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJzdHlsZWQiLCJ0aHJvdHRsZSIsImNsYXNzbmFtZXMiLCJjbGFtcCIsImRhdGV0aW1lRm9ybWF0dGVyIiwibWVkaWEiLCJERUZBVUxUX1RJTUVfRk9STUFUIiwiQU5JTUFUSU9OX1dJTkRPVyIsIlNsaWRlciIsIm5vb3AiLCJTTElERVJfTUFSR0lOX1BBTE0iLCJBbmltYXRpb25Db250cm9sU2xpZGVyIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsIlNsaWRlcldyYXBwZXIiLCJfdGVtcGxhdGVPYmplY3QyIiwicGFsbSIsIl90ZW1wbGF0ZU9iamVjdDMiLCJTdHlsZWRTbGlkZXIiLCJfdGVtcGxhdGVPYmplY3Q0IiwiU3R5bGVkRG9tYWluIiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdDUiLCJ0aGVtZSIsInRpdGxlVGV4dENvbG9yIiwiUFJPR1JFU1NfQkFSX0hFSUdIVCIsIlRpbWVsaW5lU2xpZGVyRmFjdG9yeSIsIlRpbWVsaW5lU2xpZGVyIiwiX3JlZiIsInRpbWVsaW5lIiwic2V0VGltZWxpbmVWYWx1ZSIsIl9yZWYkZW5hYmxlQmFyRHJhZyIsImVuYWJsZUJhckRyYWciLCJfcmVmJHNob3dEb21haW5UaW1lcyIsInNob3dEb21haW5UaW1lcyIsIl9yZWYkaGVpZ2h0IiwiaGVpZ2h0IiwiX3JlZiRjbGFzc05hbWUiLCJzdHlsZSIsIm9uVGhyb3R0bGVVcGRhdGUiLCJzdGVwIiwiZG9tYWluIiwidmFsdWUiLCJ0aW1lRm9ybWF0IiwiZGVmYXVsdFRpbWVGb3JtYXQiLCJ0aW1lem9uZSIsImFuaW1hdGlvbldpbmRvdyIsIm1hcmtzIiwiaXNSYW5nZWQiLCJBcnJheSIsImlzQXJyYXkiLCJsZW5ndGgiLCJpbnRlcnZhbCIsIl91c2VNZW1vIiwiX3VzZU1lbW8yIiwiX3NsaWNlZFRvQXJyYXkiLCJ2YWx1ZTAiLCJ2YWx1ZTEiLCJfdXNlTWVtbzMiLCJfdXNlTWVtbzQiLCJkaXNwbGF5VmFsdWUwIiwiZGlzcGxheVZhbHVlMSIsIl91c2VNZW1vNSIsIm5ld1ZhbHVlIiwiX3VzZU1lbW82Iiwib25TbGlkZXIwQ2hhbmdlIiwib25TbGlkZXIxQ2hhbmdlIiwidGltZWxpbmVTbGlkZXJTdHlsZSIsImNvbmNhdCIsIl91c2VNZW1vNyIsImhhc1VzZXJGb3JtYXQiLCJjdXJyZW50Rm9ybWF0IiwiZGF0ZUZ1bmMiLCJfdXNlTWVtbzgiLCJ0aW1lU3RhcnQiLCJ0aW1lRW5kIiwicmVxdWlyZXNSYW5nZVNsaWRlciIsImNyZWF0ZUVsZW1lbnQiLCJ1bmRlZmluZWQiLCJtaW5WYWx1ZSIsIm1heFZhbHVlIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbW1vbi90aW1lbGluZS1zbGlkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQsIHtJU3R5bGVkQ29tcG9uZW50fSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHtjbGFtcCwgZGF0ZXRpbWVGb3JtYXR0ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHttZWRpYX0gZnJvbSAnQGtlcGxlci5nbC9zdHlsZXMnO1xuaW1wb3J0IHtERUZBVUxUX1RJTUVfRk9STUFULCBBTklNQVRJT05fV0lORE9XfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge1RpbWVsaW5lfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCBTbGlkZXIgZnJvbSAnLi9zbGlkZXIvc2xpZGVyJztcbmltcG9ydCB7QmFzZUNvbXBvbmVudFByb3BzfSBmcm9tICcuLi90eXBlcyc7XG5cbmZ1bmN0aW9uIG5vb3AoKSB7XG4gIHJldHVybjtcbn1cblxuY29uc3QgU0xJREVSX01BUkdJTl9QQUxNID0gNjtcblxuZXhwb3J0IHR5cGUgQW5pbWF0aW9uQ29udHJvbFNsaWRlclByb3BzID0gQmFzZUNvbXBvbmVudFByb3BzO1xuXG5jb25zdCBBbmltYXRpb25Db250cm9sU2xpZGVyOiBJU3R5bGVkQ29tcG9uZW50PCd3ZWInLCBBbmltYXRpb25Db250cm9sU2xpZGVyUHJvcHM+ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWFyZ2luOiAwIDRweDtcbiAgcGFkZGluZzogMCA2cHg7XG5cbiAgJHttZWRpYS5wYWxtYFxuICAgIG1hcmdpbjogMCAke1NMSURFUl9NQVJHSU5fUEFMTX1weDtcbiAgYH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNsaWRlciA9IHN0eWxlZChTbGlkZXIpYFxuICAua2ctcmFuZ2Utc2xpZGVyX19iYXIge1xuICAgIC8vIGNoYW5nZSBjb2xvcnNcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRG9tYWluID0gc3R5bGVkLmRpdi5hdHRycyhwcm9wcyA9PiAoe1xuICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoJ2FuaW1hdGlvbi1jb250cm9sX190aW1lLWRvbWFpbicsIHByb3BzLmNsYXNzTmFtZSlcbn0pKWBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGl0bGVUZXh0Q29sb3J9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBmb250LXNpemU6IDEwcHg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgUFJPR1JFU1NfQkFSX0hFSUdIVCA9IDg7XG5cbmludGVyZmFjZSBUaW1lbGluZVNsaWRlclByb3BzIHtcbiAgdGltZWxpbmU6IFRpbWVsaW5lO1xuICBzZXRUaW1lbGluZVZhbHVlOiAodmFsdWU6IFtudW1iZXJdIHwgW251bWJlciwgbnVtYmVyXSkgPT4gdm9pZDtcbiAgZW5hYmxlQmFyRHJhZz86IGJvb2xlYW47XG4gIHNob3dEb21haW5UaW1lcz86IGJvb2xlYW47XG4gIGhlaWdodD86IG51bWJlcjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nIHwgbnVsbDtcbiAgc3R5bGU/OiBvYmplY3Q7XG59XG5cbmZ1bmN0aW9uIFRpbWVsaW5lU2xpZGVyRmFjdG9yeSgpIHtcbiAgY29uc3QgVGltZWxpbmVTbGlkZXI6IFJlYWN0LkZDPFRpbWVsaW5lU2xpZGVyUHJvcHM+ID0gKHtcbiAgICB0aW1lbGluZSwgLy8gdGltZWxpbmUgY2FuIGJlIGEgdW5pb24gb2YgZmlsdGVyIGFuZCBhbmltYXRpb25Db25maWdcbiAgICAvLyB3ZSBjYW4gcGFzcyB0aW1lbGluZSB0byBhIGhvb2sgYW5kIGdldCBiYWNrIHZhbHVlcyBhbmQgY29udHJvbGxlcnNcbiAgICBzZXRUaW1lbGluZVZhbHVlLFxuICAgIGVuYWJsZUJhckRyYWcgPSB0cnVlLFxuICAgIHNob3dEb21haW5UaW1lcyA9IHRydWUsXG4gICAgaGVpZ2h0ID0gUFJPR1JFU1NfQkFSX0hFSUdIVCxcbiAgICBjbGFzc05hbWUgPSBudWxsLFxuICAgIHN0eWxlXG4gIH0pID0+IHtcbiAgICBjb25zdCBvblRocm90dGxlVXBkYXRlID0gdXNlTWVtbygoKSA9PiB0aHJvdHRsZShzZXRUaW1lbGluZVZhbHVlLCAyMCksIFtzZXRUaW1lbGluZVZhbHVlXSk7XG5cbiAgICBjb25zdCB7c3RlcCwgZG9tYWluLCB2YWx1ZSwgdGltZUZvcm1hdCwgZGVmYXVsdFRpbWVGb3JtYXQsIHRpbWV6b25lLCBhbmltYXRpb25XaW5kb3csIG1hcmtzfSA9XG4gICAgICB0aW1lbGluZTtcblxuICAgIGNvbnN0IGlzUmFuZ2VkID0gdXNlTWVtbyhcbiAgICAgICgpID0+XG4gICAgICAgIEFycmF5LmlzQXJyYXkodmFsdWUpICYmIHZhbHVlLmxlbmd0aCA9PT0gMiAmJiBhbmltYXRpb25XaW5kb3cgIT09IEFOSU1BVElPTl9XSU5ET1cuaW50ZXJ2YWwsXG4gICAgICBbYW5pbWF0aW9uV2luZG93LCB2YWx1ZV1cbiAgICApO1xuXG4gICAgY29uc3QgW3ZhbHVlMCwgdmFsdWUxXTogW251bWJlciwgbnVtYmVyXSA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBbaXNSYW5nZWQgPyB2YWx1ZVswXSA6IG51bGwsIGlzUmFuZ2VkID8gdmFsdWVbMV0gOiB2YWx1ZVswXV0sXG4gICAgICBbaXNSYW5nZWQsIHZhbHVlXVxuICAgICk7XG5cbiAgICBjb25zdCBbZGlzcGxheVZhbHVlMCwgZGlzcGxheVZhbHVlMV06IFtudW1iZXIsIG51bWJlcl0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghZG9tYWluKSB7XG4gICAgICAgIHJldHVybiBbdmFsdWUwLCB2YWx1ZTFdO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gW2lzUmFuZ2VkID8gY2xhbXAoZG9tYWluLCB2YWx1ZTApIDogdmFsdWUwLCBjbGFtcChkb21haW4sIHZhbHVlMSldO1xuICAgIH0sIFtkb21haW4sIGlzUmFuZ2VkLCB2YWx1ZTAsIHZhbHVlMV0pO1xuXG4gICAgY29uc3QgW29uU2xpZGVyMENoYW5nZSwgb25TbGlkZXIxQ2hhbmdlXSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFkb21haW4pIHJldHVybiBbbm9vcCwgbm9vcF07XG4gICAgICByZXR1cm4gW1xuICAgICAgICBpc1JhbmdlZFxuICAgICAgICAgID8gKG5ld1ZhbHVlOiBudW1iZXIpID0+IG9uVGhyb3R0bGVVcGRhdGUoW2NsYW1wKGRvbWFpbiwgbmV3VmFsdWUpLCB2YWx1ZTFdKVxuICAgICAgICAgIDogbm9vcCxcbiAgICAgICAgaXNSYW5nZWRcbiAgICAgICAgICA/IChuZXdWYWx1ZTogbnVtYmVyKSA9PiBvblRocm90dGxlVXBkYXRlKFt2YWx1ZTAsIGNsYW1wKGRvbWFpbiwgbmV3VmFsdWUpXSlcbiAgICAgICAgICA6IChuZXdWYWx1ZTogbnVtYmVyKSA9PlxuICAgICAgICAgICAgICBvblRocm90dGxlVXBkYXRlKFxuICAgICAgICAgICAgICAgIGFuaW1hdGlvbldpbmRvdyA9PT0gQU5JTUFUSU9OX1dJTkRPVy5pbnRlcnZhbFxuICAgICAgICAgICAgICAgICAgPyAvLyBmaWx0ZXIgcmVxdWlyZXMgYW4gYXJyYXkgd2l0aCAyIHZhbHVlc1xuICAgICAgICAgICAgICAgICAgICBbY2xhbXAoZG9tYWluLCBuZXdWYWx1ZSksIGNsYW1wKGRvbWFpbiwgbmV3VmFsdWUpXVxuICAgICAgICAgICAgICAgICAgOiAvLyBhbmltYXRpb25Db25maWcgb25seSByZXF1aXJlcyBvbmUgdmFsdWVcbiAgICAgICAgICAgICAgICAgICAgW2NsYW1wKGRvbWFpbiwgbmV3VmFsdWUpXVxuICAgICAgICAgICAgICApXG4gICAgICBdO1xuICAgIH0sIFthbmltYXRpb25XaW5kb3csIGRvbWFpbiwgaXNSYW5nZWQsIHZhbHVlMCwgdmFsdWUxLCBvblRocm90dGxlVXBkYXRlXSk7XG5cbiAgICBjb25zdCB0aW1lbGluZVNsaWRlclN0eWxlID0gdXNlTWVtbygoKSA9PiAoe2hlaWdodDogYCR7aGVpZ2h0fXB4YH0pLCBbaGVpZ2h0XSk7XG5cbiAgICBjb25zdCBbdGltZVN0YXJ0LCB0aW1lRW5kXSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFzaG93RG9tYWluVGltZXMpIHtcbiAgICAgICAgcmV0dXJuIFtudWxsLCBudWxsXTtcbiAgICAgIH1cblxuICAgICAgY29uc3QgaGFzVXNlckZvcm1hdCA9IHR5cGVvZiB0aW1lRm9ybWF0ID09PSAnc3RyaW5nJztcbiAgICAgIGNvbnN0IGN1cnJlbnRGb3JtYXQgPSAoaGFzVXNlckZvcm1hdCA/IHRpbWVGb3JtYXQgOiBkZWZhdWx0VGltZUZvcm1hdCkgfHwgREVGQVVMVF9USU1FX0ZPUk1BVDtcbiAgICAgIGNvbnN0IGRhdGVGdW5jID0gZGF0ZXRpbWVGb3JtYXR0ZXIodGltZXpvbmUpKGN1cnJlbnRGb3JtYXQpO1xuXG4gICAgICByZXR1cm4gW2RvbWFpbiA/IGRhdGVGdW5jKGRvbWFpblswXSkgOiAnJywgZG9tYWluID8gZGF0ZUZ1bmMoZG9tYWluWzFdKSA6ICcnXTtcbiAgICB9LCBbZG9tYWluLCB0aW1lem9uZSwgdGltZUZvcm1hdCwgZGVmYXVsdFRpbWVGb3JtYXQsIHNob3dEb21haW5UaW1lc10pO1xuXG4gICAgY29uc3QgcmVxdWlyZXNSYW5nZVNsaWRlciA9IGlzUmFuZ2VkICYmIGFuaW1hdGlvbldpbmRvdyAhPT0gQU5JTUFUSU9OX1dJTkRPVy5pbnRlcnZhbDtcblxuICAgIHJldHVybiAoXG4gICAgICA8QW5pbWF0aW9uQ29udHJvbFNsaWRlclxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnYW5pbWF0aW9uLWNvbnRyb2xfX3RpbWUtc2xpZGVyJywgY2xhc3NOYW1lKX1cbiAgICAgID5cbiAgICAgICAge3RpbWVTdGFydCA/IChcbiAgICAgICAgICA8U3R5bGVkRG9tYWluIGNsYXNzTmFtZT1cImRvbWFpbi1zdGFydFwiPlxuICAgICAgICAgICAgPHNwYW4+e3RpbWVTdGFydH08L3NwYW4+XG4gICAgICAgICAgPC9TdHlsZWREb21haW4+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8U2xpZGVyV3JhcHBlciBjbGFzc05hbWU9XCJhbmltYXRpb24tY29udHJvbF9fc2xpZGVyXCI+XG4gICAgICAgICAgPFN0eWxlZFNsaWRlclxuICAgICAgICAgICAgaXNSYW5nZWQ9e3JlcXVpcmVzUmFuZ2VTbGlkZXJ9XG4gICAgICAgICAgICBzdGVwPXtzdGVwIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG1pblZhbHVlPXtkb21haW4gPyBkb21haW5bMF0gOiAwfVxuICAgICAgICAgICAgbWF4VmFsdWU9e2RvbWFpbiA/IGRvbWFpblsxXSA6IDF9XG4gICAgICAgICAgICBlbmFibGVCYXJEcmFnPXtlbmFibGVCYXJEcmFnfVxuICAgICAgICAgICAgc3R5bGU9e3RpbWVsaW5lU2xpZGVyU3R5bGV9XG4gICAgICAgICAgICBvblNsaWRlcjBDaGFuZ2U9e29uU2xpZGVyMENoYW5nZX1cbiAgICAgICAgICAgIG9uU2xpZGVyMUNoYW5nZT17b25TbGlkZXIxQ2hhbmdlfVxuICAgICAgICAgICAgdmFsdWUwPXtkaXNwbGF5VmFsdWUwfVxuICAgICAgICAgICAgdmFsdWUxPXtkaXNwbGF5VmFsdWUxfVxuICAgICAgICAgICAgbWFya3M9e21hcmtzfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU2xpZGVyV3JhcHBlcj5cbiAgICAgICAge3RpbWVFbmQgPyAoXG4gICAgICAgICAgPFN0eWxlZERvbWFpbiBjbGFzc05hbWU9XCJkb21haW4tZW5kXCI+XG4gICAgICAgICAgICA8c3Bhbj57dGltZUVuZH08L3NwYW4+XG4gICAgICAgICAgPC9TdHlsZWREb21haW4+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9BbmltYXRpb25Db250cm9sU2xpZGVyPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFRpbWVsaW5lU2xpZGVyO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUaW1lbGluZVNsaWRlckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsS0FBSyxJQUFHQyxPQUFPLFFBQU8sT0FBTztBQUNwQyxPQUFPQyxNQUFNLE1BQTBCLG1CQUFtQjtBQUMxRCxPQUFPQyxRQUFRLE1BQU0saUJBQWlCO0FBQ3RDLE9BQU9DLFVBQVUsTUFBTSxZQUFZO0FBQ25DLFNBQVFDLEtBQUssRUFBRUMsaUJBQWlCLFFBQU8sa0JBQWtCO0FBQ3pELFNBQVFDLEtBQUssUUFBTyxtQkFBbUI7QUFDdkMsU0FBUUMsbUJBQW1CLEVB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

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,55 @@
+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';
+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\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: pointer;\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.theme.textColorHl;
+}, function (props) {
+  return props.theme.toolbarItemBgdHover;
+}, function (props) {
+  return props.theme.toolbarItemBorderHover;
+}, function (props) {
+  return props.theme.toolbarItemIconHover;
+});
+var ToolbarItem = /*#__PURE__*/React.memo(function (props) {
+  return /*#__PURE__*/React.createElement(StyledDiv, {
+    id: props.id,
+    className: props.className,
+    $active: props.active,
+    onClick: function onClick(e) {
+      var _props$onClick;
+      e.stopPropagation();
+      e.preventDefault();
+      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
+  })));
+});
+ToolbarItem.displayName = 'ToolbarItem';
+export default ToolbarItem;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsImNsYXNzbmFtZXMiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiU3R5bGVkRGl2IiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCIkYWN0aXZlIiwidGhlbWUiLCJ0b29sYmFySXRlbUljb25Ib3ZlciIsInBhbmVsSGVhZGVySWNvbiIsInRvb2xiYXJJdGVtQm9yZGVySG92ZXIiLCJ0b29sYmFySXRlbUJvcmRlclJhZGRpdXMiLCJ0b29sYmFySXRlbUJnZEhvdmVyIiwiZHJvcGRvd25MaXN0QmdkIiwidGV4dENvbG9ySGwiLCJUb29sYmFySXRlbSIsIm1lbW8iLCJjcmVhdGVFbGVtZW50IiwiaWQiLCJhY3RpdmUiLCJvbkNsaWNrIiwiZSIsIl9wcm9wcyRvbkNsaWNrIiwic3RvcFByb3BhZ2F0aW9uIiwicHJldmVudERlZmF1bHQiLCJvbkNsb3NlIiwiY2FsbCIsImljb24iLCJsYWJlbCIsImRpc3BsYXlOYW1lIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbW1vbi90b29sYmFyLWl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge0NvbXBvbmVudFR5cGUsIE1vdXNlRXZlbnR9IGZyb20gJ3JlYWN0JztcblxuaW50ZXJmYWNlIFN0eWxlZERpdlByb3BzIHtcbiAgJGFjdGl2ZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCd0b29sYmFyLWl0ZW0nLCBwcm9wcy5jbGFzc05hbWUpXG59KSk8U3R5bGVkRGl2UHJvcHM+YFxuICBjb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLiRhY3RpdmUgPyBwcm9wcy50aGVtZS50b29sYmFySXRlbUljb25Ib3ZlciA6IHByb3BzLnRoZW1lLnBhbmVsSGVhZGVySWNvbn07XG4gIHBhZGRpbmc6IDEycHggMjBweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgd2lkdGg6IDExMHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cHJvcHMgPT4gKHByb3BzLiRhY3RpdmUgPyBwcm9wcy50aGVtZS50b29sYmFySXRlbUJvcmRlckhvdmVyIDogJ3RyYW5zcGFyZW50Jyl9O1xuICBib3JkZXItcmFkaXVzOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQm9yZGVyUmFkZGl1c307XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT5cbiAgICBwcm9wcy4kYWN0aXZlID8gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1CZ2RIb3ZlciA6IHByb3BzLnRoZW1lLmRyb3Bkb3duTGlzdEJnZH07XG5cbiAgLnRvb2xiYXItaXRlbV9fc3ZnLWNvbnRhaW5lciB7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICB9XG4gIC50b29sYmFyLWl0ZW1fX3RpdGxlIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudG9vbGJhckl0ZW1CZ2RIb3Zlcn07XG4gICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRvb2xiYXJJdGVtQm9yZGVySG92ZXJ9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50b29sYmFySXRlbUljb25Ib3Zlcn07XG4gICAgfVxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgVG9vbGJhckl0ZW1Qcm9wcyA9IHtcbiAgaWQ/OiBzdHJpbmc7XG4gIGtleT86IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgb25DbGljazogKChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHZvaWQpIHwgbnVsbDtcbiAgaWNvbj86IENvbXBvbmVudFR5cGU8YW55Pjtcbn07XG5cbmNvbnN0IFRvb2xiYXJJdGVtID0gUmVhY3QubWVtbygocHJvcHM6IFRvb2xiYXJJdGVtUHJvcHMpID0+IChcbiAgPFN0eWxlZERpdlxuICAgIGlkPXtwcm9wcy5pZH1cbiAgICBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX1cbiAgICAkYWN0aXZlPXtwcm9wcy5hY3RpdmV9XG4gICAgb25DbGljaz17ZSA9PiB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgaWYgKHR5cGVvZiBwcm9wcy5vbkNsb3NlID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHByb3BzLm9uQ2xvc2UoKTtcbiAgICAgIH1cbiAgICAgIHByb3BzLm9uQ2xpY2s/LihlKTtcbiAgICB9fVxuICA+XG4gICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0b29sYmFyLWl0ZW1fX3N2Zy1jb250YWluZXJcIj5cbiAgICAgICAgPHByb3BzLmljb24gLz5cbiAgICAgIDwvZGl2PlxuICAgICl9XG4gICAgPGRpdiBjbGFzc05hbWU9XCJ0b29sYmFyLWl0ZW1fX3RpdGxlXCI+XG4gICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17cHJvcHMubGFiZWx9IC8+XG4gICAgPC9kaXY+XG4gIDwvU3R5bGVkRGl2PlxuKSk7XG5cblRvb2xiYXJJdGVtLmRpc3BsYXlOYW1lID0gJ1Rvb2xiYXJJdGVtJztcblxuZXhwb3J0IGRlZmF1bHQgVG9vbGJhckl0ZW07XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLE9BQU9DLFVBQVUsTUFBTSxZQUFZO0FBQ25DLFNBQVFDLGdCQUFnQixRQUFPLHlCQUF5QjtBQU94RCxJQUFNQyxTQUFTLEdBQUdILE1BQU0sQ0FBQ0ksR0FBRyxDQUFDQyxLQUFLLENBQUMsVUFBQUMsS0FBSztFQUFBLE9BQUs7SUFDM0NDLFNBQVMsRUFBRU4sVUFBVSxDQUFDLGNBQWMsRUFBRUssS0FBSyxDQUFDQyxTQUFTO0VBQ3ZELENBQUM7QUFBQSxDQUFDLENBQUMsQ0FBQUMsZUFBQSxLQUFBQSxlQUFBLEdBQUFDLHNCQUFBLDRnQkFDUSxVQUFBSCxLQUFLO0VBQUEsT0FDWkEsS0FBSyxDQUFDSSxPQUFPLEdBQUdKLEtBQUssQ0FBQ0ssS0FBSyxDQUFDQyxvQkFBb0IsR0FBR04sS0FBSyxDQUFDSyxLQUFLLENBQUNFLGVBQWU7QUFBQSxHQU81RCxVQUFBUCxLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDSSxPQUFPLEdBQUdKLEtBQUssQ0FBQ0ssS0FBSyxDQUFDRyxzQkFBc0IsR0FBRyxhQUFhO0FBQUEsQ0FBQyxFQUNoRixVQUFBUixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNJLHdCQUF3QjtBQUFBLEdBQzFDLFVBQUFULEtBQUs7RUFBQSxPQUN2QkEsS0FBSyxDQUFDSSxPQUFPLEdBQUdKLEtBQUssQ0FBQ0ssS0FBSyxDQUFDSyxtQkFBbUIsR0FBR1YsS0FBSyxDQUFDSyxLQUFLLENBQUNNLGVBQWU7QUFBQSxHQU9wRSxVQUFBWCxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNPLFdBQVc7QUFBQSxHQUlyQixVQUFBWixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSyxLQUFLLENBQUNLLG1CQUFtQjtBQUFBLEdBQzVDLFVBQUFWLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNLLEtBQUssQ0FBQ0csc0JBQXNCO0FBQUEsR0FFaEQsVUFBQVIsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ssS0FBSyxDQUFDQyxvQkFBb0I7QUFBQSxFQUl2RDtBQWFELElBQU1PLFdBQVcsZ0JBQUdwQixLQUFLLENBQUNxQixJQUFJLENBQUMsVUFBQ2QsS0FBdUI7RUFBQSxvQkFDckRQLEtBQUEsQ0FBQXNCLGFBQUEsQ0FBQ2xCLFNBQVM7SUFDUm1CLEVBQUUsRUFBRWhCLEtBQUssQ0FBQ2dCLEVBQUc7SUFDYmYsU0FBUyxFQUFFRCxLQUFLLENBQUNDLFNBQVU7SUFDM0JHLE9BQU8sRUFBRUosS0FBSyxDQUFDaUIsTUFBTztJQUN0QkMsT0FBTyxFQUFFLFNBQVRBLE9BQU9BLENBQUVDLENBQUMsRUFBSTtNQUFBLElBQUFDLGNBQUE7TUFDWkQsQ0FBQyxDQUFDRSxlQUFlLENBQUMsQ0FBQztNQUNuQkYsQ0FBQyxDQUFDRyxjQUFjLENBQUMsQ0FBQztNQUNsQixJQUFJLE9BQU90QixLQUFLLENBQUN1QixPQUFPLEtBQUssVUFBVSxFQUFFO1FBQ3ZDdkIsS0FBSyxDQUFDdUIsT0FBTyxDQUFDLENBQUM7TUFDakI7TUFDQSxDQUFBSCxjQUFBLEdBQUFwQixLQUFLLENBQUNrQixPQUFPLGNBQUFFLGNBQUEsZUFBYkEsY0FBQSxDQUFBSSxJQUFBLENBQUF4QixLQUFLLEVBQVdtQixDQUFDLENBQUM7SUFDcEI7RUFBRSxHQUVEbkIsS0FBSyxDQUFDeUIsSUFBSSxpQkFDVGhDLEtBQUEsQ0FBQXNCLGFBQUE7SUFBS2QsU0FBUyxFQUFDO0VBQTZCLGdCQUMxQ1IsS0FBQSxDQUFBc0IsYUFBQSxDQUFDZixLQUFLLENBQUN5QixJQUFJLE1BQUUsQ0FDVixDQUNOLGVBQ0RoQyxLQUFBLENBQUFzQixhQUFBO0lBQUtkLFNBQVMsRUFBQztFQUFxQixnQkFDbENSLEtBQUEsQ0FBQXNCLGFBQUEsQ0FBQ25CLGdCQUFnQjtJQUFDb0IsRUFBRSxFQUFFaEIsS0FBSyxDQUFDMEI7RUFBTSxDQUFFLENBQ2pDLENBQ0ksQ0FBQztBQUFBLENBQ2IsQ0FBQztBQUVGYixXQUFXLENBQUNjLFdBQVcsR0FBRyxhQUFhO0FBRXZDLGVBQWVkLFdBQVciLCJpZ25vcmVMaXN0IjpbXX0=

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+XG4gICAgICAgIDwvS2VwbGVyR2xDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gV2l0aENvbm5lY3RTZWxlY3Rvcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhMb2NhbFNlbGVjdG9yO1xuIl0sIm1hcHBpbmdz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