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

package/dist/esm/side-panel/panel-header.js

@@ -0,0 +1,303 @@
+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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["items"],
+  _excluded2 = ["items"],
+  _excluded3 = ["appName", "appWebsite", "version", "actionItems", "visibleDropdown", "showExportDropdown", "hideExportDropdown"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { Component, useCallback } from 'react';
+import styled from 'styled-components';
+import classnames from 'classnames';
+import { createSelector } from 'reselect';
+import { StyledPanelDropdown, Tooltip } from '../common/styled-components';
+import KeplerGlLogo from '../common/logo';
+import { Save, DataTable, Save2, Picture, Db, BaseMap, Share, Play } from '../common/icons';
+import Toolbar from '../common/toolbar';
+import ToolbarItem from '../common/toolbar-item';
+import { FormattedMessage } from '@kepler.gl/localization';
+import useOnClickOutside from '../hooks/use-on-click-outside';
+var StyledPanelHeader = styled.div.attrs(function (props) {
+  return {
+    className: classnames('side-side-panel__header', props.className)
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: 12px 16px 0 16px;\n"])), function (props) {
+  return props.theme.sidePanelHeaderBg;
+});
+var StyledPanelHeaderTop = styled.div.attrs(function (props) {
+  return {
+    className: classnames('side-panel__header__top', props.className)
+  };
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  width: 100%;\n"])));
+var StyledPanelTopActions = styled.div.attrs({
+  className: 'side-panel__top__actions'
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+var StyledPanelAction = styled.div.attrs({
+  className: 'side-panel__panel-header__action'
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-items: center;\n  border-radius: 2px;\n  color: ", ";\n  display: flex;\n  height: 26px;\n  justify-content: space-between;\n  margin-left: 4px;\n  padding: 5px;\n  font-weight: bold;\n  p {\n    display: inline-block;\n    margin-right: 6px;\n  }\n  a {\n    height: 20px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n\n    a {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.active ? props.theme.textColorHl : props.theme.subtextColor;
+}, function (props) {
+  return props.theme.textColorHl;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+var StyledToolbar = styled(Toolbar)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n"])));
+var PanelAction = /*#__PURE__*/React.memo(function (_ref) {
+  var item = _ref.item,
+    showExportDropdown = _ref.showExportDropdown;
+  var onClick = useCallback(function () {
+    if (item.dropdownComponent) {
+      showExportDropdown(item.id);
+    } else {
+      item.onClick && item.onClick();
+    }
+  }, [item, showExportDropdown]);
+  return /*#__PURE__*/React.createElement(StyledPanelAction, {
+    id: "".concat(item.id, "-action"),
+    "data-tip": true,
+    "data-for": "".concat(item.id, "-action"),
+    onClick: onClick
+  }, item.label ? /*#__PURE__*/React.createElement("p", null, item.label) : null, /*#__PURE__*/React.createElement("a", {
+    target: item.blank ? '_blank' : '',
+    href: item.href,
+    rel: "noreferrer"
+  }, /*#__PURE__*/React.createElement(item.iconComponent, _extends({
+    height: "18px"
+  }, item.iconComponentProps))), item.tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    id: "".concat(item.id, "-action"),
+    place: "bottom",
+    delayShow: 500,
+    effect: "solid"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: item.tooltip
+  })) : null);
+});
+PanelAction.displayName = 'PanelAction';
+export { PanelAction };
+export var PanelHeaderDropdownFactory = function PanelHeaderDropdownFactory() {
+  var PanelHeaderDropdown = function PanelHeaderDropdown(_ref2) {
+    var items = _ref2.items,
+      show = _ref2.show,
+      onClose = _ref2.onClose,
+      id = _ref2.id;
+    var ref = useOnClickOutside(onClose);
+    return /*#__PURE__*/React.createElement(StyledToolbar, {
+      $show: show,
+      className: "".concat(id, "-dropdown")
+    }, show ? /*#__PURE__*/React.createElement(StyledPanelDropdown, {
+      type: "dark",
+      ref: ref,
+      className: "panel-header-dropdown__inner"
+    }, items.map(function (item) {
+      return /*#__PURE__*/React.createElement(ToolbarItem, {
+        id: item.key,
+        key: item.key,
+        label: item.label,
+        icon: item.icon,
+        onClick: item.onClick,
+        onClose: onClose
+      });
+    })) : null);
+  };
+  return PanelHeaderDropdown;
+};
+var getDropdownItemsSelector = function getDropdownItemsSelector() {
+  return createSelector(function (props) {
+    return props;
+  }, function (props) {
+    return (props.items || []).map(function (t) {
+      return _objectSpread(_objectSpread({}, t), {}, {
+        onClick: t.onClick && t.onClick(props) ? t.onClick(props) : null
+      });
+    }).filter(function (l) {
+      return l.onClick;
+    });
+  });
+};
+export var SaveExportDropdownFactory = function SaveExportDropdownFactory(PanelHeaderDropdown) {
+  var dropdownItemsSelector = getDropdownItemsSelector();
+  var defaultItems = [{
+    label: 'toolbar.exportImage',
+    icon: Picture,
+    key: 'image',
+    onClick: function onClick(props) {
+      return props.onExportImage;
+    }
+  }, {
+    label: 'toolbar.exportVideo',
+    icon: Play,
+    key: 'video',
+    onClick: function onClick(props) {
+      return props.onExportVideo;
+    }
+  }, {
+    label: 'toolbar.exportData',
+    icon: DataTable,
+    key: 'data',
+    onClick: function onClick(props) {
+      return props.onExportData;
+    }
+  }, {
+    label: 'toolbar.exportMap',
+    icon: BaseMap,
+    key: 'map',
+    onClick: function onClick(props) {
+      return props.onExportMap;
+    }
+  }, {
+    label: 'toolbar.saveMap',
+    icon: Save2,
+    key: 'save',
+    onClick: function onClick(props) {
+      return props.onSaveMap;
+    }
+  }, {
+    label: 'toolbar.shareMapURL',
+    icon: Share,
+    key: 'share',
+    onClick: function onClick(props) {
+      return props.onShareMap;
+    }
+  }];
+  var SaveExportDropdown = function SaveExportDropdown(_ref3) {
+    var _ref3$items = _ref3.items,
+      items = _ref3$items === void 0 ? defaultItems : _ref3$items,
+      restProps = _objectWithoutProperties(_ref3, _excluded);
+    var props = _objectSpread(_objectSpread({}, restProps), {}, {
+      items: items
+    });
+    return /*#__PURE__*/React.createElement(PanelHeaderDropdown, {
+      items: dropdownItemsSelector(props),
+      show: props.show,
+      onClose: props.onClose,
+      id: "save-export"
+    });
+  };
+  SaveExportDropdown.defaultItems = defaultItems;
+  return SaveExportDropdown;
+};
+SaveExportDropdownFactory.deps = [PanelHeaderDropdownFactory];
+export var CloudStorageDropdownFactory = function CloudStorageDropdownFactory(PanelHeaderDropdown) {
+  var dropdownItemsSelector = getDropdownItemsSelector();
+  var defaultItems = [{
+    label: 'Save',
+    icon: Save2,
+    key: 'save',
+    onClick: function onClick(props) {
+      return props.onSaveToStorage;
+    }
+  }, {
+    label: 'Save As',
+    icon: Save2,
+    key: 'saveAs',
+    onClick: function onClick(props) {
+      return props.onSaveAsToStorage;
+    }
+  }];
+  var CloudStorageDropdown = function CloudStorageDropdown(_ref4) {
+    var _ref4$items = _ref4.items,
+      items = _ref4$items === void 0 ? defaultItems : _ref4$items,
+      restProps = _objectWithoutProperties(_ref4, _excluded2);
+    var props = _objectSpread(_objectSpread({}, restProps), {}, {
+      items: items
+    });
+    return /*#__PURE__*/React.createElement(PanelHeaderDropdown, {
+      items: dropdownItemsSelector(props),
+      show: props.show,
+      onClose: props.onClose,
+      id: "cloud-storage"
+    });
+  };
+  CloudStorageDropdown.defaultItems = defaultItems;
+  return CloudStorageDropdown;
+};
+CloudStorageDropdownFactory.deps = [PanelHeaderDropdownFactory];
+PanelHeaderFactory.deps = [SaveExportDropdownFactory, CloudStorageDropdownFactory];
+function PanelHeaderFactory(SaveExportDropdown, CloudStorageDropdown) {
+  var _PanelHeader;
+  return _PanelHeader = /*#__PURE__*/function (_Component) {
+    function PanelHeader() {
+      _classCallCheck(this, PanelHeader);
+      return _callSuper(this, PanelHeader, arguments);
+    }
+    _inherits(PanelHeader, _Component);
+    return _createClass(PanelHeader, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+          appName = _this$props.appName,
+          appWebsite = _this$props.appWebsite,
+          version = _this$props.version,
+          actionItems = _this$props.actionItems,
+          visibleDropdown = _this$props.visibleDropdown,
+          showExportDropdown = _this$props.showExportDropdown,
+          hideExportDropdown = _this$props.hideExportDropdown,
+          dropdownCallbacks = _objectWithoutProperties(_this$props, _excluded3);
+        var items = actionItems || [];
+
+        // don't render cloud storage icon if onSaveToStorage is not provided
+        if (typeof this.props.onSaveToStorage !== 'function') {
+          items = items.filter(function (ai) {
+            return ai.id !== 'storage';
+          });
+        }
+        return /*#__PURE__*/React.createElement(StyledPanelHeader, {
+          className: "side-panel__panel-header"
+        }, /*#__PURE__*/React.createElement(StyledPanelHeaderTop, {
+          className: "side-panel__panel-header__top"
+        }, this.props.logoComponent && /*#__PURE__*/React.createElement(this.props.logoComponent, {
+          appName: appName,
+          version: version,
+          appWebsite: appWebsite
+        }), /*#__PURE__*/React.createElement(StyledPanelTopActions, null, items.map(function (item) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "side-panel__panel-header__right",
+            key: item.id,
+            style: {
+              position: 'relative'
+            }
+          }, /*#__PURE__*/React.createElement(PanelAction, {
+            item: item,
+            showExportDropdown: showExportDropdown
+          }), item.dropdownComponent ? /*#__PURE__*/React.createElement(item.dropdownComponent, _extends({
+            onClose: hideExportDropdown,
+            show: visibleDropdown === item.id
+          }, dropdownCallbacks)) : null);
+        }))));
+      }
+    }]);
+  }(Component), _defineProperty(_PanelHeader, "defaultProps", {
+    logoComponent: KeplerGlLogo,
+    actionItems: [{
+      id: 'storage',
+      iconComponent: Db,
+      tooltip: 'tooltip.cloudStorage',
+      onClick: function onClick() {
+        return;
+      },
+      dropdownComponent: CloudStorageDropdown
+    }, {
+      id: 'save',
+      iconComponent: Save,
+      onClick: function onClick() {
+        return;
+      },
+      label: 'Share',
+      dropdownComponent: SaveExportDropdown
+    }]
+  }), _PanelHeader;
+}
+export default PanelHeaderFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkNvbXBvbmVudCIsInVzZUNhbGxiYWNrIiwic3R5bGVkIiwiY2xhc3NuYW1lcyIsImNyZWF0ZVNlbGVjdG9yIiwiU3R5bGVkUGFuZWxEcm9wZG93biIsIlRvb2x0aXAiLCJLZXBsZXJHbExvZ28iLCJTYXZlIiwiRGF0YVRhYmxlIiwiU2F2ZTIiLCJQaWN0dXJlIiwiRGIiLCJCYXNlTWFwIiwiU2hhcmUiLCJQbGF5IiwiVG9vbGJhciIsIlRvb2xiYXJJdGVtIiwiRm9ybWF0dGVkTWVzc2FnZSIsInVzZU9uQ2xpY2tPdXRzaWRlIiwiU3R5bGVkUGFuZWxIZWFkZXIiLCJkaXYiLCJhdHRycyIsInByb3BzIiwiY2xhc3NOYW1lIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsInRoZW1lIiwic2lkZVBhbmVsSGVhZGVyQmciLCJTdHlsZWRQYW5lbEhlYWRlclRvcCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJTdHlsZWRQYW5lbFRvcEFjdGlvbnMiLCJfdGVtcGxhdGVPYmplY3QzIiwiU3R5bGVkUGFuZWxBY3Rpb24iLCJfdGVtcGxhdGVPYmplY3Q0IiwiYWN0aXZlIiwidGV4dENvbG9ySGwiLCJzdWJ0ZXh0Q29sb3IiLCJTdHlsZWRUb29sYmFyIiwiX3RlbXBsYXRlT2JqZWN0NSIsIlBhbmVsQWN0aW9uIiwibWVtbyIsIl9yZWYiLCJpdGVtIiwic2hvd0V4cG9ydERyb3Bkb3duIiwib25DbGljayIsImRyb3Bkb3duQ29tcG9uZW50IiwiaWQiLCJjcmVhdGVFbGVtZW50IiwiY29uY2F0IiwibGFiZWwiLCJ0YXJnZXQiLCJibGFuayIsImhyZWYiLCJyZWwiLCJpY29uQ29tcG9uZW50IiwiX2V4dGVuZHMiLCJoZWlnaHQiLCJpY29uQ29tcG9uZW50UHJvcHMiLCJ0b29sdGlwIiwicGxhY2UiLCJkZWxheVNob3ciLCJlZmZlY3QiLCJkaXNwbGF5TmFtZSIsIlBhbmVsSGVhZGVyRHJvcGRvd25GYWN0b3J5IiwiUGFuZWxIZWFkZXJEcm9wZG93biIsIl9yZWYyIiwiaXRlbXMiLCJzaG93Iiwib25DbG9zZSIsInJlZiIsIiRzaG93IiwidHlwZSIsIm1hcCIsImtleSIsImljb24iLCJnZXREcm9wZG93bkl0ZW1zU2VsZWN0b3IiLCJ0IiwiX29iamVjdFNwcmVhZCIsImZpbHRlciIsImwiLCJTYXZlRXhwb3J0RHJvcGRvd25GYWN0b3J5IiwiZHJvcGRvd25JdGVtc1NlbGVjdG9yIiwiZGVmYXVsdEl0ZW1zIiwib25FeHBvcnRJbWFnZSIsIm9uRXhwb3J0VmlkZW8iLCJvbkV4cG9ydERhdGEiLCJvbkV4cG9ydE1hcCIsIm9uU2F2ZU1hcCIsIm9uU2hhcmVNYXAiLCJTYXZlRXhwb3J0RHJvcGRvd24iLCJfcmVmMyIsIl9yZWYzJGl0ZW1zIiwicmVzdFByb3BzIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiX2V4Y2x1ZGVkIiwiZGVwcyIsIkNsb3VkU3RvcmFnZURyb3Bkb3duRmFjdG9yeSIsIm9uU2F2ZVRvU3RvcmFnZSIsIm9uU2F2ZUFzVG9TdG9yYWdlIiwiQ2xvdWRTdG9yYWdlRHJvcGRvd24iLCJfcmVmNCIsIl9yZWY0JGl0ZW1zIiwiX2V4Y2x1ZGVkMiIsIlBhbmVsSGVhZGVyRmFjdG9yeSIsIl9QYW5lbEhlYWRlciIsIl9Db21wb25lbnQiLCJQYW5lbEhlYWRlciIsIl9jbGFzc0NhbGxDaGVjayIsIl9jYWxsU3VwZXIiLCJhcmd1bWVudHMiLCJfaW5oZXJpdHMiLCJfY3JlYXRlQ2xhc3MiLCJ2YWx1ZSIsInJlbmRlciIsIl90aGlzJHByb3BzIiwiYXBwTmFtZSIsImFwcFdlYnNpdGUiLCJ2ZXJzaW9uIiwiYWN0aW9uSXRlbXMiLCJ2aXNpYmxlRHJvcGRvd24iLCJoaWRlRXhwb3J0RHJvcGRvd24iLCJkcm9wZG93bkNhbGxiYWNrcyIsIl9leGNsdWRlZDMiLCJhaSIsImxvZ29Db21wb25lbnQiLCJzdHlsZSIsInBvc2l0aW9uIiwiX2RlZmluZVByb3BlcnR5Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvcGFuZWwtaGVhZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnQsIHVzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHtjcmVhdGVTZWxlY3Rvcn0gZnJvbSAncmVzZWxlY3QnO1xuaW1wb3J0IHtTdHlsZWRQYW5lbERyb3Bkb3duLCBUb29sdGlwfSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IEtlcGxlckdsTG9nbyBmcm9tICcuLi9jb21tb24vbG9nbyc7XG5pbXBvcnQge1NhdmUsIERhdGFUYWJsZSwgU2F2ZTIsIFBpY3R1cmUsIERiLCBCYXNlTWFwLCBTaGFyZSwgUGxheX0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCBUb29sYmFyLCB7VG9vbGJhclByb3BzfSBmcm9tICcuLi9jb21tb24vdG9vbGJhcic7XG5pbXBvcnQgVG9vbGJhckl0ZW0sIHtUb29sYmFySXRlbVByb3BzfSBmcm9tICcuLi9jb21tb24vdG9vbGJhci1pdGVtJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtVaVN0YXRlfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7QmFzZVByb3BzfSBmcm9tICcuLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IHVzZU9uQ2xpY2tPdXRzaWRlIGZyb20gJy4uL2hvb2tzL3VzZS1vbi1jbGljay1vdXRzaWRlJztcblxudHlwZSBTdHlsZWRQYW5lbEFjdGlvblByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBBY3Rpb25JdGVtID0ge1xuICBpZDogc3RyaW5nO1xuICBsYWJlbD86IHN0cmluZztcbiAgYmxhbms/OiBib29sZWFuO1xuICBocmVmPzogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xuICBpY29uQ29tcG9uZW50OiBSZWFjdC5Db21wb25lbnRUeXBlPFBhcnRpYWw8QmFzZVByb3BzPj47XG4gIGljb25Db21wb25lbnRQcm9wcz86IEJhc2VQcm9wcztcbiAgZHJvcGRvd25Db21wb25lbnQ/OiBSZWFjdC5Db21wb25lbnRUeXBlPERyb3Bkb3duQ29tcG9uZW50UHJvcHM+O1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgUGFuZWxBY3Rpb25Qcm9wcyA9IHtcbiAgaXRlbTogQWN0aW9uSXRlbTtcbiAgc2hvd0V4cG9ydERyb3Bkb3duOiAoc3RyaW5nKSA9PiB2b2lkO1xufTtcblxudHlwZSBQYW5lbEhlYWRlckRyb3Bkb3duUHJvcHMgPSB7XG4gIGl0ZW1zOiBUb29sYmFySXRlbVByb3BzW107XG4gIHNob3c/OiBib29sZWFuO1xuICBvbkNsb3NlOiAoKSA9PiB2b2lkO1xuICBpZDogc3RyaW5nO1xufTtcblxudHlwZSBMb2dvQ29tcG9uZW50UHJvcHMgPSB7XG4gIGFwcE5hbWU6IHN0cmluZztcbiAgYXBwV2Vic2l0ZTogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG59O1xuXG50eXBlIERyb3Bkb3duQ2FsbGJhY2tzID0ge1xuICBsb2dvQ29tcG9uZW50PzogUmVhY3QuRkM8TG9nb0NvbXBvbmVudFByb3BzPiB8IFJlYWN0LkNvbXBvbmVudFR5cGU8TG9nb0NvbXBvbmVudFByb3BzPjtcbiAgb25FeHBvcnRJbWFnZTogKCkgPT4gdm9pZDtcbiAgb25FeHBvcnREYXRhOiAoKSA9PiB2b2lkO1xuICBvbkV4cG9ydENvbmZpZz86ICgpID0+IHZvaWQ7XG4gIG9uRXhwb3J0TWFwOiAoKSA9PiB2b2lkO1xuICBvbkV4cG9ydFZpZGVvPzogKCkgPT4gdm9pZDtcbiAgb25TYXZlVG9TdG9yYWdlOiAoKCkgPT4gdm9pZCkgfCBudWxsO1xuICBvblNhdmVBc1RvU3RvcmFnZTogKCgpID0+IHZvaWQpIHwgbnVsbDtcbiAgb25TYXZlTWFwPzogKCkgPT4gdm9pZDtcbiAgb25TaGFyZU1hcDogKCgpID0+IHZvaWQpIHwgbnVsbDtcbn07XG5cbnR5cGUgSXRlbSA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgaWNvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxQYXJ0aWFsPEJhc2VQcm9wcz4+O1xuICBrZXk6IHN0cmluZztcbiAgb25DbGljazogKHA6IERyb3Bkb3duQ29tcG9uZW50UHJvcHMpID0+ICgoKSA9PiB2b2lkKSB8IG51bGw7XG59O1xuXG50eXBlIERyb3Bkb3duQ29tcG9uZW50UHJvcHMgPSB7XG4gIHNob3c6IGJvb2xlYW47XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG4gIGl0ZW1zPzogSXRlbVtdO1xufSAmIERyb3Bkb3duQ2FsbGJhY2tzO1xuXG5leHBvcnQgdHlwZSBQYW5lbEhlYWRlclByb3BzID0ge1xuICBhcHBOYW1lOiBzdHJpbmc7XG4gIGFwcFdlYnNpdGU6IHN0cmluZztcbiAgdmVyc2lvbjogc3RyaW5nO1xuICB2aXNpYmxlRHJvcGRvd246IFVpU3RhdGVbJ3Zpc2libGVEcm9wZG93biddO1xuICBhY3Rpb25JdGVtcz86IEFjdGlvbkl0ZW1bXTtcbiAgc2hvd0V4cG9ydERyb3Bkb3duOiAoaTogc3RyaW5nKSA9PiB2b2lkO1xuICBoaWRlRXhwb3J0RHJvcGRvd246ICgpID0+IHZvaWQ7XG59ICYgRHJvcGRvd25DYWxsYmFja3M7XG5cbmNvbnN0IFN0eWxlZFBhbmVsSGVhZGVyID0gc3R5bGVkLmRpdi5hdHRycyhwcm9wcyA9PiAoe1xuICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoJ3NpZGUtc2lkZS1wYW5lbF9faGVhZGVyJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbEhlYWRlckJnfTtcbiAgcGFkZGluZzogMTJweCAxNnB4IDAgMTZweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFBhbmVsSGVhZGVyVG9wID0gc3R5bGVkLmRpdi5hdHRycyhwcm9wcyA9PiAoe1xuICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoJ3NpZGUtcGFuZWxfX2hlYWRlcl9fdG9wJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgU3R5bGVkUGFuZWxUb3BBY3Rpb25zID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3NpZGUtcGFuZWxfX3RvcF9fYWN0aW9ucydcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuY29uc3QgU3R5bGVkUGFuZWxBY3Rpb24gPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc2lkZS1wYW5lbF9fcGFuZWwtaGVhZGVyX19hY3Rpb24nXG59KTxTdHlsZWRQYW5lbEFjdGlvblByb3BzPmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBjb2xvcjogJHtwcm9wcyA9PiAocHJvcHMuYWN0aXZlID8gcHJvcHMudGhlbWUudGV4dENvbG9ySGwgOiBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3IpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG1hcmdpbi1sZWZ0OiA0cHg7XG4gIHBhZGRpbmc6IDVweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIHAge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBtYXJnaW4tcmlnaHQ6IDZweDtcbiAgfVxuICBhIHtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuXG4gICAgYSB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUb29sYmFyID0gc3R5bGVkKFRvb2xiYXIpPFRvb2xiYXJQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IFBhbmVsQWN0aW9uOiBSZWFjdC5GQzxQYW5lbEFjdGlvblByb3BzPiA9IFJlYWN0Lm1lbW8oKHtpdGVtLCBzaG93RXhwb3J0RHJvcGRvd259KSA9PiB7XG4gIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKGl0ZW0uZHJvcGRvd25Db21wb25lbnQpIHtcbiAgICAgIHNob3dFeHBvcnREcm9wZG93bihpdGVtLmlkKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaXRlbS5vbkNsaWNrICYmIGl0ZW0ub25DbGljaygpO1xuICAgIH1cbiAgfSwgW2l0ZW0sIHNob3dFeHBvcnREcm9wZG93bl0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFBhbmVsQWN0aW9uXG4gICAgICBpZD17YCR7aXRlbS5pZH0tYWN0aW9uYH1cbiAgICAgIGRhdGEtdGlwXG4gICAgICBkYXRhLWZvcj17YCR7aXRlbS5pZH0tYWN0aW9uYH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge2l0ZW0ubGFiZWwgPyA8cD57aXRlbS5sYWJlbH08L3A+IDogbnVsbH1cbiAgICAgIDxhIHRhcmdldD17aXRlbS5ibGFuayA/ICdfYmxhbmsnIDogJyd9IGhyZWY9e2l0ZW0uaHJlZn0gcmVsPVwibm9yZWZlcnJlclwiPlxuICAgICAgICA8aXRlbS5pY29uQ29tcG9uZW50IGhlaWdodD1cIjE4cHhcIiB7Li4uaXRlbS5pY29uQ29tcG9uZW50UHJvcHN9IC8+XG4gICAgICA8L2E+XG4gICAgICB7aXRlbS50b29sdGlwID8gKFxuICAgICAgICA8VG9vbHRpcCBpZD17YCR7aXRlbS5pZH0tYWN0aW9uYH0gcGxhY2U9XCJib3R0b21cIiBkZWxheVNob3c9ezUwMH0gZWZmZWN0PVwic29saWRcIj5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17aXRlbS50b29sdGlwfSAvPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFBhbmVsQWN0aW9uPlxuICApO1xufSk7XG5QYW5lbEFjdGlvbi5kaXNwbGF5TmFtZSA9ICdQYW5lbEFjdGlvbic7XG5leHBvcnQge1BhbmVsQWN0aW9ufTtcblxuZXhwb3J0IGNvbnN0IFBhbmVsSGVhZGVyRHJvcGRvd25GYWN0b3J5ID0gKCkgPT4ge1xuICBjb25zdCBQYW5lbEhlYWRlckRyb3Bkb3duOiBSZWFjdC5GQzxQYW5lbEhlYWRlckRyb3Bkb3duUHJvcHM+ID0gKHtpdGVtcywgc2hvdywgb25DbG9zZSwgaWR9KSA9PiB7XG4gICAgY29uc3QgcmVmID0gdXNlT25DbGlja091dHNpZGU8SFRNTERpdkVsZW1lbnQ+KG9uQ2xvc2UpO1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVG9vbGJhciAkc2hvdz17c2hvd30gY2xhc3NOYW1lPXtgJHtpZH0tZHJvcGRvd25gfT5cbiAgICAgICAge3Nob3cgPyAoXG4gICAgICAgICAgPFN0eWxlZFBhbmVsRHJvcGRvd24gdHlwZT1cImRhcmtcIiByZWY9e3JlZn0gY2xhc3NOYW1lPVwicGFuZWwtaGVhZGVyLWRyb3Bkb3duX19pbm5lclwiPlxuICAgICAgICAgICAge2l0ZW1zLm1hcChpdGVtID0+IChcbiAgICAgICAgICAgICAgPFRvb2xiYXJJdGVtXG4gICAgICAgICAgICAgICAgaWQ9e2l0ZW0ua2V5fVxuICAgICAgICAgICAgICAgIGtleT17aXRlbS5rZXl9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgaWNvbj17aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2l0ZW0ub25DbGlja31cbiAgICAgICAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRQYW5lbERyb3Bkb3duPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVG9vbGJhcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBQYW5lbEhlYWRlckRyb3Bkb3duO1xufTtcblxuY29uc3QgZ2V0RHJvcGRvd25JdGVtc1NlbGVjdG9yID0gKCkgPT5cbiAgY3JlYXRlU2VsZWN0b3IoXG4gICAgKHByb3BzOiBEcm9wZG93bkNvbXBvbmVudFByb3BzKSA9PiBwcm9wcyxcbiAgICBwcm9wcyA9PlxuICAgICAgKHByb3BzLml0ZW1zIHx8IFtdKVxuICAgICAgICAubWFwKHQgPT4gKHtcbiAgICAgICAgICAuLi50LFxuICAgICAgICAgIG9uQ2xpY2s6IHQub25DbGljayAmJiB0Lm9uQ2xpY2socHJvcHMpID8gdC5vbkNsaWNrKHByb3BzKSA6IG51bGxcbiAgICAgICAgfSkpXG4gICAgICAgIC5maWx0ZXIobCA9PiBsLm9uQ2xpY2spXG4gICk7XG5cbmV4cG9ydCBjb25zdCBTYXZlRXhwb3J0RHJvcGRvd25GYWN0b3J5ID0gKFxuICBQYW5lbEhlYWRlckRyb3Bkb3duOiBSZXR1cm5UeXBlPHR5cGVvZiBQYW5lbEhlYWRlckRyb3Bkb3duRmFjdG9yeT5cbikgPT4ge1xuICBjb25zdCBkcm9wZG93bkl0ZW1zU2VsZWN0b3IgPSBnZXREcm9wZG93bkl0ZW1zU2VsZWN0b3IoKTtcblxuICBjb25zdCBkZWZhdWx0SXRlbXMgPSBbXG4gICAge1xuICAgICAgbGFiZWw6ICd0b29sYmFyLmV4cG9ydEltYWdlJyxcbiAgICAgIGljb246IFBpY3R1cmUsXG4gICAgICBrZXk6ICdpbWFnZScsXG4gICAgICBvbkNsaWNrOiBwcm9wcyA9PiBwcm9wcy5vbkV4cG9ydEltYWdlXG4gICAgfSxcbiAgICB7XG4gICAgICBsYWJlbDogJ3Rvb2xiYXIuZXhwb3J0VmlkZW8nLFxuICAgICAgaWNvbjogUGxheSxcbiAgICAgIGtleTogJ3ZpZGVvJyxcbiAgICAgIG9uQ2xpY2s6IHByb3BzID0+IHByb3BzLm9uRXhwb3J0VmlkZW9cbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAndG9vbGJhci5leHBvcnREYXRhJyxcbiAgICAgIGljb246IERhdGFUYWJsZSxcbiAgICAgIGtleTogJ2RhdGEnLFxuICAgICAgb25DbGljazogcHJvcHMgPT4gcHJvcHMub25FeHBvcnREYXRhXG4gICAgfSxcbiAgICB7XG4gICAgICBsYWJlbDogJ3Rvb2xiYXIuZXhwb3J0TWFwJyxcbiAgICAgIGljb246IEJhc2VNYXAsXG4gICAgICBrZXk6ICdtYXAnLFxuICAgICAgb25DbGljazogcHJvcHMgPT4gcHJvcHMub25FeHBvcnRNYXBcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAndG9vbGJhci5zYXZlTWFwJyxcbiAgICAgIGljb246IFNhdmUyLFxuICAgICAga2V5OiAnc2F2ZScsXG4gICAgICBvbkNsaWNrOiBwcm9wcyA9PiBwcm9wcy5vblNhdmVNYXBcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAndG9vbGJhci5zaGFyZU1hcFVSTCcsXG4gICAgICBpY29uOiBTaGFyZSxcbiAgICAgIGtleTogJ3NoYXJlJyxcbiAgICAgIG9uQ2xpY2s6IHByb3BzID0+IHByb3BzLm9uU2hhcmVNYXBcbiAgICB9XG4gIF07XG5cbiAgY29uc3QgU2F2ZUV4cG9ydERyb3Bkb3duOiBSZWFjdC5GQzxEcm9wZG93bkNvbXBvbmVudFByb3BzPiAmIHtcbiAgICBkZWZhdWx0SXRlbXM6IFRvb2xiYXJJdGVtUHJvcHNbXTtcbiAgfSA9ICh7aXRlbXMgPSBkZWZhdWx0SXRlbXMsIC4uLnJlc3RQcm9wc30pID0+IHtcbiAgICBjb25zdCBwcm9wcyA9IHsuLi5yZXN0UHJvcHMsIGl0ZW1zfTtcbiAgICByZXR1cm4gKFxuICAgICAgPFBhbmVsSGVhZGVyRHJvcGRvd25cbiAgICAgICAgaXRlbXM9e2Ryb3Bkb3duSXRlbXNTZWxlY3Rvcihwcm9wcyl9XG4gICAgICAgIHNob3c9e3Byb3BzLnNob3d9XG4gICAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgIGlkPVwic2F2ZS1leHBvcnRcIlxuICAgICAgLz5cbiAgICApO1xuICB9O1xuICBTYXZlRXhwb3J0RHJvcGRvd24uZGVmYXVsdEl0ZW1zID0gZGVmYXVsdEl0ZW1zO1xuICByZXR1cm4gU2F2ZUV4cG9ydERyb3Bkb3duO1xufTtcblNhdmVFeHBvcnREcm9wZG93bkZhY3RvcnkuZGVwcyA9IFtQYW5lbEhlYWRlckRyb3Bkb3duRmFjdG9yeV07XG5cbmV4cG9ydCBjb25zdCBDbG91ZFN0b3JhZ2VEcm9wZG93bkZhY3RvcnkgPSAoXG4gIFBhbmVsSGVhZGVyRHJvcGRvd246IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsSGVhZGVyRHJvcGRvd25GYWN0b3J5PlxuKSA9PiB7XG4gIGNvbnN0IGRyb3Bkb3duSXRlbXNTZWxlY3RvciA9IGdldERyb3Bkb3duSXRlbXNTZWxlY3RvcigpO1xuICBjb25zdCBkZWZhdWx0SXRlbXMgPSBbXG4gICAge1xuICAgICAgbGFiZWw6ICdTYXZlJyxcbiAgICAgIGljb246IFNhdmUyLFxuICAgICAga2V5OiAnc2F2ZScsXG4gICAgICBvbkNsaWNrOiBwcm9wcyA9PiBwcm9wcy5vblNhdmVUb1N0b3JhZ2VcbiAgICB9LFxuICAgIHtcbiAgICAgIGxhYmVsOiAnU2F2ZSBBcycsXG4gICAgICBpY29uOiBTYXZlMixcbiAgICAgIGtleTogJ3NhdmVBcycsXG4gICAgICBvbkNsaWNrOiBwcm9wcyA9PiBwcm9wcy5vblNhdmVBc1RvU3RvcmFnZVxuICAgIH1cbiAgXTtcbiAgY29uc3QgQ2xvdWRTdG9yYWdlRHJvcGRvd246IFJlYWN0LkZDPERyb3Bkb3duQ29tcG9uZW50UHJvcHM+ICYge1xuICAgIGRlZmF1bHRJdGVtczogRHJvcGRvd25Db21wb25lbnRQcm9wc1snaXRlbXMnXTtcbiAgfSA9ICh7aXRlbXMgPSBkZWZhdWx0SXRlbXMsIC4uLnJlc3RQcm9wc30pID0+IHtcbiAgICBjb25zdCBwcm9wcyA9IHsuLi5yZXN0UHJvcHMsIGl0ZW1zfTtcbiAgICByZXR1cm4gKFxuICAgICAgPFBhbmVsSGVhZGVyRHJvcGRvd25cbiAgICAgICAgaXRlbXM9e2Ryb3Bkb3duSXRlbXNTZWxlY3Rvcihwcm9wcyl9XG4gICAgICAgIHNob3c9e3Byb3BzLnNob3d9XG4gICAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgIGlkPVwiY2xvdWQtc3RvcmFnZVwiXG4gICAgICAvPlxuICAgICk7XG4gIH07XG4gIENsb3VkU3RvcmFnZURyb3Bkb3duLmRlZmF1bHRJdGVtcyA9IGRlZmF1bHRJdGVtcztcbiAgcmV0dXJuIENsb3VkU3RvcmFnZURyb3Bkb3duO1xufTtcbkNsb3VkU3RvcmFnZURyb3Bkb3duRmFjdG9yeS5kZXBzID0gW1BhbmVsSGVhZGVyRHJvcGRvd25GYWN0b3J5XTtcblxuUGFuZWxIZWFkZXJGYWN0b3J5LmRlcHMgPSBbU2F2ZUV4cG9ydERyb3Bkb3duRmFjdG9yeSwgQ2xvdWRTdG9yYWdlRHJvcGRvd25GYWN0b3J5XTtcblxuZnVuY3Rpb24gUGFuZWxIZWFkZXJGYWN0b3J5KFxuICBTYXZlRXhwb3J0RHJvcGRvd246IFJldHVyblR5cGU8dHlwZW9mIFNhdmVFeHBvcnREcm9wZG93bkZhY3Rvcnk+LFxuICBDbG91ZFN0b3JhZ2VEcm9wZG93bjogUmV0dXJuVHlwZTx0eXBlb2YgQ2xvdWRTdG9yYWdlRHJvcGRvd25GYWN0b3J5PlxuKTogUmVhY3QuQ29tcG9uZW50VHlwZTxQYW5lbEhlYWRlclByb3BzPiB7XG4gIHJldHVybiBjbGFzcyBQYW5lbEhlYWRlciBleHRlbmRzIENvbXBvbmVudDxQYW5lbEhlYWRlclByb3BzPiB7XG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgIGxvZ29Db21wb25lbnQ6IEtlcGxlckdsTG9nbyxcbiAgICAgIGFjdGlvbkl0ZW1zOiBbXG4gICAgICAgIHtcbiAgICAgICAgICBpZDogJ3N0b3JhZ2UnLFxuICAgICAgICAgIGljb25Db21wb25lbnQ6IERiLFxuICAgICAgICAgIHRvb2x0aXA6ICd0b29sdGlwLmNsb3VkU3RvcmFnZScsXG4gICAgICAgICAgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgIH0sXG4gICAgICAgICAgZHJvcGRvd25Db21wb25lbnQ6IENsb3VkU3RvcmFnZURyb3Bkb3duXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBpZDogJ3NhdmUnLFxuICAgICAgICAgIGljb25Db21wb25lbnQ6IFNhdmUsXG4gICAgICAgICAgb25DbGljazogKCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgIH0sXG4gICAgICAgICAgbGFiZWw6ICdTaGFyZScsXG4gICAgICAgICAgZHJvcGRvd25Db21wb25lbnQ6IFNhdmVFeHBvcnREcm9wZG93blxuICAgICAgICB9XG4gICAgICBdXG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIGNvbnN0IHtcbiAgICAgICAgYXBwTmFtZSxcbiAgICAgICAgYXBwV2Vic2l0ZSxcbiAgICAgICAgdmVyc2lvbixcbiAgICAgICAgYWN0aW9uSXRlbXMsXG4gICAgICAgIHZpc2libGVEcm9wZG93bixcbiAgICAgICAgc2hvd0V4cG9ydERyb3Bkb3duLFxuICAgICAgICBoaWRlRXhwb3J0RHJvcGRvd24sXG4gICAgICAgIC4uLmRyb3Bkb3duQ2FsbGJhY2tzXG4gICAgICB9ID0gdGhpcy5wcm9wcztcbiAgICAgIGxldCBpdGVtcyA9IGFjdGlvbkl0ZW1zIHx8IFtdO1xuXG4gICAgICAvLyBkb24ndCByZW5kZXIgY2xvdWQgc3RvcmFnZSBpY29uIGlmIG9uU2F2ZVRvU3RvcmFnZSBpcyBub3QgcHJvdmlkZWRcbiAgICAgIGlmICh0eXBlb2YgdGhpcy5wcm9wcy5vblNhdmVUb1N0b3JhZ2UgIT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgaXRlbXMgPSBpdGVtcy5maWx0ZXIoYWkgPT4gYWkuaWQgIT09ICdzdG9yYWdlJyk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRQYW5lbEhlYWRlciBjbGFzc05hbWU9XCJzaWRlLXBhbmVsX19wYW5lbC1oZWFkZXJcIj5cbiAgICAgICAgICA8U3R5bGVkUGFuZWxIZWFkZXJUb3AgY2xhc3NOYW1lPVwic2lkZS1wYW5lbF9fcGFuZWwtaGVhZGVyX190b3BcIj5cbiAgICAgICAgICAgIHt0aGlzLnByb3BzLmxvZ29Db21wb25lbnQgJiYgKFxuICAgICAgICAgICAgICA8dGhpcy5wcm9wcy5sb2dvQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgYXBwTmFtZT17YXBwTmFtZX1cbiAgICAgICAgICAgICAgICB2ZXJzaW9uPXt2ZXJzaW9ufVxuICAgICAgICAgICAgICAgIGFwcFdlYnNpdGU9e2FwcFdlYnNpdGV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPFN0eWxlZFBhbmVsVG9wQWN0aW9ucz5cbiAgICAgICAgICAgICAge2l0ZW1zLm1hcChpdGVtID0+IChcbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJzaWRlLXBhbmVsX19wYW5lbC1oZWFkZXJfX3JpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXt7cG9zaXRpb246ICdyZWxhdGl2ZSd9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxQYW5lbEFjdGlvbiBpdGVtPXtpdGVtfSBzaG93RXhwb3J0RHJvcGRvd249e3Nob3dFeHBvcnREcm9wZG93bn0gLz5cbiAgICAgICAgICAgICAgICAgIHtpdGVtLmRyb3Bkb3duQ29tcG9uZW50ID8gKFxuICAgICAgICAgICAgICAgICAgICA8aXRlbS5kcm9wZG93bkNvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xvc2U9e2hpZGVFeHBvcnREcm9wZG93bn1cbiAgICAgICAgICAgICAgICAgICAgICBzaG93PXt2aXNpYmxlRHJvcGRvd24gPT09IGl0ZW0uaWR9XG4gICAgICAgICAgICAgICAgICAgICAgey4uLmRyb3Bkb3duQ2FsbGJhY2tzfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TdHlsZWRQYW5lbFRvcEFjdGlvbnM+XG4gICAgICAgICAgPC9TdHlsZWRQYW5lbEhlYWRlclRvcD5cbiAgICAgICAgPC9TdHlsZWRQYW5lbEhlYWRlcj5cbiAgICAgICk7XG4gICAgfVxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYW5lbEhlYWRlckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLElBQUdDLFNBQVMsRUFBRUMsV0FBVyxRQUFPLE9BQU87QUFDbkQsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUN0QyxPQUFPQyxVQUFVLE1BQU0sWUFBWTtBQUNuQyxTQUFRQyxjQUFjLFFBQU8sVUFBVTtBQUN2QyxTQUFRQyxtQkFBbUIsRUFBRUMsT0FBTyxRQUFPLDZCQUE2QjtBQUN4RSxPQUFPQyxZQUFZLE1BQU0sZ0JBQWdCO0FBQ3pDLFNBQVFDLElBQUksRUFBRUMsU0FBUyxFQUFFQyxLQUFLLEVBQUVDLE9BQU8sRUFBRUMsRUFBRSxFQUFFQyxPQUFPLEVBQUVDLEtBQUssRUFBRUMsSUFBSSxRQUFPLGlCQUFpQjtBQUN6RixPQUFPQyxPQUFPLE1BQXNCLG1CQUFtQjtBQUN2RCxPQUFPQyxXQUFXLE1B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

package/dist/esm/side-panel/panel-tab.js

@@ -0,0 +1,49 @@
+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 { Tooltip } from '../common/styled-components';
+import { FormattedMessage } from '@kepler.gl/localization';
+export var StyledPanelTab = styled.div.attrs({
+  className: 'side-panel__tab'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: flex-end;\n  border-bottom-style: solid;\n  border-bottom-width: 2px;\n  border-bottom-color: ", ";\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  margin-right: ", "px;\n  padding-bottom: ", "px;\n  width: ", ";\n\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.$active ? props.theme.panelToggleBorderColor : 'transparent';
+}, function (props) {
+  return props.$active ? props.theme.subtextColorActive : props.theme.panelTabColor;
+}, function (props) {
+  return props.theme.panelToggleMarginRight;
+}, function (props) {
+  return props.theme.panelToggleBottomPadding;
+}, function (props) {
+  return props.theme.panelTabWidth;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+export function PanelTabFactory() {
+  var PanelTab = function PanelTab(_ref) {
+    var isActive = _ref.isActive,
+      onClick = _ref.onClick,
+      panel = _ref.panel;
+    return /*#__PURE__*/React.createElement(StyledPanelTab, {
+      "data-tip": true,
+      "data-for": "".concat(panel.id, "-nav"),
+      $active: isActive,
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(panel.iconComponent, {
+      height: "20px"
+    }), /*#__PURE__*/React.createElement(Tooltip, {
+      id: "".concat(panel.id, "-nav"),
+      effect: "solid",
+      delayShow: 500,
+      place: "bottom"
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: panel.label || panel.id
+    }))));
+  };
+  return PanelTab;
+}
+export default PanelTabFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsIlRvb2x0aXAiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiU3R5bGVkUGFuZWxUYWIiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJwcm9wcyIsIiRhY3RpdmUiLCJ0aGVtZSIsInBhbmVsVG9nZ2xlQm9yZGVyQ29sb3IiLCJzdWJ0ZXh0Q29sb3JBY3RpdmUiLCJwYW5lbFRhYkNvbG9yIiwicGFuZWxUb2dnbGVNYXJnaW5SaWdodCIsInBhbmVsVG9nZ2xlQm90dG9tUGFkZGluZyIsInBhbmVsVGFiV2lkdGgiLCJ0ZXh0Q29sb3JIbCIsIlBhbmVsVGFiRmFjdG9yeSIsIlBhbmVsVGFiIiwiX3JlZiIsImlzQWN0aXZlIiwib25DbGljayIsInBhbmVsIiwiY3JlYXRlRWxlbWVudCIsImNvbmNhdCIsImlkIiwiaWNvbkNvbXBvbmVudCIsImhlaWdodCIsImVmZmVjdCIsImRlbGF5U2hvdyIsInBsYWNlIiwibGFiZWwiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9wYW5lbC10YWIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7VG9vbHRpcH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtCYXNlUHJvcHN9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5cbnR5cGUgU3R5bGVkUGFuZWxUYWJQcm9wcyA9IHtcbiAgJGFjdGl2ZT86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBQYW5lbEl0ZW0gPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGljb25Db21wb25lbnQ6IFJlYWN0LkNvbXBvbmVudFR5cGU8UGFydGlhbDxCYXNlUHJvcHM+Pjtcbn07XG5cbmV4cG9ydCB0eXBlIFBhbmVsVGFiUHJvcHMgPSB7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBwYW5lbDogUGFuZWxJdGVtO1xuICBvbkNsaWNrOiAoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFuZWxUYWIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc2lkZS1wYW5lbF9fdGFiJ1xufSk8U3R5bGVkUGFuZWxUYWJQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYm9yZGVyLWJvdHRvbS1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDJweDtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLiRhY3RpdmUgPyBwcm9wcy50aGVtZS5wYW5lbFRvZ2dsZUJvcmRlckNvbG9yIDogJ3RyYW5zcGFyZW50J307XG4gIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy4kYWN0aXZlID8gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yQWN0aXZlIDogcHJvcHMudGhlbWUucGFuZWxUYWJDb2xvcil9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsVG9nZ2xlTWFyZ2luUmlnaHR9cHg7XG4gIHBhZGRpbmctYm90dG9tOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsVG9nZ2xlQm90dG9tUGFkZGluZ31weDtcbiAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxUYWJXaWR0aH07XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIFBhbmVsVGFiRmFjdG9yeSgpIHtcbiAgY29uc3QgUGFuZWxUYWI6IFJlYWN0LkZDPFBhbmVsVGFiUHJvcHM+ID0gKHtpc0FjdGl2ZSwgb25DbGljaywgcGFuZWx9KSA9PiAoXG4gICAgPFN0eWxlZFBhbmVsVGFiIGRhdGEtdGlwIGRhdGEtZm9yPXtgJHtwYW5lbC5pZH0tbmF2YH0gJGFjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPHBhbmVsLmljb25Db21wb25lbnQgaGVpZ2h0PVwiMjBweFwiIC8+XG4gICAgICA8VG9vbHRpcCBpZD17YCR7cGFuZWwuaWR9LW5hdmB9IGVmZmVjdD1cInNvbGlkXCIgZGVsYXlTaG93PXs1MDB9IHBsYWNlPVwiYm90dG9tXCI+XG4gICAgICAgIDxzcGFuPlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtwYW5lbC5sYWJlbCB8fCBwYW5lbC5pZH0gLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvU3R5bGVkUGFuZWxUYWI+XG4gICk7XG5cbiAgcmV0dXJuIFBhbmVsVGFiO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYW5lbFRhYkZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLFNBQVFDLE9BQU8sUUFBTyw2QkFBNkI7QUFDbkQsU0FBUUMsZ0JBQWdCLFFBQU8seUJBQXlCO0FBbUJ4RCxPQUFPLElBQU1DLGNBQWMsR0FBR0gsTUFBTSxDQUFDSSxHQUFHLENBQUNDLEtBQUssQ0FBQztFQUM3Q0MsU0FBUyxFQUFFO0FBQ2IsQ0FBQyxDQUFDLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSw2VEFJdUIsVUFBQUMsS0FBSztFQUFBLE9BQzFCQSxLQUFLLENBQUNDLE9BQU8sR0FBR0QsS0FBSyxDQUFDRSxLQUFLLENBQUNDLHNCQUFzQixHQUFHLGFBQWE7QUFBQSxHQUMzRCxVQUFBSCxLQUFLO0VBQUEsT0FBS0EsS0FBSyxDQUFDQyxPQUFPLEdBQUdELEtBQUssQ0FBQ0UsS0FBSyxDQUFDRSxrQkFBa0IsR0FBR0osS0FBSyxDQUFDRSxLQUFLLENBQUNHLGFBQWE7QUFBQSxDQUFDLEVBRzlFLFVBQUFMLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNFLEtBQUssQ0FBQ0ksc0JBQXNCO0FBQUEsR0FDekMsVUFBQU4sS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0UsS0FBSyxDQUFDSyx3QkFBd0I7QUFBQSxHQUN0RCxVQUFBUCxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDRSxLQUFLLENBQUNNLGFBQWE7QUFBQSxHQUloQyxVQUFBUixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDRSxLQUFLLENBQUNPLFdBQVc7QUFBQSxFQUU1QztBQUVELE9BQU8sU0FBU0MsZUFBZUEsQ0FBQSxFQUFHO0VBQ2hDLElBQU1DLFFBQWlDLEdBQUcsU0FBcENBLFFBQWlDQSxDQUFBQyxJQUFBO0lBQUEsSUFBS0MsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7TUFBRUMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9BQU87TUFBRUMsS0FBSyxHQUFBSCxJQUFBLENBQUxHLEtBQUs7SUFBQSxvQkFDbEV6QixLQUFBLENBQUEwQixhQUFBLENBQUN0QixjQUFjO01BQUMsZ0JBQVE7TUFBQyxlQUFBdUIsTUFBQSxDQUFhRixLQUFLLENBQUNHLEVBQUUsU0FBTztNQUFDakIsT0FBTyxFQUFFWSxRQUFTO01BQUNDLE9BQU8sRUFBRUE7SUFBUSxnQkFDeEZ4QixLQUFBLENBQUEwQixhQUFBLENBQUNELEtBQUssQ0FBQ0ksYUFBYTtNQUFDQyxNQUFNLEVBQUM7SUFBTSxDQUFFLENBQUMsZUFDckM5QixLQUFBLENBQUEwQixhQUFBLENBQUN4QixPQUFPO01BQUMwQixFQUFFLEtBQUFELE1BQUEsQ0FBS0YsS0FBSyxDQUFDRyxFQUFFLFNBQU87TUFBQ0csTUFBTSxFQUFDLE9BQU87TUFBQ0MsU0FBUyxFQUFFLEdBQUk7TUFBQ0MsS0FBSyxFQUFDO0lBQVEsZ0JBQzNFakMsS0FBQSxDQUFBMEIsYUFBQSw0QkFDRTFCLEtBQUEsQ0FBQTBCLGFBQUEsQ0FBQ3ZCLGdCQUFnQjtNQUFDeUIsRUFBRSxFQUFFSCxLQUFLLENBQUNTLEtBQUssSUFBSVQsS0FBSyxDQUFDRztJQUFHLENBQUUsQ0FDNUMsQ0FDQyxDQUNLLENBQUM7RUFBQSxDQUNsQjtFQUVELE9BQU9QLFFBQVE7QUFDakI7QUFFQSxlQUFlRCxlQUFlIiwiaWdub3JlTGlzdCI6W119

package/dist/esm/side-panel/panel-title.js

@@ -0,0 +1,35 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled from 'styled-components';
+import classnames from 'classnames';
+var StyledPanelTitle = styled.div.attrs(function (props) {
+  return {
+    className: classnames('panel-title', props.className)
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 400;\n  letter-spacing: 1.25px;\n"])), function (props) {
+  return props.theme.titleTextColor;
+}, function (props) {
+  return props.theme.sidePanelTitleFontsize;
+}, function (props) {
+  return props.theme.sidePanelTitleLineHeight;
+});
+var PanelHeaderRow = styled.div.attrs({
+  className: 'layer-manager-header'
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 16px;\n  margin-bottom: 32px;\n"])));
+var PanelTitleFactory = function PanelTitleFactory() {
+  var PanelTitle = function PanelTitle(_ref) {
+    var title = _ref.title,
+      className = _ref.className,
+      children = _ref.children;
+    return /*#__PURE__*/React.createElement(PanelHeaderRow, null, /*#__PURE__*/React.createElement(StyledPanelTitle, {
+      className: className || 'panel-title'
+    }, title), children);
+  };
+  return PanelTitle;
+};
+export default PanelTitleFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsImNsYXNzbmFtZXMiLCJTdHlsZWRQYW5lbFRpdGxlIiwiZGl2IiwiYXR0cnMiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJ0aGVtZSIsInRpdGxlVGV4dENvbG9yIiwic2lkZVBhbmVsVGl0bGVGb250c2l6ZSIsInNpZGVQYW5lbFRpdGxlTGluZUhlaWdodCIsIlBhbmVsSGVhZGVyUm93IiwiX3RlbXBsYXRlT2JqZWN0MiIsIlBhbmVsVGl0bGVGYWN0b3J5IiwiUGFuZWxUaXRsZSIsIl9yZWYiLCJ0aXRsZSIsImNoaWxkcmVuIiwiY3JlYXRlRWxlbWVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL3BhbmVsLXRpdGxlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHtQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuY29uc3QgU3R5bGVkUGFuZWxUaXRsZSA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdwYW5lbC10aXRsZScsIHByb3BzLmNsYXNzTmFtZSlcbn0pKWBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGl0bGVUZXh0Q29sb3J9O1xuICBmb250LXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsVGl0bGVGb250c2l6ZX07XG4gIGxpbmUtaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbFRpdGxlTGluZUhlaWdodH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxldHRlci1zcGFjaW5nOiAxLjI1cHg7XG5gO1xuXG5jb25zdCBQYW5lbEhlYWRlclJvdyA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdsYXllci1tYW5hZ2VyLWhlYWRlcidcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIG1hcmdpbi1ib3R0b206IDMycHg7XG5gO1xuXG5leHBvcnQgdHlwZSBQYW5lbFRpdGxlUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbjx7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn0+O1xuXG5jb25zdCBQYW5lbFRpdGxlRmFjdG9yeSA9ICgpID0+IHtcbiAgY29uc3QgUGFuZWxUaXRsZTogUmVhY3QuRkM8UGFuZWxUaXRsZVByb3BzPiA9ICh7dGl0bGUsIGNsYXNzTmFtZSwgY2hpbGRyZW59KSA9PiAoXG4gICAgPFBhbmVsSGVhZGVyUm93PlxuICAgICAgPFN0eWxlZFBhbmVsVGl0bGUgY2xhc3NOYW1lPXtjbGFzc05hbWUgfHwgJ3BhbmVsLXRpdGxlJ30+e3RpdGxlfTwvU3R5bGVkUGFuZWxUaXRsZT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BhbmVsSGVhZGVyUm93PlxuICApO1xuXG4gIHJldHVybiBQYW5lbFRpdGxlO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUGFuZWxUaXRsZUZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQTJCLE9BQU87QUFDOUMsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUN0QyxPQUFPQyxVQUFVLE1BQU0sWUFBWTtBQUVuQyxJQUFNQyxnQkFBZ0IsR0FBR0YsTUFBTSxDQUFDRyxHQUFHLENBQUNDLEtBQUssQ0FBQyxVQUFBQyxLQUFLO0VBQUEsT0FBSztJQUNsREMsU0FBUyxFQUFFTCxVQUFVLENBQUMsYUFBYSxFQUFFSSxLQUFLLENBQUNDLFNBQVM7RUFDdEQsQ0FBQztBQUFBLENBQUMsQ0FBQyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEscUhBQ1EsVUFBQUgsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ksS0FBSyxDQUFDQyxjQUFjO0FBQUEsR0FDL0IsVUFBQUwsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0ksS0FBSyxDQUFDRSxzQkFBc0I7QUFBQSxHQUN6QyxVQUFBTixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDSSxLQUFLLENBQUNHLHdCQUF3QjtBQUFBLEVBRzdEO0FBRUQsSUFBTUMsY0FBYyxHQUFHYixNQUFNLENBQUNHLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQ3RDRSxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQVEsZ0JBQUEsS0FBQUEsZ0JBQUEsR0FBQU4sc0JBQUEsb0lBTUQ7QUFPRCxJQUFNTyxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQWlCQSxDQUFBLEVBQVM7RUFDOUIsSUFBTUMsVUFBcUMsR0FBRyxTQUF4Q0EsVUFBcUNBLENBQUFDLElBQUE7SUFBQSxJQUFLQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztNQUFFWixTQUFTLEdBQUFXLElBQUEsQ0FBVFgsU0FBUztNQUFFYSxRQUFRLEdBQUFGLElBQUEsQ0FBUkUsUUFBUTtJQUFBLG9CQUN4RXBCLEtBQUEsQ0FBQXFCLGFBQUEsQ0FBQ1AsY0FBYyxxQkFDYmQsS0FBQSxDQUFBcUIsYUFBQSxDQUFDbEIsZ0JBQWdCO01BQUNJLFNBQVMsRUFBRUEsU0FBUyxJQUFJO0lBQWMsR0FBRVksS0FBd0IsQ0FBQyxFQUNsRkMsUUFDYSxDQUFDO0VBQUEsQ0FDbEI7RUFFRCxPQUFPSCxVQUFVO0FBQ25CLENBQUM7QUFFRCxlQUFlRCxpQkFBaUIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/esm/side-panel/panel-toggle.js

@@ -0,0 +1,40 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+import PanelTabFactory from './panel-tab';
+var PanelHeaderBottom = styled.div.attrs({
+  className: 'side-side-panel__header__bottom'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  padding: 0 16px;\n  display: flex;\n  min-height: 30px;\n"])), function (props) {
+  return props.theme.sidePanelHeaderBg;
+}, function (props) {
+  return props.theme.sidePanelHeaderBorder;
+});
+PanelToggleFactory.deps = [PanelTabFactory];
+function PanelToggleFactory(PanelTab) {
+  var PanelToggle = function PanelToggle(_ref) {
+    var activePanel = _ref.activePanel,
+      panels = _ref.panels,
+      togglePanel = _ref.togglePanel;
+    var _onClick = useCallback(function (panel) {
+      var callback = panel.onClick || togglePanel;
+      callback(panel.id);
+    }, [togglePanel]);
+    return /*#__PURE__*/React.createElement(PanelHeaderBottom, null, panels.map(function (panel) {
+      return /*#__PURE__*/React.createElement(PanelTab, {
+        key: panel.id,
+        panel: panel,
+        isActive: activePanel === panel.id,
+        onClick: function onClick() {
+          return _onClick(panel);
+        }
+      });
+    }));
+  };
+  return PanelToggle;
+}
+export default PanelToggleFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwic3R5bGVkIiwiUGFuZWxUYWJGYWN0b3J5IiwiUGFuZWxIZWFkZXJCb3R0b20iLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJwcm9wcyIsInRoZW1lIiwic2lkZVBhbmVsSGVhZGVyQmciLCJzaWRlUGFuZWxIZWFkZXJCb3JkZXIiLCJQYW5lbFRvZ2dsZUZhY3RvcnkiLCJkZXBzIiwiUGFuZWxUYWIiLCJQYW5lbFRvZ2dsZSIsIl9yZWYiLCJhY3RpdmVQYW5lbCIsInBhbmVscyIsInRvZ2dsZVBhbmVsIiwib25DbGljayIsInBhbmVsIiwiY2FsbGJhY2siLCJpZCIsImNyZWF0ZUVsZW1lbnQiLCJtYXAiLCJrZXkiLCJpc0FjdGl2ZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL3BhbmVsLXRvZ2dsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFBhbmVsVGFiRmFjdG9yeSwge1BhbmVsSXRlbX0gZnJvbSAnLi9wYW5lbC10YWInO1xuaW1wb3J0IHt0b2dnbGVTaWRlUGFuZWwsIEFjdGlvbkhhbmRsZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvYWN0aW9ucyc7XG5cbnR5cGUgUGFuZWxUb2dnbGVQcm9wcyA9IHtcbiAgcGFuZWxzOiBQYW5lbEl0ZW1bXTtcbiAgYWN0aXZlUGFuZWw6IHN0cmluZyB8IG51bGw7XG4gIHRvZ2dsZVBhbmVsOiBBY3Rpb25IYW5kbGVyPHR5cGVvZiB0b2dnbGVTaWRlUGFuZWw+O1xufTtcblxuY29uc3QgUGFuZWxIZWFkZXJCb3R0b20gPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc2lkZS1zaWRlLXBhbmVsX19oZWFkZXJfX2JvdHRvbSdcbn0pYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbEhlYWRlckJnfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsSGVhZGVyQm9yZGVyfTtcbiAgcGFkZGluZzogMCAxNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiAzMHB4O1xuYDtcblxuUGFuZWxUb2dnbGVGYWN0b3J5LmRlcHMgPSBbUGFuZWxUYWJGYWN0b3J5XTtcblxuZnVuY3Rpb24gUGFuZWxUb2dnbGVGYWN0b3J5KFBhbmVsVGFiOiBSZXR1cm5UeXBlPHR5cGVvZiBQYW5lbFRhYkZhY3Rvcnk+KSB7XG4gIGNvbnN0IFBhbmVsVG9nZ2xlOiBSZWFjdC5GQzxQYW5lbFRvZ2dsZVByb3BzPiA9ICh7YWN0aXZlUGFuZWwsIHBhbmVscywgdG9nZ2xlUGFuZWx9KSA9PiB7XG4gICAgY29uc3Qgb25DbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgcGFuZWwgPT4ge1xuICAgICAgICBjb25zdCBjYWxsYmFjayA9IHBhbmVsLm9uQ2xpY2sgfHwgdG9nZ2xlUGFuZWw7XG4gICAgICAgIGNhbGxiYWNrKHBhbmVsLmlkKTtcbiAgICAgIH0sXG4gICAgICBbdG9nZ2xlUGFuZWxdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8UGFuZWxIZWFkZXJCb3R0b20+XG4gICAgICAgIHtwYW5lbHMubWFwKHBhbmVsID0+IChcbiAgICAgICAgICA8UGFuZWxUYWJcbiAgICAgICAgICAgIGtleT17cGFuZWwuaWR9XG4gICAgICAgICAgICBwYW5lbD17cGFuZWx9XG4gICAgICAgICAgICBpc0FjdGl2ZT17YWN0aXZlUGFuZWwgPT09IHBhbmVsLmlkfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25DbGljayhwYW5lbCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhbmVsSGVhZGVyQm90dG9tPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFBhbmVsVG9nZ2xlO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYW5lbFRvZ2dsZUZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLElBQUdDLFdBQVcsUUFBTyxPQUFPO0FBQ3hDLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFDdEMsT0FBT0MsZUFBZSxNQUFtQixhQUFhO0FBU3RELElBQU1DLGlCQUFpQixHQUFHRixNQUFNLENBQUNHLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQ3pDQyxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQUMsZUFBQSxLQUFBQSxlQUFBLEdBQUFDLHNCQUFBLG1JQUNvQixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNDLGlCQUFpQjtBQUFBLEdBQy9CLFVBQUFGLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0UscUJBQXFCO0FBQUEsRUFJdEU7QUFFREMsa0JBQWtCLENBQUNDLElBQUksR0FBRyxDQUFDWixlQUFlLENBQUM7QUFFM0MsU0FBU1csa0JBQWtCQSxDQUFDRSxRQUE0QyxFQUFFO0VBQ3hFLElBQU1DLFdBQXVDLEdBQUcsU0FBMUNBLFdBQXVDQSxDQUFBQyxJQUFBLEVBQTJDO0lBQUEsSUFBdENDLFdBQVcsR0FBQUQsSUFBQSxDQUFYQyxXQUFXO01BQUVDLE1BQU0sR0FBQUYsSUFBQSxDQUFORSxNQUFNO01BQUVDLFdBQVcsR0FBQUgsSUFBQSxDQUFYRyxXQUFXO0lBQ2hGLElBQU1DLFFBQU8sR0FBR3JCLFdBQVcsQ0FDekIsVUFBQXNCLEtBQUssRUFBSTtNQUNQLElBQU1DLFFBQVEsR0FBR0QsS0FBSyxDQUFDRCxPQUFPLElBQUlELFdBQVc7TUFDN0NHLFFBQVEsQ0FBQ0QsS0FBSyxDQUFDRSxFQUFFLENBQUM7SUFDcEIsQ0FBQyxFQUNELENBQUNKLFdBQVcsQ0FDZCxDQUFDO0lBRUQsb0JBQ0VyQixLQUFBLENBQUEwQixhQUFBLENBQUN0QixpQkFBaUIsUUFDZmdCLE1BQU0sQ0FBQ08sR0FBRyxDQUFDLFVBQUFKLEtBQUs7TUFBQSxvQkFDZnZCLEtBQUEsQ0FBQTBCLGFBQUEsQ0FBQ1YsUUFBUTtRQUNQWSxHQUFHLEVBQUVMLEtBQUssQ0FBQ0UsRUFBRztRQUNkRixLQUFLLEVBQUVBLEtBQU07UUFDYk0sUUFBUSxFQUFFVixXQUFXLEtBQUtJLEtBQUssQ0FBQ0UsRUFBRztRQUNuQ0gsT0FBTyxFQUFFLFNBQVRBLE9BQU9BLENBQUE7VUFBQSxPQUFRQSxRQUFPLENBQUNDLEtBQUssQ0FBQztRQUFBO01BQUMsQ0FDL0IsQ0FBQztJQUFBLENBQ0gsQ0FDZ0IsQ0FBQztFQUV4QixDQUFDO0VBRUQsT0FBT04sV0FBVztBQUNwQjtBQUVBLGVBQWVILGtCQUFrQiIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/esm/side-panel/panel-view-list-toggle.js

@@ -0,0 +1,90 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import OrderByList from '../common/icons/order-by-list';
+import OrderByDataset from '../common/icons/order-by-dataset';
+import { Tooltip } from '../common/styled-components';
+import { FormattedMessage } from '@kepler.gl/localization';
+import { PANEL_VIEW_TOGGLES } from '@kepler.gl/constants';
+var PanelViewListToggleContainer = styled.div.attrs({
+  className: 'panel-view-list-toggle'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+var PanelViewListToggleWrapper = styled.div.attrs({
+  className: 'panel-view-list-toggle-inner'
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  align-content: center;\n  gap: 10px;\n"])));
+export var StyledToggleOption = styled.div.attrs({
+  className: 'layer-panel-toggle-option'
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  &:hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.$active ? props.theme.subtextColorActive : props.theme.panelTabColor;
+}, function (props) {
+  return props.theme.subtextColorActive;
+});
+function ToggleOptionFactory() {
+  var ToggleOption = function ToggleOption(_ref) {
+    var isActive = _ref.isActive,
+      onClick = _ref.onClick,
+      option = _ref.option;
+    return /*#__PURE__*/React.createElement(StyledToggleOption, {
+      "data-tip": true,
+      "data-for": "".concat(option.id, "-toggle-option"),
+      $active: isActive,
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(option.iconComponent, {
+      height: "20px"
+    }), /*#__PURE__*/React.createElement(Tooltip, {
+      id: "".concat(option.id, "-toggle-option"),
+      effect: "solid",
+      delayShow: 500,
+      place: "bottom"
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: option.label
+    }))));
+  };
+  return ToggleOption;
+}
+var TOGGLE_OPTIONS = [{
+  id: PANEL_VIEW_TOGGLES.list,
+  iconComponent: OrderByList,
+  label: 'sidebar.panelViewToggle.list'
+}, {
+  id: PANEL_VIEW_TOGGLES.byDataset,
+  iconComponent: OrderByDataset,
+  label: 'sidebar.panelViewToggle.byDataset'
+}];
+PanelViewListToggleFactory.deps = [ToggleOptionFactory];
+function PanelViewListToggleFactory(ToggleOption) {
+  var PanelViewListToggle = function PanelViewListToggle(_ref2) {
+    var mode = _ref2.mode,
+      togglePanelListView = _ref2.togglePanelListView;
+    var toggleListView = function toggleListView(listView) {
+      return togglePanelListView(listView);
+    };
+    var options = useMemo(function () {
+      return TOGGLE_OPTIONS.map(function (opt) {
+        return _objectSpread(_objectSpread({}, opt), {}, {
+          isActive: mode === opt.id
+        });
+      });
+    }, [mode]);
+    return /*#__PURE__*/React.createElement(PanelViewListToggleContainer, null, /*#__PURE__*/React.createElement(PanelViewListToggleWrapper, null, options.map(function (opt) {
+      return /*#__PURE__*/React.createElement(ToggleOption, {
+        key: opt.id,
+        onClick: function onClick() {
+          return toggleListView(opt.id);
+        },
+        option: opt,
+        isActive: opt.isActive
+      });
+    })));
+  };
+  return PanelViewListToggle;
+}
+export default PanelViewListToggleFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJzdHlsZWQiLCJPcmRlckJ5TGlzdCIsIk9yZGVyQnlEYXRhc2V0IiwiVG9vbHRpcCIsIkZvcm1hdHRlZE1lc3NhZ2UiLCJQQU5FTF9WSUVXX1RPR0dMRVMiLCJQYW5lbFZpZXdMaXN0VG9nZ2xlQ29udGFpbmVyIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsIiwiUGFuZWxWaWV3TGlzdFRvZ2dsZVdyYXBwZXIiLCJfdGVtcGxhdGVPYmplY3QyIiwiU3R5bGVkVG9nZ2xlT3B0aW9uIiwiX3RlbXBsYXRlT2JqZWN0MyIsInByb3BzIiwiJGFjdGl2ZSIsInRoZW1lIiwic3VidGV4dENvbG9yQWN0aXZlIiwicGFuZWxUYWJDb2xvciIsIlRvZ2dsZU9wdGlvbkZhY3RvcnkiLCJUb2dnbGVPcHRpb24iLCJfcmVmIiwiaXNBY3RpdmUiLCJvbkNsaWNrIiwib3B0aW9uIiwiY3JlYXRlRWxlbWVudCIsImNvbmNhdCIsImlkIiwiaWNvbkNvbXBvbmVudCIsImhlaWdodCIsImVmZmVjdCIsImRlbGF5U2hvdyIsInBsYWNlIiwibGFiZWwiLCJUT0dHTEVfT1BUSU9OUyIsImxpc3QiLCJieURhdGFzZXQiLCJQYW5lbFZpZXdMaXN0VG9nZ2xlRmFjdG9yeSIsImRlcHMiLCJQYW5lbFZpZXdMaXN0VG9nZ2xlIiwiX3JlZjIiLCJtb2RlIiwidG9nZ2xlUGFuZWxMaXN0VmlldyIsInRvZ2dsZUxpc3RWaWV3IiwibGlzdFZpZXciLCJvcHRpb25zIiwibWFwIiwib3B0IiwiX29iamVjdFNwcmVhZCIsImtleSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL3BhbmVsLXZpZXctbGlzdC10b2dnbGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IE9yZGVyQnlMaXN0IGZyb20gJy4uL2NvbW1vbi9pY29ucy9vcmRlci1ieS1saXN0JztcbmltcG9ydCBPcmRlckJ5RGF0YXNldCBmcm9tICcuLi9jb21tb24vaWNvbnMvb3JkZXItYnktZGF0YXNldCc7XG5pbXBvcnQge1Rvb2x0aXB9IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7UGFuZWxMaXN0Vmlld30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge1BBTkVMX1ZJRVdfVE9HR0xFU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuXG50eXBlIFRvZ2dsZU9wdGlvblByb3BzID0ge1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgb3B0aW9uOiAodHlwZW9mIFRPR0dMRV9PUFRJT05TKVswXTtcbn07XG5cbnR5cGUgUGFuZWxWaWV3TGlzdFRvZ2dsZVByb3BzID0ge1xuICBtb2RlOiBQYW5lbExpc3RWaWV3O1xuICB0b2dnbGVQYW5lbExpc3RWaWV3OiAodmlldzogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgUGFuZWxWaWV3TGlzdFRvZ2dsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdwYW5lbC12aWV3LWxpc3QtdG9nZ2xlJ1xufSlgYDtcblxuY29uc3QgUGFuZWxWaWV3TGlzdFRvZ2dsZVdyYXBwZXIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAncGFuZWwtdmlldy1saXN0LXRvZ2dsZS1pbm5lcidcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTBweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb2dnbGVPcHRpb24gPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnbGF5ZXItcGFuZWwtdG9nZ2xlLW9wdGlvbidcbn0pPHskYWN0aXZlOiBib29sZWFufT5gXG4gIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy4kYWN0aXZlID8gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yQWN0aXZlIDogcHJvcHMudGhlbWUucGFuZWxUYWJDb2xvcil9O1xuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yQWN0aXZlfTtcbiAgfVxuYDtcblxuZnVuY3Rpb24gVG9nZ2xlT3B0aW9uRmFjdG9yeSgpIHtcbiAgY29uc3QgVG9nZ2xlT3B0aW9uOiBSZWFjdC5GQzxUb2dnbGVPcHRpb25Qcm9wcz4gPSAoe2lzQWN0aXZlLCBvbkNsaWNrLCBvcHRpb259KSA9PiAoXG4gICAgPFN0eWxlZFRvZ2dsZU9wdGlvblxuICAgICAgZGF0YS10aXBcbiAgICAgIGRhdGEtZm9yPXtgJHtvcHRpb24uaWR9LXRvZ2dsZS1vcHRpb25gfVxuICAgICAgJGFjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIDxvcHRpb24uaWNvbkNvbXBvbmVudCBoZWlnaHQ9XCIyMHB4XCIgLz5cbiAgICAgIDxUb29sdGlwIGlkPXtgJHtvcHRpb24uaWR9LXRvZ2dsZS1vcHRpb25gfSBlZmZlY3Q9XCJzb2xpZFwiIGRlbGF5U2hvdz17NTAwfSBwbGFjZT1cImJvdHRvbVwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17b3B0aW9uLmxhYmVsfSAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9TdHlsZWRUb2dnbGVPcHRpb24+XG4gICk7XG5cbiAgcmV0dXJuIFRvZ2dsZU9wdGlvbjtcbn1cblxuY29uc3QgVE9HR0xFX09QVElPTlMgPSBbXG4gIHtcbiAgICBpZDogUEFORUxfVklFV19UT0dHTEVTLmxpc3QsXG4gICAgaWNvbkNvbXBvbmVudDogT3JkZXJCeUxpc3QsXG4gICAgbGFiZWw6ICdzaWRlYmFyLnBhbmVsVmlld1RvZ2dsZS5saXN0J1xuICB9LFxuICB7XG4gICAgaWQ6IFBBTkVMX1ZJRVdfVE9HR0xFUy5ieURhdGFzZXQsXG4gICAgaWNvbkNvbXBvbmVudDogT3JkZXJCeURhdGFzZXQsXG4gICAgbGFiZWw6ICdzaWRlYmFyLnBhbmVsVmlld1RvZ2dsZS5ieURhdGFzZXQnXG4gIH1cbl07XG5cblBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5LmRlcHMgPSBbVG9nZ2xlT3B0aW9uRmFjdG9yeV07XG5cbmZ1bmN0aW9uIFBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5KFRvZ2dsZU9wdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgVG9nZ2xlT3B0aW9uRmFjdG9yeT4pIHtcbiAgY29uc3QgUGFuZWxWaWV3TGlzdFRvZ2dsZTogUmVhY3QuRkM8UGFuZWxWaWV3TGlzdFRvZ2dsZVByb3BzPiA9ICh7bW9kZSwgdG9nZ2xlUGFuZWxMaXN0Vmlld30pID0+IHtcbiAgICBjb25zdCB0b2dnbGVMaXN0VmlldyA9IGxpc3RWaWV3ID0+IHRvZ2dsZVBhbmVsTGlzdFZpZXcobGlzdFZpZXcpO1xuXG4gICAgY29uc3Qgb3B0aW9ucyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBUT0dHTEVfT1BUSU9OUy5tYXAob3B0ID0+ICh7Li4ub3B0LCBpc0FjdGl2ZTogbW9kZSA9PT0gb3B0LmlkfSkpLFxuICAgICAgW21vZGVdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8UGFuZWxWaWV3TGlzdFRvZ2dsZUNvbnRhaW5lcj5cbiAgICAgICAgPFBhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyPlxuICAgICAgICAgIHtvcHRpb25zLm1hcChvcHQgPT4gKFxuICAgICAgICAgICAgPFRvZ2dsZU9wdGlvblxuICAgICAgICAgICAgICBrZXk9e29wdC5pZH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gdG9nZ2xlTGlzdFZpZXcob3B0LmlkKX1cbiAgICAgICAgICAgICAgb3B0aW9uPXtvcHR9XG4gICAgICAgICAgICAgIGlzQWN0aXZlPXtvcHQuaXNBY3RpdmV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1BhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyPlxuICAgICAgPC9QYW5lbFZpZXdMaXN0VG9nZ2xlQ29udGFpbmVyPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFBhbmVsVmlld0xpc3RUb2dnbGU7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7OztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsS0FBSyxJQUFHQyxPQUFPLFFBQU8sT0FBTztBQUNwQyxPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLE9BQU9DLFdBQVcsTUFBTSwrQkFBK0I7QUFDdkQsT0FBT0MsY0FBYyxNQUFNLGtDQUFrQztBQUM3RCxTQUFRQyxPQUFPLFFBQU8sNkJBQTZCO0FBQ25ELFNBQVFDLGdCQUFnQixRQUFPLHlCQUF5QjtBQUV4RCxTQUFRQyxrQkFBa0IsUUFBTyxzQkFBc0I7QUFhdkQsSUFBTUMsNEJBQTRCLEdBQUdOLE1BQU0sQ0FBQ08sR0FBRyxDQUFDQyxLQUFLLENBQUM7RUFDcERDLFNBQVMsRUFBRTtBQUNiLENBQUMsQ0FBQyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEsUUFBRTtBQUVKLElBQU1DLDBCQUEwQixHQUFHWixNQUFNLENBQUNPLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQ2xEQyxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMs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