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

package/dist/components/notification-panel/notification-item.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = NotificationItemFactory;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _icons = require("../common/icons");
+
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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 NotificationItemContent = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  color: #fff;\n  display: flex;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  font-size: 11px;\n  margin-bottom: 1rem;\n  padding: 1em;\n  border-radius: 4px;\n  box-shadow: ", ";\n  cursor: pointer;\n"])), function (props) {
+  return props.theme.notificationColors[props.type] || '#000';
+}, function (props) {
+  return props.theme.notificationPanelItemWidth * (1 + Number(props.isExpanded));
+}, function (props) {
+  return props.theme.notificationPanelItemHeight * (1 + Number(props.isExpanded));
+}, function (props) {
+  return props.theme.boxShadow;
+});
+
+var DeleteIcon = (0, _styledComponents["default"])(_icons.Delete)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n"])));
+
+var NotificationMessage = _styledComponents["default"].div.attrs({
+  className: 'notification-item--message'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 2;\n  width: ", "px;\n  margin: 0 1em;\n  overflow: ", ";\n  padding-right: ", ";\n\n  p {\n    margin-top: 0;\n    a {\n      color: #fff;\n      text-decoration: underline;\n    }\n  }\n"])), function (props) {
+  return props.theme.notificationPanelItemWidth;
+}, function (props) {
+  return props.isExpanded ? 'auto' : 'hidden';
+}, function (props) {
+  return props.isExpanded ? '1em' : 0;
+});
+
+var NotificationIcon = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  svg {\n    vertical-align: text-top;\n  }\n"])));
+
+var icons = {
+  info: /*#__PURE__*/_react["default"].createElement(_icons.Info, null),
+  warning: /*#__PURE__*/_react["default"].createElement(_icons.Warning, null),
+  error: /*#__PURE__*/_react["default"].createElement(_icons.Warning, null),
+  success: /*#__PURE__*/_react["default"].createElement(_icons.Checkmark, null)
+};
+
+var LinkRenderer = function LinkRenderer(props) {
+  return /*#__PURE__*/_react["default"].createElement("a", {
+    href: props.href,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, props.children);
+};
+
+function NotificationItemFactory() {
+  var _class, _temp;
+
+  return _temp = _class = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(NotificationItem, _Component);
+
+    var _super = _createSuper(NotificationItem);
+
+    function NotificationItem() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, NotificationItem);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+        isExpanded: false
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(NotificationItem, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        if (this.props.isExpanded) {
+          this.setState({
+            isExpanded: true
+          });
+        }
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+
+        var _this$props = this.props,
+            notification = _this$props.notification,
+            removeNotification = _this$props.removeNotification;
+        var isExpanded = this.state.isExpanded;
+        return /*#__PURE__*/_react["default"].createElement(NotificationItemContent, {
+          className: "notification-item",
+          type: notification.type,
+          isExpanded: isExpanded,
+          onClick: function onClick() {
+            return _this2.setState({
+              isExpanded: !isExpanded
+            });
+          }
+        }, /*#__PURE__*/_react["default"].createElement(NotificationIcon, {
+          className: "notification-item--icon"
+        }, icons[notification.type]), /*#__PURE__*/_react["default"].createElement(NotificationMessage, {
+          isExpanded: isExpanded,
+          theme: this.props.theme
+        }, /*#__PURE__*/_react["default"].createElement(_reactMarkdown["default"], {
+          source: notification.message,
+          renderers: {
+            link: LinkRenderer
+          }
+        })), typeof removeNotification === 'function' ? /*#__PURE__*/_react["default"].createElement("div", {
+          className: "notification-item--action"
+        }, /*#__PURE__*/_react["default"].createElement(DeleteIcon, {
+          height: "10px",
+          onClick: function onClick() {
+            return removeNotification(notification.id);
+          }
+        })) : null);
+      }
+    }]);
+    return NotificationItem;
+  }(_react.Component), (0, _defineProperty2["default"])(_class, "propTypes", {
+    notification: _propTypes["default"].shape({
+      id: _propTypes["default"].string.isRequired,
+      type: _propTypes["default"].string.isRequired,
+      message: _propTypes["default"].string.isRequired
+    }).isRequired,
+    isExpanded: _propTypes["default"].bool
+  }), _temp;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1wYW5lbC9ub3RpZmljYXRpb24taXRlbS5qcyJdLCJuYW1lcyI6WyJOb3RpZmljYXRpb25JdGVtQ29udGVudCIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJub3RpZmljYXRpb25Db2xvcnMiLCJ0eXBlIiwibm90aWZpY2F0aW9uUGFuZWxJdGVtV2lkdGgiLCJOdW1iZXIiLCJpc0V4cGFuZGVkIiwibm90aWZpY2F0aW9uUGFuZWxJdGVtSGVpZ2h0IiwiYm94U2hhZG93IiwiRGVsZXRlSWNvbiIsIkRlbGV0ZSIsIk5vdGlmaWNhdGlvbk1lc3NhZ2UiLCJhdHRycyIsImNsYXNzTmFtZSIsIk5vdGlmaWNhdGlvbkljb24iLCJpY29ucyIsImluZm8iLCJ3YXJuaW5nIiwiZXJyb3IiLCJzdWNjZXNzIiwiTGlua1JlbmRlcmVyIiwiaHJlZiIsImNoaWxkcmVuIiwiTm90aWZpY2F0aW9uSXRlbUZhY3RvcnkiLCJzZXRTdGF0ZSIsIm5vdGlmaWNhdGlvbiIsInJlbW92ZU5vdGlmaWNhdGlvbiIsInN0YXRlIiwibWVzc2FnZSIsImxpbmsiLCJpZCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsInNoYXBlIiwic3RyaW5nIiwiaXNSZXF1aXJlZCIsImJvb2wiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7QUFFQSxJQUFNQSx1QkFBdUIsR0FBR0MsNkJBQU9DLEdBQVYsZ1ZBQ1AsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxrQkFBWixDQUErQkYsS0FBSyxDQUFDRyxJQUFyQyxLQUE4QyxNQUFsRDtBQUFBLENBREUsRUFLbEIsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRywwQkFBWixJQUEwQyxJQUFJQyxNQUFNLENBQUNMLEtBQUss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NkMsVUFBQSxLQUFLLEVBQUUsS0FBS04sS0FBTCxDQUFXQztBQUEvRCx3QkFDRSxnQ0FBQyx5QkFBRDtBQUFlLFVBQUEsTUFBTSxFQUFFd0IsWUFBWSxDQUFDRyxPQUFwQztBQUE2QyxVQUFBLFNBQVMsRUFBRTtBQUFDQyxZQUFBQSxJQUFJLEVBQUVUO0FBQVA7QUFBeEQsVUFERixDQVRGLEVBWUcsT0FBT00sa0JBQVAsS0FBOEIsVUFBOUIsZ0JBQ0M7QUFBSyxVQUFBLFNBQVMsRUFBQztBQUFmLHdCQUNFLGdDQUFDLFVBQUQ7QUFBWSxVQUFBLE1BQU0sRUFBQyxNQUFuQjtBQUEwQixVQUFBLE9BQU8sRUFBRTtBQUFBLG1CQUFNQSxrQkFBa0IsQ0FBQ0QsWUFBWSxDQUFDSyxFQUFkLENBQXhCO0FBQUE7QUFBbkMsVUFERixDQURELEdBSUcsSUFoQk4sQ0FERjtBQW9CRDtBQTVDSDtBQUFBO0FBQUEsSUFBc0NDLGdCQUF0Qyx5REFDcUI7QUFDakJOLElBQUFBLFlBQVksRUFBRU8sc0JBQVVDLEtBQVYsQ0FBZ0I7QUFDNUJILE1BQUFBLEVBQUUsRUFBRUUsc0JBQVVFLE1BQVYsQ0FBaUJDLFVBRE87QUFFNUJoQyxNQUFBQSxJQUFJLEVBQUU2QixzQkFBVUUsTUFBVixDQUFpQkMsVUFGSztBQUc1QlAsTUFBQUEsT0FBTyxFQUFFSSxzQkFBVUUsTUFBVixDQUFpQkM7QUFIRSxLQUFoQixFQUlYQSxVQUxjO0FBTWpCN0IsSUFBQUEsVUFBVSxFQUFFMEIsc0JBQVVJO0FBTkwsR0FEckI7QUE4Q0QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7RGVsZXRlLCBJbmZvLCBXYXJuaW5nLCBDaGVja21hcmt9IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2ljb25zJztcbmltcG9ydCBSZWFjdE1hcmtkb3duIGZyb20gJ3JlYWN0LW1hcmtkb3duJztcblxuY29uc3QgTm90aWZpY2F0aW9uSXRlbUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLm5vdGlmaWNhdGlvbkNvbG9yc1twcm9wcy50eXBlXSB8fCAnIzAwMCd9O1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubm90aWZpY2F0aW9uUGFuZWxJdGVtV2lkdGggKiAoMSArIE51bWJlcihwcm9wcy5pc0V4cGFuZGVkKSl9cHg7XG4gIGhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5ub3RpZmljYXRpb25QYW5lbEl0ZW1IZWlnaHQgKiAoMSArIE51bWJlcihwcm9wcy5pc0V4cGFuZGVkKSl9cHg7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgcGFkZGluZzogMWVtO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJveC1zaGFkb3c6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm94U2hhZG93fTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgRGVsZXRlSWNvbiA9IHN0eWxlZChEZWxldGUpYFxuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5jb25zdCBOb3RpZmljYXRpb25NZXNzYWdlID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ25vdGlmaWNhdGlvbi1pdGVtLS1tZXNzYWdlJ1xufSlgXG4gIGZsZXgtZ3JvdzogMjtcbiAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubm90aWZpY2F0aW9uUGFuZWxJdGVtV2lkdGh9cHg7XG4gIG1hcmdpbjogMCAxZW07XG4gIG92ZXJmbG93OiAke3Byb3BzID0+IChwcm9wcy5pc0V4cGFuZGVkID8gJ2F1dG8nIDogJ2hpZGRlbicpfTtcbiAgcGFkZGluZy1yaWdodDogJHtwcm9wcyA9PiAocHJvcHMuaXNFeHBhbmRlZCA/ICcxZW0nIDogMCl9O1xuXG4gIHAge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgYSB7XG4gICAgICBjb2xvcjogI2ZmZjtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IHN0eWxlZC5kaXZgXG4gIHN2ZyB7XG4gICAgdmVydGljYWwtYWxpZ246IHRleHQtdG9wO1xuICB9XG5gO1xuXG5jb25zdCBpY29ucyA9IHtcbiAgaW5mbzogPEluZm8gLz4sXG4gIHdhcm5pbmc6IDxXYXJuaW5nIC8+LFxuICBlcnJvcjogPFdhcm5pbmcgLz4sXG4gIHN1Y2Nlc3M6IDxDaGVja21hcmsgLz5cbn07XG5cbmNvbnN0IExpbmtSZW5kZXJlciA9IHByb3BzID0+IHtcbiAgcmV0dXJuIChcbiAgICA8YSBocmVmPXtwcm9wcy5ocmVmfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgPC9hPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTm90aWZpY2F0aW9uSXRlbUZhY3RvcnkoKSB7XG4gIHJldHVybiBjbGFzcyBOb3RpZmljYXRpb25JdGVtIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgICAgbm90aWZpY2F0aW9uOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICAgIG1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZFxuICAgICAgfSkuaXNSZXF1aXJlZCxcbiAgICAgIGlzRXhwYW5kZWQ6IFByb3BUeXBlcy5ib29sXG4gICAgfTtcblxuICAgIHN0YXRlID0ge1xuICAgICAgaXNFeHBhbmRlZDogZmFsc2VcbiAgICB9O1xuXG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICBpZiAodGhpcy5wcm9wcy5pc0V4cGFuZGVkKSB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoe2lzRXhwYW5kZWQ6IHRydWV9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCB7bm90aWZpY2F0aW9uLCByZW1vdmVOb3RpZmljYXRpb259ID0gdGhpcy5wcm9wcztcbiAgICAgIGNvbnN0IHtpc0V4cGFuZGVkfSA9IHRoaXMuc3RhdGU7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxOb3RpZmljYXRpb25JdGVtQ29udGVudFxuICAgICAgICAgIGNsYXNzTmFtZT1cIm5vdGlmaWNhdGlvbi1pdGVtXCJcbiAgICAgICAgICB0eXBlPXtub3RpZmljYXRpb24udHlwZX1cbiAgICAgICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRoaXMuc2V0U3RhdGUoe2lzRXhwYW5kZWQ6ICFpc0V4cGFuZGVkfSl9XG4gICAgICAgID5cbiAgICAgICAgICA8Tm90aWZpY2F0aW9uSWNvbiBjbGFzc05hbWU9XCJub3RpZmljYXRpb24taXRlbS0taWNvblwiPlxuICAgICAgICAgICAge2ljb25zW25vdGlmaWNhdGlvbi50eXBlXX1cbiAgICAgICAgICA8L05vdGlmaWNhdGlvbkljb24+XG4gICAgICAgICAgPE5vdGlmaWNhdGlvbk1lc3NhZ2UgaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0gdGhlbWU9e3RoaXMucHJvcHMudGhlbWV9PlxuICAgICAgICAgICAgPFJlYWN0TWFya2Rvd24gc291cmNlPXtub3RpZmljYXRpb24ubWVzc2FnZX0gcmVuZGVyZXJzPXt7bGluazogTGlua1JlbmRlcmVyfX0gLz5cbiAgICAgICAgICA8L05vdGlmaWNhdGlvbk1lc3NhZ2U+XG4gICAgICAgICAge3R5cGVvZiByZW1vdmVOb3RpZmljYXRpb24gPT09ICdmdW5jdGlvbicgPyAoXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm5vdGlmaWNhdGlvbi1pdGVtLS1hY3Rpb25cIj5cbiAgICAgICAgICAgICAgPERlbGV0ZUljb24gaGVpZ2h0PVwiMTBweFwiIG9uQ2xpY2s9eygpID0+IHJlbW92ZU5vdGlmaWNhdGlvbihub3RpZmljYXRpb24uaWQpfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvTm90aWZpY2F0aW9uSXRlbUNvbnRlbnQ+XG4gICAgICApO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/dist/components/notification-panel.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = NotificationPanelFactory;
+
+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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _notificationItem = _interopRequireDefault(require("./notification-panel/notification-item"));
+
+var _defaultSettings = require("../constants/default-settings");
+
+var _templateObject;
+
+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 NotificationPanelContent = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background: transparent;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding: 4px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  position: absolute;\n  top: 1em;\n  right: 1em;\n  z-index: 10000;\n  box-sizing: border-box;\n"])));
+
+NotificationPanelFactory.deps = [_notificationItem["default"]];
+
+function NotificationPanelFactory(NotificationItem) {
+  var _class, _temp;
+
+  return _temp = _class = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(NotificationPanel, _Component);
+
+    var _super = _createSuper(NotificationPanel);
+
+    function NotificationPanel() {
+      (0, _classCallCheck2["default"])(this, NotificationPanel);
+      return _super.apply(this, arguments);
+    }
+
+    (0, _createClass2["default"])(NotificationPanel, [{
+      key: "render",
+      value: function render() {
+        var _this = this;
+
+        var globalNotifications = this.props.notifications.filter(function (n) {
+          return n.topic === _defaultSettings.DEFAULT_NOTIFICATION_TOPICS.global;
+        });
+        return /*#__PURE__*/_react["default"].createElement(NotificationPanelContent, {
+          className: "notification-panel",
+          style: {
+            display: globalNotifications.length ? 'block' : 'none'
+          }
+        }, globalNotifications.map(function (n) {
+          return /*#__PURE__*/_react["default"].createElement(NotificationItem, {
+            key: n.id,
+            notification: n,
+            removeNotification: _this.props.removeNotification
+          });
+        }));
+      }
+    }]);
+    return NotificationPanel;
+  }(_react.Component), (0, _defineProperty2["default"])(_class, "propTypes", {
+    removeNotification: _propTypes["default"].func.isRequired,
+    notifications: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired
+  }), _temp;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25vdGlmaWNhdGlvbi1wYW5lbC5qcyJdLCJuYW1lcyI6WyJOb3RpZmljYXRpb25QYW5lbENvbnRlbnQiLCJzdHlsZWQiLCJkaXYiLCJOb3RpZmljYXRpb25QYW5lbEZhY3RvcnkiLCJkZXBzIiwiTm90aWZpY2F0aW9uSXRlbUZhY3RvcnkiLCJOb3RpZmljYXRpb25JdGVtIiwiZ2xvYmFsTm90aWZpY2F0aW9ucyIsInByb3BzIiwibm90aWZpY2F0aW9ucyIsImZpbHRlciIsIm4iLCJ0b3BpYyIsIkRFRkFVTFRfTk9USUZJQ0FUSU9OX1RPUElDUyIsImdsb2JhbCIsImRpc3BsYXkiLCJsZW5ndGgiLCJtYXAiLCJpZCIsInJlbW92ZU5vdGlmaWNhdGlvbiIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsImZ1bmMiLCJpc1JlcXVpcmVkIiwiYXJyYXlPZiIsIm9iamVjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFFQTs7QUFDQTs7Ozs7Ozs7QUFFQSxJQUFNQSx3QkFBd0IsR0FBR0MsNkJBQU9DLEdBQVYseVZBQTlCOztBQWVBQyx3QkFBd0IsQ0FBQ0MsSUFBekIsR0FBZ0MsQ0FBQ0MsNEJBQUQsQ0FBaEM7O0FBRWUsU0FBU0Ysd0JBQVQsQ0FBa0NHLGdCQUFsQyxFQUFvRDtBQUFBOztBQUNqRTtBQUFBOztBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBOztBQUFBO0FBQUE7QUFBQSxhQU1FLGtCQUFTO0FBQUE7O0FBQ1AsWUFBTUMsbUJBQW1CLEdBQUcsS0FBS0MsS0FBTCxDQUFXQyxhQUFYLENBQXlCQyxNQUF6QixDQUMxQixVQUFBQyxDQUFDO0FBQUEsaUJBQUlBLENBQUMsQ0FBQ0MsS0FBRixLQUFZQyw2Q0FBNEJDLE1BQTVDO0FBQUEsU0FEeUIsQ0FBNUI7QUFHQSw0QkFDRSxnQ0FBQyx3QkFBRDtBQUNFLFVBQUEsU0FBUyxFQUFDLG9CQURaO0FBRUUsVUFBQSxLQUFLLEVBQUU7QUFBQ0MsWUFBQUEsT0FBTyxFQUFFUixtQkFBbUIsQ0FBQ1MsTUFBcEIsR0FBNkIsT0FBN0IsR0FBdUM7QUFBakQ7QUFGVCxXQUlHVCxtQkFBbUIsQ0FBQ1UsR0FBcEIsQ0FBd0IsVUFBQU4sQ0FBQztBQUFBLDhCQUN4QixnQ0FBQyxnQkFBRDtBQUNFLFlBQUEsR0FBRyxFQUFFQSxDQUFDLENBQUNPLEVBRFQ7QUFFRSxZQUFBLFlBQVksRUFBRVAsQ0FGaEI7QUFHRSxZQUFBLGtCQUFrQixFQUFFLEtBQUksQ0FBQ0gsS0FBTCxDQUFXVztBQUhqQyxZQUR3QjtBQUFBLFNBQXpCLENBSkgsQ0FERjtBQWNEO0FBeEJIO0FBQUE7QUFBQSxJQUF1Q0MsZ0JBQXZDLHlEQUNxQjtBQUNqQkQsSUFBQUEsa0JBQWtCLEVBQUVFLHNCQUFVQyxJQUFWLENBQWVDLFVBRGxCO0FBRWpCZCxJQUFBQSxhQUFhLEVBQUVZLHNCQUFVRyxPQUFWLENBQWtCSCxzQkFBVUksTUFBNUIsRUFBb0NGO0FBRmxDLEdBRHJCO0FBMEJEIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBOb3RpZmljYXRpb25JdGVtRmFjdG9yeSBmcm9tICcuL25vdGlmaWNhdGlvbi1wYW5lbC9ub3RpZmljYXRpb24taXRlbSc7XG5pbXBvcnQge0RFRkFVTFRfTk9USUZJQ0FUSU9OX1RPUElDU30gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuXG5jb25zdCBOb3RpZmljYXRpb25QYW5lbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiA0cHg7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDFlbTtcbiAgcmlnaHQ6IDFlbTtcbiAgei1pbmRleDogMTAwMDA7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5Ob3RpZmljYXRpb25QYW5lbEZhY3RvcnkuZGVwcyA9IFtOb3RpZmljYXRpb25JdGVtRmFjdG9yeV07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvblBhbmVsRmFjdG9yeShOb3RpZmljYXRpb25JdGVtKSB7XG4gIHJldHVybiBjbGFzcyBOb3RpZmljYXRpb25QYW5lbCBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgIHJlbW92ZU5vdGlmaWNhdGlvbjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICAgIG5vdGlmaWNhdGlvbnM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5vYmplY3QpLmlzUmVxdWlyZWRcbiAgICB9O1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgY29uc3QgZ2xvYmFsTm90aWZpY2F0aW9ucyA9IHRoaXMucHJvcHMubm90aWZpY2F0aW9ucy5maWx0ZXIoXG4gICAgICAgIG4gPT4gbi50b3BpYyA9PT0gREVGQVVMVF9OT1RJRklDQVRJT05fVE9QSUNTLmdsb2JhbFxuICAgICAgKTtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxOb3RpZmljYXRpb25QYW5lbENvbnRlbnRcbiAgICAgICAgICBjbGFzc05hbWU9XCJub3RpZmljYXRpb24tcGFuZWxcIlxuICAgICAgICAgIHN0eWxlPXt7ZGlzcGxheTogZ2xvYmFsTm90aWZpY2F0aW9ucy5sZW5ndGggPyAnYmxvY2snIDogJ25vbmUnfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtnbG9iYWxOb3RpZmljYXRpb25zLm1hcChuID0+IChcbiAgICAgICAgICAgIDxOb3RpZmljYXRpb25JdGVtXG4gICAgICAgICAgICAgIGtleT17bi5pZH1cbiAgICAgICAgICAgICAgbm90aWZpY2F0aW9uPXtufVxuICAgICAgICAgICAgICByZW1vdmVOb3RpZmljYXRpb249e3RoaXMucHJvcHMucmVtb3ZlTm90aWZpY2F0aW9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Ob3RpZmljYXRpb25QYW5lbENvbnRlbnQ+XG4gICAgICApO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/dist/components/performance.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderPerformanceStats = exports.createLayerUpdateTracker = exports.createTracker = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var trackers = {};
+var _tick = null;
+var fps = 0;
+var counter = 0;
+
+function startLoop() {
+  if (_tick) return;
+  var frames = [performance.now(), 0];
+
+  _tick = function tick() {
+    Object.values(trackers).forEach(function (tracker) {
+      return tracker.update();
+    }); // Compute fps over last 60 frames
+
+    counter++;
+    var fpsN = 60;
+    frames.unshift(performance.now());
+    if (frames.length > fpsN) frames.pop();
+    var l = frames.length;
+
+    if (counter % 30 === 0) {
+      fps = Math.round(l * 1000 / (frames[0] - frames[l - 1]));
+    }
+
+    requestAnimationFrame(_tick);
+  };
+
+  _tick();
+}
+
+var createTracker = function createTracker(label) {
+  if (!trackers[label]) {
+    var N = 10;
+    var value = 0;
+    var valueAtFrameStart = value;
+    var stats = [];
+    var result = {};
+
+    var update = function update() {
+      result.countPerFrame = value - valueAtFrameStart;
+      valueAtFrameStart = value;
+      stats.unshift(result.countPerFrame);
+      if (stats.length > N) stats.pop();
+      result.maxPerFrame = Math.max.apply(Math, stats);
+      result.avPerFrame = stats.reduce(function (a, b) {
+        return a + b;
+      }, 0) / N;
+    };
+
+    var render = function render() {
+      if (!_tick) startLoop();
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: label
+      }, /*#__PURE__*/_react["default"].createElement("span", null, "".concat(label, " per frame: ").concat(result.countPerFrame, ", max: ").concat(result.maxPerFrame, ", av: ").concat(result.avPerFrame)));
+    };
+
+    var increment = function increment() {
+      value++;
+    };
+
+    var tracker = {
+      update: update,
+      render: render,
+      increment: increment
+    };
+    trackers[label] = tracker;
+  }
+
+  return trackers[label];
+};
+
+exports.createTracker = createTracker;
+
+var patchUpdateState = function patchUpdateState(tracker, LayerClass) {
+  var _oldUpdateState = LayerClass.prototype.updateState;
+
+  LayerClass.prototype.updateState = function (params) {
+    var _params$changeFlags = params.changeFlags,
+        extensionsChanged = _params$changeFlags.extensionsChanged,
+        propsOrDataChanged = _params$changeFlags.propsOrDataChanged,
+        stateChanged = _params$changeFlags.stateChanged,
+        updateTriggersChanged = _params$changeFlags.updateTriggersChanged;
+
+    if (extensionsChanged || propsOrDataChanged || stateChanged || updateTriggersChanged) {
+      tracker.increment();
+    }
+
+    _oldUpdateState.call(this, params);
+  };
+};
+
+var createLayerUpdateTracker = function createLayerUpdateTracker(label, layers) {
+  var tracker = createTracker('state updates');
+  layers.forEach(function (layer) {
+    return patchUpdateState(tracker, layer);
+  });
+  return tracker;
+};
+
+exports.createLayerUpdateTracker = createLayerUpdateTracker;
+
+var renderPerformanceStats = function renderPerformanceStats() {
+  if (!_tick) startLoop();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: "performance-metrics-overlay",
+    style: {
+      bottom: 0,
+      right: 0,
+      position: 'absolute',
+      fontSize: 14,
+      background: 'whitesmoke',
+      padding: 8,
+      zIndex: 10,
+      border: '1px solid red',
+      width: 400
+    }
+  }, Object.values(trackers).map(function (tracker) {
+    return tracker.render();
+  }), /*#__PURE__*/_react["default"].createElement("span", null, "FPS: ".concat(fps)));
+};
+
+exports.renderPerformanceStats = renderPerformanceStats;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3BlcmZvcm1hbmNlLmpzIl0sIm5hbWVzIjpbInRyYWNrZXJzIiwidGljayIsImZwcyIsImNvdW50ZXIiLCJzdGFydExvb3AiLCJmcmFtZXMiLCJwZXJmb3JtYW5jZSIsIm5vdyIsIk9iamVjdCIsInZhbHVlcyIsImZvckVhY2giLCJ0cmFja2VyIiwidXBkYXRlIiwiZnBzTiIsInVuc2hpZnQiLCJsZW5ndGgiLCJwb3AiLCJsIiwiTWF0aCIsInJvdW5kIiwicmVxdWVzdEFuaW1hdGlvbkZyYW1lIiwiY3JlYXRlVHJhY2tlciIsImxhYmVsIiwiTiIsInZhbHVlIiwidmFsdWVBdEZyYW1lU3RhcnQiLCJzdGF0cyIsInJlc3VsdCIsImNvdW50UGVyRnJhbWUiLCJtYXhQZXJGcmFtZSIsIm1heCIsImF2UGVyRnJhbWUiLCJyZWR1Y2UiLCJhIiwiYiIsInJlbmRlciIsImluY3JlbWVudCIsInBhdGNoVXBkYXRlU3RhdGUiLCJMYXllckNsYXNzIiwiX29sZFVwZGF0ZVN0YXRlIiwicHJvdG90eXBlIiwidXBkYXRlU3RhdGUiLCJwYXJhbXMiLCJjaGFuZ2VGbGFncyIsImV4dGVuc2lvbnNDaGFuZ2VkIiwicHJvcHNPckRhdGFDaGFuZ2VkIiwic3RhdGVDaGFuZ2VkIiwidXBkYXRlVHJpZ2dlcnNDaGFuZ2VkIiwiY2FsbCIsImNyZWF0ZUxheWVyVXBkYXRlVHJhY2tlciIsImxheWVycyIsImxheWVyIiwicmVuZGVyUGVyZm9ybWFuY2VTdGF0cyIsImJvdHRvbSIsInJpZ2h0IiwicG9zaXRpb24iLCJmb250U2l6ZSIsImJhY2tncm91bmQiLCJwYWRkaW5nIiwiekluZGV4IiwiYm9yZGVyIiwid2lkdGgiLCJtYXAiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUVBLElBQU1BLFFBQVEsR0FBRyxFQUFqQjtBQUNBLElBQUlDLEtBQUksR0FBRyxJQUFYO0FBQ0EsSUFBSUMsR0FBRyxHQUFHLENBQVY7QUFDQSxJQUFJQyxPQUFP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QUNELENBSk07Ozs7QUFNQSxJQUFNeUMsc0JBQXNCLEdBQUcsU0FBekJBLHNCQUF5QixHQUFNO0FBQzFDLE1BQUksQ0FBQ25ELEtBQUwsRUFBV0csU0FBUztBQUNwQixzQkFDRTtBQUNFLElBQUEsRUFBRSxFQUFDLDZCQURMO0FBRUUsSUFBQSxLQUFLLEVBQUU7QUFDTGlELE1BQUFBLE1BQU0sRUFBRSxDQURIO0FBRUxDLE1BQUFBLEtBQUssRUFBRSxDQUZGO0FBR0xDLE1BQUFBLFFBQVEsRUFBRSxVQUhMO0FBSUxDLE1BQUFBLFFBQVEsRUFBRSxFQUpMO0FBS0xDLE1BQUFBLFVBQVUsRUFBRSxZQUxQO0FBTUxDLE1BQUFBLE9BQU8sRUFBRSxDQU5KO0FBT0xDLE1BQUFBLE1BQU0sRUFBRSxFQVBIO0FBUUxDLE1BQUFBLE1BQU0sRUFBRSxlQVJIO0FBU0xDLE1BQUFBLEtBQUssRUFBRTtBQVRGO0FBRlQsS0FjR3JELE1BQU0sQ0FBQ0MsTUFBUCxDQUFjVCxRQUFkLEVBQXdCOEQsR0FBeEIsQ0FBNEIsVUFBQW5ELE9BQU87QUFBQSxXQUFJQSxPQUFPLENBQUN3QixNQUFSLEVBQUo7QUFBQSxHQUFuQyxDQWRILGVBZUUsNkRBQWVqQyxHQUFmLEVBZkYsQ0FERjtBQW1CRCxDQXJCTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IHRyYWNrZXJzID0ge307XG5sZXQgdGljayA9IG51bGw7XG5sZXQgZnBzID0gMDtcbmxldCBjb3VudGVyID0gMDtcbmZ1bmN0aW9uIHN0YXJ0TG9vcCgpIHtcbiAgaWYgKHRpY2spIHJldHVybjtcbiAgY29uc3QgZnJhbWVzID0gW3BlcmZvcm1hbmNlLm5vdygpLCAwXTtcbiAgdGljayA9ICgpID0+IHtcbiAgICBPYmplY3QudmFsdWVzKHRyYWNrZXJzKS5mb3JFYWNoKHRyYWNrZXIgPT4gdHJhY2tlci51cGRhdGUoKSk7XG5cbiAgICAvLyBDb21wdXRlIGZwcyBvdmVyIGxhc3QgNjAgZnJhbWVzXG4gICAgY291bnRlcisrO1xuICAgIGNvbnN0IGZwc04gPSA2MDtcbiAgICBmcmFtZXMudW5zaGlmdChwZXJmb3JtYW5jZS5ub3coKSk7XG4gICAgaWYgKGZyYW1lcy5sZW5ndGggPiBmcHNOKSBmcmFtZXMucG9wKCk7XG4gICAgY29uc3QgbCA9IGZyYW1lcy5sZW5ndGg7XG4gICAgaWYgKGNvdW50ZXIgJSAzMCA9PT0gMCkge1xuICAgICAgZnBzID0gTWF0aC5yb3VuZCgobCAqIDEwMDApIC8gKGZyYW1lc1swXSAtIGZyYW1lc1tsIC0gMV0pKTtcbiAgICB9XG5cbiAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGljayk7XG4gIH07XG4gIHRpY2soKTtcbn1cblxuZXhwb3J0IGNvbnN0IGNyZWF0ZVRyYWNrZXIgPSBsYWJlbCA9PiB7XG4gIGlmICghdHJhY2tlcnNbbGFiZWxdKSB7XG4gICAgY29uc3QgTiA9IDEwO1xuICAgIGxldCB2YWx1ZSA9IDA7XG4gICAgbGV0IHZhbHVlQXRGcmFtZVN0YXJ0ID0gdmFsdWU7XG4gICAgY29uc3Qgc3RhdHMgPSBbXTtcbiAgICBjb25zdCByZXN1bHQgPSB7fTtcbiAgICBjb25zdCB1cGRhdGUgPSAoKSA9PiB7XG4gICAgICByZXN1bHQuY291bnRQZXJGcmFtZSA9IHZhbHVlIC0gdmFsdWVBdEZyYW1lU3RhcnQ7XG4gICAgICB2YWx1ZUF0RnJhbWVTdGFydCA9IHZhbHVlO1xuICAgICAgc3RhdHMudW5zaGlmdChyZXN1bHQuY291bnRQZXJGcmFtZSk7XG4gICAgICBpZiAoc3RhdHMubGVuZ3RoID4gTikgc3RhdHMucG9wKCk7XG4gICAgICByZXN1bHQubWF4UGVyRnJhbWUgPSBNYXRoLm1heCguLi5zdGF0cyk7XG4gICAgICByZXN1bHQuYXZQZXJGcmFtZSA9IHN0YXRzLnJlZHVjZSgoYSwgYikgPT4gYSArIGIsIDApIC8gTjtcbiAgICB9O1xuICAgIGNvbnN0IHJlbmRlciA9ICgpID0+IHtcbiAgICAgIGlmICghdGljaykgc3RhcnRMb29wKCk7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGtleT17bGFiZWx9PlxuICAgICAgICAgIDxzcGFuPntgJHtsYWJlbH0gcGVyIGZyYW1lOiAke3Jlc3VsdC5jb3VudFBlckZyYW1lfSwgbWF4OiAke3Jlc3VsdC5tYXhQZXJGcmFtZX0sIGF2OiAke3Jlc3VsdC5hdlBlckZyYW1lfWB9PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICk7XG4gICAgfTtcbiAgICBjb25zdCBpbmNyZW1lbnQgPSAoKSA9PiB7XG4gICAgICB2YWx1ZSsrO1xuICAgIH07XG4gICAgY29uc3QgdHJhY2tlciA9IHt1cGRhdGUsIHJlbmRlciwgaW5jcmVtZW50fTtcbiAgICB0cmFja2Vyc1tsYWJlbF0gPSB0cmFja2VyO1xuICB9XG4gIHJldHVybiB0cmFja2Vyc1tsYWJlbF07XG59O1xuXG5jb25zdCBwYXRjaFVwZGF0ZVN0YXRlID0gKHRyYWNrZXIsIExheWVyQ2xhc3MpID0+IHtcbiAgY29uc3QgX29sZFVwZGF0ZVN0YXRlID0gTGF5ZXJDbGFzcy5wcm90b3R5cGUudXBkYXRlU3RhdGU7XG4gIExheWVyQ2xhc3MucHJvdG90eXBlLnVwZGF0ZVN0YXRlID0gZnVuY3Rpb24ocGFyYW1zKSB7XG4gICAgY29uc3Qge1xuICAgICAgZXh0ZW5zaW9uc0NoYW5nZWQsXG4gICAgICBwcm9wc09yRGF0YUNoYW5nZWQsXG4gICAgICBzdGF0ZUNoYW5nZWQsXG4gICAgICB1cGRhdGVUcmlnZ2Vyc0NoYW5nZWRcbiAgICB9ID0gcGFyYW1zLmNoYW5nZUZsYWdzO1xuICAgIGlmIChleHRlbnNpb25zQ2hhbmdlZCB8fCBwcm9wc09yRGF0YUNoYW5nZWQgfHwgc3RhdGVDaGFuZ2VkIHx8IHVwZGF0ZVRyaWdnZXJzQ2hhbmdlZCkge1xuICAgICAgdHJhY2tlci5pbmNyZW1lbnQoKTtcbiAgICB9XG4gICAgX29sZFVwZGF0ZVN0YXRlLmNhbGwodGhpcywgcGFyYW1zKTtcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBjcmVhdGVMYXllclVwZGF0ZVRyYWNrZXIgPSAobGFiZWwsIGxheWVycykgPT4ge1xuICBjb25zdCB0cmFja2VyID0gY3JlYXRlVHJhY2tlcignc3RhdGUgdXBkYXRlcycpO1xuICBsYXllcnMuZm9yRWFjaChsYXllciA9PiBwYXRjaFVwZGF0ZVN0YXRlKHRyYWNrZXIsIGxheWVyKSk7XG4gIHJldHVybiB0cmFja2VyO1xufTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlclBlcmZvcm1hbmNlU3RhdHMgPSAoKSA9PiB7XG4gIGlmICghdGljaykgc3RhcnRMb29wKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgaWQ9XCJwZXJmb3JtYW5jZS1tZXRyaWNzLW92ZXJsYXlcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICByaWdodDogMCxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgICAgYmFja2dyb3VuZDogJ3doaXRlc21va2UnLFxuICAgICAgICBwYWRkaW5nOiA4LFxuICAgICAgICB6SW5kZXg6IDEwLFxuICAgICAgICBib3JkZXI6ICcxcHggc29saWQgcmVkJyxcbiAgICAgICAgd2lkdGg6IDQwMFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7T2JqZWN0LnZhbHVlcyh0cmFja2VycykubWFwKHRyYWNrZXIgPT4gdHJhY2tlci5yZW5kZXIoKSl9XG4gICAgICA8c3Bhbj57YEZQUzogJHtmcHN9YH08L3NwYW4+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19