@carto/kepler.gl 0.0.1-alpha.map-libre

package/dist/components/side-panel/layer-panel/layer-type-list-item.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerTypeListItemFactory = LayerTypeListItemFactory;
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _defaultSettings = require("../../../constants/default-settings");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _localization = require("../../../localization");
+
+var _templateObject;
+
+var ITEM_SIZE = {
+  large: 50,
+  small: 28
+};
+
+var StyledListItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  &.list {\n    display: flex;\n    align-items: center;\n\n    .layer-type-selector__item__icon {\n      color: ", ";\n      background-size: ", "px\n        ", "px;\n      margin-right: 12px;\n    }\n  }\n\n  .layer-type-selector__item__icon {\n    color: ", ";\n    display: flex;\n    background-image: url(", ");\n    background-size: ", "px\n      ", "px;\n  }\n\n  .layer-type-selector__item__label {\n    text-transform: capitalize;\n    font-size: 12px;\n    text-align: center;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.activeColor;
+}, function (props) {
+  return props.theme.layerTypeIconSizeSM;
+}, function (props) {
+  return props.theme.layerTypeIconSizeSM;
+}, function (props) {
+  return props.theme.labelColor;
+}, "".concat(_defaultSettings.CLOUDFRONT, "/kepler.gl-layer-icon-bg.png"), function (props) {
+  return props.theme.layerTypeIconSizeL;
+}, function (props) {
+  return props.theme.layerTypeIconSizeL;
+}, function (props) {
+  return props.theme.selectColor;
+});
+
+function LayerTypeListItemFactory() {
+  var LayerTypeListItem = function LayerTypeListItem(_ref) {
+    var value = _ref.value,
+        isTile = _ref.isTile;
+    return /*#__PURE__*/_react["default"].createElement(StyledListItem, {
+      className: (0, _classnames["default"])('layer-type-selector__item__inner', {
+        list: !isTile
+      })
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-type-selector__item__icon"
+    }, /*#__PURE__*/_react["default"].createElement(value.icon, {
+      height: "".concat(isTile ? ITEM_SIZE.large : ITEM_SIZE.small, "px")
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-type-selector__item__label"
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "layer.type.".concat(value.label.toLowerCase()),
+      defaultMessage: value.label
+    })));
+  };
+
+  return LayerTypeListItem;
+}
+
+var _default = LayerTypeListItemFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvbGF5ZXItdHlwZS1saXN0LWl0ZW0uanMiXSwibmFtZXMiOlsiSVRFTV9TSVpFIiwibGFyZ2UiLCJzbWFsbCIsIlN0eWxlZExpc3RJdGVtIiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJ0aGVtZSIsImFjdGl2ZUNvbG9yIiwibGF5ZXJUeXBlSWNvblNpemVTTSIsImxhYmVsQ29sb3IiLCJDTE9VREZST05UIiwibGF5ZXJUeXBlSWNvblNpemVMIiwic2VsZWN0Q29sb3IiLCJMYXllclR5cGVMaXN0SXRlbUZhY3RvcnkiLCJMYXllclR5cGVMaXN0SXRlbSIsInZhbHVlIiwiaXNUaWxlIiwibGlzdCIsImxhYmVsIiwidG9Mb3dlckNhc2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQUVBLElBQU1BLFNBQVMsR0FBRztBQUNoQkMsRUFBQUEsS0FBSyxFQUFFLEVBRFM7QUFFaEJDLEVBQUFBLEtBQUssRUFBRTtBQUZTLENBQWxCOztBQUtBLElBQU1DLGNBQWMsR0FBR0MsNkJBQU9DLEdBQVYseWxCQU1MLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsV0FBaEI7QUFBQSxDQU5BLEVBT0ssVUFBQUYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRSxtQkFBaEI7QUFBQSxDQVBWLEVBUVYsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRSxtQkFBaEI7QUFBQSxDQVJLLEVBY1AsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRyxVQUFoQjtBQUFBLENBZEUsWUFnQldDLDJCQWhCWCxtQ0FpQkcsVUFBQUwsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZSyxrQkFBaEI7QUFBQSxDQWpCUixFQWtCWixVQUFBTixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlLLGtCQUFoQjtBQUFBLENBbEJPLEVBeUJQLFVBQUFOLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWU0sV0FBaEI7QUFBQSxDQXpCRSxDQUFwQjs7QUE2Qk8sU0FBU0Msd0JBQVQsR0FBb0M7QUFDekMsTUFBTUMsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFvQjtBQUFBLFFBQUVDLEtBQUYsUUFBRUEsS0FBRjtBQUFBLFFBQVNDLE1BQVQsUUFBU0EsTUFBVDtBQUFBLHdCQUN4QixnQ0FBQyxjQUFEO0FBQ0UsTUFBQSxTQUFTLEVBQUUsNEJBQVcsa0NBQVgsRUFBK0M7QUFDeERDLFFBQUFBLElBQUksRUFBRSxDQUFDRDtBQURpRCxPQUEvQztBQURiLG9CQUtFO0FBQUssTUFBQSxTQUFTLEVBQUM7QUFBZixvQkFDRSxnQ0FBQyxLQUFELENBQU8sSUFBUDtBQUFZLE1BQUEsTUFBTSxZQUFLQSxNQUFNLEdBQUdqQixTQUFTLENBQUNDLEtBQWIsR0FBcUJELFNBQVMsQ0FBQ0UsS0FBMUM7QUFBbEIsTUFERixDQUxGLGVBUUU7QUFBSyxNQUFBLFNBQVMsRUFBQztBQUFmLG9CQUNFLGdDQUFDLDhCQUFEO0FBQ0UsTUFBQSxFQUFFLHVCQUFnQmMsS0FBSyxDQUFDRyxLQUFOLENBQVlDLFdBQVosRUFBaEIsQ0FESjtBQUVFLE1BQUEsY0FBYyxFQUFFSixLQUFLLENBQUNHO0FBRnhCLE1BREYsQ0FSRixDQUR3QjtBQUFBLEdBQTFCOztBQWtCQSxTQUFPSixpQkFBUDtBQUNEOztlQUVjRCx3QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Q0xPVURGUk9OVH0gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5cbmNvbnN0IElURU1fU0laRSA9IHtcbiAgbGFyZ2U6IDUwLFxuICBzbWFsbDogMjhcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdmBcbiAgJi5saXN0IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAubGF5ZXItdHlwZS1zZWxlY3Rvcl9faXRlbV9faWNvbiB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5hY3RpdmVDb2xvcn07XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJUeXBlSWNvblNpemVTTX1weFxuICAgICAgICAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyVHlwZUljb25TaXplU019cHg7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG4gICAgfVxuICB9XG5cbiAgLmxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2ljb24ge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxhYmVsQ29sb3J9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7YCR7Q0xPVURGUk9OVH0va2VwbGVyLmdsLWxheWVyLWljb24tYmcucG5nYH0pO1xuICAgIGJhY2tncm91bmQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllclR5cGVJY29uU2l6ZUx9cHhcbiAgICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJUeXBlSWNvblNpemVMfXB4O1xuICB9XG5cbiAgLmxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2xhYmVsIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICBmb250LXNpemU6IDEycHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNlbGVjdENvbG9yfTtcbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSgpIHtcbiAgY29uc3QgTGF5ZXJUeXBlTGlzdEl0ZW0gPSAoe3ZhbHVlLCBpc1RpbGV9KSA9PiAoXG4gICAgPFN0eWxlZExpc3RJdGVtXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoJ2xheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2lubmVyJywge1xuICAgICAgICBsaXN0OiAhaXNUaWxlXG4gICAgICB9KX1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2ljb25cIj5cbiAgICAgICAgPHZhbHVlLmljb24gaGVpZ2h0PXtgJHtpc1RpbGUgPyBJVEVNX1NJWkUubGFyZ2UgOiBJVEVNX1NJWkUuc21hbGx9cHhgfSAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImxheWVyLXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2xhYmVsXCI+XG4gICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlXG4gICAgICAgICAgaWQ9e2BsYXllci50eXBlLiR7dmFsdWUubGFiZWwudG9Mb3dlckNhc2UoKX1gfVxuICAgICAgICAgIGRlZmF1bHRNZXNzYWdlPXt2YWx1ZS5sYWJlbH1cbiAgICAgICAgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICk7XG5cbiAgcmV0dXJuIExheWVyVHlwZUxpc3RJdGVtO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllclR5cGVMaXN0SXRlbUZhY3Rvcnk7XG4iXX0=

package/dist/components/side-panel/layer-panel/layer-type-selector.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _layerTypeDropdownList = _interopRequireDefault(require("./layer-type-dropdown-list"));
+
+var _layerTypeListItem = _interopRequireDefault(require("./layer-type-list-item"));
+
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _templateObject;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = {
+  layer: _propTypes["default"].object.isRequired,
+  onSelect: _propTypes["default"].func.isRequired
+};
+
+var StyledLayerTypeSelector = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .item-selector .item-selector__dropdown {\n    padding: 4px 10px 4px 2px;\n  }\n"])));
+
+LayerTypeSelectorFactory.deps = [_layerTypeListItem["default"], _layerTypeDropdownList["default"]];
+
+var getDisplayOption = function getDisplayOption(op) {
+  return op.label;
+};
+
+var getOptionValue = function getOptionValue(op) {
+  return op.id;
+};
+
+function LayerTypeSelectorFactory(LayerTypeListItem, LayerTypeDropdownList) {
+  var LayerTypeSelector = function LayerTypeSelector(_ref) {
+    var layer = _ref.layer,
+        layerTypeOptions = _ref.layerTypeOptions,
+        onSelect = _ref.onSelect,
+        datasets = _ref.datasets;
+    var hasData = (0, _react.useMemo)(function () {
+      return Boolean(Object.keys(datasets).length);
+    }, [datasets]);
+    var typeOptions = (0, _react.useMemo)(function () {
+      return layerTypeOptions.map(function (op) {
+        return _objectSpread(_objectSpread({}, op), {}, {
+          disabled: !hasData && op.requireData !== false
+        });
+      });
+    }, [hasData, layerTypeOptions]);
+    var selectedItems = (0, _react.useMemo)(function () {
+      return typeOptions.find(function (op) {
+        return op.id === layer.type;
+      });
+    }, [typeOptions, layer.type]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(StyledLayerTypeSelector, {
+      className: "layer-config__type"
+    }, /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+      selectedItems: selectedItems,
+      options: typeOptions,
+      multiSelect: false,
+      placeholder: "placeholder.selectType",
+      onChange: onSelect,
+      getOptionValue: getOptionValue,
+      filterOption: "label",
+      displayOption: getDisplayOption,
+      DropDownLineItemRenderComponent: LayerTypeListItem,
+      DropDownRenderComponent: LayerTypeDropdownList
+    })));
+  };
+
+  LayerTypeSelector.propTypes = propTypes;
+  return (0, _styledComponents.withTheme)(LayerTypeSelector);
+}
+
+var _default = LayerTypeSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvbGF5ZXItdHlwZS1zZWxlY3Rvci5qcyJdLCJuYW1lcyI6WyJwcm9wVHlwZXMiLCJsYXllciIsIlByb3BUeXBlcyIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJvblNlbGVjdCIsImZ1bmMiLCJTdHlsZWRMYXllclR5cGVTZWxlY3RvciIsInN0eWxlZCIsImRpdiIsIkxheWVyVHlwZVNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJMYXllclR5cGVMaXN0SXRlbUZhY3RvcnkiLCJMYXllclR5cGVEcm9wZG93bkxpc3RGYWN0b3J5IiwiZ2V0RGlzcGxheU9wdGlvbiIsIm9wIiwibGFiZWwiLCJnZXRPcHRpb25WYWx1ZSIsImlkIiwiTGF5ZXJUeXBlTGlzdEl0ZW0iLCJMYXllclR5cGVEcm9wZG93bkxpc3QiLCJMYXllclR5cGVTZWxlY3RvciIsImxheWVyVHlwZU9wdGlvbnMiLCJkYXRhc2V0cyIsImhhc0RhdGEiLCJCb29sZWFuIiwiT2JqZWN0Iiwia2V5cyIsImxlbmd0aCIsInR5cGVPcHRpb25zIiwibWFwIiwiZGlzYWJsZWQiLCJyZXF1aXJlRGF0YSIsInNlbGVjdGVkSXRlbXMiLCJmaW5kIiwidHlwZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOztBQUVBOzs7Ozs7OztBQUVBLElBQU1BLFNBQVMsR0FBRztBQUNoQkMsRUFBQUEsS0FBSyxFQUFFQyxzQkFBVUMsTUFBVixDQUFpQkMsVUFEUjtBQUVoQkMsRUFBQUEsUUFBUSxFQUFFSCxzQkFBVUksSUFBVixDQUFlRjtBQUZULENBQWxCOztBQUtBLElBQU1HLHVCQUF1QixHQUFHQyw2QkFBT0MsR0FBViwwS0FBN0I7O0FBTUFDLHdCQUF3QixDQUFDQyxJQUF6QixHQUFnQyxDQUFDQyw2QkFBRCxFQUEyQkMsaUNBQTNCLENBQWhDOztBQUVBLElBQU1DLGdCQUFnQixHQUFHLFNBQW5CQSxnQkFBbUIsQ0FBQUMsRUFBRTtBQUFBLFNBQUlBLEVBQUUsQ0FBQ0MsS0FBUDtBQUFBLENBQTNCOztBQUNBLElBQU1DLGNBQWMsR0FBRyxTQUFqQkEsY0FBaUIsQ0FBQUYsRUFBRTtBQUFBLFNBQUlBLEVBQUUsQ0FBQ0csRUFBUDtBQUFBLENBQXpCOztBQUVBLFNBQVNSLHdCQUFULENBQWtDUyxpQkFBbEMsRUFBcURDLHFCQUFyRCxFQUE0RTtBQUMxRSxNQUFNQyxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQW9CLE9BQW1EO0FBQUEsUUFBakRwQixLQUFpRCxRQUFqREEsS0FBaUQ7QUFBQSxRQUExQ3FCLGdCQUEwQyxRQUExQ0EsZ0JBQTBDO0FBQUEsUUFBeEJqQixRQUF3QixRQUF4QkEsUUFBd0I7QUFBQSxRQUFka0IsUUFBYyxRQUFkQSxRQUFjO0FBQzNFLFFBQU1DLE9BQU8sR0FBRyxvQkFBUTtBQUFBLGFBQU1DLE9BQU8sQ0FBQ0MsTUFBTSxDQUFDQyxJQUFQLENBQVlKLFFBQVosRUFBc0JLLE1BQXZCLENBQWI7QUFBQSxLQUFSLEVBQXFELENBQUNMLFFBQUQsQ0FBckQsQ0FBaEI7QUFDQSxRQUFNTSxXQUFXLEdBQUcsb0JBQ2xCO0FBQUEsYUFDRVAsZ0JBQWdCLENBQUNRLEdBQWpCLENBQXFCLFVBQUFmLEVBQUU7QUFBQSwrQ0FDbEJBLEVBRGtCO0FBRXJCZ0IsVUFBQUEsUUFBUSxFQUFFLENBQUNQLE9BQUQsSUFBWVQsRUFBRSxDQUFDaUIsV0FBSCxLQUFtQjtBQUZwQjtBQUFBLE9BQXZCLENBREY7QUFBQSxLQURrQixFQU1sQixDQUFDUixPQUFELEVBQVVGLGdCQUFWLENBTmtCLENBQXBCO0FBU0EsUUFBTVcsYUFBYSxHQUFHLG9CQUFRO0FBQUEsYUFBTUosV0FBVyxDQUFDSyxJQUFaLENBQWlCLFVBQUFuQixFQUFFO0FBQUEsZUFBSUEsRUFBRSxDQUFDRyxFQUFILEtBQVVqQixLQUFLLENBQUNrQyxJQUFwQjtBQUFBLE9BQW5CLENBQU47QUFBQSxLQUFSLEVBQTRELENBQ2hGTixXQURnRixFQUVoRjVCLEtBQUssQ0FBQ2tDLElBRjBFLENBQTVELENBQXRCO0FBS0Esd0JBQ0UsZ0NBQUMsbUNBQUQscUJBQ0UsZ0NBQUMsdUJBQUQ7QUFBeUIsTUFBQSxTQUFTLEVBQUM7QUFBbkMsb0JBQ0UsZ0NBQUMsd0JBQUQ7QUFDRSxNQUFBLGFBQWEsRUFBRUYsYUFEakI7QUFFRSxNQUFBLE9BQU8sRUFBRUosV0FGWDtBQUdFLE1BQUEsV0FBVyxFQUFFLEtBSGY7QUFJRSxNQUFBLFdBQVcsRUFBQyx3QkFKZDtBQUtFLE1BQUEsUUFBUSxFQUFFeEIsUUFMWjtBQU1FLE1BQUEsY0FBYyxFQUFFWSxjQU5sQjtBQU9FLE1BQUEsWUFBWSxFQUFDLE9BUGY7QUFRRSxNQUFBLGFBQWEsRUFBRUgsZ0JBUmpCO0FBU0UsTUFBQSwrQkFBK0IsRUFBRUssaUJBVG5DO0FBVUUsTUFBQSx1QkFBdUIsRUFBRUM7QUFWM0IsTUFERixDQURGLENBREY7QUFrQkQsR0FsQ0Q7O0FBb0NBQyxFQUFBQSxpQkFBaUIsQ0FBQ3JCLFNBQWxCLEdBQThCQSxTQUE5QjtBQUVBLFNBQU8saUNBQVVxQixpQkFBVixDQUFQO0FBQ0Q7O2VBRWNYLHdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQsIHt3aXRoVGhlbWV9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IExheWVyVHlwZURyb3Bkb3duTGlzdEZhY3RvcnkgZnJvbSAnLi9sYXllci10eXBlLWRyb3Bkb3duLWxpc3QnO1xuaW1wb3J0IExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSBmcm9tICcuL2xheWVyLXR5cGUtbGlzdC1pdGVtJztcbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnY29tcG9uZW50cy9jb21tb24vaXRlbS1zZWxlY3Rvci9pdGVtLXNlbGVjdG9yJztcblxuaW1wb3J0IHtTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbmNvbnN0IHByb3BUeXBlcyA9IHtcbiAgbGF5ZXI6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgb25TZWxlY3Q6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWRcbn07XG5cbmNvbnN0IFN0eWxlZExheWVyVHlwZVNlbGVjdG9yID0gc3R5bGVkLmRpdmBcbiAgLml0ZW0tc2VsZWN0b3IgLml0ZW0tc2VsZWN0b3JfX2Ryb3Bkb3duIHtcbiAgICBwYWRkaW5nOiA0cHggMTBweCA0cHggMnB4O1xuICB9XG5gO1xuXG5MYXllclR5cGVTZWxlY3RvckZhY3RvcnkuZGVwcyA9IFtMYXllclR5cGVMaXN0SXRlbUZhY3RvcnksIExheWVyVHlwZURyb3Bkb3duTGlzdEZhY3RvcnldO1xuXG5jb25zdCBnZXREaXNwbGF5T3B0aW9uID0gb3AgPT4gb3AubGFiZWw7XG5jb25zdCBnZXRPcHRpb25WYWx1ZSA9IG9wID0+IG9wLmlkO1xuXG5mdW5jdGlvbiBMYXllclR5cGVTZWxlY3RvckZhY3RvcnkoTGF5ZXJUeXBlTGlzdEl0ZW0sIExheWVyVHlwZURyb3Bkb3duTGlzdCkge1xuICBjb25zdCBMYXllclR5cGVTZWxlY3RvciA9ICh7bGF5ZXIsIGxheWVyVHlwZU9wdGlvbnMsIG9uU2VsZWN0LCBkYXRhc2V0c30pID0+IHtcbiAgICBjb25zdCBoYXNEYXRhID0gdXNlTWVtbygoKSA9PiBCb29sZWFuKE9iamVjdC5rZXlzKGRhdGFzZXRzKS5sZW5ndGgpLCBbZGF0YXNldHNdKTtcbiAgICBjb25zdCB0eXBlT3B0aW9ucyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PlxuICAgICAgICBsYXllclR5cGVPcHRpb25zLm1hcChvcCA9PiAoe1xuICAgICAgICAgIC4uLm9wLFxuICAgICAgICAgIGRpc2FibGVkOiAhaGFzRGF0YSAmJiBvcC5yZXF1aXJlRGF0YSAhPT0gZmFsc2VcbiAgICAgICAgfSkpLFxuICAgICAgW2hhc0RhdGEsIGxheWVyVHlwZU9wdGlvbnNdXG4gICAgKTtcblxuICAgIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKCgpID0+IHR5cGVPcHRpb25zLmZpbmQob3AgPT4gb3AuaWQgPT09IGxheWVyLnR5cGUpLCBbXG4gICAgICB0eXBlT3B0aW9ucyxcbiAgICAgIGxheWVyLnR5cGVcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgPFN0eWxlZExheWVyVHlwZVNlbGVjdG9yIGNsYXNzTmFtZT1cImxheWVyLWNvbmZpZ19fdHlwZVwiPlxuICAgICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICAgIHNlbGVjdGVkSXRlbXM9e3NlbGVjdGVkSXRlbXN9XG4gICAgICAgICAgICBvcHRpb25zPXt0eXBlT3B0aW9uc31cbiAgICAgICAgICAgIG11bHRpU2VsZWN0PXtmYWxzZX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwicGxhY2Vob2xkZXIuc2VsZWN0VHlwZVwiXG4gICAgICAgICAgICBvbkNoYW5nZT17b25TZWxlY3R9XG4gICAgICAgICAgICBnZXRPcHRpb25WYWx1ZT17Z2V0T3B0aW9uVmFsdWV9XG4gICAgICAgICAgICBmaWx0ZXJPcHRpb249XCJsYWJlbFwiXG4gICAgICAgICAgICBkaXNwbGF5T3B0aW9uPXtnZXREaXNwbGF5T3B0aW9ufVxuICAgICAgICAgICAgRHJvcERvd25MaW5lSXRlbVJlbmRlckNvbXBvbmVudD17TGF5ZXJUeXBlTGlzdEl0ZW19XG4gICAgICAgICAgICBEcm9wRG93blJlbmRlckNvbXBvbmVudD17TGF5ZXJUeXBlRHJvcGRvd25MaXN0fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkTGF5ZXJUeXBlU2VsZWN0b3I+XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfTtcblxuICBMYXllclR5cGVTZWxlY3Rvci5wcm9wVHlwZXMgPSBwcm9wVHlwZXM7XG5cbiAgcmV0dXJuIHdpdGhUaGVtZShMYXllclR5cGVTZWxlY3Rvcik7XG59XG5cbmV4cG9ydCBkZWZhdWx0IExheWVyVHlwZVNlbGVjdG9yRmFjdG9yeTtcbiJdfQ==

package/dist/components/side-panel/layer-panel/layer-visibility-by-zoom.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _localization = require("../../../localization");
+
+var _defaultSettings = require("../../../constants/default-settings");
+
+var _templateObject, _templateObject2;
+
+var SliderWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n"])));
+
+var TopRow = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n"])));
+
+LayerVisibilityByZoomFactory.deps = [_rangeSlider["default"]];
+
+function LayerVisibilityByZoomFactory(RangeSlider) {
+  var LayerVisibilityByZoom = function LayerVisibilityByZoom(_ref) {
+    var _config$visibilityByZ, _config$visibilityByZ2, _config$visibilityByZ3, _config$visibilityByZ4, _config$visibilityByZ5, _config$visibilityByZ6;
+
+    var updateLayerConfig = _ref.updateLayerConfig,
+        layer = _ref.layer,
+        rangeMinValue = _ref.rangeMinValue,
+        rangeMaxValue = _ref.rangeMaxValue,
+        iconComponent = _ref.iconComponent,
+        disabled = _ref.disabled;
+    var config = layer.config;
+    var minLimit = rangeMinValue || _defaultSettings.ZOOM_LEVEL_LIMITS.min;
+    var maxLimit = rangeMaxValue || _defaultSettings.ZOOM_LEVEL_LIMITS.max;
+
+    var _React$useState = _react["default"].useState((_config$visibilityByZ = config.visibilityByZoom) !== null && _config$visibilityByZ !== void 0 && _config$visibilityByZ.min ? ((_config$visibilityByZ2 = config.visibilityByZoom) === null || _config$visibilityByZ2 === void 0 ? void 0 : _config$visibilityByZ2.min) < minLimit ? minLimit : (_config$visibilityByZ3 = config.visibilityByZoom) === null || _config$visibilityByZ3 === void 0 ? void 0 : _config$visibilityByZ3.min : minLimit),
+        _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+        zoomMin = _React$useState2[0],
+        setZoomMin = _React$useState2[1];
+
+    var _React$useState3 = _react["default"].useState((_config$visibilityByZ4 = config.visibilityByZoom) !== null && _config$visibilityByZ4 !== void 0 && _config$visibilityByZ4.max ? ((_config$visibilityByZ5 = config.visibilityByZoom) === null || _config$visibilityByZ5 === void 0 ? void 0 : _config$visibilityByZ5.max) > maxLimit ? maxLimit : (_config$visibilityByZ6 = config.visibilityByZoom) === null || _config$visibilityByZ6 === void 0 ? void 0 : _config$visibilityByZ6.max : maxLimit),
+        _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+        zoomMax = _React$useState4[0],
+        setZoomMax = _React$useState4[1];
+
+    var _onChange = (0, _react.useCallback)(function (val) {
+      setZoomMin(val[0]);
+      setZoomMax(val[1]);
+      updateLayerConfig({
+        visibilityByZoom: {
+          min: val[0],
+          max: val[1]
+        }
+      });
+    }, [updateLayerConfig]);
+
+    var IconElement = function IconElement() {
+      return iconComponent || null;
+    };
+
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+      disabled: disabled
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-visibility__zoom"
+    }, /*#__PURE__*/_react["default"].createElement(TopRow, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'layerVisibility.title'
+    }), ' ', /*#__PURE__*/_react["default"].createElement(IconElement, {
+      "data-test": "icon-help-button"
+    }))), /*#__PURE__*/_react["default"].createElement(SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: [rangeMinValue || _defaultSettings.ZOOM_LEVEL_LIMITS.min, rangeMaxValue || _defaultSettings.ZOOM_LEVEL_LIMITS.max],
+      value0: zoomMin,
+      value1: zoomMax,
+      min: minLimit,
+      max: maxLimit,
+      onChange: _onChange,
+      isRanged: true,
+      showTooltip: true,
+      showInput: true,
+      inputTheme: "secondary",
+      inputSize: "tiny"
+    })))));
+  };
+
+  LayerVisibilityByZoom.propTypes = {
+    updateLayerConfig: _propTypes["default"].func.isRequired,
+    rangeMinValue: _propTypes["default"].number,
+    rangeMaxValue: _propTypes["default"].number,
+    iconComponent: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].func])
+  };
+  return LayerVisibilityByZoom;
+}
+
+var _default = LayerVisibilityByZoomFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvbGF5ZXItdmlzaWJpbGl0eS1ieS16b29tLmpzIl0sIm5hbWVzIjpbIlNsaWRlcldyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJUb3BSb3ciLCJMYXllclZpc2liaWxpdHlCeVpvb21GYWN0b3J5IiwiZGVwcyIsIlJhbmdlU2xpZGVyRmFjdG9yeSIsIlJhbmdlU2xpZGVyIiwiTGF5ZXJWaXNpYmlsaXR5Qnlab29tIiwidXBkYXRlTGF5ZXJDb25maWciLCJsYXllciIsInJhbmdlTWluVmFsdWUiLCJyYW5nZU1heFZhbHVlIiwiaWNvbkNvbXBvbmVudCIsImRpc2FibGVkIiwiY29uZmlnIiwibWluTGltaXQiLCJaT09NX0xFVkVMX0xJTUlUUyIsIm1pbiIsIm1heExpbWl0IiwibWF4IiwiUmVhY3QiLCJ1c2VTdGF0ZSIsInZpc2liaWxpdHlCeVpvb20iLCJ6b29tTWluIiwic2V0Wm9vbU1pbiIsInpvb21NYXgiLCJzZXRab29tTWF4IiwiX29uQ2hhbmdlIiwidmFsIiwiSWNvbkVsZW1lbnQiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJmdW5jIiwiaXNSZXF1aXJlZCIsIm51bWJlciIsIm9uZU9mVHlwZSIsImVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQUVBLElBQU1BLGFBQWEsR0FBR0MsNkJBQU9DLEdBQVYsK0dBQW5COztBQUlBLElBQU1DLE1BQU0sR0FBR0YsNkJBQU9DLEdBQVYsK0lBQVo7O0FBS0FFLDRCQUE0QixDQUFDQyxJQUE3QixHQUFvQyxDQUFDQyx1QkFBRCxDQUFwQzs7QUFFQSxTQUFTRiw0QkFBVCxDQUFzQ0csV0FBdEMsRUFBbUQ7QUFDakQsTUFBTUMscUJBQXFCLEdBQUcsU0FBeEJBLHFCQUF3QixPQU94QjtBQUFBOztBQUFBLFFBTkpDLGlCQU1J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d0VBcEIsRUFBQUEscUJBQXFCLENBQUN1QixTQUF0QixHQUFrQztBQUNoQ3RCLElBQUFBLGlCQUFpQixFQUFFdUIsc0JBQVVDLElBQVYsQ0FBZUMsVUFERjtBQUVoQ3ZCLElBQUFBLGFBQWEsRUFBRXFCLHNCQUFVRyxNQUZPO0FBR2hDdkIsSUFBQUEsYUFBYSxFQUFFb0Isc0JBQVVHLE1BSE87QUFJaEN0QixJQUFBQSxhQUFhLEVBQUVtQixzQkFBVUksU0FBVixDQUFvQixDQUFDSixzQkFBVUssT0FBWCxFQUFvQkwsc0JBQVVDLElBQTlCLENBQXBCO0FBSmlCLEdBQWxDO0FBT0EsU0FBT3pCLHFCQUFQO0FBQ0Q7O2VBRWNKLDRCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBSYW5nZVNsaWRlckZhY3RvcnkgZnJvbSAnY29tcG9uZW50cy9jb21tb24vcmFuZ2Utc2xpZGVyJztcbmltcG9ydCB7UGFuZWxMYWJlbCwgU2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnY29tcG9uZW50cy9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdsb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtaT09NX0xFVkVMX0xJTUlUU30gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuXG5jb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgVG9wUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuTGF5ZXJWaXNpYmlsaXR5Qnlab29tRmFjdG9yeS5kZXBzID0gW1JhbmdlU2xpZGVyRmFjdG9yeV07XG5cbmZ1bmN0aW9uIExheWVyVmlzaWJpbGl0eUJ5Wm9vbUZhY3RvcnkoUmFuZ2VTbGlkZXIpIHtcbiAgY29uc3QgTGF5ZXJWaXNpYmlsaXR5Qnlab29tID0gKHtcbiAgICB1cGRhdGVMYXllckNvbmZpZyxcbiAgICBsYXllcixcbiAgICByYW5nZU1pblZhbHVlLFxuICAgIHJhbmdlTWF4VmFsdWUsXG4gICAgaWNvbkNvbXBvbmVudCxcbiAgICBkaXNhYmxlZFxuICB9KSA9PiB7XG4gICAgY29uc3Qge2NvbmZpZ30gPSBsYXllcjtcbiAgICBjb25zdCBtaW5MaW1pdCA9IHJhbmdlTWluVmFsdWUgfHwgWk9PTV9MRVZFTF9MSU1JVFMubWluO1xuICAgIGNvbnN0IG1heExpbWl0ID0gcmFuZ2VNYXhWYWx1ZSB8fCBaT09NX0xFVkVMX0xJTUlUUy5tYXg7XG5cbiAgICBjb25zdCBbem9vbU1pbiwgc2V0Wm9vbU1pbl0gPSBSZWFjdC51c2VTdGF0ZShcbiAgICAgIGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5taW5cbiAgICAgICAgPyBjb25maWcudmlzaWJpbGl0eUJ5Wm9vbT8ubWluIDwgbWluTGltaXRcbiAgICAgICAgICA/IG1pbkxpbWl0XG4gICAgICAgICAgOiBjb25maWcudmlzaWJpbGl0eUJ5Wm9vbT8ubWluXG4gICAgICAgIDogbWluTGltaXRcbiAgICApO1xuICAgIGNvbnN0IFt6b29tTWF4LCBzZXRab29tTWF4XSA9IFJlYWN0LnVzZVN0YXRlKFxuICAgICAgY29uZmlnLnZpc2liaWxpdHlCeVpvb20/Lm1heFxuICAgICAgICA/IGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5tYXggPiBtYXhMaW1pdFxuICAgICAgICAgID8gbWF4TGltaXRcbiAgICAgICAgICA6IGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5tYXhcbiAgICAgICAgOiBtYXhMaW1pdFxuICAgICk7XG5cbiAgICBjb25zdCBfb25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgIHZhbCA9PiB7XG4gICAgICAgIHNldFpvb21NaW4odmFsWzBdKTtcbiAgICAgICAgc2V0Wm9vbU1heCh2YWxbMV0pO1xuICAgICAgICB1cGRhdGVMYXllckNvbmZpZyh7dmlzaWJpbGl0eUJ5Wm9vbToge21pbjogdmFsWzBdLCBtYXg6IHZhbFsxXX19KTtcbiAgICAgIH0sXG4gICAgICBbdXBkYXRlTGF5ZXJDb25maWddXG4gICAgKTtcblxuICAgIGNvbnN0IEljb25FbGVtZW50ID0gKCkgPT4gaWNvbkNvbXBvbmVudCB8fCBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uIGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci12aXNpYmlsaXR5X196b29tXCI+XG4gICAgICAgICAgICA8VG9wUm93PlxuICAgICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2xheWVyVmlzaWJpbGl0eS50aXRsZSd9IC8+eycgJ31cbiAgICAgICAgICAgICAgICA8SWNvbkVsZW1lbnQgZGF0YS10ZXN0PVwiaWNvbi1oZWxwLWJ1dHRvblwiIC8+XG4gICAgICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgICAgIDwvVG9wUm93PlxuICAgICAgICAgICAgPFNsaWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxSYW5nZVNsaWRlclxuICAgICAgICAgICAgICAgIHJhbmdlPXtbXG4gICAgICAgICAgICAgICAgICByYW5nZU1pblZhbHVlIHx8IFpPT01fTEVWRUxfTElNSVRTLm1pbixcbiAgICAgICAgICAgICAgICAgIHJhbmdlTWF4VmFsdWUgfHwgWk9PTV9MRVZFTF9MSU1JVFMubWF4XG4gICAgICAgICAgICAgICAgXX1cbiAgICAgICAgICAgICAgICB2YWx1ZTA9e3pvb21NaW59XG4gICAgICAgICAgICAgICAgdmFsdWUxPXt6b29tTWF4fVxuICAgICAgICAgICAgICAgIG1pbj17bWluTGltaXR9XG4gICAgICAgICAgICAgICAgbWF4PXttYXhMaW1pdH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17X29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgIGlzUmFuZ2VkPXt0cnVlfVxuICAgICAgICAgICAgICAgIHNob3dUb29sdGlwXG4gICAgICAgICAgICAgICAgc2hvd0lucHV0XG4gICAgICAgICAgICAgICAgaW5wdXRUaGVtZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgaW5wdXRTaXplPVwidGlueVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NsaWRlcldyYXBwZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgTGF5ZXJWaXNpYmlsaXR5Qnlab29tLnByb3BUeXBlcyA9IHtcbiAgICB1cGRhdGVMYXllckNvbmZpZzogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICByYW5nZU1pblZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICAgIHJhbmdlTWF4VmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgaWNvbkNvbXBvbmVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmVsZW1lbnQsIFByb3BUeXBlcy5mdW5jXSlcbiAgfTtcblxuICByZXR1cm4gTGF5ZXJWaXNpYmlsaXR5Qnlab29tO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllclZpc2liaWxpdHlCeVpvb21GYWN0b3J5O1xuIl19

package/dist/components/side-panel/layer-panel/single-color-palette.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _d3Array = require("d3-array");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _colorUtils = require("../../../utils/color-utils");
+
+var _colorPalette = require("../../../constants/color-palette");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PALETTE_HEIGHT = '8px';
+var ROWS = 22;
+
+var StyledColorPalette = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 12px;\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+
+var StyledColorColumn = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+
+var StyledColorBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n  height: ", ";\n  border-width: 1px;\n  border-style: solid;\n"])), PALETTE_HEIGHT);
+
+SingleColorPaletteFactory.deps = [];
+
+function SingleColorPaletteFactory() {
+  var SingleColorPalette = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(SingleColorPalette, _Component);
+
+    var _super = _createSuper(SingleColorPalette);
+
+    function SingleColorPalette() {
+      (0, _classCallCheck2["default"])(this, SingleColorPalette);
+      return _super.apply(this, arguments);
+    }
+
+    (0, _createClass2["default"])(SingleColorPalette, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            selectedColor = _this$props.selectedColor,
+            onSelectColor = _this$props.onSelectColor;
+        return /*#__PURE__*/_react["default"].createElement(StyledColorPalette, {
+          className: "single-color-palette"
+        }, _colorPalette.Themes.map(function (theme, col) {
+          return /*#__PURE__*/_react["default"].createElement(StyledColorColumn, {
+            key: theme,
+            className: "single-color-palette__column"
+          }, (0, _d3Array.range)(1, ROWS + 1, 1).map(function (key, i) {
+            return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+              className: "single-color-palette__block",
+              style: {
+                backgroundColor: _colorPalette.ColorsByTheme[theme][key],
+                borderColor: selectedColor === _colorPalette.ColorsByTheme[theme][key].toUpperCase() ? 'white' : _colorPalette.ColorsByTheme[theme][key]
+              },
+              key: "".concat(theme, "_").concat(key),
+              selected: selectedColor === _colorPalette.ColorsByTheme[theme][key].toUpperCase(),
+              onClick: function onClick(e) {
+                return onSelectColor((0, _colorUtils.hexToRgb)(_colorPalette.ColorsByTheme[theme][key]), e);
+              }
+            });
+          }));
+        }));
+      }
+    }]);
+    return SingleColorPalette;
+  }(_react.Component);
+
+  (0, _defineProperty2["default"])(SingleColorPalette, "propTypes", {
+    onSelectColor: _propTypes["default"].func.isRequired,
+    // hex value
+    selectedColor: _propTypes["default"].string.isRequired
+  });
+  return SingleColorPalette;
+} // SingleColorPalette.propTypes = propTypes;
+
+
+var _default = SingleColorPaletteFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvc2luZ2xlLWNvbG9yLXBhbGV0dGUuanMiXSwibmFtZXMiOlsiUEFMRVRURV9IRUlHSFQiLCJST1dTIiwiU3R5bGVkQ29sb3JQYWxldHRlIiwic3R5bGVkIiwiZGl2IiwiU3R5bGVkQ29sb3JDb2x1bW4iLCJTdHlsZWRDb2xvckJsb2NrIiwiU2luZ2xlQ29sb3JQYWxldHRlRmFjdG9yeSIsImRlcHMiLCJTaW5nbGVDb2xvclBhbGV0dGUiLCJwcm9wcyIsInNlbGVjdGVkQ29sb3IiLCJvblNlbGVjdENvbG9yIiwiVGhlbWVzIiwibWFwIiwidGhlbWUiLCJjb2wiLCJrZXkiLCJpIiwiYmFja2dyb3VuZENvbG9yIiwiQ29sb3JzQnlUaGVtZSIsImJvcmRlckNvbG9yIiwidG9VcHBlckNhc2UiLCJlIiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiZnVuYyIsImlzUmVxdWlyZWQiLCJzdHJpbmciXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUE7Ozs7Ozs7O0FBRUEsSUFBTUEsY0FBYyxHQUFHLEtBQXZCO0FBQ0EsSUFBTUMsSUFBSSxHQUFHLEVBQWI7O0FBRUEsSUFBTUMsa0JBQWtCLEdBQUdDLDZCQUFPQyxHQUFWLGdPQUF4Qjs7QUFXQSxJQUFNQyxpQkFBaUIsR0FBR0YsNkJBQU9DLEdBQVYsMkxBQXZCOztBQU9BLElBQU1FLGdCQUFnQixHQUFHSCw2QkFBT0MsR0FBViwyS0FFVkosY0FGVSxDQUF0Qjs7QUFNQU8seUJBQXlCLENBQUNDLElBQTFCLEdBQWlDLEVBQWpDOztBQUVBLFNBQVNELHlCQUFULEdBQXFDO0FBQUEsTUFDN0JFLGtCQUQ2QjtBQUFBOztBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBOztBQUFBO0FBQUE7QUFBQSxhQVFqQyxrQkFBUztBQUFBLDBCQUNnQyxLQUFLQyxLQURyQztBQUFBLFlBQ0FDLGFBREEsZUFDQUEsYUFEQTtBQUFBLFlBQ2VDLGFBRGYsZUFDZUEsYUFEZjtBQUVQLDRCQUNFLGdDQUFDLGtCQUFEO0FBQW9CLFVBQUEsU0FBUyxFQUFDO0FBQTlCLFdBQ0dDLHFCQUFPQyxHQUFQLENBQVcsVUFBQ0MsS0FBRCxFQUFRQyxHQUFSO0FBQUEsOEJBQ1YsZ0NBQUMsaUJBQUQ7QUFBbUIsWUFBQSxHQUFHLEVBQUVELEtBQXhCO0FBQStCLFlBQUEsU0FBUyxFQUFDO0FBQXpDLGFBQ0csb0JBQU0sQ0FBTixFQUFTZCxJQUFJLEdBQUcsQ0FBaEIsRUFBbUIsQ0FBbkIsRUFBc0JhLEdBQXRCLENBQTBCLFVBQUNHLEdBQUQsRUFBTUMsQ0FBTjtBQUFBLGdDQUN6QixnQ0FBQyxnQkFBRDtBQUNFLGNBQUEsU0FBUyxFQUFDLDZCQURaO0FBRUUsY0FBQSxLQUFLLEVBQUU7QUFDTEMsZ0JBQUFBLGVBQWUsRUFBRUMsNEJBQWNMLEtBQWQsRUFBcUJFLEdBQXJCLENBRFo7QUFFTEksZ0JBQUFBLFdBQVcsRUFDVFYsYUFBYSxLQUFLUyw0QkFBY0wsS0FBZCxFQUFxQkUsR0FBckIsRUFBMEJLLFdBQTFCLEVBQWxCLEdBQ0ksT0FESixHQUVJRiw0QkFBY0wsS0FBZCxFQUFxQkUsR0FBckI7QUFMRCxlQUZUO0FBU0UsY0FBQSxHQUFHLFlBQUtGLEtBQUwsY0FBY0UsR0FBZCxDQVRMO0FBVUUsY0FBQSxRQUFRLEVBQUVOLGFBQWEsS0FBS1MsNEJBQWNMLEtBQWQsRUFBcUJFLEdBQXJCLEVBQTBCSyxXQUExQixFQVY5QjtBQVdFLGNBQUEsT0FBTyxFQUFFLGlCQUFBQyxDQUFDO0FBQUEsdUJBQUlYLGFBQWEsQ0FBQywwQkFBU1EsNEJBQWNMLEtBQWQsRUFBcUJFLEdBQXJCLENBQVQsQ0FBRCxFQUFzQ00sQ0FBdEMsQ0FBakI7QUFBQTtBQVhaLGNBRHlCO0FBQUEsV0FBMUIsQ0FESCxDQURVO0FBQUEsU0FBWCxDQURILENBREY7QUF1QkQ7QUFqQ2dDO0FBQUE7QUFBQSxJQUNGQyxnQkFERTs7QUFBQSxtQ0FDN0JmLGtCQUQ2QixlQUVkO0FBQ2pCRyxJQUFBQSxhQUFhLEVBQUVhLHNCQUFVQyxJQUFWLENBQWVDLFVBRGI7QUFFakI7QUFDQWhCLElBQUFBLGFBQWEsRUFBRWMsc0JBQVVHLE1BQVYsQ0FBaUJEO0FBSGYsR0FGYztBQW1DbkMsU0FBT2xCLGtCQUFQO0FBQ0QsQyxDQUVEOzs7ZUFFZUYseUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQge3JhbmdlfSBmcm9tICdkMy1hcnJheSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7aGV4VG9SZ2J9IGZyb20gJ3V0aWxzL2NvbG9yLXV0aWxzJztcblxuaW1wb3J0IHtDb2xvcnNCeVRoZW1lLCBUaGVtZXN9IGZyb20gJ2NvbnN0YW50cy9jb2xvci1wYWxldHRlJztcblxuY29uc3QgUEFMRVRURV9IRUlHSFQgPSAnOHB4JztcbmNvbnN0IFJPV1MgPSAyMjtcblxuY29uc3QgU3R5bGVkQ29sb3JQYWxldHRlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwYWRkaW5nOiAxMnB4O1xuXG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgU3R5bGVkQ29sb3JCbG9jayA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbiAgaGVpZ2h0OiAke1BBTEVUVEVfSEVJR0hUfTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG5gO1xuU2luZ2xlQ29sb3JQYWxldHRlRmFjdG9yeS5kZXBzID0gW107XG5cbmZ1bmN0aW9uIFNpbmdsZUNvbG9yUGFsZXR0ZUZhY3RvcnkoKSB7XG4gIGNsYXNzIFNpbmdsZUNvbG9yUGFsZXR0ZSBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgIG9uU2VsZWN0Q29sb3I6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgICAvLyBoZXggdmFsdWVcbiAgICAgIHNlbGVjdGVkQ29sb3I6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZFxuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCB7c2VsZWN0ZWRDb2xvciwgb25TZWxlY3RDb2xvcn0gPSB0aGlzLnByb3BzO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZENvbG9yUGFsZXR0ZSBjbGFzc05hbWU9XCJzaW5nbGUtY29sb3ItcGFsZXR0ZVwiPlxuICAgICAgICAgIHtUaGVtZXMubWFwKCh0aGVtZSwgY29sKSA9PiAoXG4gICAgICAgICAgICA8U3R5bGVkQ29sb3JDb2x1bW4ga2V5PXt0aGVtZX0gY2xhc3NOYW1lPVwic2luZ2xlLWNvbG9yLXBhbGV0dGVfX2NvbHVtblwiPlxuICAgICAgICAgICAgICB7cmFuZ2UoMSwgUk9XUyArIDEsIDEpLm1hcCgoa2V5LCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZENvbG9yQmxvY2tcbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInNpbmdsZS1jb2xvci1wYWxldHRlX19ibG9ja1wiXG4gICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0sXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOlxuICAgICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3IgPT09IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0udG9VcHBlckNhc2UoKVxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnd2hpdGUnXG4gICAgICAgICAgICAgICAgICAgICAgICA6IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV1cbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBrZXk9e2Ake3RoZW1lfV8ke2tleX1gfVxuICAgICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e3NlbGVjdGVkQ29sb3IgPT09IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0udG9VcHBlckNhc2UoKX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4gb25TZWxlY3RDb2xvcihoZXhUb1JnYihDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldKSwgZSl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L1N0eWxlZENvbG9yQ29sdW1uPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZENvbG9yUGFsZXR0ZT5cbiAgICAgICk7XG4gICAgfVxuICB9XG4gIHJldHVybiBTaW5nbGVDb2xvclBhbGV0dGU7XG59XG5cbi8vIFNpbmdsZUNvbG9yUGFsZXR0ZS5wcm9wVHlwZXMgPSBwcm9wVHlwZXM7XG5cbmV4cG9ydCBkZWZhdWx0IFNpbmdsZUNvbG9yUGFsZXR0ZUZhY3Rvcnk7XG4iXX0=