@kepler.gl/components 3.3.0-alpha.1 → 3.3.0-alpha.2

package/dist/side-panel/layer-panel/layer-group-header.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { LayerOrderGroup } from '@kepler.gl/types';
+import PanelHeaderActionFactory from '../panel-header-action';
+export type LayerGroupHeaderProps = {
+    layerGroup: LayerOrderGroup;
+    isLayerGroupContentOpen?: boolean;
+    onToggleLayerGroupContent?: () => void;
+    listeners?: any;
+    className?: string;
+};
+declare function LayerGroupHeaderFactory(PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>): React.FC<LayerGroupHeaderProps>;
+declare namespace LayerGroupHeaderFactory {
+    var deps: (typeof PanelHeaderActionFactory)[];
+}
+export default LayerGroupHeaderFactory;

package/dist/side-panel/layer-panel/layer-group-header.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _actions = require("@kepler.gl/actions");
+var _reducers = require("@kepler.gl/reducers");
+var _styledComponents2 = require("../../common/styled-components");
+var _layerPanelHeader = require("./layer-panel-header");
+var _icons = require("../../common/icons");
+var _panelHeaderAction = _interopRequireDefault(require("../panel-header-action"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var GROUP_COLORS = ['#4BA9C9', '#E8A838', '#8BC58B', '#D67AB1', '#7B8FF7', '#F2726F', '#56C4A0', '#C9A84B'];
+function getGroupColor(id) {
+  var hash = 0;
+  for (var i = 0; i < id.length; i++) {
+    hash = (hash << 5) - hash + id.charCodeAt(i) | 0;
+  }
+  return GROUP_COLORS[Math.abs(hash) % GROUP_COLORS.length];
+}
+var RemoveAction = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n  .panel--header__action {\n    height: 16px;\n  }\n"])));
+var Container = (0, _styledComponents["default"])(_styledComponents2.StyledPanelHeader)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  height: ", "px;\n  justify-content: space-between;\n  color: ", ";\n  padding-right: 10px;\n  align-items: center;\n  overflow: hidden;\n\n  border: 1px solid ", ";\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n    .layer__drag-handle {\n      opacity: 1;\n    }\n    ", " {\n      opacity: 1;\n    }\n  }\n"])), function (props) {
+  return props.theme.layerPanelHeaderHeight;
+}, function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (props) {
+  return props.theme.panelBackgroundHover;
+}, RemoveAction);
+var CornerTriangle = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: ", "px\n    ", "px 0 0;\n  border-color: ", " transparent transparent transparent;\n"])), function (props) {
+  return Math.round(props.theme.layerPanelHeaderHeight / 3);
+}, function (props) {
+  return Math.round(props.theme.layerPanelHeaderHeight / 3);
+}, function (props) {
+  return props.$color;
+});
+var Actions = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  gap: 0;\n  height: 16px;\n  .panel--header__action {\n    height: 16px;\n  }\n"])));
+var LeftSection = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  overflow: hidden;\n"])));
+var GroupLabelInput = (0, _styledComponents["default"])(_styledComponents2.InlineInput)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 4px;\n  font-weight: 500;\n"])));
+var ConfirmationBar = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 12px;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-top: none;\n  font-size: 11px;\n  color: ", ";\n  gap: 8px;\n"])), function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (props) {
+  return props.theme.textColor;
+});
+var ConfirmButton = _styledComponents["default"].button(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  background: ", ";\n  color: ", ";\n  border: none;\n  border-radius: 2px;\n  padding: 3px 8px;\n  font-size: 11px;\n  cursor: pointer;\n  &:hover {\n    background: ", ";\n  }\n"])), function (props) {
+  return props.theme.secondaryBtnBgd;
+}, function (props) {
+  return props.theme.secondaryBtnColor;
+}, function (props) {
+  return props.theme.secondaryBtnBgdHover;
+});
+LayerGroupHeaderFactory.deps = [_panelHeaderAction["default"]];
+function LayerGroupHeaderFactory(PanelHeaderAction) {
+  var LayerGroupHeader = function LayerGroupHeader(_ref) {
+    var layerGroup = _ref.layerGroup,
+      onToggleLayerGroupContent = _ref.onToggleLayerGroupContent,
+      isLayerGroupContentOpen = _ref.isLayerGroupContentOpen,
+      listeners = _ref.listeners,
+      className = _ref.className;
+    var id = layerGroup.id,
+      label = layerGroup.label;
+    var dispatch = (0, _reactRedux.useDispatch)();
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      showConfirmation = _useState2[0],
+      setShowConfirmation = _useState2[1];
+    var confirmRef = (0, _react.useRef)(null);
+    var layerCount = (0, _reducers.getFlatLayerOrder)(layerGroup.layerOrder).length;
+    (0, _react.useEffect)(function () {
+      if (!showConfirmation) return;
+      var handleClickOutside = function handleClickOutside(e) {
+        if (confirmRef.current && !confirmRef.current.contains(e.target)) {
+          setShowConfirmation(false);
+        }
+      };
+      document.addEventListener('mousedown', handleClickOutside);
+      return function () {
+        return document.removeEventListener('mousedown', handleClickOutside);
+      };
+    }, [showConfirmation]);
+    var onUpdateLabel = (0, _react.useCallback)(function (event) {
+      dispatch((0, _actions.updateLayerGroup)({
+        id: id,
+        options: {
+          label: event.target.value
+        }
+      }));
+    }, [dispatch, id]);
+    var onToggleVisibility = (0, _react.useCallback)(function () {
+      dispatch((0, _actions.updateLayerGroup)({
+        id: id,
+        options: {
+          isVisible: !layerGroup.isVisible
+        }
+      }));
+    }, [dispatch, id, layerGroup.isVisible]);
+    var onDelete = (0, _react.useCallback)(function (e) {
+      e.stopPropagation();
+      if (layerCount > 0) {
+        setShowConfirmation(true);
+      } else {
+        dispatch((0, _actions.removeLayerGroup)({
+          id: id
+        }));
+      }
+    }, [dispatch, id, layerCount]);
+    var onConfirmDelete = (0, _react.useCallback)(function (e) {
+      e.stopPropagation();
+      dispatch((0, _actions.removeLayerGroup)({
+        id: id
+      }));
+      setShowConfirmation(false);
+    }, [dispatch, id]);
+    var VisibilityIcon = layerGroup.isVisible ? _icons.EyeSeen : _icons.EyeUnseen;
+    var CollapseIcon = isLayerGroupContentOpen ? _icons.ArrowDown : _icons.ArrowRight;
+    var stopPropagation = (0, _react.useCallback)(function (e) {
+      e.stopPropagation();
+    }, []);
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Container, {
+      className: className,
+      onClick: onToggleLayerGroupContent
+    }, /*#__PURE__*/_react["default"].createElement(CornerTriangle, {
+      $color: getGroupColor(id)
+    }), /*#__PURE__*/_react["default"].createElement(LeftSection, null, /*#__PURE__*/_react["default"].createElement(_layerPanelHeader.DragHandle, {
+      className: "layer__drag-handle",
+      listeners: listeners
+    }, /*#__PURE__*/_react["default"].createElement(_icons.VertDots, {
+      height: "20px"
+    })), /*#__PURE__*/_react["default"].createElement(GroupLabelInput, {
+      type: "text",
+      value: label,
+      onClick: stopPropagation,
+      onChange: onUpdateLabel,
+      id: "".concat(id, ":input-group-label")
+    })), /*#__PURE__*/_react["default"].createElement(Actions, {
+      onClick: stopPropagation
+    }, /*#__PURE__*/_react["default"].createElement(RemoveAction, null, /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: "layer-group__delete",
+      id: "".concat(id, "-delete"),
+      tooltip: "Remove group",
+      onClick: onDelete,
+      IconComponent: _icons.Trash
+    })), /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: "layer-group__visibility-toggle",
+      id: "".concat(id, "-visibility"),
+      tooltip: "Toggle group visibility",
+      onClick: onToggleVisibility,
+      IconComponent: VisibilityIcon
+    }), /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: "layer-group__section-toggle",
+      id: "".concat(id, "-collapse"),
+      tooltip: "Toggle group content",
+      onClick: onToggleLayerGroupContent,
+      IconComponent: CollapseIcon
+    }))), showConfirmation ? /*#__PURE__*/_react["default"].createElement(ConfirmationBar, {
+      ref: confirmRef,
+      onClick: stopPropagation
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "Remove group with layers?"), /*#__PURE__*/_react["default"].createElement(ConfirmButton, {
+      onClick: onConfirmDelete
+    }, "Remove")) : null);
+  };
+  return LayerGroupHeader;
+}
+var _default = exports["default"] = LayerGroupHeaderFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcmVhY3RSZWR1eCIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9hY3Rpb25zIiwiX3JlZHVjZXJzIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2xheWVyUGFuZWxIZWFkZXIiLCJfaWNvbnMiLCJfcGFuZWxIZWFkZXJBY3Rpb24iLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl90ZW1wbGF0ZU9iamVjdDQiLCJfdGVtcGxhdGVPYmplY3Q1IiwiX3RlbXBsYXRlT2JqZWN0NiIsIl90ZW1wbGF0ZU9iamVjdDciLCJfdGVtcGxhdGVPYmplY3Q4IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiR1JPVVBfQ09MT1JTIiwiZ2V0R3JvdXBDb2xvciIsImlkIiwiaGFzaCIsImxlbmd0aCIsImNoYXJDb2RlQXQiLCJNYXRoIiwiYWJzIiwiUmVtb3ZlQWN0aW9uIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJDb250YWluZXIiLCJTdHlsZWRQYW5lbEhlYWRlciIsInByb3BzIiwidGhlbWUiLCJsYXllclBhbmVsSGVhZGVySGVpZ2h0IiwidGV4dENvbG9yIiwicGFuZWxCYWNrZ3JvdW5kSG92ZXIiLCJDb3JuZXJUcmlhbmdsZSIsInJvdW5kIiwiJGNvbG9yIiwiQWN0aW9ucyIsIkxlZnRTZWN0aW9uIiwiR3JvdXBMYWJlbElucHV0IiwiSW5saW5lSW5wdXQiLCJDb25maXJtYXRpb25CYXIiLCJDb25maXJtQnV0dG9uIiwiYnV0dG9uIiwic2Vjb25kYXJ5QnRuQmdkIiwic2Vjb25kYXJ5QnRuQ29sb3IiLCJzZWNvbmRhcnlCdG5CZ2RIb3ZlciIsIkxheWVyR3JvdXBIZWFkZXJGYWN0b3J5IiwiZGVwcyIsIlBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeSIsIlBhbmVsSGVhZGVyQWN0aW9uIiwiTGF5ZXJHcm91cEhlYWRlciIsIl9yZWYiLCJsYXllckdyb3VwIiwib25Ub2dnbGVMYXllckdyb3VwQ29udGVudCIsImlzTGF5ZXJHcm91cENvbnRlbnRPcGVuIiwibGlzdGVuZXJzIiwiY2xhc3NOYW1lIiwibGFiZWwiLCJkaXNwYXRjaCIsInVzZURpc3BhdGNoIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwic2hvd0NvbmZpcm1hdGlvbiIsInNldFNob3dDb25maXJtYXRpb24iLCJjb25maXJtUmVmIiwidXNlUmVmIiwibGF5ZXJDb3VudCIsImdldEZsYXRMYXllck9yZGVyIiwibGF5ZXJPcmRlciIsInVzZUVmZmVjdCIsImhhbmRsZUNsaWNrT3V0c2lkZSIsImN1cnJlbnQiLCJjb250YWlucyIsInRhcmdldCIsImRvY3VtZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJvblVwZGF0ZUxhYmVsIiwidXNlQ2FsbGJhY2siLCJldmVudCIsInVwZGF0ZUxheWVyR3JvdXAiLCJvcHRpb25zIiwidmFsdWUiLCJvblRvZ2dsZVZpc2liaWxpdHkiLCJpc1Zpc2libGUiLCJvbkRlbGV0ZSIsInN0b3BQcm9wYWdhdGlvbiIsInJlbW92ZUxheWVyR3JvdXAiLCJvbkNvbmZpcm1EZWxldGUiLCJWaXNpYmlsaXR5SWNvbiIsIkV5ZVNlZW4iLCJFeWVVbnNlZW4iLCJDb2xsYXBzZUljb24iLCJBcnJvd0Rvd24iLCJBcnJvd1JpZ2h0IiwiY3JlYXRlRWxlbWVudCIsIm9uQ2xpY2siLCJEcmFnSGFuZGxlIiwiVmVydERvdHMiLCJoZWlnaHQiLCJ0eXBlIiwib25DaGFuZ2UiLCJjb25jYXQiLCJ0b29sdGlwIiwiSWNvbkNvbXBvbmVudCIsIlRyYXNoIiwicmVmIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvbGF5ZXItZ3JvdXAtaGVhZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlU3RhdGUsIHVzZUVmZmVjdCwgdXNlUmVmfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3VzZURpc3BhdGNofSBmcm9tICdyZWFjdC1yZWR1eCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHt1cGRhdGVMYXllckdyb3VwLCByZW1vdmVMYXllckdyb3VwfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtMYXllck9yZGVyR3JvdXB9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtnZXRGbGF0TGF5ZXJPcmRlcn0gZnJvbSAnQGtlcGxlci5nbC9yZWR1Y2Vycyc7XG5cbmltcG9ydCB7U3R5bGVkUGFuZWxIZWFkZXIsIElubGluZUlucHV0fSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtEcmFnSGFuZGxlfSBmcm9tICcuL2xheWVyLXBhbmVsLWhlYWRlcic7XG5pbXBvcnQge1ZlcnREb3RzLCBFeWVTZWVuLCBFeWVVbnNlZW4sIFRyYXNoLCBBcnJvd0Rvd24sIEFycm93UmlnaHR9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IGZyb20gJy4uL3BhbmVsLWhlYWRlci1hY3Rpb24nO1xuXG5jb25zdCBHUk9VUF9DT0xPUlMgPSBbXG4gICcjNEJBOUM5JyxcbiAgJyNFOEE4MzgnLFxuICAnIzhCQzU4QicsXG4gICcjRDY3QUIxJyxcbiAgJyM3QjhGRjcnLFxuICAnI0YyNzI2RicsXG4gICcjNTZDNEEwJyxcbiAgJyNDOUE4NEInXG5dO1xuXG5mdW5jdGlvbiBnZXRHcm91cENvbG9yKGlkOiBzdHJpbmcpOiBzdHJpbmcge1xuICBsZXQgaGFzaCA9IDA7XG4gIGZvciAobGV0IGkgPSAwOyBpIDwgaWQubGVuZ3RoOyBpKyspIHtcbiAgICBoYXNoID0gKChoYXNoIDw8IDUpIC0gaGFzaCArIGlkLmNoYXJDb2RlQXQoaSkpIHwgMDtcbiAgfVxuICByZXR1cm4gR1JPVVBfQ09MT1JTW01hdGguYWJzKGhhc2gpICUgR1JPVVBfQ09MT1JTLmxlbmd0aF07XG59XG5cbmNvbnN0IFJlbW92ZUFjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC4xNXMgZWFzZTtcbiAgLnBhbmVsLS1oZWFkZXJfX2FjdGlvbiB7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkUGFuZWxIZWFkZXIpYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllclBhbmVsSGVhZGVySGVpZ2h0fXB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG4gIHBhZGRpbmctcmlnaHQ6IDEwcHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgYm9yZGVyOiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIC5sYXllcl9fZHJhZy1oYW5kbGUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgJHtSZW1vdmVBY3Rpb259IHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb3JuZXJUcmlhbmdsZSA9IHN0eWxlZC5kaXY8eyRjb2xvcjogc3RyaW5nfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAwO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6ICR7cHJvcHMgPT4gTWF0aC5yb3VuZChwcm9wcy50aGVtZS5sYXllclBhbmVsSGVhZGVySGVpZ2h0IC8gMyl9cHhcbiAgICAke3Byb3BzID0+IE1hdGgucm91bmQocHJvcHMudGhlbWUubGF5ZXJQYW5lbEhlYWRlckhlaWdodCAvIDMpfXB4IDAgMDtcbiAgYm9yZGVyLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLiRjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5jb25zdCBBY3Rpb25zID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwO1xuICBoZWlnaHQ6IDE2cHg7XG4gIC5wYW5lbC0taGVhZGVyX19hY3Rpb24ge1xuICAgIGhlaWdodDogMTZweDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWdyb3c6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBHcm91cExhYmVsSW5wdXQgPSBzdHlsZWQoSW5saW5lSW5wdXQpYFxuICBtYXJnaW4tbGVmdDogNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xuYDtcblxuY29uc3QgQ29uZmlybWF0aW9uQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwYWRkaW5nOiA2cHggMTJweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBmb250LXNpemU6IDExcHg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG4gIGdhcDogOHB4O1xuYDtcblxuY29uc3QgQ29uZmlybUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2Vjb25kYXJ5QnRuQmdkfTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2Vjb25kYXJ5QnRuQ29sb3J9O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgcGFkZGluZzogM3B4IDhweDtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2Vjb25kYXJ5QnRuQmdkSG92ZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBMYXllckdyb3VwSGVhZGVyUHJvcHMgPSB7XG4gIGxheWVyR3JvdXA6IExheWVyT3JkZXJHcm91cDtcbiAgaXNMYXllckdyb3VwQ29udGVudE9wZW4/OiBib29sZWFuO1xuICBvblRvZ2dsZUxheWVyR3JvdXBDb250ZW50PzogKCkgPT4gdm9pZDtcbiAgbGlzdGVuZXJzPzogYW55O1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59O1xuXG5MYXllckdyb3VwSGVhZGVyRmFjdG9yeS5kZXBzID0gW1BhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeV07XG5cbmZ1bmN0aW9uIExheWVyR3JvdXBIZWFkZXJGYWN0b3J5KFxuICBQYW5lbEhlYWRlckFjdGlvbjogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5PlxuKTogUmVhY3QuRkM8TGF5ZXJHcm91cEhlYWRlclByb3BzPiB7XG4gIGNvbnN0IExheWVyR3JvdXBIZWFkZXI6IFJlYWN0LkZDPExheWVyR3JvdXBIZWFkZXJQcm9wcz4gPSAoe1xuICAgIGxheWVyR3JvdXAsXG4gICAgb25Ub2dnbGVMYXllckdyb3VwQ29udGVudCxcbiAgICBpc0xheWVyR3JvdXBDb250ZW50T3BlbixcbiAgICBsaXN0ZW5lcnMsXG4gICAgY2xhc3NOYW1lXG4gIH0pID0+IHtcbiAgICBjb25zdCB7aWQsIGxhYmVsfSA9IGxheWVyR3JvdXA7XG4gICAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaCgpO1xuICAgIGNvbnN0IFtzaG93Q29uZmlybWF0aW9uLCBzZXRTaG93Q29uZmlybWF0aW9uXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBjb25maXJtUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGxheWVyQ291bnQgPSBnZXRGbGF0TGF5ZXJPcmRlcihsYXllckdyb3VwLmxheWVyT3JkZXIpLmxlbmd0aDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoIXNob3dDb25maXJtYXRpb24pIHJldHVybjtcbiAgICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChjb25maXJtUmVmLmN1cnJlbnQgJiYgIWNvbmZpcm1SZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICAgIHNldFNob3dDb25maXJtYXRpb24oZmFsc2UpO1xuICAgICAgICB9XG4gICAgICB9O1xuICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICAgIHJldHVybiAoKSA9PiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpO1xuICAgIH0sIFtzaG93Q29uZmlybWF0aW9uXSk7XG5cbiAgICBjb25zdCBvblVwZGF0ZUxhYmVsID0gdXNlQ2FsbGJhY2soXG4gICAgICBldmVudCA9PiB7XG4gICAgICAgIGRpc3BhdGNoKHVwZGF0ZUxheWVyR3JvdXAoe2lkLCBvcHRpb25zOiB7bGFiZWw6IGV2ZW50LnRhcmdldC52YWx1ZX19KSk7XG4gICAgICB9LFxuICAgICAgW2Rpc3BhdGNoLCBpZF1cbiAgICApO1xuXG4gICAgY29uc3Qgb25Ub2dnbGVWaXNpYmlsaXR5ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgZGlzcGF0Y2godXBkYXRlTGF5ZXJHcm91cCh7aWQsIG9wdGlvbnM6IHtpc1Zpc2libGU6ICFsYXllckdyb3VwLmlzVmlzaWJsZX19KSk7XG4gICAgfSwgW2Rpc3BhdGNoLCBpZCwgbGF5ZXJHcm91cC5pc1Zpc2libGVdKTtcblxuICAgIGNvbnN0IG9uRGVsZXRlID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBpZiAobGF5ZXJDb3VudCA+IDApIHtcbiAgICAgICAgICBzZXRTaG93Q29uZmlybWF0aW9uKHRydWUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGRpc3BhdGNoKHJlbW92ZUxheWVyR3JvdXAoe2lkfSkpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc3BhdGNoLCBpZCwgbGF5ZXJDb3VudF1cbiAgICApO1xuXG4gICAgY29uc3Qgb25Db25maXJtRGVsZXRlID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBkaXNwYXRjaChyZW1vdmVMYXllckdyb3VwKHtpZH0pKTtcbiAgICAgICAgc2V0U2hvd0NvbmZpcm1hdGlvbihmYWxzZSk7XG4gICAgICB9LFxuICAgICAgW2Rpc3BhdGNoLCBpZF1cbiAgICApO1xuXG4gICAgY29uc3QgVmlzaWJpbGl0eUljb24gPSBsYXllckdyb3VwLmlzVmlzaWJsZSA/IEV5ZVNlZW4gOiBFeWVVbnNlZW47XG4gICAgY29uc3QgQ29sbGFwc2VJY29uID0gaXNMYXllckdyb3VwQ29udGVudE9wZW4gPyBBcnJvd0Rvd24gOiBBcnJvd1JpZ2h0O1xuXG4gICAgY29uc3Qgc3RvcFByb3BhZ2F0aW9uID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfSwgW10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IG9uQ2xpY2s9e29uVG9nZ2xlTGF5ZXJHcm91cENvbnRlbnR9PlxuICAgICAgICAgIDxDb3JuZXJUcmlhbmdsZSAkY29sb3I9e2dldEdyb3VwQ29sb3IoaWQpfSAvPlxuICAgICAgICAgIDxMZWZ0U2VjdGlvbj5cbiAgICAgICAgICAgIDxEcmFnSGFuZGxlIGNsYXNzTmFtZT1cImxheWVyX19kcmFnLWhhbmRsZVwiIGxpc3RlbmVycz17bGlzdGVuZXJzfT5cbiAgICAgICAgICAgICAgPFZlcnREb3RzIGhlaWdodD1cIjIwcHhcIiAvPlxuICAgICAgICAgICAgPC9EcmFnSGFuZGxlPlxuICAgICAgICAgICAgPEdyb3VwTGFiZWxJbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgIHZhbHVlPXtsYWJlbH1cbiAgICAgICAgICAgICAgb25DbGljaz17c3RvcFByb3BhZ2F0aW9ufVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25VcGRhdGVMYWJlbH1cbiAgICAgICAgICAgICAgaWQ9e2Ake2lkfTppbnB1dC1ncm91cC1sYWJlbGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvTGVmdFNlY3Rpb24+XG4gICAgICAgICAgPEFjdGlvbnMgb25DbGljaz17c3RvcFByb3BhZ2F0aW9ufT5cbiAgICAgICAgICAgIDxSZW1vdmVBY3Rpb24+XG4gICAgICAgICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImxheWVyLWdyb3VwX19kZWxldGVcIlxuICAgICAgICAgICAgICAgIGlkPXtgJHtpZH0tZGVsZXRlYH1cbiAgICAgICAgICAgICAgICB0b29sdGlwPVwiUmVtb3ZlIGdyb3VwXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkRlbGV0ZX1cbiAgICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXtUcmFzaH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVtb3ZlQWN0aW9uPlxuICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cImxheWVyLWdyb3VwX192aXNpYmlsaXR5LXRvZ2dsZVwiXG4gICAgICAgICAgICAgIGlkPXtgJHtpZH0tdmlzaWJpbGl0eWB9XG4gICAgICAgICAgICAgIHRvb2x0aXA9XCJUb2dnbGUgZ3JvdXAgdmlzaWJpbGl0eVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uVG9nZ2xlVmlzaWJpbGl0eX1cbiAgICAgICAgICAgICAgSWNvbkNvbXBvbmVudD17VmlzaWJpbGl0eUljb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cImxheWVyLWdyb3VwX19zZWN0aW9uLXRvZ2dsZVwiXG4gICAgICAgICAgICAgIGlkPXtgJHtpZH0tY29sbGFwc2VgfVxuICAgICAgICAgICAgICB0b29sdGlwPVwiVG9nZ2xlIGdyb3VwIGNvbnRlbnRcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXtvblRvZ2dsZUxheWVyR3JvdXBDb250ZW50fVxuICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXtDb2xsYXBzZUljb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQWN0aW9ucz5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgIHtzaG93Q29uZmlybWF0aW9uID8gKFxuICAgICAgICAgIDxDb25maXJtYXRpb25CYXIgcmVmPXtjb25maXJtUmVmfSBvbkNsaWNrPXtzdG9wUHJvcGFnYXRpb259PlxuICAgICAgICAgICAgPHNwYW4+UmVtb3ZlIGdyb3VwIHdpdGggbGF5ZXJzPzwvc3Bhbj5cbiAgICAgICAgICAgIDxDb25maXJtQnV0dG9uIG9uQ2xpY2s9e29uQ29uZmlybURlbGV0ZX0+UmVtb3ZlPC9Db25maXJtQnV0dG9uPlxuICAgICAgICAgIDwvQ29uZmlybWF0aW9uQmFyPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIExheWVyR3JvdXBIZWFkZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IExheWVyR3JvdXBIZWFkZXJGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsV0FBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUVBLElBQUFJLFFBQUEsR0FBQUosT0FBQTtBQUVBLElBQUFLLFNBQUEsR0FBQUwsT0FBQTtBQUVBLElBQUFNLGtCQUFBLEdBQUFOLE9BQUE7QUFDQSxJQUFBTyxpQkFBQSxHQUFBUCxPQUFBO0FBQ0EsSUFBQVEsTUFBQSxHQUFBUixPQUFBO0FBQ0EsSUFBQVMsa0JBQUEsR0FBQU4sc0JBQUEsQ0FBQUgsT0FBQTtBQUE4RCxJQUFBVSxlQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBZDlEO0FBQ0E7QUFBQSxTQUFBQyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQXBCLHdCQUFBb0IsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBSSxHQUFBLENBQUFQLENBQUEsT0FBQVEsQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1BQUEsQ0FBQUUsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBZCxDQUFBLG9CQUFBYyxDQUFBLE9BQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBaEIsQ0FBQSxFQUFBYyxDQUFBLFNBQUFHLENBQUEsR0FBQVAsQ0FBQSxHQUFBQyxNQUFBLENBQUFFLHdCQUFBLENBQUFiLENBQUEsRUFBQWMsQ0FBQSxVQUFBRyxDQUFBLEtBQUFBLENBQUEsQ0FBQVYsR0FBQSxJQUFBVSxDQUFBLENBQUFDLEdBQUEsSUFBQVAsTUFBQSxDQUFBQyxjQUFBLENBQUFKLENBQUEsRUFBQU0sQ0FBQSxFQUFBRyxDQUFBLElBQUFULENBQUEsQ0FBQU0sQ0FBQSxJQUFBZCxDQUFBLENBQUFjLENBQUEsWUFBQU4sQ0FBQSxjQUFBUixDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBZSxHQUFBLENBQUFsQixDQUFBLEVBQUFRLENBQUEsR0FBQUEsQ0FBQTtBQWVBLElBQU1XLFlBQVksR0FBRyxDQUNuQixTQUFTLEVBQ1QsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxFQUNULFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxDQUNWO0FBRUQsU0FBU0MsYUFBYUEsQ0FBQ0MsRUFBVSxFQUFVO0VBQ3pDLElBQUlDLElBQUksR0FBRyxDQUFDO0VBQ1osS0FBSyxJQUFJTCxDQUFDLEdBQUcsQ0FBQyxFQUFFQSxDQUFDLEdBQUdJLEVBQUUsQ0FBQ0UsTUFBTSxFQUFFTixDQUFDLEVBQUUsRUFBRTtJQUNsQ0ssSUFBSSxHQUFJLENBQUNBLElBQUksSUFBSSxDQUFDLElBQUlBLElBQUksR0FBR0QsRUFBRSxDQUFDRyxVQUFVLENBQUNQLENBQUMsQ0FBQyxHQUFJLENBQUM7RUFDcEQ7RUFDQSxPQUFPRSxZQUFZLENBQUNNLElBQUksQ0FBQ0MsR0FBRyxDQUFDSixJQUFJLENBQUMsR0FBR0gsWUFBWSxDQUFDSSxNQUFNLENBQUM7QUFDM0Q7QUFFQSxJQUFNSSxZQUFZLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQXRDLGVBQUEsS0FBQUEsZUFBQSxPQUFBdUMsdUJBQUEsOElBTzlCO0FBRUQsSUFBTUMsU0FBUyxHQUFHLElBQUFILDRCQUFNLEVBQUNJLG9DQUFpQixDQUFDLENBQUF4QyxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBc0MsdUJBQUEsd1hBRS9CLFVBQUFHLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0Msc0JBQXNCO0FBQUEsR0FFNUMsVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRSxTQUFTO0FBQUEsR0FLbkIsVUFBQUgsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRyxvQkFBb0I7QUFBQSxHQUl2QyxVQUFBSixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNHLG9CQUFvQjtBQUFBLEdBSTNEVixZQUFZLENBSWpCO0FBRUQsSUFBTVcsY0FBYyxHQUFHViw0QkFBTSxDQUFDQyxHQUFHLENBQUFwQyxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBcUMsdUJBQUEsNE5BT2YsVUFBQUcsS0FBSztFQUFBLE9BQUlSLElBQUksQ0FBQ2MsS0FBSyxDQUFDTixLQUFLLENBQUNDLEtBQUssQ0FBQ0Msc0JBQXNCLEdBQUcsQ0FBQyxDQUFDO0FBQUEsR0FDdkUsVUFBQUYsS0FBSztFQUFBLE9BQUlSLElBQUksQ0FBQ2MsS0FBSyxDQUFDTixLQUFLLENBQUNDLEtBQUssQ0FBQ0Msc0JBQXNCLEdBQUcsQ0FBQyxDQUFDO0FBQUEsR0FDL0MsVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ08sTUFBTTtBQUFBLEVBQ3RDO0FBRUQsSUFBTUMsT0FBTyxHQUFHYiw0QkFBTSxDQUFDQyxHQUFHLENBQUFuQyxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBb0MsdUJBQUEsZ0pBUXpCO0FBRUQsSUFBTVksV0FBVyxHQUFHZCw0QkFBTSxDQUFDQyxHQUFHLENBQUFsQyxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBbUMsdUJBQUEsc0dBSzdCO0FBRUQsSUFBTWEsZUFBZSxHQUFHLElBQUFmLDRCQUFNLEVBQUNnQiw4QkFBVyxDQUFDLENBQUFoRCxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBa0MsdUJBQUEsZ0VBRzFDO0FBRUQsSUFBTWUsZUFBZSxHQUFHakIsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBaEMsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQWlDLHVCQUFBLHNQQUtaLFVBQUFHLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0csb0JBQW9CO0FBQUEsR0FDekMsVUFBQUosS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRyxvQkFBb0I7QUFBQSxHQUdwRCxVQUFBSixLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNFLFNBQVM7QUFBQSxFQUV4QztBQUVELElBQU1VLGFBQWEsR0FBR2xCLDRCQUFNLENBQUNtQixNQUFNLENBQUFqRCxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBZ0MsdUJBQUEsME1BQ25CLFVBQUFHLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ2MsZUFBZTtBQUFBLEdBQ3pDLFVBQUFmLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ2UsaUJBQWlCO0FBQUEsR0FPL0IsVUFBQWhCLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ2dCLG9CQUFvQjtBQUFBLEVBRTFEO0FBVURDLHVCQUF1QixDQUFDQyxJQUFJLEdBQUcsQ0FBQ0MsNkJBQXdCLENBQUM7QUFFekQsU0FBU0YsdUJBQXVCQSxDQUM5QkcsaUJBQThELEVBQzdCO0VBQ2pDLElBQU1DLGdCQUFpRCxHQUFHLFNBQXBEQSxnQkFBaURBLENBQUFDLElBQUEsRUFNakQ7SUFBQSxJQUxKQyxVQUFVLEdBQUFELElBQUEsQ0FBVkMsVUFBVTtNQUNWQyx5QkFBeUIsR0FBQUYsSUFBQSxDQUF6QkUseUJBQXlCO01BQ3pCQyx1QkFBdUIsR0FBQUgsSUFBQSxDQUF2QkcsdUJBQXVCO01BQ3ZCQyxTQUFTLEdBQUFKLElBQUEsQ0FBVEksU0FBUztNQUNUQyxTQUFTLEdBQUFMLElBQUEsQ0FBVEssU0FBUztJQUVULElBQU94QyxFQUFFLEdBQVdvQyxVQUFVLENBQXZCcEMsRUFBRTtNQUFFeUMsS0FBSyxHQUFJTCxVQUFVLENBQW5CSyxLQUFLO0lBQ2hCLElBQU1DLFFBQVEsR0FBRyxJQUFBQyx1QkFBVyxFQUFDLENBQUM7SUFDOUIsSUFBQUMsU0FBQSxHQUFnRCxJQUFBQyxlQUFRLEVBQUMsS0FBSyxDQUFDO01BQUFDLFVBQUEsT0FBQUMsZUFBQSxhQUFBSCxTQUFBO01BQXhESSxnQkFBZ0IsR0FBQUYsVUFBQTtNQUFFRyxtQkFBbUIsR0FBQUgsVUFBQTtJQUM1QyxJQUFNSSxVQUFVLEdBQUcsSUFBQUMsYUFBTSxFQUFpQixJQUFJLENBQUM7SUFFL0MsSUFBTUMsVUFBVSxHQUFHLElBQUFDLDJCQUFpQixFQUFDakIsVUFBVSxDQUFDa0IsVUFBVSxDQUFDLENBQUNwRCxNQUFNO0lBRWxFLElBQUFxRCxnQkFBUyxFQUFDLFlBQU07TUFDZCxJQUFJLENBQUNQLGdCQUFnQixFQUFFO01BQ3ZCLElBQU1RLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBa0JBLENBQUk3RSxDQUFhLEVBQUs7UUFDNUMsSUFBSXVFLFVBQVUsQ0FBQ08sT0FBTyxJQUFJLENBQUNQLFVBQVUsQ0FBQ08sT0FBTyxDQUFDQyxRQUFRLENBQUMvRSxDQUFDLENBQUNnRixNQUFjLENBQUMsRUFBRTtVQUN4RVYsbUJBQW1CLENBQUMsS0FBSyxDQUFDO1FBQzVCO01BQ0YsQ0FBQztNQUNEVyxRQUFRLENBQUNDLGdCQUFnQixDQUFDLFdBQVcsRUFBRUwsa0JBQWtCLENBQUM7TUFDMUQsT0FBTztRQUFBLE9BQU1JLFFBQVEsQ0FBQ0UsbUJBQW1CLENBQUMsV0FBVyxFQUFFTixrQkFBa0IsQ0FBQztNQUFBO0lBQzVFLENBQUMsRUFBRSxDQUFDUixnQkFBZ0IsQ0FBQyxDQUFDO0lBRXRCLElBQU1lLGFBQWEsR0FBRyxJQUFBQyxrQkFBVyxFQUMvQixVQUFBQyxLQUFLLEVBQUk7TUFDUHZCLFFBQVEsQ0FBQyxJQUFBd0IseUJBQWdCLEVBQUM7UUFBQ2xFLEVBQUUsRUFBRkEsRUFBRTtRQUFFbUUsT0FBTyxFQUFFO1VBQUMxQixLQUFLLEVBQUV3QixLQUFLLENBQUNOLE1BQU0sQ0FBQ1M7UUFBSztNQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLENBQUMsRUFDRCxDQUFDMUIsUUFBUSxFQUFFMUMsRUFBRSxDQUNmLENBQUM7SUFFRCxJQUFNcUUsa0JBQWtCLEdBQUcsSUFBQUwsa0JBQVcsRUFBQyxZQUFNO01BQzNDdEIsUUFBUSxDQUFDLElBQUF3Qix5QkFBZ0IsRUFBQztRQUFDbEUsRUFBRSxFQUFGQSxFQUFFO1FBQUVtRSxPQUFPLEVBQUU7VUFBQ0csU0FBUyxFQUFFLENBQUNsQyxVQUFVLENBQUNrQztRQUFTO01BQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0UsQ0FBQyxFQUFFLENBQUM1QixRQUFRLEVBQUUxQyxFQUFFLEVBQUVvQyxVQUFVLENBQUNrQyxTQUFTLENBQUMsQ0FBQztJQUV4QyxJQUFNQyxRQUFRLEdBQUcsSUFBQVAsa0JBQVcsRUFDMUIsVUFBQ3JGLENBQW1CLEVBQUs7TUFDdkJBLENBQUMsQ0FBQzZGLGVBQWUsQ0FBQyxDQUFDO01BQ25CLElBQUlwQixVQUFVLEdBQUcsQ0FBQyxFQUFFO1FBQ2xCSCxtQkFBbUIsQ0FBQyxJQUFJLENBQUM7TUFDM0IsQ0FBQyxNQUFNO1FBQ0xQLFFBQVEsQ0FBQyxJQUFBK0IseUJBQWdCLEVBQUM7VUFBQ3pFLEVBQUUsRUFBRkE7UUFBRSxDQUFDLENBQUMsQ0FBQztNQUNsQztJQUNGLENBQUMsRUFDRCxDQUFDMEMsUUFBUSxFQUFFMUMsRUFBRSxFQUFFb0QsVUFBVSxDQUMzQixDQUFDO0lBRUQsSUFBTXNCLGVBQWUsR0FBRyxJQUFBVixrQkFBVyxFQUNqQyxVQUFDckYsQ0FBbUIsRUFBSztNQUN2QkEsQ0FBQyxDQUFDNkYsZUFBZSxDQUFDLENBQUM7TUFDbkI5QixRQUFRLENBQUMsSUFBQStCLHlCQUFnQixFQUFDO1FBQUN6RSxFQUFFLEVBQUZBO01BQUUsQ0FBQyxDQUFDLENBQUM7TUFDaENpRCxtQkFBbUIsQ0FBQyxLQUFLLENBQUM7SUFDNUIsQ0FBQyxFQUNELENBQUNQLFFBQVEsRUFBRTFDLEVBQUUsQ0FDZixDQUFDO0lBRUQsSUFBTTJFLGNBQWMsR0FBR3ZDLFVBQVUsQ0FBQ2tDLFNBQVMsR0FBR00sY0FBTyxHQUFHQyxnQkFBUztJQUNqRSxJQUFNQyxZQUFZLEdBQUd4Qyx1QkFBdUIsR0FBR3lDLGdCQUFTLEdBQUdDLGlCQUFVO0lBRXJFLElBQU1SLGVBQWUsR0FBRyxJQUFBUixrQkFBVyxFQUFDLFVBQUNyRixDQUFtQixFQUFLO01BQzNEQSxDQUFDLENBQUM2RixlQUFlLENBQUMsQ0FBQztJQUNyQixDQUFDLEVBQUUsRUFBRSxDQUFDO0lBRU4sb0JBQ0VsSCxNQUFBLFlBQUEySCxhQUFBLDJCQUNFM0gsTUFBQSxZQUFBMkgsYUFBQSxDQUFDdkUsU0FBUztNQUFDOEIsU0FBUyxFQUFFQSxTQUFVO01BQUMwQyxPQUFPLEVBQUU3QztJQUEwQixnQkFDbEUvRSxNQUFBLFlBQUEySCxhQUFBLENBQUNoRSxjQUFjO01BQUNFLE1BQU0sRUFBRXBCLGFBQWEsQ0FBQ0MsRUFBRTtJQUFFLENBQUUsQ0FBQyxlQUM3QzFDLE1BQUEsWUFBQTJILGFBQUEsQ0FBQzVELFdBQVcscUJBQ1YvRCxNQUFBLFlBQUEySCxhQUFBLENBQUNsSCxpQkFBQSxDQUFBb0gsVUFBVTtNQUFDM0MsU0FBUyxFQUFDLG9CQUFvQjtNQUFDRCxTQUFTLEVBQUVBO0lBQVUsZ0JBQzlEakYsTUFBQSxZQUFBMkgsYUFBQSxDQUFDakgsTUFBQSxDQUFBb0gsUUFBUTtNQUFDQyxNQUFNLEVBQUM7SUFBTSxDQUFFLENBQ2YsQ0FBQyxlQUNiL0gsTUFBQSxZQUFBMkgsYUFBQSxDQUFDM0QsZUFBZTtNQUNkZ0UsSUFBSSxFQUFDLE1BQU07TUFDWGxCLEtBQUssRUFBRTNCLEtBQU07TUFDYnlDLE9BQU8sRUFBRVYsZUFBZ0I7TUFDekJlLFFBQVEsRUFBRXhCLGFBQWM7TUFDeEIvRCxFQUFFLEtBQUF3RixNQUFBLENBQUt4RixFQUFFO0lBQXFCLENBQy9CLENBQ1UsQ0FBQyxlQUNkMUMsTUFBQSxZQUFBMkgsYUFBQSxDQUFDN0QsT0FBTztNQUFDOEQsT0FBTyxFQUFFVjtJQUFnQixnQkFDaENsSCxNQUFBLFlBQUEySCxhQUFBLENBQUMzRSxZQUFZLHFCQUNYaEQsTUFBQSxZQUFBMkgsYUFBQSxDQUFDaEQsaUJBQWlCO01BQ2hCTyxTQUFTLEVBQUMscUJBQXFCO01BQy9CeEMsRUFBRSxLQUFBd0YsTUFBQSxDQUFLeEYsRUFBRSxZQUFVO01BQ25CeUYsT0FBTyxFQUFDLGNBQWM7TUFDdEJQLE9BQU8sRUFBRVgsUUFBUztNQUNsQm1CLGFBQWEsRUFBRUM7SUFBTSxDQUN0QixDQUNXLENBQUMsZUFDZnJJLE1BQUEsWUFBQTJILGFBQUEsQ0FBQ2hELGlCQUFpQjtNQUNoQk8sU0FBUyxFQUFDLGdDQUFnQztNQUMxQ3hDLEVBQUUsS0FBQXdGLE1BQUEsQ0FBS3hGLEVBQUUsZ0JBQWM7TUFDdkJ5RixPQUFPLEVBQUMseUJBQXlCO01BQ2pDUCxPQUFPLEVBQUViLGtCQUFtQjtNQUM1QnFCLGFBQWEsRUFBRWY7SUFBZSxDQUMvQixDQUFDLGVBQ0ZySCxNQUFBLFlBQUEySCxhQUFBLENBQUNoRCxpQkFBaUI7TUFDaEJPLFNBQVMsRUFBQyw2QkFBNkI7TUFDdkN4QyxFQUFFLEtBQUF3RixNQUFBLENBQUt4RixFQUFFLGNBQVk7TUFDckJ5RixPQUFPLEVBQUMsc0JBQXNCO01BQzlCUCxPQUFPLEVBQUU3Qyx5QkFBMEI7TUFDbkNxRCxhQUFhLEVBQUVaO0lBQWEsQ0FDN0IsQ0FDTSxDQUNBLENBQUMsRUFDWDlCLGdCQUFnQixnQkFDZjFGLE1BQUEsWUFBQTJILGFBQUEsQ0FBQ3pELGVBQWU7TUFBQ29FLEdBQUcsRUFBRTFDLFVBQVc7TUFBQ2dDLE9BQU8sRUFBRVY7SUFBZ0IsZ0JBQ3pEbEgsTUFBQSxZQUFBMkgsYUFBQSxlQUFNLDJCQUErQixDQUFDLGVBQ3RDM0gsTUFBQSxZQUFBMkgsYUFBQSxDQUFDeEQsYUFBYTtNQUFDeUQsT0FBTyxFQUFFUjtJQUFnQixHQUFDLFFBQXFCLENBQy9DLENBQUMsR0FDaEIsSUFDRCxDQUFDO0VBRVYsQ0FBQztFQUVELE9BQU94QyxnQkFBZ0I7QUFDekI7QUFBQyxJQUFBMkQsUUFBQSxHQUFBQyxPQUFBLGNBRWNoRSx1QkFBdUIiLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/side-panel/layer-panel/layer-list.d.ts

@@ -2,12 +2,14 @@ import React from 'react';
 import { Layer, LayerClassesType } from '@kepler.gl/layers';
 import { Datasets } from '@kepler.gl/table';
 import { UIStateActions, VisStateActions, MapStateActions } from '@kepler.gl/actions';
+import { LayerOrder } from '@kepler.gl/types';
 import LayerPanelFactory from './layer-panel';
+import LayerGroupHeaderFactory from './layer-group-header';
 import { SplitMap } from '@kepler.gl/types';
 export type LayerListProps = {
     datasets: Datasets;
     layers: Layer[];
-    layerOrder: string[];
+    layerOrder: LayerOrder;
     layerClasses: LayerClassesType;
     isSortable?: boolean;
     splitMap?: SplitMap;
@@ -15,9 +17,12 @@ export type LayerListProps = {
     visStateActions: typeof VisStateActions;
     mapStateActions: typeof MapStateActions;
 };
-export type LayerListFactoryDeps = [typeof LayerPanelFactory];
-declare function LayerListFactory(LayerPanel: ReturnType<typeof LayerPanelFactory>): React.FC<LayerListProps>;
+export type LayerListFactoryDeps = [
+    typeof LayerPanelFactory,
+    typeof LayerGroupHeaderFactory
+];
+declare function LayerListFactory(LayerPanel: ReturnType<typeof LayerPanelFactory>, LayerGroupHeader: ReturnType<typeof LayerGroupHeaderFactory>): React.FC<LayerListProps>;
 declare namespace LayerListFactory {
-    var deps: (typeof LayerPanelFactory)[];
+    var deps: (typeof LayerGroupHeaderFactory | typeof LayerPanelFactory)[];
 }
 export default LayerListFactory;