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

package/dist/esm/editor/feature-properties-editor.js

@@ -0,0 +1,208 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useCallback, useEffect, useState } from 'react';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+import { getUserFeatureProperties, isReservedEditorProperty } from '@kepler.gl/utils';
+import { Input } from '../common/styled-components';
+import { Trash } from '../common/icons';
+var StyledPropertiesEditor = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: ", ";\n  color: ", ";\n  min-width: 260px;\n  padding: 8px;\n  pointer-events: auto;\n"])), function (props) {
+  return props.theme.dropdownListBgd;
+}, function (props) {
+  return props.theme.dropdownListShadow;
+}, function (props) {
+  return props.theme.textColor;
+});
+var StyledHeader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: 1fr 1fr 18px;\n  gap: 6px;\n  font-size: 11px;\n  line-height: 12px;\n  margin-bottom: 6px;\n  opacity: 0.7;\n  text-transform: none;\n"])));
+var StyledRow = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: 1fr 1fr 18px;\n  gap: 6px;\n  align-items: center;\n  margin-bottom: 6px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+var StyledPropertyInput = styled(Input)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 24px;\n  font-size: 11px;\n  padding: 2px 6px;\n  text-transform: none;\n  width: 100%;\n\n  &:hover {\n    cursor: text;\n  }\n"])));
+var StyledRemoveButton = styled.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  align-items: center;\n  background: none;\n  border: 0;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  height: 18px;\n  justify-content: center;\n  padding: 0;\n  width: 18px;\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.subtextColor;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+var rowCounter = 0;
+function createRow() {
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  rowCounter += 1;
+  return {
+    id: "property-row-".concat(rowCounter),
+    name: name,
+    value: value
+  };
+}
+function rowsFromFeature(feature) {
+  var properties = getUserFeatureProperties(feature);
+  var rows = Object.entries(properties).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      value = _ref2[1];
+    return createRow(name, value == null ? '' : String(value));
+  });
+  rows.push(createRow());
+  return rows;
+}
+function userPropertiesFromRows(rows) {
+  return rows.reduce(function (acc, row) {
+    var name = row.name.trim();
+    if (!name || isReservedEditorProperty(name)) {
+      return acc;
+    }
+    acc[name] = row.value;
+    return acc;
+  }, {});
+}
+function sameProperties(left, right) {
+  var keys = new Set([].concat(_toConsumableArray(Object.keys(left)), _toConsumableArray(Object.keys(right))));
+  var _iterator = _createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _left$key, _right$key;
+      var key = _step.value;
+      if (String((_left$key = left[key]) !== null && _left$key !== void 0 ? _left$key : '') !== String((_right$key = right[key]) !== null && _right$key !== void 0 ? _right$key : '')) {
+        return false;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return true;
+}
+function ensureTrailingEmptyRow(rows) {
+  var last = rows[rows.length - 1];
+  if (!last || last.name.trim() || last.value) {
+    return [].concat(_toConsumableArray(rows), [createRow()]);
+  }
+  return rows;
+}
+export default function FeaturePropertiesEditor(_ref3) {
+  var selectedFeature = _ref3.selectedFeature,
+    onSetFeatureProperties = _ref3.onSetFeatureProperties;
+  var intl = useIntl();
+  var _useState = useState(function () {
+      return rowsFromFeature(selectedFeature);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    rows = _useState2[0],
+    setRows = _useState2[1];
+  useEffect(function () {
+    setRows(rowsFromFeature(selectedFeature));
+  }, [selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.id]);
+  var commitRows = useCallback(function (nextRows) {
+    if (!selectedFeature || !onSetFeatureProperties) {
+      return;
+    }
+    var properties = userPropertiesFromRows(nextRows);
+    if (sameProperties(getUserFeatureProperties(selectedFeature), properties)) {
+      return;
+    }
+    onSetFeatureProperties(selectedFeature, properties);
+  }, [onSetFeatureProperties, selectedFeature]);
+  var updateRow = useCallback(function (id, patch, shouldCommit) {
+    var nextRows = rows.map(function (row) {
+      return row.id === id ? _objectSpread(_objectSpread({}, row), patch) : row;
+    });
+    var withEmpty = shouldCommit ? ensureTrailingEmptyRow(nextRows) : nextRows;
+    setRows(withEmpty);
+    if (shouldCommit) {
+      commitRows(withEmpty);
+    }
+  }, [commitRows, rows]);
+  var removeRow = useCallback(function (id) {
+    var remaining = rows.filter(function (row) {
+      return row.id !== id;
+    });
+    var nextRows = remaining.length ? ensureTrailingEmptyRow(remaining) : [createRow()];
+    setRows(nextRows);
+    commitRows(nextRows);
+  }, [commitRows, rows]);
+  return /*#__PURE__*/React.createElement(StyledPropertiesEditor, {
+    className: "feature-properties-editor",
+    onMouseDown: function onMouseDown(event) {
+      return event.stopPropagation();
+    },
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(StyledHeader, null, /*#__PURE__*/React.createElement("span", null, intl.formatMessage({
+    id: 'editor.propertyName',
+    defaultMessage: 'Property'
+  })), /*#__PURE__*/React.createElement("span", null, intl.formatMessage({
+    id: 'editor.propertyValue',
+    defaultMessage: 'Value'
+  }))), rows.map(function (row) {
+    return /*#__PURE__*/React.createElement(StyledRow, {
+      key: row.id
+    }, /*#__PURE__*/React.createElement(StyledPropertyInput, {
+      className: "feature-property-name",
+      secondary: true,
+      value: row.name,
+      placeholder: intl.formatMessage({
+        id: 'editor.propertyName',
+        defaultMessage: 'Property'
+      }),
+      onChange: function onChange(event) {
+        return updateRow(row.id, {
+          name: event.target.value
+        }, false);
+      },
+      onBlur: function onBlur() {
+        return updateRow(row.id, {}, true);
+      },
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === 'Enter') {
+          event.currentTarget.blur();
+        }
+      }
+    }), /*#__PURE__*/React.createElement(StyledPropertyInput, {
+      className: "feature-property-value",
+      secondary: true,
+      value: row.value,
+      placeholder: intl.formatMessage({
+        id: 'editor.propertyValue',
+        defaultMessage: 'Value'
+      }),
+      onChange: function onChange(event) {
+        return updateRow(row.id, {
+          value: event.target.value
+        }, Boolean(row.name.trim()));
+      },
+      onBlur: function onBlur() {
+        return updateRow(row.id, {}, true);
+      },
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === 'Enter') {
+          event.currentTarget.blur();
+        }
+      }
+    }), row.name.trim() || row.value ? /*#__PURE__*/React.createElement(StyledRemoveButton, {
+      type: "button",
+      className: "feature-property-remove",
+      "aria-label": intl.formatMessage({
+        id: 'editor.removeProperty',
+        defaultMessage: 'Remove property'
+      }),
+      onClick: function onClick() {
+        return removeRow(row.id);
+      }
+    }, /*#__PURE__*/React.createElement(Trash, {
+      height: "12px"
+    })) : /*#__PURE__*/React.createElement("span", null));
+  }));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlRWZmZWN0IiwidXNlU3RhdGUiLCJ1c2VJbnRsIiwic3R5bGVkIiwiZ2V0VXNlckZlYXR1cmVQcm9wZXJ0aWVzIiwiaXNSZXNlcnZlZEVkaXRvclByb3BlcnR5IiwiSW5wdXQiLCJUcmFzaCIsIlN0eWxlZFByb3BlcnRpZXNFZGl0b3IiLCJkaXYiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsIiwicHJvcHMiLCJ0aGVtZSIsImRyb3Bkb3duTGlzdEJnZCIsImRyb3Bkb3duTGlzdFNoYWRvdyIsInRleHRDb2xvciIsIlN0eWxlZEhlYWRlciIsIl90ZW1wbGF0ZU9iamVjdDIiLCJTdHlsZWRSb3ciLCJfdGVtcGxhdGVPYmplY3QzIiwiU3R5bGVkUHJvcGVydHlJbnB1dCIsIl90ZW1wbGF0ZU9iamVjdDQiLCJTdHlsZWRSZW1vdmVCdXR0b24iLCJidXR0b24iLCJfdGVtcGxhdGVPYmplY3Q1Iiwic3VidGV4dENvbG9yIiwidGV4dENvbG9ySGwiLCJyb3dDb3VudGVyIiwiY3JlYXRlUm93IiwibmFtZSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsInZhbHVlIiwiaWQiLCJjb25jYXQiLCJyb3dzRnJvbUZlYXR1cmUiLCJmZWF0dXJlIiwicHJvcGVydGllcyIsInJvd3MiLCJPYmplY3QiLCJlbnRyaWVzIiwibWFwIiwiX3JlZiIsIl9yZWYyIiwiX3NsaWNlZFRvQXJyYXkiLCJTdHJpbmciLCJwdXNoIiwidXNlclByb3BlcnRpZXNGcm9tUm93cyIsInJlZHVjZSIsImFjYyIsInJvdyIsInRyaW0iLCJzYW1lUHJvcGVydGllcyIsImxlZnQiLCJyaWdodCIsImtleXMiLCJTZXQiLCJfdG9Db25zdW1hYmxlQXJyYXkiLCJfaXRlcmF0b3IiLCJfY3JlYXRlRm9yT2ZJdGVyYXRvckhlbHBlciIsIl9zdGVwIiwicyIsIm4iLCJkb25lIiwiX2xlZnQka2V5IiwiX3JpZ2h0JGtleSIsImtleSIsImVyciIsImUiLCJmIiwiZW5zdXJlVHJhaWxpbmdFbXB0eVJvdyIsImxhc3QiLCJGZWF0dXJlUHJvcGVydGllc0VkaXRvciIsIl9yZWYzIiwic2VsZWN0ZWRGZWF0dXJlIiwib25TZXRGZWF0dXJlUHJvcGVydGllcyIsImludGwiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwic2V0Um93cyIsImNvbW1pdFJvd3MiLCJuZXh0Um93cyIsInVwZGF0ZVJvdyIsInBhdGNoIiwic2hvdWxkQ29tbWl0IiwiX29iamVjdFNwcmVhZCIsIndpdGhFbXB0eSIsInJlbW92ZVJvdyIsInJlbWFpbmluZyIsImZpbHRlciIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJvbk1vdXNlRG93biIsImV2ZW50Iiwic3RvcFByb3BhZ2F0aW9uIiwib25DbGljayIsImZvcm1hdE1lc3NhZ2UiLCJkZWZhdWx0TWVzc2FnZSIsInNlY29uZGFyeSIsInBsYWNlaG9sZGVyIiwib25DaGFuZ2UiLCJ0YXJnZXQiLCJvbkJsdXIiLCJvbktleURvd24iLCJjdXJyZW50VGFyZ2V0IiwiYmx1ciIsIkJvb2xlYW4iLCJ0eXBlIiwiaGVpZ2h0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VkaXRvci9mZWF0dXJlLXByb3BlcnRpZXMtZWRpdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt1c2VJbnRsfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGZWF0dXJlfSBmcm9tICdAZGVjay5nbC1jb21tdW5pdHkvZWRpdGFibGUtbGF5ZXJzJztcbmltcG9ydCB7Z2V0VXNlckZlYXR1cmVQcm9wZXJ0aWVzLCBpc1Jlc2VydmVkRWRpdG9yUHJvcGVydHl9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG5pbXBvcnQge0lucHV0fSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtUcmFzaH0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcblxudHlwZSBQcm9wZXJ0eVJvdyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufTtcblxudHlwZSBGZWF0dXJlUHJvcGVydGllc0VkaXRvclByb3BzID0ge1xuICBzZWxlY3RlZEZlYXR1cmU6IEZlYXR1cmUgfCBudWxsO1xuICBvblNldEZlYXR1cmVQcm9wZXJ0aWVzPzogKGZlYXR1cmU6IEZlYXR1cmUsIHByb3BlcnRpZXM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+KSA9PiB2b2lkO1xufTtcblxuY29uc3QgU3R5bGVkUHJvcGVydGllc0VkaXRvciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZHJvcGRvd25MaXN0QmdkfTtcbiAgYm94LXNoYWRvdzogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3RTaGFkb3d9O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBtaW4td2lkdGg6IDI2MHB4O1xuICBwYWRkaW5nOiA4cHg7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDE4cHg7XG4gIGdhcDogNnB4O1xuICBmb250LXNpemU6IDExcHg7XG4gIGxpbmUtaGVpZ2h0OiAxMnB4O1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG4gIG9wYWNpdHk6IDAuNztcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5gO1xuXG5jb25zdCBTdHlsZWRSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnIgMThweDtcbiAgZ2FwOiA2cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1ib3R0b206IDZweDtcblxuICAmOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFByb3BlcnR5SW5wdXQgPSBzdHlsZWQoSW5wdXQpYFxuICBoZWlnaHQ6IDI0cHg7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgcGFkZGluZzogMnB4IDZweDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gICY6aG92ZXIge1xuICAgIGN1cnNvcjogdGV4dDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUmVtb3ZlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3J9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMThweDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxOHB4O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuYDtcblxubGV0IHJvd0NvdW50ZXIgPSAwO1xuXG5mdW5jdGlvbiBjcmVhdGVSb3cobmFtZSA9ICcnLCB2YWx1ZSA9ICcnKTogUHJvcGVydHlSb3cge1xuICByb3dDb3VudGVyICs9IDE7XG4gIHJldHVybiB7aWQ6IGBwcm9wZXJ0eS1yb3ctJHtyb3dDb3VudGVyfWAsIG5hbWUsIHZhbHVlfTtcbn1cblxuZnVuY3Rpb24gcm93c0Zyb21GZWF0dXJlKGZlYXR1cmU6IEZlYXR1cmUgfCBudWxsKTogUHJvcGVydHlSb3dbXSB7XG4gIGNvbnN0IHByb3BlcnRpZXMgPSBnZXRVc2VyRmVhdHVyZVByb3BlcnRpZXMoZmVhdHVyZSBhcyBhbnkpO1xuICBjb25zdCByb3dzID0gT2JqZWN0LmVudHJpZXMocHJvcGVydGllcykubWFwKChbbmFtZSwgdmFsdWVdKSA9PlxuICAgIGNyZWF0ZVJvdyhuYW1lLCB2YWx1ZSA9PSBudWxsID8gJycgOiBTdHJpbmcodmFsdWUpKVxuICApO1xuICByb3dzLnB1c2goY3JlYXRlUm93KCkpO1xuICByZXR1cm4gcm93cztcbn1cblxuZnVuY3Rpb24gdXNlclByb3BlcnRpZXNGcm9tUm93cyhyb3dzOiBQcm9wZXJ0eVJvd1tdKTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiB7XG4gIHJldHVybiByb3dzLnJlZHVjZTxSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+PigoYWNjLCByb3cpID0+IHtcbiAgICBjb25zdCBuYW1lID0gcm93Lm5hbWUudHJpbSgpO1xuICAgIGlmICghbmFtZSB8fCBpc1Jlc2VydmVkRWRpdG9yUHJvcGVydHkobmFtZSkpIHtcbiAgICAgIHJldHVybiBhY2M7XG4gICAgfVxuICAgIGFjY1tuYW1lXSA9IHJvdy52YWx1ZTtcbiAgICByZXR1cm4gYWNjO1xuICB9LCB7fSk7XG59XG5cbmZ1bmN0aW9uIHNhbWVQcm9wZXJ0aWVzKGxlZnQ6IFJlY29yZDxzdHJpbmcsIHVua25vd24+LCByaWdodDogUmVjb3JkPHN0cmluZywgdW5rbm93bj4pOiBib29sZWFuIHtcbiAgY29uc3Qga2V5cyA9IG5ldyBTZXQoWy4uLk9iamVjdC5rZXlzKGxlZnQpLCAuLi5PYmplY3Qua2V5cyhyaWdodCldKTtcbiAgZm9yIChjb25zdCBrZXkgb2Yga2V5cykge1xuICAgIGlmIChTdHJpbmcobGVmdFtrZXldID8/ICcnKSAhPT0gU3RyaW5nKHJpZ2h0W2tleV0gPz8gJycpKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICB9XG4gIHJldHVybiB0cnVlO1xufVxuXG5mdW5jdGlvbiBlbnN1cmVUcmFpbGluZ0VtcHR5Um93KHJvd3M6IFByb3BlcnR5Um93W10pOiBQcm9wZXJ0eVJvd1tdIHtcbiAgY29uc3QgbGFzdCA9IHJvd3Nbcm93cy5sZW5ndGggLSAxXTtcbiAgaWYgKCFsYXN0IHx8IGxhc3QubmFtZS50cmltKCkgfHwgbGFzdC52YWx1ZSkge1xuICAgIHJldHVybiBbLi4ucm93cywgY3JlYXRlUm93KCldO1xuICB9XG4gIHJldHVybiByb3dzO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBGZWF0dXJlUHJvcGVydGllc0VkaXRvcih7XG4gIHNlbGVjdGVkRmVhdHVyZSxcbiAgb25TZXRGZWF0dXJlUHJvcGVydGllc1xufTogRmVhdHVyZVByb3BlcnRpZXNFZGl0b3JQcm9wcykge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICBjb25zdCBbcm93cywgc2V0Um93c10gPSB1c2VTdGF0ZTxQcm9wZXJ0eVJvd1tdPigoKSA9PiByb3dzRnJvbUZlYXR1cmUoc2VsZWN0ZWRGZWF0dXJlKSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRSb3dzKHJvd3NGcm9tRmVhdHVyZShzZWxlY3RlZEZlYXR1cmUpKTtcbiAgfSwgW3NlbGVjdGVkRmVhdHVyZT8uaWRdKTtcblxuICBjb25zdCBjb21taXRSb3dzID0gdXNlQ2FsbGJhY2soXG4gICAgKG5leHRSb3dzOiBQcm9wZXJ0eVJvd1tdKSA9PiB7XG4gICAgICBpZiAoIXNlbGVjdGVkRmVhdHVyZSB8fCAhb25TZXRGZWF0dXJlUHJvcGVydGllcykge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBjb25zdCBwcm9wZXJ0aWVzID0gdXNlclByb3BlcnRpZXNGcm9tUm93cyhuZXh0Um93cyk7XG4gICAgICBpZiAoc2FtZVByb3BlcnRpZXMoZ2V0VXNlckZlYXR1cmVQcm9wZXJ0aWVzKHNlbGVjdGVkRmVhdHVyZSBhcyBhbnkpLCBwcm9wZXJ0aWVzKSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBvblNldEZlYXR1cmVQcm9wZXJ0aWVzKHNlbGVjdGVkRmVhdHVyZSwgcHJvcGVydGllcyk7XG4gICAgfSxcbiAgICBbb25TZXRGZWF0dXJlUHJvcGVydGllcywgc2VsZWN0ZWRGZWF0dXJlXVxuICApO1xuXG4gIGNvbnN0IHVwZGF0ZVJvdyA9IHVzZUNhbGxiYWNrKFxuICAgIChpZDogc3RyaW5nLCBwYXRjaDogUGFydGlhbDxQcm9wZXJ0eVJvdz4sIHNob3VsZENvbW1pdDogYm9vbGVhbikgPT4ge1xuICAgICAgY29uc3QgbmV4dFJvd3MgPSByb3dzLm1hcChyb3cgPT4gKHJvdy5pZCA9PT0gaWQgPyB7Li4ucm93LCAuLi5wYXRjaH0gOiByb3cpKTtcbiAgICAgIGNvbnN0IHdpdGhFbXB0eSA9IHNob3VsZENvbW1pdCA/IGVuc3VyZVRyYWlsaW5nRW1wdHlSb3cobmV4dFJvd3MpIDogbmV4dFJvd3M7XG4gICAgICBzZXRSb3dzKHdpdGhFbXB0eSk7XG4gICAgICBpZiAoc2hvdWxkQ29tbWl0KSB7XG4gICAgICAgIGNvbW1pdFJvd3Mod2l0aEVtcHR5KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtjb21taXRSb3dzLCByb3dzXVxuICApO1xuXG4gIGNvbnN0IHJlbW92ZVJvdyA9IHVzZUNhbGxiYWNrKFxuICAgIChpZDogc3RyaW5nKSA9PiB7XG4gICAgICBjb25zdCByZW1haW5pbmcgPSByb3dzLmZpbHRlcihyb3cgPT4gcm93LmlkICE9PSBpZCk7XG4gICAgICBjb25zdCBuZXh0Um93cyA9IHJlbWFpbmluZy5sZW5ndGggPyBlbnN1cmVUcmFpbGluZ0VtcHR5Um93KHJlbWFpbmluZykgOiBbY3JlYXRlUm93KCldO1xuICAgICAgc2V0Um93cyhuZXh0Um93cyk7XG4gICAgICBjb21taXRSb3dzKG5leHRSb3dzKTtcbiAgICB9LFxuICAgIFtjb21taXRSb3dzLCByb3dzXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFByb3BlcnRpZXNFZGl0b3JcbiAgICAgIGNsYXNzTmFtZT1cImZlYXR1cmUtcHJvcGVydGllcy1lZGl0b3JcIlxuICAgICAgb25Nb3VzZURvd249e2V2ZW50ID0+IGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgb25DbGljaz17ZXZlbnQgPT4gZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgPHNwYW4+e2ludGwuZm9ybWF0TWVzc2FnZSh7aWQ6ICdlZGl0b3IucHJvcGVydHlOYW1lJywgZGVmYXVsdE1lc3NhZ2U6ICdQcm9wZXJ0eSd9KX08L3NwYW4+XG4gICAgICAgIDxzcGFuPntpbnRsLmZvcm1hdE1lc3NhZ2Uoe2lkOiAnZWRpdG9yLnByb3BlcnR5VmFsdWUnLCBkZWZhdWx0TWVzc2FnZTogJ1ZhbHVlJ30pfTwvc3Bhbj5cbiAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAge3Jvd3MubWFwKHJvdyA9PiAoXG4gICAgICAgIDxTdHlsZWRSb3cga2V5PXtyb3cuaWR9PlxuICAgICAgICAgIDxTdHlsZWRQcm9wZXJ0eUlucHV0XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJmZWF0dXJlLXByb3BlcnR5LW5hbWVcIlxuICAgICAgICAgICAgc2Vjb25kYXJ5XG4gICAgICAgICAgICB2YWx1ZT17cm93Lm5hbWV9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKHtcbiAgICAgICAgICAgICAgaWQ6ICdlZGl0b3IucHJvcGVydHlOYW1lJyxcbiAgICAgICAgICAgICAgZGVmYXVsdE1lc3NhZ2U6ICdQcm9wZXJ0eSdcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2V2ZW50ID0+IHVwZGF0ZVJvdyhyb3cuaWQsIHtuYW1lOiBldmVudC50YXJnZXQudmFsdWV9LCBmYWxzZSl9XG4gICAgICAgICAgICBvbkJsdXI9eygpID0+IHVwZGF0ZVJvdyhyb3cuaWQsIHt9LCB0cnVlKX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17ZXZlbnQgPT4ge1xuICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U3R5bGVkUHJvcGVydHlJbnB1dFxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiZmVhdHVyZS1wcm9wZXJ0eS12YWx1ZVwiXG4gICAgICAgICAgICBzZWNvbmRhcnlcbiAgICAgICAgICAgIHZhbHVlPXtyb3cudmFsdWV9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKHtcbiAgICAgICAgICAgICAgaWQ6ICdlZGl0b3IucHJvcGVydHlWYWx1ZScsXG4gICAgICAgICAgICAgIGRlZmF1bHRNZXNzYWdlOiAnVmFsdWUnXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PlxuICAgICAgICAgICAgICB1cGRhdGVSb3cocm93LmlkLCB7dmFsdWU6IGV2ZW50LnRhcmdldC52YWx1ZX0sIEJvb2xlYW4ocm93Lm5hbWUudHJpbSgpKSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIG9uQmx1cj17KCkgPT4gdXBkYXRlUm93KHJvdy5pZCwge30sIHRydWUpfVxuICAgICAgICAgICAgb25LZXlEb3duPXtldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtyb3cubmFtZS50cmltKCkgfHwgcm93LnZhbHVlID8gKFxuICAgICAgICAgICAgPFN0eWxlZFJlbW92ZUJ1dHRvblxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZmVhdHVyZS1wcm9wZXJ0eS1yZW1vdmVcIlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2Uoe1xuICAgICAgICAgICAgICAgIGlkOiAnZWRpdG9yLnJlbW92ZVByb3BlcnR5JyxcbiAgICAgICAgICAgICAgICBkZWZhdWx0TWVzc2FnZTogJ1JlbW92ZSBwcm9wZXJ0eSdcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHJlbW92ZVJvdyhyb3cuaWQpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VHJhc2ggaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgICAgICA8L1N0eWxlZFJlbW92ZUJ1dHRvbj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZFJvdz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkUHJvcGVydGllc0VkaXRvcj5cbiAgKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsS0FBSyxJQUFHQyxXQUFXLEVBQUVDLFNBQVMsRUFBRUMsUUFBUSxRQUFPLE9BQU87QUFDN0QsU0FBUUMsT0FBTyxRQUFPLFlBQVk7QUFDbEMsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUV0QyxTQUFRQyx3QkFBd0IsRUFBRUMsd0JBQXdCLFFBQU8sa0JBQWtCO0FBRW5GLFNBQVFDLEtBQUssUUFBTyw2QkFBNkI7QUFDakQsU0FBUUMsS0FBSyxRQUFPLGlCQUFpQjtBQWFyQyxJQUFNQyxzQkFBc0IsR0FBR0wsTUFBTSxDQUFDTSxHQUFHLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSwwSUFDbkIsVUFBQUMsS0FBSztFQUFBLE9BQUlB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

package/dist/esm/editor/filter-feature-badges.js

@@ -0,0 +1,85 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+import { getFilterFeatureAnchor } from '@kepler.gl/utils';
+import { FilterFunnel } from '../common/icons';
+import { isPointVisibleOnGlobe } from '../annotations/annotation-utils';
+var BADGE_SIZE = 22;
+var BADGE_OFFSET_X = 6;
+var BADGE_OFFSET_Y = -BADGE_SIZE - 2;
+// Same blue as the editor polygon outline ([0x26, 0xb5, 0xf2]).
+var EDITOR_OUTLINE_COLOR = '#26b5f2';
+var BadgeLayer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1;\n"])));
+var FilterBadge = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: ", "px;\n  height: ", "px;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  border: 1px solid ", ";\n  background-color: ", ";\n  color: ", ";\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);\n  svg {\n    color: ", ";\n    stroke: ", ";\n  }\n  pointer-events: auto;\n  cursor: pointer;\n"])), BADGE_SIZE, BADGE_SIZE, EDITOR_OUTLINE_COLOR, function (props) {
+  return props.theme.panelBackground;
+}, EDITOR_OUTLINE_COLOR, EDITOR_OUTLINE_COLOR, EDITOR_OUTLINE_COLOR);
+function FilterFeatureBadges(_ref) {
+  var filters = _ref.filters,
+    viewport = _ref.viewport,
+    isGlobeEnabled = _ref.isGlobeEnabled,
+    onSelect = _ref.onSelect;
+  var intl = useIntl();
+  var badges = useMemo(function () {
+    if (!(viewport !== null && viewport !== void 0 && viewport.project)) {
+      return [];
+    }
+    return filters.reduce(function (acc, filter) {
+      var feature = filter === null || filter === void 0 ? void 0 : filter.value;
+      if (!feature) {
+        return acc;
+      }
+      var anchor = getFilterFeatureAnchor(feature);
+      if (!anchor) {
+        return acc;
+      }
+      if (isGlobeEnabled && !isPointVisibleOnGlobe(anchor, viewport)) {
+        return acc;
+      }
+      var projected = viewport.project(anchor);
+      if (!projected || !Number.isFinite(projected[0]) || !Number.isFinite(projected[1])) {
+        return acc;
+      }
+      acc.push({
+        id: String(feature.id || filter.id),
+        x: projected[0] + BADGE_OFFSET_X,
+        y: projected[1] + BADGE_OFFSET_Y,
+        feature: feature
+      });
+      return acc;
+    }, []);
+  }, [filters, viewport, isGlobeEnabled]);
+  if (!badges.length) {
+    return null;
+  }
+  var polygonFilterLabel = intl.formatMessage({
+    id: 'editor.polygonFilter',
+    defaultMessage: 'Polygon filter'
+  });
+  return /*#__PURE__*/React.createElement(BadgeLayer, {
+    className: "editor-filter-badges"
+  }, badges.map(function (badge) {
+    return /*#__PURE__*/React.createElement(FilterBadge, {
+      key: badge.id,
+      type: "button",
+      title: polygonFilterLabel,
+      "aria-label": polygonFilterLabel,
+      style: {
+        left: badge.x,
+        top: badge.y
+      },
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        onSelect === null || onSelect === void 0 || onSelect(badge.feature);
+      }
+    }, /*#__PURE__*/React.createElement(FilterFunnel, {
+      height: "12px"
+    }));
+  }));
+}
+export default /*#__PURE__*/React.memo(FilterFeatureBadges);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJ1c2VJbnRsIiwic3R5bGVkIiwiZ2V0RmlsdGVyRmVhdHVyZUFuY2hvciIsIkZpbHRlckZ1bm5lbCIsImlzUG9pbnRWaXNpYmxlT25HbG9iZSIsIkJBREdFX1NJWkUiLCJCQURHRV9PRkZTRVRfWCIsIkJBREdFX09GRlNFVF9ZIiwiRURJVE9SX09VVExJTkVfQ09MT1IiLCJCYWRnZUxheWVyIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsIkZpbHRlckJhZGdlIiwiYnV0dG9uIiwiX3RlbXBsYXRlT2JqZWN0MiIsInByb3BzIiwidGhlbWUiLCJwYW5lbEJhY2tncm91bmQiLCJGaWx0ZXJGZWF0dXJlQmFkZ2VzIiwiX3JlZiIsImZpbHRlcnMiLCJ2aWV3cG9ydCIsImlzR2xvYmVFbmFibGVkIiwib25TZWxlY3QiLCJpbnRsIiwiYmFkZ2VzIiwicHJvamVjdCIsInJlZHVjZSIsImFjYyIsImZpbHRlciIsImZlYXR1cmUiLCJ2YWx1ZSIsImFuY2hvciIsInByb2plY3RlZCIsIk51bWJlciIsImlzRmluaXRlIiwicHVzaCIsImlkIiwiU3RyaW5nIiwieCIsInkiLCJsZW5ndGgiLCJwb2x5Z29uRmlsdGVyTGFiZWwiLCJmb3JtYXRNZXNzYWdlIiwiZGVmYXVsdE1lc3NhZ2UiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwibWFwIiwiYmFkZ2UiLCJrZXkiLCJ0eXBlIiwidGl0bGUiLCJzdHlsZSIsImxlZnQiLCJ0b3AiLCJvbkNsaWNrIiwiZXZlbnQiLCJzdG9wUHJvcGFnYXRpb24iLCJoZWlnaHQiLCJtZW1vIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VkaXRvci9maWx0ZXItZmVhdHVyZS1iYWRnZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7dXNlSW50bH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtGaWx0ZXIsIEZlYXR1cmV9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtnZXRGaWx0ZXJGZWF0dXJlQW5jaG9yfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcblxuaW1wb3J0IHtGaWx0ZXJGdW5uZWx9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge01hcFZpZXdwb3J0LCBpc1BvaW50VmlzaWJsZU9uR2xvYmV9IGZyb20gJy4uL2Fubm90YXRpb25zL2Fubm90YXRpb24tdXRpbHMnO1xuXG5jb25zdCBCQURHRV9TSVpFID0gMjI7XG5jb25zdCBCQURHRV9PRkZTRVRfWCA9IDY7XG5jb25zdCBCQURHRV9PRkZTRVRfWSA9IC1CQURHRV9TSVpFIC0gMjtcbi8vIFNhbWUgYmx1ZSBhcyB0aGUgZWRpdG9yIHBvbHlnb24gb3V0bGluZSAoWzB4MjYsIDB4YjUsIDB4ZjJdKS5cbmNvbnN0IEVESVRPUl9PVVRMSU5FX0NPTE9SID0gJyMyNmI1ZjInO1xuXG5jb25zdCBCYWRnZUxheWVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgRmlsdGVyQmFkZ2UgPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke0JBREdFX1NJWkV9cHg7XG4gIGhlaWdodDogJHtCQURHRV9TSVpFfXB4O1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7RURJVE9SX09VVExJTkVfQ09MT1J9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZH07XG4gIGNvbG9yOiAke0VESVRPUl9PVVRMSU5FX0NPTE9SfTtcbiAgYm94LXNoYWRvdzogMCAxcHggNHB4IHJnYmEoMCwgMCwgMCwgMC4zNSk7XG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7RURJVE9SX09VVExJTkVfQ09MT1J9O1xuICAgIHN0cm9rZTogJHtFRElUT1JfT1VUTElORV9DT0xPUn07XG4gIH1cbiAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlckZlYXR1cmVCYWRnZXNQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyW107XG4gIHZpZXdwb3J0PzogTWFwVmlld3BvcnQgfCBudWxsO1xuICBpc0dsb2JlRW5hYmxlZD86IGJvb2xlYW47XG4gIG9uU2VsZWN0PzogKGZlYXR1cmU6IEZlYXR1cmUpID0+IHZvaWQ7XG59O1xuXG5mdW5jdGlvbiBGaWx0ZXJGZWF0dXJlQmFkZ2VzKHtcbiAgZmlsdGVycyxcbiAgdmlld3BvcnQsXG4gIGlzR2xvYmVFbmFibGVkLFxuICBvblNlbGVjdFxufTogRmlsdGVyRmVhdHVyZUJhZGdlc1Byb3BzKSB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IGJhZGdlcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghdmlld3BvcnQ/LnByb2plY3QpIHtcbiAgICAgIHJldHVybiBbXTtcbiAgICB9XG4gICAgcmV0dXJuIGZpbHRlcnMucmVkdWNlPFxuICAgICAge2lkOiBzdHJpbmc7IHg6IG51bWJlcjsgeTogbnVtYmVyOyBmZWF0dXJlOiBGZWF0dXJlfVtdXG4gICAgPigoYWNjLCBmaWx0ZXIpID0+IHtcbiAgICAgIGNvbnN0IGZlYXR1cmUgPSBmaWx0ZXI/LnZhbHVlIGFzIEZlYXR1cmUgfCB1bmRlZmluZWQ7XG4gICAgICBpZiAoIWZlYXR1cmUpIHtcbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH1cbiAgICAgIGNvbnN0IGFuY2hvciA9IGdldEZpbHRlckZlYXR1cmVBbmNob3IoZmVhdHVyZSk7XG4gICAgICBpZiAoIWFuY2hvcikge1xuICAgICAgICByZXR1cm4gYWNjO1xuICAgICAgfVxuICAgICAgaWYgKGlzR2xvYmVFbmFibGVkICYmICFpc1BvaW50VmlzaWJsZU9uR2xvYmUoYW5jaG9yLCB2aWV3cG9ydCkpIHtcbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH1cbiAgICAgIGNvbnN0IHByb2plY3RlZCA9IHZpZXdwb3J0LnByb2plY3QoYW5jaG9yKTtcbiAgICAgIGlmIChcbiAgICAgICAgIXByb2plY3RlZCB8fFxuICAgICAgICAhTnVtYmVyLmlzRmluaXRlKHByb2plY3RlZFswXSkgfHxcbiAgICAgICAgIU51bWJlci5pc0Zpbml0ZShwcm9qZWN0ZWRbMV0pXG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH1cbiAgICAgIGFjYy5wdXNoKHtcbiAgICAgICAgaWQ6IFN0cmluZyhmZWF0dXJlLmlkIHx8IGZpbHRlci5pZCksXG4gICAgICAgIHg6IHByb2plY3RlZFswXSArIEJBREdFX09GRlNFVF9YLFxuICAgICAgICB5OiBwcm9qZWN0ZWRbMV0gKyBCQURHRV9PRkZTRVRfWSxcbiAgICAgICAgZmVhdHVyZVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIFtdKTtcbiAgfSwgW2ZpbHRlcnMsIHZpZXdwb3J0LCBpc0dsb2JlRW5hYmxlZF0pO1xuXG4gIGlmICghYmFkZ2VzLmxlbmd0aCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgcG9seWdvbkZpbHRlckxhYmVsID0gaW50bC5mb3JtYXRNZXNzYWdlKHtcbiAgICBpZDogJ2VkaXRvci5wb2x5Z29uRmlsdGVyJyxcbiAgICBkZWZhdWx0TWVzc2FnZTogJ1BvbHlnb24gZmlsdGVyJ1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxCYWRnZUxheWVyIGNsYXNzTmFtZT1cImVkaXRvci1maWx0ZXItYmFkZ2VzXCI+XG4gICAgICB7YmFkZ2VzLm1hcChiYWRnZSA9PiAoXG4gICAgICAgIDxGaWx0ZXJCYWRnZVxuICAgICAgICAgIGtleT17YmFkZ2UuaWR9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgdGl0bGU9e3BvbHlnb25GaWx0ZXJMYWJlbH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtwb2x5Z29uRmlsdGVyTGFiZWx9XG4gICAgICAgICAgc3R5bGU9e3tsZWZ0OiBiYWRnZS54LCB0b3A6IGJhZGdlLnl9fVxuICAgICAgICAgIG9uQ2xpY2s9e2V2ZW50ID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgb25TZWxlY3Q/LihiYWRnZS5mZWF0dXJlKTtcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgPEZpbHRlckZ1bm5lbCBoZWlnaHQ9XCIxMnB4XCIgLz5cbiAgICAgICAgPC9GaWx0ZXJCYWRnZT5cbiAgICAgICkpfVxuICAgIDwvQmFkZ2VMYXllcj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyhGaWx0ZXJGZWF0dXJlQmFkZ2VzKTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssSUFBR0MsT0FBTyxRQUFPLE9BQU87QUFDcEMsU0FBUUMsT0FBTyxRQUFPLFlBQVk7QUFDbEMsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUd0QyxTQUFRQyxzQkFBc0IsUUFBTyxrQkFBa0I7QUFFdkQsU0FBUUMsWUFBWSxRQUFPLGlCQUFpQjtBQUM1QyxTQUFxQkMscUJBQXFCLFFBQU8saUNB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

package/dist/esm/effects/compact-color-picker.js

@@ -0,0 +1,103 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+import { rgbToHex } from '@kepler.gl/utils';
+import { Button } from '../common/styled-components';
+import Portaled from '../common/portaled';
+import SingleColorPalette from '../side-panel/layer-panel/single-color-palette';
+export var StyledPanelDropdown = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  background-color: ", ";\n  box-shadow: ", ";\n  border-radius: ", ";\n  overflow-y: auto;\n  max-height: 500px;\n  position: relative;\n  z-index: 999;\n  width: 220px;\n"])), function (props) {
+  return props.theme.panelDropdownScrollBar;
+}, function (props) {
+  return props.theme.panelBackground;
+}, function (props) {
+  return props.theme.panelBoxShadow;
+}, function (props) {
+  return props.theme.panelBorderRadius;
+});
+var StyledConfigSection = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var SectionTitle = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  margin-bottom: 8px;\n"])), function (props) {
+  return props.theme.inputFontSize;
+}, function (props) {
+  return props.theme.effectPanelTextSecondary2;
+});
+var StyledDropdownButtonWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-self: flex-start;\n  .button {\n    color: ", ";\n    display: flex;\n    gap: 5px;\n    border: none;\n    transition: background 0.2s;\n    background-color: ", ";\n    padding: 8px 5px 8px 10px;\n    &:active {\n      color: ", ";\n      background-color: ", ";\n    }\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n    }\n    & > svg {\n      margin-right: 0;\n    }\n  }\n"])), function (props) {
+  return props.theme.effectPanelTextSecondary2;
+}, function (props) {
+  return props.theme.inputBgd;
+}, function (props) {
+  return props.theme.effectPanelTextMain;
+}, function (props) {
+  return props.theme.inputBgdHover;
+}, function (props) {
+  return props.theme.effectPanelTextMain;
+}, function (props) {
+  return props.theme.inputBgdHover;
+});
+var DEFAULT_OFFSET = {
+  top: 0,
+  left: 0
+};
+var SingleColorPickerDropdown = function SingleColorPickerDropdown(_ref) {
+  var isOpened = _ref.isOpened,
+    onClose = _ref.onClose,
+    selectedColor = _ref.selectedColor,
+    onSelectColor = _ref.onSelectColor,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? DEFAULT_OFFSET : _ref$offset;
+  var onSelectColorCb = useCallback(function (v) {
+    onSelectColor(v);
+  }, [onSelectColor]);
+  return /*#__PURE__*/React.createElement(Portaled, {
+    top: offset.top,
+    left: offset.left,
+    isOpened: isOpened,
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(StyledPanelDropdown, null, /*#__PURE__*/React.createElement(SingleColorPalette, {
+    selectedColor: selectedColor,
+    onSelectColor: onSelectColorCb
+  })));
+};
+var CompactColorPicker = function CompactColorPicker(_ref2) {
+  var color = _ref2.color,
+    onSetColor = _ref2.onSetColor,
+    Icon = _ref2.Icon,
+    label = _ref2.label;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isColorPickerOpened = _React$useState2[0],
+    setIsColorPickerOpened = _React$useState2[1];
+  var hexColor = useMemo(function () {
+    return rgbToHex(color);
+  }, [color]);
+  var colorBlockStyle = useMemo(function () {
+    return {
+      width: 16,
+      height: 16,
+      backgroundColor: hexColor,
+      borderRadius: 2
+    };
+  }, [hexColor]);
+  var toggleDropdown = useCallback(function () {
+    setIsColorPickerOpened(!isColorPickerOpened);
+  }, [isColorPickerOpened, setIsColorPickerOpened]);
+  var closeDropdown = useCallback(function () {
+    setIsColorPickerOpened(false);
+  }, [setIsColorPickerOpened]);
+  return /*#__PURE__*/React.createElement(StyledConfigSection, null, /*#__PURE__*/React.createElement(SectionTitle, null, label), /*#__PURE__*/React.createElement(StyledDropdownButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: toggleDropdown
+  }, /*#__PURE__*/React.createElement("div", {
+    style: colorBlockStyle
+  }), /*#__PURE__*/React.createElement(Icon, null))), /*#__PURE__*/React.createElement(SingleColorPickerDropdown, {
+    isOpened: isColorPickerOpened,
+    onClose: closeDropdown,
+    selectedColor: hexColor,
+    onSelectColor: onSetColor
+  }));
+};
+export default CompactColorPicker;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZUNhbGxiYWNrIiwidXNlTWVtbyIsInN0eWxlZCIsInJnYlRvSGV4IiwiQnV0dG9uIiwiUG9ydGFsZWQiLCJTaW5nbGVDb2xvclBhbGV0dGUiLCJTdHlsZWRQYW5lbERyb3Bkb3duIiwiZGl2IiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsInByb3BzIiwidGhlbWUiLCJwYW5lbERyb3Bkb3duU2Nyb2xsQmFyIiwicGFuZWxCYWNrZ3JvdW5kIiwicGFuZWxCb3hTaGFkb3ciLCJwYW5lbEJvcmRlclJhZGl1cyIsIlN0eWxlZENvbmZpZ1NlY3Rpb24iLCJfdGVtcGxhdGVPYmplY3QyIiwiU2VjdGlvblRpdGxlIiwiX3RlbXBsYXRlT2JqZWN0MyIsImlucHV0Rm9udFNpemUiLCJlZmZlY3RQYW5lbFRleHRTZWNvbmRhcnkyIiwiU3R5bGVkRHJvcGRvd25CdXR0b25XcmFwcGVyIiwiX3RlbXBsYXRlT2JqZWN0NCIsImlucHV0QmdkIiwiZWZmZWN0UGFuZWxUZXh0TWFpbiIsImlucHV0QmdkSG92ZXIiLCJERUZBVUxUX09GRlNFVCIsInRvcCIsImxlZnQiLCJTaW5nbGVDb2xvclBpY2tlckRyb3Bkb3duIiwiX3JlZiIsImlzT3BlbmVkIiwib25DbG9zZSIsInNlbGVjdGVkQ29sb3IiLCJvblNlbGVjdENvbG9yIiwiX3JlZiRvZmZzZXQiLCJvZmZzZXQiLCJvblNlbGVjdENvbG9yQ2IiLCJ2IiwiY3JlYXRlRWxlbWVudCIsIkNvbXBhY3RDb2xvclBpY2tlciIsIl9yZWYyIiwiY29sb3IiLCJvblNldENvbG9yIiwiSWNvbiIsImxhYmVsIiwiX1JlYWN0JHVzZVN0YXRlIiwidXNlU3RhdGUiLCJfUmVhY3QkdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpc0NvbG9yUGlja2VyT3BlbmVkIiwic2V0SXNDb2xvclBpY2tlck9wZW5lZCIsImhleENvbG9yIiwiY29sb3JCbG9ja1N0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJ0b2dnbGVEcm9wZG93biIsImNsb3NlRHJvcGRvd24iLCJvbkNsaWNrIiwic3R5bGUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWZmZWN0cy9jb21wYWN0LWNvbG9yLXBpY2tlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIHVzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge3JnYlRvSGV4fSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcblxuaW1wb3J0IHtCdXR0b259IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUG9ydGFsZWQgZnJvbSAnLi4vY29tbW9uL3BvcnRhbGVkJztcbmltcG9ydCBTaW5nbGVDb2xvclBhbGV0dGUgZnJvbSAnLi4vc2lkZS1wYW5lbC9sYXllci1wYW5lbC9zaW5nbGUtY29sb3ItcGFsZXR0ZSc7XG5cbmV4cG9ydCB0eXBlIFNpbmdsZUNvbG9yUGlja2VyUHJvcHMgPSB7XG4gIGNvbG9yOiBbbnVtYmVyLCBudW1iZXIsIG51bWJlcl07XG4gIG9uU2V0Q29sb3I6ICh2YWx1ZTogW251bWJlciwgbnVtYmVyLCBudW1iZXJdKSA9PiB2b2lkO1xuICBsYWJlbDogc3RyaW5nO1xuICBJY29uOiBSZWFjdC5FbGVtZW50VHlwZTtcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbERyb3Bkb3duID0gc3R5bGVkLmRpdmBcbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbERyb3Bkb3duU2Nyb2xsQmFyfVxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQmFja2dyb3VuZH07XG4gIGJveC1zaGFkb3c6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCb3hTaGFkb3d9O1xuICBib3JkZXItcmFkaXVzOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQm9yZGVyUmFkaXVzfTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgbWF4LWhlaWdodDogNTAwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogOTk5O1xuICB3aWR0aDogMjIwcHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb25maWdTZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IFNlY3Rpb25UaXRsZSA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dEZvbnRTaXplfTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0UGFuZWxUZXh0U2Vjb25kYXJ5Mn07XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbmA7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIC5idXR0b24ge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dFNlY29uZGFyeTJ9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiA1cHg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMC4ycztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0QmdkfTtcbiAgICBwYWRkaW5nOiA4cHggNXB4IDhweCAxMHB4O1xuICAgICY6YWN0aXZlIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dE1haW59O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dEJnZEhvdmVyfTtcbiAgICB9XG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RQYW5lbFRleHRNYWlufTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCZ2RIb3Zlcn07XG4gICAgfVxuICAgICYgPiBzdmcge1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgREVGQVVMVF9PRkZTRVQgPSB7XG4gIHRvcDogMCxcbiAgbGVmdDogMFxufTtcblxuY29uc3QgU2luZ2xlQ29sb3JQaWNrZXJEcm9wZG93biA9ICh7XG4gIGlzT3BlbmVkLFxuICBvbkNsb3NlLFxuICBzZWxlY3RlZENvbG9yLFxuICBvblNlbGVjdENvbG9yLFxuICBvZmZzZXQgPSBERUZBVUxUX09GRlNFVFxufSkgPT4ge1xuICBjb25zdCBvblNlbGVjdENvbG9yQ2IgPSB1c2VDYWxsYmFjayhcbiAgICB2ID0+IHtcbiAgICAgIG9uU2VsZWN0Q29sb3Iodik7XG4gICAgfSxcbiAgICBbb25TZWxlY3RDb2xvcl1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8UG9ydGFsZWQgdG9wPXtvZmZzZXQudG9wfSBsZWZ0PXtvZmZzZXQubGVmdH0gaXNPcGVuZWQ9e2lzT3BlbmVkfSBvbkNsb3NlPXtvbkNsb3NlfT5cbiAgICAgIDxTdHlsZWRQYW5lbERyb3Bkb3duPlxuICAgICAgICA8U2luZ2xlQ29sb3JQYWxldHRlIHNlbGVjdGVkQ29sb3I9e3NlbGVjdGVkQ29sb3J9IG9uU2VsZWN0Q29sb3I9e29uU2VsZWN0Q29sb3JDYn0gLz5cbiAgICAgIDwvU3R5bGVkUGFuZWxEcm9wZG93bj5cbiAgICA8L1BvcnRhbGVkPlxuICApO1xufTtcblxuY29uc3QgQ29tcGFjdENvbG9yUGlja2VyOiBSZWFjdC5GQzxTaW5nbGVDb2xvclBpY2tlclByb3BzPiA9ICh7XG4gIGNvbG9yLFxuICBvblNldENvbG9yLFxuICBJY29uLFxuICBsYWJlbFxufTogU2luZ2xlQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICBjb25zdCBbaXNDb2xvclBpY2tlck9wZW5lZCwgc2V0SXNDb2xvclBpY2tlck9wZW5lZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgaGV4Q29sb3IgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gcmdiVG9IZXgoY29sb3IpO1xuICB9LCBbY29sb3JdKTtcblxuICBjb25zdCBjb2xvckJsb2NrU3R5bGUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBoZXhDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogMlxuICAgIH0pLFxuICAgIFtoZXhDb2xvcl1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVEcm9wZG93biA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRJc0NvbG9yUGlja2VyT3BlbmVkKCFpc0NvbG9yUGlja2VyT3BlbmVkKTtcbiAgfSwgW2lzQ29sb3JQaWNrZXJPcGVuZWQsIHNldElzQ29sb3JQaWNrZXJPcGVuZWRdKTtcblxuICBjb25zdCBjbG9zZURyb3Bkb3duID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldElzQ29sb3JQaWNrZXJPcGVuZWQoZmFsc2UpO1xuICB9LCBbc2V0SXNDb2xvclBpY2tlck9wZW5lZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbmZpZ1NlY3Rpb24+XG4gICAgICA8U2VjdGlvblRpdGxlPntsYWJlbH08L1NlY3Rpb25UaXRsZT5cbiAgICAgIDxTdHlsZWREcm9wZG93bkJ1dHRvbldyYXBwZXI+XG4gICAgICAgIDxCdXR0b24gb25DbGljaz17dG9nZ2xlRHJvcGRvd259PlxuICAgICAgICAgIDxkaXYgc3R5bGU9e2NvbG9yQmxvY2tTdHlsZX0gLz5cbiAgICAgICAgICA8SWNvbiAvPlxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25CdXR0b25XcmFwcGVyPlxuICAgICAgPFNpbmdsZUNvbG9yUGlja2VyRHJvcGRvd25cbiAgICAgICAgaXNPcGVuZWQ9e2lzQ29sb3JQaWNrZXJPcGVuZWR9XG4gICAgICAgIG9uQ2xvc2U9e2Nsb3NlRHJvcGRvd259XG4gICAgICAgIHNlbGVjdGVkQ29sb3I9e2hleENvbG9yfVxuICAgICAgICBvblNlbGVjdENvbG9yPXtvblNldENvbG9yfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZENvbmZpZ1NlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb21wYWN0Q29sb3JQaWNrZXI7XG4iXSwibWFwcGluZ3MiOiI7OztBQUFBO0FBQ0E7O0FBRUEsT0FBT0EsS0FBSyxJQUFHQyxXQUFXLEVBQUVDLE9BQU8sUUFBTyxPQUFPO0FBQ2pELE9BQU9DLE1BQU0sTUFBTSxtQkFBbUI7QUFFdEMsU0FBUUMsUUFBUSxRQUFPLGtCQUFrQjtBQUV6QyxTQUFRQyxNQUFNLFFBQU8sNkJBQTZCO0FBQ2xELE9BQU9DLFFBQVEsTUFBTSxvQkFBb0I7QUFDekMsT0FBT0Msa0JBQWtCLE1BQU0sZ0RBQWdEO0FBUy9FLE9BQU8sSUFBTUMsbUJBQW1CLEdBQUdMLE1BQU0sQ0FBQ00sR0FBRyxDQUFBQyxlQUFBLEtBQUFBLGVBQUEsR0FBQUMsc0JBQUEsK0xBQ3pDLFVBQUFDLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0Msc0JBQXNCO0FBQUEsR0FDekIsVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRSxlQUFlO0FBQUEsR0FDMUMsVUFBQUgsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FBSyxDQUFDRyxjQUFjO0FBQUEsR0FDaEMsVUFBQUosS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0MsS0FB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LENBQUFILGVBQUE7SUFBcEVJLG1CQUFtQixHQUFBRixnQkFBQTtJQUFFRyxzQkFBc0IsR0FBQUgsZ0JBQUE7RUFFbEQsSUFBTUksUUFBUSxHQUFHckQsT0FBTyxDQUFDLFlBQU07SUFDN0IsT0FBT0UsUUFBUSxDQUFDeUMsS0FBSyxDQUFDO0VBQ3hCLENBQUMsRUFBRSxDQUFDQSxLQUFLLENBQUMsQ0FBQztFQUVYLElBQU1XLGVBQWUsR0FBR3RELE9BQU8sQ0FDN0I7SUFBQSxPQUFPO01BQ0x1RCxLQUFLLEVBQUUsRUFBRTtNQUNUQyxNQUFNLEVBQUUsRUFBRTtNQUNWQyxlQUFlLEVBQUVKLFFBQVE7TUFDekJLLFlBQVksRUFBRTtJQUNoQixDQUFDO0VBQUEsQ0FBQyxFQUNGLENBQUNMLFFBQVEsQ0FDWCxDQUFDO0VBRUQsSUFBTU0sY0FBYyxHQUFHNUQsV0FBVyxDQUFDLFlBQU07SUFDdkNxRCxzQkFBc0IsQ0FBQyxDQUFDRCxtQkFBbUIsQ0FBQztFQUM5QyxDQUFDLEVBQUUsQ0FBQ0EsbUJBQW1CLEVBQUVDLHNCQUFzQixDQUFDLENBQUM7RUFFakQsSUFBTVEsYUFBYSxHQUFHN0QsV0FBVyxDQUFDLFlBQU07SUFDdENxRCxzQkFBc0IsQ0FBQyxLQUFLLENBQUM7RUFDL0IsQ0FBQyxFQUFFLENBQUNBLHNCQUFzQixDQUFDLENBQUM7RUFFNUIsb0JBQ0V0RCxLQUFBLENBQUEwQyxhQUFBLENBQUN4QixtQkFBbUIscUJBQ2xCbEIsS0FBQSxDQUFBMEMsYUFBQSxDQUFDdEIsWUFBWSxRQUFFNEIsS0FBb0IsQ0FBQyxlQUNwQ2hELEtBQUEsQ0FBQTBDLGFBQUEsQ0FBQ2xCLDJCQUEyQixxQkFDMUJ4QixLQUFBLENBQUEwQyxhQUFBLENBQUNyQyxNQUFNO0lBQUMwRCxPQUFPLEVBQUVGO0VBQWUsZ0JBQzlCN0QsS0FBQSxDQUFBMEMsYUFBQTtJQUFLc0IsS0FBSyxFQUFFUjtFQUFnQixDQUFFLENBQUMsZUFDL0J4RCxLQUFBLENBQUEwQyxhQUFBLENBQUNLLElBQUksTUFBRSxDQUNELENBQ21CLENBQUMsZUFDOUIvQyxLQUFBLENBQUEwQyxhQUFBLENBQUNWLHlCQUF5QjtJQUN4QkUsUUFBUSxFQUFFbUIsbUJBQW9CO0lBQzlCbEIsT0FBTyxFQUFFMkIsYUFBYztJQUN2QjFCLGFBQWEsRUFBRW1CLFFBQVM7SUFDeEJsQixhQUFhLEVBQUVTO0VBQVcsQ0FDM0IsQ0FDa0IsQ0FBQztBQUUxQixDQUFDO0FBRUQsZUFBZUgsa0JBQWtCIiwiaWdub3JlTGlzdCI6W119