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

package/dist/esm/side-panel/map-style-panel/map-layer-selector.js

@@ -0,0 +1,69 @@
+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 PanelHeaderActionFactory from '../panel-header-action';
+import LayerGroupItemFactory from './map-layer-group-item';
+import { EyeSeen, EyeUnseen } from '../../common/icons';
+import { PanelLabel, PanelContent } from '../../common/styled-components';
+import { FormattedMessage } from '@kepler.gl/localization';
+import { Upload } from '@kepler.gl/cloud-providers';
+import { THREE_D_BUILDING_LAYER_GROUP_SLUG, BACKGROUND_LAYER_GROUP_SLUG } from '@kepler.gl/constants';
+function noop() {
+  return;
+}
+var StyledInteractionPanel = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-bottom: 12px;\n"])));
+LayerGroupSelectorFactory.deps = [PanelHeaderActionFactory, LayerGroupItemFactory];
+function LayerGroupSelectorFactory(PanelHeaderAction, LayerGroupItem) {
+  var defaultActionIcons = {
+    visible: EyeSeen,
+    hidden: EyeUnseen,
+    top: Upload
+  };
+  var LayerGroupSelector = function LayerGroupSelector(_ref) {
+    var layers = _ref.layers,
+      editableLayers = _ref.editableLayers,
+      onChange = _ref.onChange,
+      topLayers = _ref.topLayers,
+      threeDBuildingColor = _ref.threeDBuildingColor,
+      on3dBuildingColorChange = _ref.on3dBuildingColorChange,
+      backgroundColor = _ref.backgroundColor,
+      onBackgroundColorChange = _ref.onBackgroundColorChange,
+      _ref$actionIcons = _ref.actionIcons,
+      actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons;
+    return /*#__PURE__*/React.createElement(StyledInteractionPanel, {
+      className: "map-style__layer-group__selector"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "layer-group__header"
+    }, /*#__PURE__*/React.createElement(PanelLabel, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: 'mapLayers.title'
+    }))), /*#__PURE__*/React.createElement(PanelContent, {
+      className: "map-style__layer-group"
+    }, editableLayers.map(function (_ref2) {
+      var slug = _ref2.slug,
+        isVisibilityToggleAvailable = _ref2.isVisibilityToggleAvailable,
+        isMoveToTopAvailable = _ref2.isMoveToTopAvailable,
+        isColorPickerAvailable = _ref2.isColorPickerAvailable;
+      return /*#__PURE__*/React.createElement(LayerGroupItem, {
+        key: slug,
+        PanelHeaderAction: PanelHeaderAction,
+        onChange: onChange,
+        slug: slug,
+        layers: layers,
+        topLayers: topLayers,
+        actionIcons: actionIcons,
+        isVisibilityToggleAvailable: isVisibilityToggleAvailable,
+        isMoveToTopAvailable: isMoveToTopAvailable,
+        isColorPickerAvailable: isColorPickerAvailable,
+        color: isColorPickerAvailable && slug === THREE_D_BUILDING_LAYER_GROUP_SLUG ? threeDBuildingColor : slug === BACKGROUND_LAYER_GROUP_SLUG ? backgroundColor : null,
+        onColorChange: isColorPickerAvailable && slug === THREE_D_BUILDING_LAYER_GROUP_SLUG ? on3dBuildingColorChange : slug === BACKGROUND_LAYER_GROUP_SLUG ? onBackgroundColorChange : noop
+      });
+    })));
+  };
+  return LayerGroupSelector;
+}
+export default LayerGroupSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsIlBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeSIsIkxheWVyR3JvdXBJdGVtRmFjdG9yeSIsIkV5ZVNlZW4iLCJFeWVVbnNlZW4iLCJQYW5lbExhYmVsIiwiUGFuZWxDb250ZW50IiwiRm9ybWF0dGVkTWVzc2FnZSIsIlVwbG9hZCIsIlRIUkVFX0RfQlVJTERJTkdfTEFZRVJfR1JPVVBfU0xVRyIsIkJBQ0tHUk9VTkRfTEFZRVJfR1JPVVBfU0xVRyIsIm5vb3AiLCJTdHlsZWRJbnRlcmFjdGlvblBhbmVsIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsIkxheWVyR3JvdXBTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiUGFuZWxIZWFkZXJBY3Rpb24iLCJMYXllckdyb3VwSXRlbSIsImRlZmF1bHRBY3Rpb25JY29ucyIsInZpc2libGUiLCJoaWRkZW4iLCJ0b3AiLCJMYXllckdyb3VwU2VsZWN0b3IiLCJfcmVmIiwibGF5ZXJzIiwiZWRpdGFibGVMYXllcnMiLCJvbkNoYW5nZSIsInRvcExheWVycyIsInRocmVlREJ1aWxkaW5nQ29sb3IiLCJvbjNkQnVpbGRpbmdDb2xvckNoYW5nZSIsImJhY2tncm91bmRDb2xvciIsIm9uQmFja2dyb3VuZENvbG9yQ2hhbmdlIiwiX3JlZiRhY3Rpb25JY29ucyIsImFjdGlvbkljb25zIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImlkIiwibWFwIiwiX3JlZjIiLCJzbHVnIiwiaXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlIiwiaXNNb3ZlVG9Ub3BBdmFpbGFibGUiLCJpc0NvbG9yUGlja2VyQXZhaWxhYmxlIiwia2V5IiwiY29sb3IiLCJvbkNvbG9yQ2hhbmdlIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbWFwLXN0eWxlLXBhbmVsL21hcC1sYXllci1zZWxlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeSBmcm9tICcuLi9wYW5lbC1oZWFkZXItYWN0aW9uJztcbmltcG9ydCBMYXllckdyb3VwSXRlbUZhY3RvcnksIHtMYXllckdyb3VwSXRlbUFjdGlvbkljb25zfSBmcm9tICcuL21hcC1sYXllci1ncm91cC1pdGVtJztcbmltcG9ydCB7RXllU2VlbiwgRXllVW5zZWVufSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuXG5pbXBvcnQge1BhbmVsTGFiZWwsIFBhbmVsQ29udGVudH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtWaXNpYmxlTGF5ZXJHcm91cHN9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtVcGxvYWR9IGZyb20gJ0BrZXBsZXIuZ2wvY2xvdWQtcHJvdmlkZXJzJztcbmltcG9ydCB7XG4gIFRIUkVFX0RfQlVJTERJTkdfTEFZRVJfR1JPVVBfU0xVRyxcbiAgQkFDS0dST1VORF9MQVlFUl9HUk9VUF9TTFVHLFxuICBERUZBVUxUX0xBWUVSX0dST1VQXG59IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7XG4gIE1hcENvbmZpZ0NoYW5nZVVwZGF0ZXJBY3Rpb24sXG4gIFNldDNkQnVpbGRpbmdDb2xvclVwZGF0ZXJBY3Rpb24sXG4gIFNldEJhY2tncm91bmRDb2xvclVwZGF0ZXJBY3Rpb25cbn0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7TWFwU3R5bGV9IGZyb20gJ0BrZXBsZXIuZ2wvcmVkdWNlcnMnO1xuXG5mdW5jdGlvbiBub29wKCkge1xuICByZXR1cm47XG59XG5cbmNvbnN0IFN0eWxlZEludGVyYWN0aW9uUGFuZWwgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWJvdHRvbTogMTJweDtcbmA7XG5cbmV4cG9ydCB0eXBlIExheWVyR3JvdXBTZWxlY3RvclByb3BzID0ge1xuICBsYXllcnM6IFZpc2libGVMYXllckdyb3VwcztcbiAgZWRpdGFibGVMYXllcnM6IERFRkFVTFRfTEFZRVJfR1JPVVBbXTtcbiAgb25DaGFuZ2U6IChwYXlsb2FkOiBNYXBDb25maWdDaGFuZ2VVcGRhdGVyQWN0aW9uWydwYXlsb2FkJ10pID0+IHZvaWQ7XG4gIHRvcExheWVyczogTWFwU3R5bGVbJ3RvcExheWVyR3JvdXBzJ107XG4gIHRocmVlREJ1aWxkaW5nQ29sb3I6IE1hcFN0eWxlWyd0aHJlZURCdWlsZGluZ0NvbG9yJ107XG4gIG9uM2RCdWlsZGluZ0NvbG9yQ2hhbmdlOiAocGQ6IFNldDNkQnVpbGRpbmdDb2xvclVwZGF0ZXJBY3Rpb25bJ3BheWxvYWQnXSkgPT4gdm9pZDtcbiAgYmFja2dyb3VuZENvbG9yOiBNYXBTdHlsZVsnYmFja2dyb3VuZENvbG9yJ107XG4gIG9uQmFja2dyb3VuZENvbG9yQ2hhbmdlOiAocGQ6IFNldEJhY2tncm91bmRDb2xvclVwZGF0ZXJBY3Rpb25bJ3BheWxvYWQnXSkgPT4gdm9pZDtcbiAgYWN0aW9uSWNvbnM/OiBMYXllckdyb3VwSXRlbUFjdGlvbkljb25zO1xufTtcblxuTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW1BhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeSwgTGF5ZXJHcm91cEl0ZW1GYWN0b3J5XTtcblxuZnVuY3Rpb24gTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeShcbiAgUGFuZWxIZWFkZXJBY3Rpb246IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeT4sXG4gIExheWVyR3JvdXBJdGVtOiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllckdyb3VwSXRlbUZhY3Rvcnk+XG4pIHtcbiAgY29uc3QgZGVmYXVsdEFjdGlvbkljb25zOiBMYXllckdyb3VwSXRlbUFjdGlvbkljb25zID0ge1xuICAgIHZpc2libGU6IEV5ZVNlZW4sXG4gICAgaGlkZGVuOiBFeWVVbnNlZW4sXG4gICAgdG9wOiBVcGxvYWRcbiAgfTtcbiAgY29uc3QgTGF5ZXJHcm91cFNlbGVjdG9yID0gKHtcbiAgICBsYXllcnMsXG4gICAgZWRpdGFibGVMYXllcnMsXG4gICAgb25DaGFuZ2UsXG4gICAgdG9wTGF5ZXJzLFxuICAgIHRocmVlREJ1aWxkaW5nQ29sb3IsXG4gICAgb24zZEJ1aWxkaW5nQ29sb3JDaGFuZ2UsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIG9uQmFja2dyb3VuZENvbG9yQ2hhbmdlLFxuICAgIGFjdGlvbkljb25zID0gZGVmYXVsdEFjdGlvbkljb25zXG4gIH06IExheWVyR3JvdXBTZWxlY3RvclByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRJbnRlcmFjdGlvblBhbmVsIGNsYXNzTmFtZT1cIm1hcC1zdHlsZV9fbGF5ZXItZ3JvdXBfX3NlbGVjdG9yXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibGF5ZXItZ3JvdXBfX2hlYWRlclwiPlxuICAgICAgICAgIDxQYW5lbExhYmVsPlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydtYXBMYXllcnMudGl0bGUnfSAvPlxuICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxQYW5lbENvbnRlbnQgY2xhc3NOYW1lPVwibWFwLXN0eWxlX19sYXllci1ncm91cFwiPlxuICAgICAgICAgIHtlZGl0YWJsZUxheWVycy5tYXAoXG4gICAgICAgICAgICAoe3NsdWcsIGlzVmlzaWJpbGl0eVRvZ2dsZUF2YWlsYWJsZSwgaXNNb3ZlVG9Ub3BBdmFpbGFibGUsIGlzQ29sb3JQaWNrZXJBdmFpbGFibGV9KSA9PiAoXG4gICAgICAgICAgICAgIDxMYXllckdyb3VwSXRlbVxuICAgICAgICAgICAgICAgIGtleT17c2x1Z31cbiAgICAgICAgICAgICAgICBQYW5lbEhlYWRlckFjdGlvbj17UGFuZWxIZWFkZXJBY3Rpb259XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgIHNsdWc9e3NsdWd9XG4gICAgICAgICAgICAgICAgbGF5ZXJzPXtsYXllcnN9XG4gICAgICAgICAgICAgICAgdG9wTGF5ZXJzPXt0b3BMYXllcnN9XG4gICAgICAgICAgICAgICAgYWN0aW9uSWNvbnM9e2FjdGlvbkljb25zfVxuICAgICAgICAgICAgICAgIGlzVmlzaWJpbGl0eVRvZ2dsZUF2YWlsYWJsZT17aXNWaXNpYmlsaXR5VG9nZ2xlQXZhaWxhYmxlfVxuICAgICAgICAgICAgICAgIGlzTW92ZVRvVG9wQXZhaWxhYmxlPXtpc01vdmVUb1RvcEF2YWlsYWJsZX1cbiAgICAgICAgICAgICAgICBpc0NvbG9yUGlja2VyQXZhaWxhYmxlPXtpc0NvbG9yUGlja2VyQXZhaWxhYmxlfVxuICAgICAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgICAgIGlzQ29sb3JQaWNrZXJBdmFpbGFibGUgJiYgc2x1ZyA9PT0gVEhSRUVfRF9CVUlMRElOR19MQVlFUl9HUk9VUF9TTFVHXG4gICAgICAgICAgICAgICAgICAgID8gdGhyZWVEQnVpbGRpbmdDb2xvclxuICAgICAgICAgICAgICAgICAgICA6IHNsdWcgPT09IEJBQ0tHUk9VTkRfTEFZRVJfR1JPVVBfU0xVR1xuICAgICAgICAgICAgICAgICAgICA/IGJhY2tncm91bmRDb2xvclxuICAgICAgICAgICAgICAgICAgICA6IG51bGxcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25Db2xvckNoYW5nZT17XG4gICAgICAgICAgICAgICAgICBpc0NvbG9yUGlja2VyQXZhaWxhYmxlICYmIHNsdWcgPT09IFRIUkVFX0RfQlVJTERJTkdfTEFZRVJfR1JPVVBfU0xVR1xuICAgICAgICAgICAgICAgICAgICA/IG9uM2RCdWlsZGluZ0NvbG9yQ2hhbmdlXG4gICAgICAgICAgICAgICAgICAgIDogc2x1ZyA9PT0gQkFDS0dST1VORF9MQVlFUl9HUk9VUF9TTFVHXG4gICAgICAgICAgICAgICAgICAgID8gb25CYWNrZ3JvdW5kQ29sb3JDaGFuZ2VcbiAgICAgICAgICAgICAgICAgICAgOiBub29wXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKVxuICAgICAgICAgICl9XG4gICAgICAgIDwvUGFuZWxDb250ZW50PlxuICAgICAgPC9TdHlsZWRJbnRlcmFjdGlvblBhbmVsPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIExheWVyR3JvdXBTZWxlY3Rvcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJHcm91cFNlbGVjdG9yRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssTUFBTSxPQUFPO0FBQ3pCLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFDdEMsT0FBT0Msd0JBQXdCLE1BQU0sd0JBQXdCO0FBQzdELE9BQU9DLHFCQUFxQixNQUFtQyx3QkFBd0I7QUFDdkYsU0FBUUMsT0FBTyxFQUFFQyxTQUFTLFFBQU8sb0JBQW9CO0FBRXJELFNBQVFDLFVBQVUsRUFBRUMsWUFBWSxRQUFPLGdDQUFnQztBQUN2RSxTQUFRQyxnQkFBZ0IsUUFBTyx5QkFBeUI7QUFFeEQsU0FBUUMsTUFBTSxRQUFPLDRCQUE0QjtBQUNqRCxTQUNFQyxpQ0FBaUMsRUFDakNDLDJCQUEyQixRQUV0QixzQkFBc0I7QUFRN0IsU0FBU0MsSUFBSUEsQ0FBQSxFQUFHO0VBQ2Q7QUFDRjtBQUVBLElBQU1DLHNCQUFzQixHQUFHWixNQUFNLENBQUNhLEdBQUcsQ0FBQUMsZUFBQSxLQUFBQSxlQUFBLEdBQUFDLHNCQUFBLG1DQUV4QztBQWNEQyx5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

package/dist/esm/side-panel/map-style-panel/map-style-selector.js

@@ -0,0 +1,92 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled from 'styled-components';
+import classnames from 'classnames';
+import { FormattedMessage } from '@kepler.gl/localization';
+import { NO_BASEMAP_ICON } from '@kepler.gl/constants';
+import { getApplicationConfig } from '@kepler.gl/utils';
+import { ArrowDown } from '../../common/icons';
+import PanelHeaderActionFactory from '../panel-header-action';
+import { PanelHeaderContent, PanelHeaderTitle, PanelLabel, StyledPanelHeader } from '../../common/styled-components';
+var StyledMapDropdown = styled(StyledPanelHeader)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 48px;\n  margin-bottom: 5px;\n  opacity: 1;\n  position: relative;\n  transition: opacity 0.05s ease-in, height 0.25s ease-out;\n\n  &.collapsed {\n    height: 0;\n    margin-bottom: 0;\n    opacity: 0;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n\n  .map-title-block img {\n    margin-right: 12px;\n  }\n\n  .map-preview {\n    border-radius: 3px;\n    height: 30px;\n    width: 40px;\n  }\n\n  &.selected {\n    outline: 1px solid #caf2f4;\n  }\n\n  /* show callout dot if props.hasCallout and theme provides calloutDot base styles */\n  &:after {\n    ", "\n    background-color: #00ACF5;\n    top: 12px;\n    left: 15px;\n    display: ", ";\n  }\n\n  .custom-style-actions {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n"])), function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (_ref) {
+  var theme = _ref.theme;
+  return theme.calloutDot;
+}, function (_ref2) {
+  var theme = _ref2.theme,
+    hasCallout = _ref2.hasCallout;
+  return theme.calloutDot && hasCallout ? 'block' : 'none';
+});
+MapStyleSelectorFactory.deps = [PanelHeaderActionFactory];
+function MapStyleSelectorFactory(PanelHeaderAction) {
+  var defaultActionIcons = {
+    arrowDown: ArrowDown
+  };
+  var MapStyleSelector = function MapStyleSelector(_ref3) {
+    var mapStyle = _ref3.mapStyle,
+      onChange = _ref3.onChange,
+      toggleActive = _ref3.toggleActive,
+      isSelecting = _ref3.isSelecting,
+      customMapStylesActions = _ref3.customMapStylesActions,
+      _ref3$actionIcons = _ref3.actionIcons,
+      actionIcons = _ref3$actionIcons === void 0 ? defaultActionIcons : _ref3$actionIcons;
+    var mapStyles = mapStyle.mapStyles,
+      styleType = mapStyle.styleType;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PanelLabel, null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: 'mapManager.mapStyle'
+    })), Object.values(mapStyles).map(function (_ref4) {
+      var id = _ref4.id,
+        custom = _ref4.custom,
+        _ref4$icon = _ref4.icon,
+        icon = _ref4$icon === void 0 ? "".concat(getApplicationConfig().cdnUrl, "/").concat(NO_BASEMAP_ICON) : _ref4$icon,
+        _ref4$label = _ref4.label,
+        label = _ref4$label === void 0 ? 'Untitled' : _ref4$label;
+      return /*#__PURE__*/React.createElement(StyledMapDropdown, {
+        className: classnames('map-dropdown-option', {
+          collapsed: !isSelecting && id !== styleType,
+          selected: isSelecting && id === styleType
+        }),
+        key: id,
+        onClick: isSelecting ? function () {
+          return onChange(id);
+        } : toggleActive,
+        hasCallout: Boolean(custom)
+      }, /*#__PURE__*/React.createElement(PanelHeaderContent, {
+        className: "map-title-block"
+      }, /*#__PURE__*/React.createElement("img", {
+        className: "map-preview",
+        src: icon
+      }), /*#__PURE__*/React.createElement(PanelHeaderTitle, {
+        className: "map-preview-name"
+      }, label)), !isSelecting ? /*#__PURE__*/React.createElement(PanelHeaderAction, {
+        className: "map-dropdown-option__enable-config",
+        id: "map-enable-config",
+        IconComponent: actionIcons.arrowDown,
+        tooltip: 'tooltip.selectBaseMapStyle',
+        onClick: toggleActive
+      }) : null, isSelecting && custom ? /*#__PURE__*/React.createElement("div", {
+        className: "custom-style-actions"
+      }, ((customMapStylesActions === null || customMapStylesActions === void 0 ? void 0 : customMapStylesActions[id]) || []).map(function (action) {
+        return /*#__PURE__*/React.createElement(PanelHeaderAction, {
+          key: action.id,
+          className: "map-dropdown-option__enable-config",
+          id: action.id,
+          IconComponent: action.IconComponent,
+          tooltip: action.tooltip,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            action.onClick();
+          }
+        });
+      })) : null);
+    }));
+  };
+  return MapStyleSelector;
+}
+export default MapStyleSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsImNsYXNzbmFtZXMiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiTk9fQkFTRU1BUF9JQ09OIiwiZ2V0QXBwbGljYXRpb25Db25maWciLCJBcnJvd0Rvd24iLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJQYW5lbEhlYWRlckNvbnRlbnQiLCJQYW5lbEhlYWRlclRpdGxlIiwiUGFuZWxMYWJlbCIsIlN0eWxlZFBhbmVsSGVhZGVyIiwiU3R5bGVkTWFwRHJvcGRvd24iLCJfdGVtcGxhdGVPYmplY3QiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsIiwicHJvcHMiLCJ0aGVtZSIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwiX3JlZiIsImNhbGxvdXREb3QiLCJfcmVmMiIsImhhc0NhbGxvdXQiLCJNYXBTdHlsZVNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJQYW5lbEhlYWRlckFjdGlvbiIsImRlZmF1bHRBY3Rpb25JY29ucyIsImFycm93RG93biIsIk1hcFN0eWxlU2VsZWN0b3IiLCJfcmVmMyIsIm1hcFN0eWxlIiwib25DaGFuZ2UiLCJ0b2dnbGVBY3RpdmUiLCJpc1NlbGVjdGluZyIsImN1c3RvbU1hcFN0eWxlc0FjdGlvbnMiLCJfcmVmMyRhY3Rpb25JY29ucyIsImFjdGlvbkljb25zIiwibWFwU3R5bGVzIiwic3R5bGVUeXBlIiwiY3JlYXRlRWxlbWVudCIsImlkIiwiT2JqZWN0IiwidmFsdWVzIiwibWFwIiwiX3JlZjQiLCJjdXN0b20iLCJfcmVmNCRpY29uIiwiaWNvbiIsImNvbmNhdCIsImNkblVybCIsIl9yZWY0JGxhYmVsIiwibGFiZWwiLCJjbGFzc05hbWUiLCJjb2xsYXBzZWQiLCJzZWxlY3RlZCIsImtleSIsIm9uQ2xpY2siLCJCb29sZWFuIiwic3JjIiwiSWNvbkNvbXBvbmVudCIsInRvb2x0aXAiLCJhY3Rpb24iLCJlIiwic3RvcFByb3BhZ2F0aW9uIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbWFwLXN0eWxlLXBhbmVsL21hcC1zdHlsZS1zZWxlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50VHlwZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge01hcFN0eWxlfSBmcm9tICdAa2VwbGVyLmdsL3JlZHVjZXJzJztcbmltcG9ydCB7Tk9fQkFTRU1BUF9JQ09OfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge01hcFN0eWxlc30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge2dldEFwcGxpY2F0aW9uQ29uZmlnfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcblxuaW1wb3J0IHtBcnJvd0Rvd259IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IGZyb20gJy4uL3BhbmVsLWhlYWRlci1hY3Rpb24nO1xuaW1wb3J0IHtcbiAgUGFuZWxIZWFkZXJDb250ZW50LFxuICBQYW5lbEhlYWRlclRpdGxlLFxuICBQYW5lbExhYmVsLFxuICBTdHlsZWRQYW5lbEhlYWRlcixcbiAgU3R5bGVkUGFuZWxIZWFkZXJQcm9wc1xufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtCYXNlUHJvcHN9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge1BhbmVsSGVhZGVyQWN0aW9uSWNvbn0gZnJvbSAnLi4vcGFuZWwtaGVhZGVyLWFjdGlvbic7XG5cbnR5cGUgU3R5bGVkTWFwRHJvcGRvd25Qcm9wcyA9IFN0eWxlZFBhbmVsSGVhZGVyUHJvcHMgJiB7aGFzQ2FsbG91dDogYm9vbGVhbn07XG5cbmNvbnN0IFN0eWxlZE1hcERyb3Bkb3duID0gc3R5bGVkKFN0eWxlZFBhbmVsSGVhZGVyKTxTdHlsZWRNYXBEcm9wZG93blByb3BzPmBcbiAgaGVpZ2h0OiA0OHB4O1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gIG9wYWNpdHk6IDE7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjA1cyBlYXNlLWluLCBoZWlnaHQgMC4yNXMgZWFzZS1vdXQ7XG5cbiAgJi5jb2xsYXBzZWQge1xuICAgIGhlaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAubWFwLXRpdGxlLWJsb2NrIGltZyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxMnB4O1xuICB9XG5cbiAgLm1hcC1wcmV2aWV3IHtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG5cbiAgJi5zZWxlY3RlZCB7XG4gICAgb3V0bGluZTogMXB4IHNvbGlkICNjYWYyZjQ7XG4gIH1cblxuICAvKiBzaG93IGNhbGxvdXQgZG90IGlmIHByb3BzLmhhc0NhbGxvdXQgYW5kIHRoZW1lIHByb3ZpZGVzIGNhbGxvdXREb3QgYmFzZSBzdHlsZXMgKi9cbiAgJjphZnRlciB7XG4gICAgJHsoe3RoZW1lfSkgPT4gdGhlbWUuY2FsbG91dERvdH1cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBBQ0Y1O1xuICAgIHRvcDogMTJweDtcbiAgICBsZWZ0OiAxNXB4O1xuICAgIGRpc3BsYXk6ICR7KHt0aGVtZSwgaGFzQ2FsbG91dH0pID0+ICh0aGVtZS5jYWxsb3V0RG90ICYmIGhhc0NhbGxvdXQgPyAnYmxvY2snIDogJ25vbmUnKX07XG4gIH1cblxuICAuY3VzdG9tLXN0eWxlLWFjdGlvbnMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIE1hcFN0eWxlU2VsZWN0b3JQcm9wcyA9IHtcbiAgbWFwU3R5bGU6IE1hcFN0eWxlO1xuICBvbkNoYW5nZTogKHBheWxvYWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgdG9nZ2xlQWN0aXZlOiAoKSA9PiB2b2lkO1xuICBpc1NlbGVjdGluZzogYm9vbGVhbjtcbiAgY3VzdG9tTWFwU3R5bGVzQWN0aW9ucz86IFJlY29yZDxcbiAgICBzdHJpbmcsXG4gICAge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIEljb25Db21wb25lbnQ6IFBhbmVsSGVhZGVyQWN0aW9uSWNvbjtcbiAgICAgIHRvb2x0aXA6IHN0cmluZztcbiAgICAgIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gICAgfVtdXG4gID47XG4gIGFjdGlvbkljb25zPzogUmVjb3JkPHN0cmluZywgQ29tcG9uZW50VHlwZTxQYXJ0aWFsPEJhc2VQcm9wcz4+Pjtcbn07XG5cbk1hcFN0eWxlU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5XTtcblxuZnVuY3Rpb24gTWFwU3R5bGVTZWxlY3RvckZhY3RvcnkoUGFuZWxIZWFkZXJBY3Rpb246IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeT4pIHtcbiAgY29uc3QgZGVmYXVsdEFjdGlvbkljb25zID0ge1xuICAgIGFycm93RG93bjogQXJyb3dEb3duXG4gIH07XG5cbiAgY29uc3QgTWFwU3R5bGVTZWxlY3RvciA9ICh7XG4gICAgbWFwU3R5bGUsXG4gICAgb25DaGFuZ2UsXG4gICAgdG9nZ2xlQWN0aXZlLFxuICAgIGlzU2VsZWN0aW5nLFxuICAgIGN1c3RvbU1hcFN0eWxlc0FjdGlvbnMsXG4gICAgYWN0aW9uSWNvbnMgPSBkZWZhdWx0QWN0aW9uSWNvbnNcbiAgfTogTWFwU3R5bGVTZWxlY3RvclByb3BzKSA9PiB7XG4gICAgY29uc3Qge21hcFN0eWxlcywgc3R5bGVUeXBlfToge21hcFN0eWxlczogTWFwU3R5bGVzOyBzdHlsZVR5cGU6IHN0cmluZ30gPSBtYXBTdHlsZTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J21hcE1hbmFnZXIubWFwU3R5bGUnfSAvPlxuICAgICAgICA8L1BhbmVsTGFiZWw+XG5cbiAgICAgICAge09iamVjdC52YWx1ZXMobWFwU3R5bGVzKS5tYXAoXG4gICAgICAgICAgKHtcbiAgICAgICAgICAgIGlkLFxuICAgICAgICAgICAgY3VzdG9tLFxuICAgICAgICAgICAgaWNvbiA9IGAke2dldEFwcGxpY2F0aW9uQ29uZmlnKCkuY2RuVXJsfS8ke05PX0JBU0VNQVBfSUNPTn1gLFxuICAgICAgICAgICAgbGFiZWwgPSAnVW50aXRsZWQnXG4gICAgICAgICAgfSkgPT4gKFxuICAgICAgICAgICAgPFN0eWxlZE1hcERyb3Bkb3duXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcygnbWFwLWRyb3Bkb3duLW9wdGlvbicsIHtcbiAgICAgICAgICAgICAgICBjb2xsYXBzZWQ6ICFpc1NlbGVjdGluZyAmJiBpZCAhPT0gc3R5bGVUeXBlLFxuICAgICAgICAgICAgICAgIHNlbGVjdGVkOiBpc1NlbGVjdGluZyAmJiBpZCA9PT0gc3R5bGVUeXBlXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtpc1NlbGVjdGluZyA/ICgpID0+IG9uQ2hhbmdlKGlkKSA6IHRvZ2dsZUFjdGl2ZX1cbiAgICAgICAgICAgICAgaGFzQ2FsbG91dD17Qm9vbGVhbihjdXN0b20pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8UGFuZWxIZWFkZXJDb250ZW50IGNsYXNzTmFtZT1cIm1hcC10aXRsZS1ibG9ja1wiPlxuICAgICAgICAgICAgICAgIDxpbWcgY2xhc3NOYW1lPVwibWFwLXByZXZpZXdcIiBzcmM9e2ljb259IC8+XG4gICAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyVGl0bGUgY2xhc3NOYW1lPVwibWFwLXByZXZpZXctbmFtZVwiPntsYWJlbH08L1BhbmVsSGVhZGVyVGl0bGU+XG4gICAgICAgICAgICAgIDwvUGFuZWxIZWFkZXJDb250ZW50PlxuICAgICAgICAgICAgICB7IWlzU2VsZWN0aW5nID8gKFxuICAgICAgICAgICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibWFwLWRyb3Bkb3duLW9wdGlvbl9fZW5hYmxlLWNvbmZpZ1wiXG4gICAgICAgICAgICAgICAgICBpZD1cIm1hcC1lbmFibGUtY29uZmlnXCJcbiAgICAgICAgICAgICAgICAgIEljb25Db21wb25lbnQ9e2FjdGlvbkljb25zLmFycm93RG93bn1cbiAgICAgICAgICAgICAgICAgIHRvb2x0aXA9eyd0b29sdGlwLnNlbGVjdEJhc2VNYXBTdHlsZSd9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVBY3RpdmV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIHtpc1NlbGVjdGluZyAmJiBjdXN0b20gPyAoXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjdXN0b20tc3R5bGUtYWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgeyhjdXN0b21NYXBTdHlsZXNBY3Rpb25zPy5baWRdIHx8IFtdKS5tYXAoYWN0aW9uID0+IChcbiAgICAgICAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgICAgICAgICAga2V5PXthY3Rpb24uaWR9XG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibWFwLWRyb3Bkb3duLW9wdGlvbl9fZW5hYmxlLWNvbmZpZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgaWQ9e2FjdGlvbi5pZH1cbiAgICAgICAgICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXthY3Rpb24uSWNvbkNvbXBvbmVudH1cbiAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwPXthY3Rpb24udG9vbHRpcH1cbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICAgICAgICAgICAgICBhY3Rpb24ub25DbGljaygpO1xuICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1N0eWxlZE1hcERyb3Bkb3duPlxuICAgICAgICAgIClcbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIE1hcFN0eWxlU2VsZWN0b3I7XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1hcFN0eWxlU2VsZWN0b3JGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsS0FBSyxNQUF1QixPQUFPO0FBQzFDLE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFDdEMsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFFbkMsU0FBUUMsZ0JBQWdCLFFBQU8seUJBQXlCO0FBRXhELFNBQVFDLGVBQWUsUUFB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

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

@@ -0,0 +1,68 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+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 from 'react';
+import classnames from 'classnames';
+import styled from 'styled-components';
+import { FormattedMessage } from '@kepler.gl/localization';
+import { Tooltip } from '../common/styled-components';
+var HeaderActionWrapper = styled.div.attrs(function (props) {
+  return {
+    $dataTestId: props.$testId
+  };
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  display: flex;\n  align-items: center;\n  color: ", ";\n\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n  }\n\n  &.disabled {\n    cursor: none;\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"])), function (props) {
+  return props.$flush ? 0 : 8;
+}, function (props) {
+  return props.$active ? props.theme.panelHeaderIconActive : props.theme.panelHeaderIcon;
+}, function (props) {
+  return props.$hoverColor ? props.theme[props.$hoverColor] : props.theme.panelHeaderIconHover;
+});
+PanelHeaderActionFactory.deps = [];
+// Need to use react class to access props.component
+export default function PanelHeaderActionFactory() {
+  var PanelHeaderActionUnmemoized = function PanelHeaderActionUnmemoized(_ref) {
+    var onClick = _ref.onClick,
+      tooltip = _ref.tooltip,
+      id = _ref.id,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      flush = _ref.flush,
+      hoverColor = _ref.hoverColor,
+      tooltipType = _ref.tooltipType,
+      disabled = _ref.disabled,
+      className = _ref.className,
+      IconComponent = _ref.IconComponent,
+      testId = _ref.testId;
+    return /*#__PURE__*/React.createElement(HeaderActionWrapper, {
+      className: classnames('panel--header__action', _objectSpread({
+        disabled: disabled
+      }, className ? _defineProperty({}, className, true) : {})),
+      $active: active,
+      $hoverColor: hoverColor,
+      $flush: flush
+    }, IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
+      className: "panel--header__action__component",
+      "data-testid": testId,
+      "data-tip": true,
+      "data-for": "".concat(tooltip, "_").concat(id),
+      height: "16px",
+      onClick: onClick
+    }) : null, tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+      id: "".concat(tooltip, "_").concat(id),
+      effect: "solid",
+      delayShow: 500,
+      type: tooltipType
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: tooltip
+    }))) : null);
+  };
+  var PanelHeaderAction = /*#__PURE__*/React.memo(PanelHeaderActionUnmemoized);
+  PanelHeaderAction.displayName = 'PanelHeaderAction';
+  return PanelHeaderAction;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImNsYXNzbmFtZXMiLCJzdHlsZWQiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiVG9vbHRpcCIsIkhlYWRlckFjdGlvbldyYXBwZXIiLCJkaXYiLCJhdHRycyIsInByb3BzIiwiJGRhdGFUZXN0SWQiLCIkdGVzdElkIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsIiRmbHVzaCIsIiRhY3RpdmUiLCJ0aGVtZSIsInBhbmVsSGVhZGVySWNvbkFjdGl2ZSIsInBhbmVsSGVhZGVySWNvbiIsIiRob3ZlckNvbG9yIiwicGFuZWxIZWFkZXJJY29uSG92ZXIiLCJQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkiLCJkZXBzIiwiUGFuZWxIZWFkZXJBY3Rpb25Vbm1lbW9pemVkIiwiX3JlZiIsIm9uQ2xpY2siLCJ0b29sdGlwIiwiaWQiLCJfcmVmJGFjdGl2ZSIsImFjdGl2ZSIsImZsdXNoIiwiaG92ZXJDb2xvciIsInRvb2x0aXBUeXBlIiwiZGlzYWJsZWQiLCJjbGFzc05hbWUiLCJJY29uQ29tcG9uZW50IiwidGVzdElkIiwiY3JlYXRlRWxlbWVudCIsIl9vYmplY3RTcHJlYWQiLCJfZGVmaW5lUHJvcGVydHkiLCJjb25jYXQiLCJoZWlnaHQiLCJlZmZlY3QiLCJkZWxheVNob3ciLCJ0eXBlIiwiUGFuZWxIZWFkZXJBY3Rpb24iLCJtZW1vIiwiZGlzcGxheU5hbWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9wYW5lbC1oZWFkZXItYWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnRUeXBlLCBNb3VzZUV2ZW50SGFuZGxlcn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtUb29sdGlwUHJvcHN9IGZyb20gJ3JlYWN0LXRvb2x0aXAnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtCYXNlUHJvcHN9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge0Jhc2VDb21wb25lbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBQYW5lbEhlYWRlckFjdGlvbkljb24gPSBDb21wb25lbnRUeXBlPFBhcnRpYWw8QmFzZVByb3BzPj47XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFuZWxIZWFkZXJBY3Rpb25Qcm9wcyB7XG4gIGlkPzogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xuICBob3ZlckNvbG9yPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIGZsdXNoPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI7XG4gIHRvb2x0aXBUeXBlPzogVG9vbHRpcFByb3BzWyd0eXBlJ107XG4gIEljb25Db21wb25lbnQ6IFBhbmVsSGVhZGVyQWN0aW9uSWNvbjtcbiAgdGVzdElkPzogc3RyaW5nO1xufVxuXG50eXBlIEhlYWRlckFjdGlvbldyYXBwZXJQcm9wcyA9IHtcbiAgJGZsdXNoPzogYm9vbGVhbjtcbiAgJGFjdGl2ZT86IGJvb2xlYW47XG4gICRob3ZlckNvbG9yPzogc3RyaW5nIHwgbnVsbDtcbiAgJGRhdGFUZXN0SWQ/OiBhbnk7XG59O1xuXG50eXBlIEhlYWRlckFjdGlvbldyYXBwZXJDc3NQcm9wcyA9IHskdGVzdElkPzogc3RyaW5nfSAmIEhlYWRlckFjdGlvbldyYXBwZXJQcm9wcyAmXG4gIEJhc2VDb21wb25lbnRQcm9wcztcblxuY29uc3QgSGVhZGVyQWN0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnM8SGVhZGVyQWN0aW9uV3JhcHBlckNzc1Byb3BzPihwcm9wcyA9PiAoe1xuICAkZGF0YVRlc3RJZDogcHJvcHMuJHRlc3RJZFxufSkpPEhlYWRlckFjdGlvbldyYXBwZXJQcm9wcz5gXG4gIG1hcmdpbi1sZWZ0OiAke3Byb3BzID0+IChwcm9wcy4kZmx1c2ggPyAwIDogOCl9cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3Byb3BzID0+XG4gICAgcHJvcHMuJGFjdGl2ZSA/IHByb3BzLnRoZW1lLnBhbmVsSGVhZGVySWNvbkFjdGl2ZSA6IHByb3BzLnRoZW1lLnBhbmVsSGVhZGVySWNvbn07XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3Byb3BzID0+XG4gICAgICBwcm9wcy4kaG92ZXJDb2xvciA/IHByb3BzLnRoZW1lW3Byb3BzLiRob3ZlckNvbG9yXSA6IHByb3BzLnRoZW1lLnBhbmVsSGVhZGVySWNvbkhvdmVyfTtcbiAgfVxuXG4gICYuZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwLjM7XG4gIH1cbmA7XG5cblBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeS5kZXBzID0gW107XG4vLyBOZWVkIHRvIHVzZSByZWFjdCBjbGFzcyB0byBhY2Nlc3MgcHJvcHMuY29tcG9uZW50XG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkoKTogUmVhY3QuRkM8UGFuZWxIZWFkZXJBY3Rpb25Qcm9wcz4ge1xuICBjb25zdCBQYW5lbEhlYWRlckFjdGlvblVubWVtb2l6ZWQ6IFJlYWN0LkZDPFBhbmVsSGVhZGVyQWN0aW9uUHJvcHM+ID0gKHtcbiAgICBvbkNsaWNrLFxuICAgIHRvb2x0aXAsXG4gICAgaWQsXG4gICAgYWN0aXZlID0gZmFsc2UsXG4gICAgZmx1c2gsXG4gICAgaG92ZXJDb2xvcixcbiAgICB0b29sdGlwVHlwZSxcbiAgICBkaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgSWNvbkNvbXBvbmVudCxcbiAgICB0ZXN0SWRcbiAgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8SGVhZGVyQWN0aW9uV3JhcHBlclxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ3BhbmVsLS1oZWFkZXJfX2FjdGlvbicsIHtcbiAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAuLi4oY2xhc3NOYW1lID8ge1tjbGFzc05hbWVdOiB0cnVlfSA6IHt9KVxuICAgICAgICB9KX1cbiAgICAgICAgJGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICAkaG92ZXJDb2xvcj17aG92ZXJDb2xvcn1cbiAgICAgICAgJGZsdXNoPXtmbHVzaH1cbiAgICAgID5cbiAgICAgICAge0ljb25Db21wb25lbnQgPyAoXG4gICAgICAgICAgPEljb25Db21wb25lbnRcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInBhbmVsLS1oZWFkZXJfX2FjdGlvbl9fY29tcG9uZW50XCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXt0ZXN0SWR9XG4gICAgICAgICAgICBkYXRhLXRpcFxuICAgICAgICAgICAgZGF0YS1mb3I9e2Ake3Rvb2x0aXB9XyR7aWR9YH1cbiAgICAgICAgICAgIGhlaWdodD1cIjE2cHhcIlxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge3Rvb2x0aXAgPyAoXG4gICAgICAgICAgPFRvb2x0aXAgaWQ9e2Ake3Rvb2x0aXB9XyR7aWR9YH0gZWZmZWN0PVwic29saWRcIiBkZWxheVNob3c9ezUwMH0gdHlwZT17dG9vbHRpcFR5cGV9PlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXt0b29sdGlwfSAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L0hlYWRlckFjdGlvbldyYXBwZXI+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBQYW5lbEhlYWRlckFjdGlvbiA9IFJlYWN0Lm1lbW8oUGFuZWxIZWFkZXJBY3Rpb25Vbm1lbW9pemVkKTtcbiAgUGFuZWxIZWFkZXJBY3Rpb24uZGlzcGxheU5hbWUgPSAnUGFuZWxIZWFkZXJBY3Rpb24nO1xuICByZXR1cm4gUGFuZWxIZWFkZXJBY3Rpb247XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQTBDLE9BQU87QUFFN0QsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFDbkMsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUN0QyxTQUFRQyxnQkFBZ0IsUUFBTyx5QkFBeUI7QUFDeEQsU0FBUUMsT0FBTyxRQUFPLDZCQUE2QjtBQThCbkQsSUFBTUMsbUJBQW1CLEdBQUdILE1BQU0sQ0FBQ0ksR0FBRyxDQUFDQyxLQUFLLENBQThCLFVBQUFDLEtBQUs7RUFBQSxPQUFLO0lBQ2xGQyxXQUFXLEVBQUVELEtBQUssQ0FBQ0U7RUFDckIsQ0FBQztBQUFBLENBQUMsQ0FBQyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEsaVBBQ2MsVUFBQUosS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ0ssTUFBTSxHQUFHLENBQUMsR0FBRyxDQUFDO0FBQUEsQ0FBQyxFQUdyQyxVQUFBTCxLQUFLO0VBQUEsT0FDWkEsS0FBSyxDQUFDTSxPQUFPLEdBQUdOLEtBQUssQ0FBQ08sS0FBSyxDQUFDQyxxQkFBcUIsR0FBR1IsS0FBSyxDQUFDTyxLQUFLLENBQUNFLGVBQWU7QUFBQSxHQUt0RSxVQUFBVCxLQUFLO0VBQUEsT0FDWkEsS0FBSyxDQUFDVSxXQUFXLEdBQUdWLEtBQUssQ0FBQ08sS0FBSyxDQUFDUCxLQUFLLENBQUNVLFdBQVcsQ0FBQyxHQUFHVixLQUFLLENBQUNPLEtBQUssQ0FBQ0ksb0JBQW9CO0FBQUEsRUFRMUY7QUFFREMsd0JBQXdCLENBQUNDLElBQUksR0FBRyxFQUFFO0FBQ2xDO0FBQ0EsZUFBZSxTQUFTRCx3QkFBd0JBLENBQUEsRUFBcUM7RUFDbkYsSUFBTUUsMkJBQTZELEdBQUcsU0FBaEVBLDJCQUE2REEsQ0FBQUMsSUFBQSxFQVk3RDtJQUFBLElBWEpDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO01BQ1BDLE9BQU8sR0FBQUYsSUFBQSxDQUFQRSxPQUFPO01BQ1BDLEVBQUUsR0FBQUgsSUFBQSxDQUFGRyxFQUFFO01BQUFDLFdBQUEsR0FBQUosSUFBQSxDQUNGSyxNQUFNO01BQU5BLE1BQU0sR0FBQUQsV0FBQSxjQUFHLEtBQUssR0FBQUEsV0FBQTtNQUNkRSxLQUFLLEdBQUFOLElBQUEsQ0FBTE0sS0FBSztNQUNMQyxVQUFVLEdBQUFQLElBQUEsQ0FBVk8sVUFBVTtNQUNWQyxXQUFXLEdBQUFSLElBQUEsQ0FBWFEsV0FBVztNQUNYQyxRQUFRLEdBQUFULElBQUEsQ0FBUlMsUUFBUTtNQUNSQyxTQUFTLEdBQUFWLElBQUEsQ0FBVFUsU0FBUztNQUNUQyxhQUFhLEdBQUFYLElBQUEsQ0FBYlcsYUFBYTtNQUNiQyxNQUFNLEdBQUFaLElBQUEsQ0FBTlksTUFBTTtJQUVOLG9CQUNFbkMsS0FBQSxDQUFBb0MsYUFBQSxDQUFDL0IsbUJBQW1CO01BQ2xCNEIsU0FBUyxFQUFFaEMsVUFBVSxDQUFDLHVCQUF1QixFQUFBb0MsYUFBQTtRQUMzQ0wsUUFBUSxFQUFSQTtNQUFRLEdBQ0pDLFNBQVMsR0FBQUssZUFBQSxLQUFLTCxTQUFTLEVBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUN6QyxDQUFFO01BQ0huQixPQUFPLEVBQUVjLE1BQU87TUFDaEJWLFdBQVcsRUFBRVksVUFBVztNQUN4QmpCLE1BQU0sRUFBRWdCO0lBQU0sR0FFYkssYUFBYSxnQkFDWmxDLEtBQUEsQ0FBQW9DLGFBQUEsQ0FBQ0YsYUFBYTtNQUNaRCxTQUFTLEVBQUMsa0NBQWtDO01BQzVDLGVBQWFFLE1BQU87TUFDcEIsZ0JBQVE7TUFDUixlQUFBSSxNQUFBLENBQWFkLE9BQU8sT0FBQWMsTUFBQSxDQUFJYixFQUFFLENBQUc7TUFDN0JjLE1BQU0sRUFBQyxNQUFNO01BQ2JoQixPQUFPLEVBQUVBO0lBQVEsQ0FDbEIsQ0FBQyxHQUNBLElBQUksRUFDUEMsT0FBTyxnQkFDTnpCLEtBQUEsQ0FBQW9DLGFBQUEsQ0FBQ2hDLE9BQU87TUFBQ3NCLEVBQUUsS0FBQWEsTUFBQSxDQUFLZCxPQUFPLE9BQUFjLE1BQUEsQ0FBSWIsRUFBRSxDQUFHO01BQUNlLE1BQU0sRUFBQyxPQUFPO01BQUNDLFNBQVMsRUFBRSxHQUFJO01BQUNDLElBQUksRUFBRVo7SUFBWSxnQkFDaEYvQixLQUFBLENBQUFvQyxhQUFBLDRCQUNFcEMsS0FBQSxDQUFBb0MsYUFBQSxDQUFDakMsZ0JBQWdCO01BQUN1QixFQUFFLEVBQUVEO0lBQVEsQ0FBRSxDQUM1QixDQUNDLENBQUMsR0FDUixJQUNlLENBQUM7RUFFMUIsQ0FBQztFQUVELElBQU1tQixpQkFBaUIsZ0JBQUc1QyxLQUFLLENBQUM2QyxJQUFJLENBQUN2QiwyQkFBMkIsQ0FBQztFQUNqRXNCLGlCQUFpQixDQUFDRSxXQUFXLEdBQUcsbUJBQW1CO0VBQ25ELE9BQU9GLGlCQUFpQjtBQUMxQiIsImlnbm9yZUxpc3QiOltdfQ==