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

package/dist/cjs/layer-animation-controller.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("@kepler.gl/constants");
+var _utils = require("@kepler.gl/utils");
+var _commonUtils = require("@kepler.gl/common-utils");
+var _animationController = _interopRequireDefault(require("./common/animation-control/animation-controller"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+LayerAnimationControllerFactory.deps = [_animationController["default"]];
+function LayerAnimationControllerFactory(AnimationController) {
+  var LayerAnimationController = function LayerAnimationController(_ref) {
+    var animationConfig = _ref.animationConfig,
+      setLayerAnimationTime = _ref.setLayerAnimationTime,
+      children = _ref.children;
+    var timeSteps = animationConfig.timeSteps,
+      domain = animationConfig.domain;
+    var setTimelineValue = (0, _react.useCallback)(function (value) {
+      var timelineValue = (0, _commonUtils.toArray)(value)[0];
+      if (Array.isArray(timeSteps)) {
+        setLayerAnimationTime((0, _utils.snapToMarks)(timelineValue, timeSteps));
+
+        // TODO: merge slider in to avoid this step
+      } else if (domain && timelineValue >= domain[0] && timelineValue <= domain[1]) {
+        setLayerAnimationTime(timelineValue);
+      }
+    }, [domain, setLayerAnimationTime, timeSteps]);
+    var timeline = (0, _utils.getTimelineFromAnimationConfig)(animationConfig);
+    return /*#__PURE__*/_react["default"].createElement(AnimationController, {
+      key: "layer-control",
+      value: Number(animationConfig.currentTime),
+      domain: animationConfig.domain,
+      speed: animationConfig.speed,
+      isAnimating: animationConfig.isAnimating,
+      steps: animationConfig.timeSteps,
+      animationWindow: animationConfig.timeSteps ? _constants.ANIMATION_WINDOW.interval : _constants.ANIMATION_WINDOW.point,
+      setTimelineValue: setTimelineValue,
+      timeline: timeline,
+      children: children
+    });
+  };
+  return LayerAnimationController;
+}
+var _default = exports["default"] = LayerAnimationControllerFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY29uc3RhbnRzIiwiX3V0aWxzIiwiX2NvbW1vblV0aWxzIiwiX2FuaW1hdGlvbkNvbnRyb2xsZXIiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiX3R5cGVvZiIsImhhcyIsImdldCIsInNldCIsIl90IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJMYXllckFuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5IiwiZGVwcyIsIkFuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5IiwiQW5pbWF0aW9uQ29udHJvbGxlciIsIkxheWVyQW5pbWF0aW9uQ29udHJvbGxlciIsIl9yZWYiLCJhbmltYXRpb25Db25maWciLCJzZXRMYXllckFuaW1hdGlvblRpbWUiLCJjaGlsZHJlbiIsInRpbWVTdGVwcyIsImRvbWFpbiIsInNldFRpbWVsaW5lVmFsdWUiLCJ1c2VDYWxsYmFjayIsInZhbHVlIiwidGltZWxpbmVWYWx1ZSIsInRvQXJyYXkiLCJBcnJheSIsImlzQXJyYXkiLCJzbmFwVG9NYXJrcyIsInRpbWVsaW5lIiwiZ2V0VGltZWxpbmVGcm9tQW5pbWF0aW9uQ29uZmlnIiwiY3JlYXRlRWxlbWVudCIsImtleSIsIk51bWJlciIsImN1cnJlbnRUaW1lIiwic3BlZWQiLCJpc0FuaW1hdGluZyIsInN0ZXBzIiwiYW5pbWF0aW9uV2luZG93IiwiQU5JTUFUSU9OX1dJTkRPVyIsImludGVydmFsIiwicG9pbnQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5ZXItYW5pbWF0aW9uLWNvbnRyb2xsZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0FOSU1BVElPTl9XSU5ET1d9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7QW5pbWF0aW9uQ29uZmlnLCBUaW1lbGluZX0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge3NuYXBUb01hcmtzLCBnZXRUaW1lbGluZUZyb21BbmltYXRpb25Db25maWd9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHt0b0FycmF5fSBmcm9tICdAa2VwbGVyLmdsL2NvbW1vbi11dGlscyc7XG5pbXBvcnQgQW5pbWF0aW9uQ29udHJvbGxlckZhY3RvcnkgZnJvbSAnLi9jb21tb24vYW5pbWF0aW9uLWNvbnRyb2wvYW5pbWF0aW9uLWNvbnRyb2xsZXInO1xuXG5pbnRlcmZhY2UgTGF5ZXJBbmltYXRpb25Db250cm9sbGVyUHJvcHMge1xuICBhbmltYXRpb25Db25maWc6IEFuaW1hdGlvbkNvbmZpZztcbiAgc2V0TGF5ZXJBbmltYXRpb25UaW1lOiAoeDogbnVtYmVyKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IChcbiAgICBpc0FuaW1hdGluZzogYm9vbGVhbiB8IHVuZGVmaW5lZCxcbiAgICBzdGFydEFuaW1hdGlvbjogKCkgPT4gdm9pZCxcbiAgICBwYXVzZUFuaW1hdGlvbjogKCkgPT4gdm9pZCxcbiAgICByZXNldEFuaW1hdGlvbjogKCkgPT4gdm9pZCxcbiAgICB0aW1lbGluZTogVGltZWxpbmUgfCB1bmRlZmluZWQsXG4gICAgc2V0VGltZWxpbmVWYWx1ZTogKHg6IG51bWJlciB8IG51bWJlcltdKSA9PiB2b2lkXG4gICkgPT4gUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbn1cblxuTGF5ZXJBbmltYXRpb25Db250cm9sbGVyRmFjdG9yeS5kZXBzID0gW0FuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5XTtcblxuZnVuY3Rpb24gTGF5ZXJBbmltYXRpb25Db250cm9sbGVyRmFjdG9yeShcbiAgQW5pbWF0aW9uQ29udHJvbGxlcjogUmV0dXJuVHlwZTx0eXBlb2YgQW5pbWF0aW9uQ29udHJvbGxlckZhY3Rvcnk+XG4pIHtcbiAgY29uc3QgTGF5ZXJBbmltYXRpb25Db250cm9sbGVyOiBSZWFjdC5GQzxMYXllckFuaW1hdGlvbkNvbnRyb2xsZXJQcm9wcz4gPSAoe1xuICAgIGFuaW1hdGlvbkNvbmZpZyxcbiAgICBzZXRMYXllckFuaW1hdGlvblRpbWUsXG4gICAgY2hpbGRyZW5cbiAgfSkgPT4ge1xuICAgIGNvbnN0IHt0aW1lU3RlcHMsIGRvbWFpbn0gPSBhbmltYXRpb25Db25maWc7XG5cbiAgICBjb25zdCBzZXRUaW1lbGluZVZhbHVlID0gdXNlQ2FsbGJhY2soXG4gICAgICAodmFsdWU6IG51bWJlciB8IG51bWJlcltdKSA9PiB7XG4gICAgICAgIGNvbnN0IHRpbWVsaW5lVmFsdWUgPSB0b0FycmF5KHZhbHVlKVswXTtcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodGltZVN0ZXBzKSkge1xuICAgICAgICAgIHNldExheWVyQW5pbWF0aW9uVGltZShzbmFwVG9NYXJrcyh0aW1lbGluZVZhbHVlLCB0aW1lU3RlcHMpKTtcblxuICAgICAgICAgIC8vIFRPRE86IG1lcmdlIHNsaWRlciBpbiB0byBhdm9pZCB0aGlzIHN0ZXBcbiAgICAgICAgfSBlbHNlIGlmIChkb21haW4gJiYgdGltZWxpbmVWYWx1ZSA+PSBkb21haW5bMF0gJiYgdGltZWxpbmVWYWx1ZSA8PSBkb21haW5bMV0pIHtcbiAgICAgICAgICBzZXRMYXllckFuaW1hdGlvblRpbWUodGltZWxpbmVWYWx1ZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbZG9tYWluLCBzZXRMYXllckFuaW1hdGlvblRpbWUsIHRpbWVTdGVwc11cbiAgICApO1xuXG4gICAgY29uc3QgdGltZWxpbmUgPSBnZXRUaW1lbGluZUZyb21BbmltYXRpb25Db25maWcoYW5pbWF0aW9uQ29uZmlnKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8QW5pbWF0aW9uQ29udHJvbGxlclxuICAgICAgICBrZXk9XCJsYXllci1jb250cm9sXCJcbiAgICAgICAgdmFsdWU9e051bWJlcihhbmltYXRpb25Db25maWcuY3VycmVudFRpbWUpfVxuICAgICAgICBkb21haW49e2FuaW1hdGlvbkNvbmZpZy5kb21haW59XG4gICAgICAgIHNwZWVkPXthbmltYXRpb25Db25maWcuc3BlZWR9XG4gICAgICAgIGlzQW5pbWF0aW5nPXthbmltYXRpb25Db25maWcuaXNBbmltYXRpbmd9XG4gICAgICAgIHN0ZXBzPXthbmltYXRpb25Db25maWcudGltZVN0ZXBzfVxuICAgICAgICBhbmltYXRpb25XaW5kb3c9e1xuICAgICAgICAgIGFuaW1hdGlvbkNvbmZpZy50aW1lU3RlcHMgPyBBTklNQVRJT05fV0lORE9XLmludGVydmFsIDogQU5JTUFUSU9OX1dJTkRPVy5wb2ludFxuICAgICAgICB9XG4gICAgICAgIHNldFRpbWVsaW5lVmFsdWU9e3NldFRpbWVsaW5lVmFsdWV9XG4gICAgICAgIHRpbWVsaW5lPXt0aW1lbGluZX1cbiAgICAgICAgY2hpbGRyZW49e2NoaWxkcmVufVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuICByZXR1cm4gTGF5ZXJBbmltYXRpb25Db250cm9sbGVyO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllckFuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUQsT0FBQTtBQUVBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFlBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLG9CQUFBLEdBQUFDLHNCQUFBLENBQUFMLE9BQUE7QUFB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

package/dist/cjs/loading-indicator.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StyledContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _layers = require("@kepler.gl/layers");
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var spin = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"])));
+var Spinner = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  width: 14px;\n  height: 14px;\n  margin-right: 8px;\n  border: 2px solid ", ";\n  border-top-color: transparent;\n  border-radius: 50%;\n  animation: ", " 0.8s linear infinite;\n  vertical-align: middle;\n"])), function (props) {
+  return props.theme.textColorHl;
+}, spin);
+var StyledContainer = exports.StyledContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  left: ", "px;\n  bottom: ", "px;\n  z-index: 1;\n  color: ", ";\n  opacity: ", ";\n  transition: opacity 0.5s ease-in-out;\n  background-color: ", ";\n  padding: 8px 12px;\n  font-size: 13px;\n  font-weight: 500;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n"])), function (props) {
+  return props.$left;
+}, function (props) {
+  return props.theme.sidePanel.margin.left + props.$bottomOffset;
+}, function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.$isVisible ? 1 : 0;
+}, function (props) {
+  return props.theme.sidePanelBg;
+});
+/** Extra adjustment for the loading indicator when side panel is visible */
+var LEFT_POSITION_ADJUSTMENT = 3;
+/** Height of the map scale bar, used to stack the loading indicator above it */
+var MAP_SCALE_HEIGHT = 24;
+var LoadingIndicator = function LoadingIndicator(_ref) {
+  var isVisible = _ref.isVisible,
+    activeSidePanel = _ref.activeSidePanel,
+    sidePanelWidth = _ref.sidePanelWidth,
+    hasAttributionLogos = _ref.hasAttributionLogos,
+    hasMapScale = _ref.hasMapScale,
+    theme = _ref.theme;
+  var left = (activeSidePanel ? (sidePanelWidth || 0) + LEFT_POSITION_ADJUSTMENT : 0) + theme.sidePanel.margin.left;
+  var bottomOffset = (hasAttributionLogos ? 24 : 0) + (hasMapScale ? MAP_SCALE_HEIGHT : 0);
+
+  // Helper message to track number of tiles that are being loaded
+  var numRasterTilesInProgress = (0, _layers.getNumRasterTilesBeingLoaded)();
+  var numVectorTilesInProgress = (0, _layers.getNumVectorTilesBeingLoaded)();
+  var extraMessage = '';
+  if (numRasterTilesInProgress > 0 && numVectorTilesInProgress > 0) {
+    // Both types loading: show combined count
+    var totalTiles = numRasterTilesInProgress + numVectorTilesInProgress;
+    extraMessage = "".concat(totalTiles, " tile").concat(totalTiles === 1 ? ' is' : 's are', " being loaded");
+  } else if (numRasterTilesInProgress > 0) {
+    // Only raster tiles loading
+    extraMessage = "".concat(numRasterTilesInProgress, " raster tile").concat(numRasterTilesInProgress === 1 ? ' is' : 's are', " being loaded");
+  } else if (numVectorTilesInProgress > 0) {
+    // Only vector tiles loading
+    extraMessage = "".concat(numVectorTilesInProgress, " vector tile").concat(numVectorTilesInProgress === 1 ? ' is' : 's are', " being loaded");
+  }
+
+  // Preserve the last message during fade-out
+  var lastMessageRef = (0, _react.useRef)(extraMessage);
+  (0, _react.useEffect)(function () {
+    if (isVisible && extraMessage) {
+      lastMessageRef.current = extraMessage;
+    }
+  }, [isVisible, extraMessage]);
+  var displayMessage = isVisible ? extraMessage : lastMessageRef.current;
+  return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
+    $isVisible: isVisible,
+    $left: left,
+    $bottomOffset: bottomOffset
+  }, /*#__PURE__*/_react["default"].createElement(Spinner, null), /*#__PURE__*/_react["default"].createElement("span", null, "Loading... ".concat(displayMessage)));
+};
+var _default = exports["default"] = (0, _styledComponents.withTheme)(LoadingIndicator);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9sYXllcnMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwic3BpbiIsImtleWZyYW1lcyIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiU3Bpbm5lciIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJ0ZXh0Q29sb3JIbCIsIlN0eWxlZENvbnRhaW5lciIsImV4cG9ydHMiLCIkbGVmdCIsInNpZGVQYW5lbCIsIm1hcmdpbiIsImxlZnQiLCIkYm90dG9tT2Zmc2V0IiwidGV4dENvbG9yIiwiJGlzVmlzaWJsZSIsInNpZGVQYW5lbEJnIiwiTEVGVF9QT1NJVElPTl9BREpVU1RNRU5UIiwiTUFQX1NDQUxFX0hFSUdIVCIsIkxvYWRpbmdJbmRpY2F0b3IiLCJfcmVmIiwiaXNWaXNpYmxlIiwiYWN0aXZlU2lkZVBhbmVsIiwic2lkZVBhbmVsV2lkdGgiLCJoYXNBdHRyaWJ1dGlvbkxvZ29zIiwiaGFzTWFwU2NhbGUiLCJib3R0b21PZmZzZXQiLCJudW1SYXN0ZXJUaWxlc0luUHJvZ3Jlc3MiLCJnZXROdW1SYXN0ZXJUaWxlc0JlaW5nTG9hZGVkIiwibnVtVmVjdG9yVGlsZXNJblByb2dyZXNzIiwiZ2V0TnVtVmVjdG9yVGlsZXNCZWluZ0xvYWRlZCIsImV4dHJhTWVzc2FnZSIsInRvdGFsVGlsZXMiLCJjb25jYXQiLCJsYXN0TWVzc2FnZVJlZiIsInVzZVJlZiIsInVzZUVmZmVjdCIsImN1cnJlbnQiLCJkaXNwbGF5TWVzc2FnZSIsImNyZWF0ZUVsZW1lbnQiLCJfZGVmYXVsdCIsIndpdGhUaGVtZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkaW5nLWluZGljYXRvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7UHJvcHNXaXRoQ2hpbGRyZW4sIHVzZVJlZiwgdXNlRWZmZWN0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7d2l0aFRoZW1lLCBrZXlmcmFtZXN9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtnZXROdW1SYXN0ZXJUaWxlc0JlaW5nTG9hZGVkLCBnZXROdW1WZWN0b3JUaWxlc0JlaW5nTG9hZGVkfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSB7XG4gICRpc1Zpc2libGU/OiBib29sZWFuO1xuICAkbGVmdDogbnVtYmVyO1xuICAkYm90dG9tT2Zmc2V0OiBudW1iZXI7XG59O1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSB7IHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOyB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB9XG5gO1xuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogMTRweDtcbiAgaGVpZ2h0OiAxNHB4O1xuICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYm9yZGVyOiAycHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogJHtzcGlufSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFN0eWxlZENvbnRhaW5lclByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3Byb3BzID0+IHByb3BzLiRsZWZ0fXB4O1xuICBib3R0b206ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsLm1hcmdpbi5sZWZ0ICsgcHJvcHMuJGJvdHRvbU9mZnNldH1weDtcbiAgei1pbmRleDogMTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9yfTtcbiAgb3BhY2l0eTogJHtwcm9wcyA9PiAocHJvcHMuJGlzVmlzaWJsZSA/IDEgOiAwKX07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC41cyBlYXNlLWluLW91dDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxCZ307XG4gIHBhZGRpbmc6IDhweCAxMnB4O1xuICBmb250LXNpemU6IDEzcHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMyk7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cig0cHgpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbnR5cGUgTG9hZGluZ0luZGljYXRvclByb3BzID0ge1xuICBpc1Zpc2libGU/OiBib29sZWFuO1xuICBhY3RpdmVTaWRlUGFuZWw/OiBib29sZWFuO1xuICBzaWRlUGFuZWxXaWR0aD86IG51bWJlcjtcbiAgaGFzQXR0cmlidXRpb25Mb2dvcz86IGJvb2xlYW47XG4gIGhhc01hcFNjYWxlPzogYm9vbGVhbjtcbn07XG5cbi8qKiBFeHRyYSBhZGp1c3RtZW50IGZvciB0aGUgbG9hZGluZyBpbmRpY2F0b3Igd2hlbiBzaWRlIHBhbmVsIGlzIHZpc2libGUgKi9cbmNvbnN0IExFRlRfUE9TSVRJT05fQURKVVNUTUVOVCA9IDM7XG4vKiogSGVpZ2h0IG9mIHRoZSBtYXAgc2NhbGUgYmFyLCB1c2VkIHRvIHN0YWNrIHRoZSBsb2FkaW5nIGluZGljYXRvciBhYm92ZSBpdCAqL1xuY29uc3QgTUFQX1NDQUxFX0hFSUdIVCA9IDI0O1xuXG5jb25zdCBMb2FkaW5nSW5kaWNhdG9yOiBSZWFjdC5GQzxMb2FkaW5nSW5kaWNhdG9yUHJvcHMgJiB7dGhlbWU6IGFueX0+ID0gKHtcbiAgaXNWaXNpYmxlLFxuICBhY3RpdmVTaWRlUGFuZWwsXG4gIHNpZGVQYW5lbFdpZHRoLFxuICBoYXNBdHRyaWJ1dGlvbkxvZ29zLFxuICBoYXNNYXBTY2FsZSxcbiAgdGhlbWVcbn0pID0+IHtcbiAgY29uc3QgbGVmdCA9XG4gICAgKGFjdGl2ZVNpZGVQYW5lbCA/IChzaWRlUGFuZWxXaWR0aCB8fCAwKSArIExFRlRfUE9TSVRJT05fQURKVVNUTUVOVCA6IDApICtcbiAgICB0aGVtZS5zaWRlUGFuZWwubWFyZ2luLmxlZnQ7XG4gIGNvbnN0IGJvdHRvbU9mZnNldCA9IChoYXNBdHRyaWJ1dGlvbkxvZ29zID8gMjQgOiAwKSArIChoYXNNYXBTY2FsZSA/IE1BUF9TQ0FMRV9IRUlHSFQgOiAwKTtcblxuICAvLyBIZWxwZXIgbWVzc2FnZSB0byB0cmFjayBudW1iZXIgb2YgdGlsZXMgdGhhdCBhcmUgYmVpbmcgbG9hZGVkXG4gIGNvbnN0IG51bVJhc3RlclRpbGVzSW5Qcm9ncmVzcyA9IGdldE51bVJhc3RlclRpbGVzQmVpbmdMb2FkZWQoKTtcbiAgY29uc3QgbnVtVmVjdG9yVGlsZXNJblByb2dyZXNzID0gZ2V0TnVtVmVjdG9yVGlsZXNCZWluZ0xvYWRlZCgpO1xuXG4gIGxldCBleHRyYU1lc3NhZ2UgPSAnJztcbiAgaWYgKG51bVJhc3RlclRpbGVzSW5Qcm9ncmVzcyA+IDAgJiYgbnVtVmVjdG9yVGlsZXNJblByb2dyZXNzID4gMCkge1xuICAgIC8vIEJvdGggdHlwZXMgbG9hZGluZzogc2hvdyBjb21iaW5lZCBjb3VudFxuICAgIGNvbnN0IHRvdGFsVGlsZXMgPSBudW1SYXN0ZXJUaWxlc0luUHJvZ3Jlc3MgKyBudW1WZWN0b3JUaWxlc0luUHJvZ3Jlc3M7XG4gICAgZXh0cmFNZXNzYWdlID0gYCR7dG90YWxUaWxlc30gdGlsZSR7dG90YWxUaWxlcyA9PT0gMSA/ICcgaXMnIDogJ3MgYXJlJ30gYmVpbmcgbG9hZGVkYDtcbiAgfSBlbHNlIGlmIChudW1SYXN0ZXJUaWxlc0luUHJvZ3Jlc3MgPiAwKSB7XG4gICAgLy8gT25seSByYXN0ZXIgdGlsZXMgbG9hZGluZ1xuICAgIGV4dHJhTWVzc2FnZSA9IGAke251bVJhc3RlclRpbGVzSW5Qcm9ncmVzc30gcmFzdGVyIHRpbGUke1xuICAgICAgbnVtUmFzdGVyVGlsZXNJblByb2dyZXNzID09PSAxID8gJyBpcycgOiAncyBhcmUnXG4gICAgfSBiZWluZyBsb2FkZWRgO1xuICB9IGVsc2UgaWYgKG51bVZlY3RvclRpbGVzSW5Qcm9ncmVzcyA+IDApIHtcbiAgICAvLyBPbmx5IHZlY3RvciB0aWxlcyBsb2FkaW5nXG4gICAgZXh0cmFNZXNzYWdlID0gYCR7bnVtVmVjdG9yVGlsZXNJblByb2dyZXNzfSB2ZWN0b3IgdGlsZSR7XG4gICAgICBudW1WZWN0b3JUaWxlc0luUHJvZ3Jlc3MgPT09IDEgPyAnIGlzJyA6ICdzIGFyZSdcbiAgICB9IGJlaW5nIGxvYWRlZGA7XG4gIH1cblxuICAvLyBQcmVzZXJ2ZSB0aGUgbGFzdCBtZXNzYWdlIGR1cmluZyBmYWRlLW91dFxuICBjb25zdCBsYXN0TWVzc2FnZVJlZiA9IHVzZVJlZihleHRyYU1lc3NhZ2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc1Zpc2libGUgJiYgZXh0cmFNZXNzYWdlKSB7XG4gICAgICBsYXN0TWVzc2FnZVJlZi5jdXJyZW50ID0gZXh0cmFNZXNzYWdlO1xuICAgIH1cbiAgfSwgW2lzVmlzaWJsZSwgZXh0cmFNZXNzYWdlXSk7XG5cbiAgY29uc3QgZGlzcGxheU1lc3NhZ2UgPSBpc1Zpc2libGUgPyBleHRyYU1lc3NhZ2UgOiBsYXN0TWVzc2FnZVJlZi5jdXJyZW50O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciAkaXNWaXNpYmxlPXtpc1Zpc2libGV9ICRsZWZ0PXtsZWZ0fSAkYm90dG9tT2Zmc2V0PXtib3R0b21PZmZzZXR9PlxuICAgICAgPFNwaW5uZXIgLz5cbiAgICAgIDxzcGFuPntgTG9hZGluZy4uLiAke2Rpc3BsYXlNZXNzYWdlfWB9PC9zcGFuPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKExvYWRpbmdJbmRpY2F0b3IpIGFzIFJlYWN0LkZDPFByb3BzV2l0aENoaWxkcmVuPExvYWRpbmdJbmRpY2F0b3JQcm9wcz4+O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRix1QkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUUsT0FBQSxHQUFBRixPQUFBO0FBQTZGLElBQUFHLGVBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUFON0Y7QUFDQTtBQUFBLFNBQUFOLHdCQUFBTyxDQUFBLEVBQUFDLENBQUEsNkJBQUFDLE9BQUEsTUFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBVCx1QkFBQSxZQUFBQSx3QkFBQU8sQ0FBQSxFQUFBQyxDQUFBLFNBQUFBLENBQUEsSUFBQUQsQ0FBQSxJQUFBQSxDQUFBLENBQUFLLFVBQUEsU0FBQUwsQ0FBQSxNQUFBTSxDQUFBLEVBQUFDLENBQUEsRUFBQUMsQ0FBQSxLQUFBQyxTQUFBLG1CQUFBVCxDQUFBLGlCQUFBQSxDQUFBLGdCQUFBVSxPQUFBLENBQUFWLENBQUEsMEJBQUFBLENBQUEsU0FBQVEs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QUcsSUFBQUMsb0NBQTRCLEVBQUMsQ0FBQztFQUUvRCxJQUFJQyxZQUFZLEdBQUcsRUFBRTtFQUNyQixJQUFJSix3QkFBd0IsR0FBRyxDQUFDLElBQUlFLHdCQUF3QixHQUFHLENBQUMsRUFBRTtJQUNoRTtJQUNBLElBQU1HLFVBQVUsR0FBR0wsd0JBQXdCLEdBQUdFLHdCQUF3QjtJQUN0RUUsWUFBWSxNQUFBRSxNQUFBLENBQU1ELFVBQVUsV0FBQUMsTUFBQSxDQUFRRCxVQUFVLEtBQUssQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLGtCQUFlO0VBQ3ZGLENBQUMsTUFBTSxJQUFJTCx3QkFBd0IsR0FBRyxDQUFDLEVBQUU7SUFDdkM7SUFDQUksWUFBWSxNQUFBRSxNQUFBLENBQU1OLHdCQUF3QixrQkFBQU0sTUFBQSxDQUN4Q04sd0JBQXdCLEtBQUssQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLGtCQUNuQztFQUNqQixDQUFDLE1BQU0sSUFBSUUsd0JBQXdCLEdBQUcsQ0FBQyxFQUFFO0lBQ3ZDO0lBQ0FFLFlBQVksTUFBQUUsTUFBQSxDQUFNSix3QkFBd0Isa0JBQUFJLE1BQUEsQ0FDeENKLHdCQUF3QixLQUFLLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxrQkFDbkM7RUFDakI7O0VBRUE7RUFDQSxJQUFNSyxjQUFjLEdBQUcsSUFBQUMsYUFBTSxFQUFDSixZQUFZLENBQUM7RUFDM0MsSUFBQUssZ0JBQVMsRUFBQyxZQUFNO0lBQ2QsSUFBSWYsU0FBUyxJQUFJVSxZQUFZLEVBQUU7TUFDN0JHLGNBQWMsQ0FBQ0csT0FBTyxHQUFHTixZQUFZO0lBQ3ZDO0VBQ0YsQ0FBQyxFQUFFLENBQUNWLFNBQVMsRUFBRVUsWUFBWSxDQUFDLENBQUM7RUFFN0IsSUFBTU8sY0FBYyxHQUFHakIsU0FBUyxHQUFHVSxZQUFZLEdBQUdHLGNBQWMsQ0FBQ0csT0FBTztFQUV4RSxvQkFDRW5FLE1BQUEsWUFBQXFFLGFBQUEsQ0FBQ2hDLGVBQWU7SUFBQ1EsVUFBVSxFQUFFTSxTQUFVO0lBQUNaLEtBQUssRUFBRUcsSUFBSztJQUFDQyxhQUFhLEVBQUVhO0VBQWEsZ0JBQy9FeEQsTUFBQSxZQUFBcUUsYUFBQSxDQUFDdEMsT0FBTyxNQUFFLENBQUMsZUFDWC9CLE1BQUEsWUFBQXFFLGFBQUEsNkJBQUFOLE1BQUEsQ0FBcUJLLGNBQWMsQ0FBUyxDQUM3QixDQUFDO0FBRXRCLENBQUM7QUFBQyxJQUFBRSxRQUFBLEdBQUFoQyxPQUFBLGNBRWEsSUFBQWlDLDJCQUFTLEVBQUN0QixnQkFBZ0IsQ0FBQyIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/cjs/map/annotations/annotation-control.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AnnotationControlFactory;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@kepler.gl/utils");
+var _icons = require("../../common/icons");
+var _styledComponents = require("../../common/styled-components");
+var _mapControlTooltip = _interopRequireDefault(require("../map-control-tooltip"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+AnnotationControlFactory.deps = [_mapControlTooltip["default"]];
+function AnnotationControlFactory(MapControlTooltip) {
+  var defaultActionIcons = {
+    annotationIcon: _icons.AnnotationText
+  };
+  var AnnotationControl = function AnnotationControl(_ref) {
+    var _mapControls$annotati, _mapControls$annotati2;
+    var mapControls = _ref.mapControls,
+      onToggleMapControl = _ref.onToggleMapControl,
+      _ref$actionIcons = _ref.actionIcons,
+      actionIcons = _ref$actionIcons === void 0 ? defaultActionIcons : _ref$actionIcons;
+    var onClick = (0, _react.useCallback)(function (event) {
+      event.preventDefault();
+      onToggleMapControl('annotation');
+    }, [onToggleMapControl]);
+    if (!(0, _utils.getApplicationConfig)().enableAnnotations) {
+      return null;
+    }
+    var showControl = mapControls === null || mapControls === void 0 || (_mapControls$annotati = mapControls.annotation) === null || _mapControls$annotati === void 0 ? void 0 : _mapControls$annotati.show;
+    if (!showControl) {
+      return null;
+    }
+    var active = mapControls === null || mapControls === void 0 || (_mapControls$annotati2 = mapControls.annotation) === null || _mapControls$annotati2 === void 0 ? void 0 : _mapControls$annotati2.active;
+    return /*#__PURE__*/_react["default"].createElement(MapControlTooltip, {
+      id: "show-annotation",
+      message: active ? 'tooltip.hideAnnotationPanel' : 'tooltip.showAnnotationPanel'
+    }, /*#__PURE__*/_react["default"].createElement(_styledComponents.MapControlButton, {
+      className: "map-control-button toggle-annotation",
+      onClick: onClick,
+      active: active
+    }, /*#__PURE__*/_react["default"].createElement(actionIcons.annotationIcon, {
+      height: "22px"
+    })));
+  };
+  AnnotationControl.displayName = 'AnnotationControl';
+  return /*#__PURE__*/_react["default"].memo(AnnotationControl);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfdXRpbHMiLCJfaWNvbnMiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9tYXBDb250cm9sVG9vbHRpcCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIkFubm90YXRpb25Db250cm9sRmFjdG9yeSIsImRlcHMiLCJNYXBDb250cm9sVG9vbHRpcEZhY3RvcnkiLCJNYXBDb250cm9sVG9vbHRpcCIsImRlZmF1bHRBY3Rpb25JY29ucyIsImFubm90YXRpb25JY29uIiwiQW5ub3RhdGlvblRleHQiLCJBbm5vdGF0aW9uQ29udHJvbCIsIl9yZWYiLCJfbWFwQ29udHJvbHMkYW5ub3RhdGkiLCJfbWFwQ29udHJvbHMkYW5ub3RhdGkyIiwibWFwQ29udHJvbHMiLCJvblRvZ2dsZU1hcENvbnRyb2wiLCJfcmVmJGFjdGlvbkljb25zIiwiYWN0aW9uSWNvbnMiLCJvbkNsaWNrIiwidXNlQ2FsbGJhY2siLCJldmVudCIsInByZXZlbnREZWZhdWx0IiwiZ2V0QXBwbGljYXRpb25Db25maWciLCJlbmFibGVBbm5vdGF0aW9ucyIsInNob3dDb250cm9sIiwiYW5ub3RhdGlvbiIsInNob3ciLCJhY3RpdmUiLCJjcmVhdGVFbGVtZW50IiwiaWQiLCJtZXNzYWdlIiwiTWFwQ29udHJvbEJ1dHRvbiIsImNsYXNzTmFtZSIsImhlaWdodCIsImRpc3BsYXlOYW1lIiwiUmVhY3QiLCJtZW1vIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21hcC9hbm5vdGF0aW9ucy9hbm5vdGF0aW9uLWNvbnRyb2wudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCBDb21wb25lbnRUeXBlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge01hcENvbnRyb2xzfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7Z2V0QXBwbGljYXRpb25Db25maWd9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHtBbm5vdGF0aW9uVGV4dH0gZnJvbSAnLi4vLi4vY29tbW9uL2ljb25zJztcbmltcG9ydCB7TWFwQ29udHJvbEJ1dHRvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBNYXBDb250cm9sVG9vbHRpcEZhY3RvcnkgZnJvbSAnLi4vbWFwLWNvbnRyb2wtdG9vbHRpcCc7XG5cbmludGVyZmFjZSBBbm5vdGF0aW9uQ29udHJvbEljb25zIHtcbiAgYW5ub3RhdGlvbkljb246IENvbXBvbmVudFR5cGU8YW55Pjtcbn1cblxuZXhwb3J0IHR5cGUgQW5ub3RhdGlvbkNvbnRyb2xQcm9wcyA9IHtcbiAgbWFwQ29udHJvbHM6IE1hcENvbnRyb2xzO1xuICBvblRvZ2dsZU1hcENvbnRyb2w6IChjb250cm9sOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGFjdGlvbkljb25zPzogQW5ub3RhdGlvbkNvbnRyb2xJY29ucztcbn07XG5cbkFubm90YXRpb25Db250cm9sRmFjdG9yeS5kZXBzID0gW01hcENvbnRyb2xUb29sdGlwRmFjdG9yeV07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEFubm90YXRpb25Db250cm9sRmFjdG9yeShcbiAgTWFwQ29udHJvbFRvb2x0aXA6IFJldHVyblR5cGU8dHlwZW9mIE1hcENvbnRyb2xUb29sdGlwRmFjdG9yeT5cbik6IFJlYWN0LkZDPEFubm90YXRpb25Db250cm9sUHJvcHM+IHtcbiAgY29uc3QgZGVmYXVsdEFjdGlvbkljb25zID0ge1xuICAgIGFubm90YXRpb25JY29uOiBBbm5vdGF0aW9uVGV4dFxuICB9O1xuXG4gIGNvbnN0IEFubm90YXRpb25Db250cm9sID0gKHtcbiAgICBtYXBDb250cm9scyxcbiAgICBvblRvZ2dsZU1hcENvbnRyb2wsXG4gICAgYWN0aW9uSWNvbnMgPSBkZWZhdWx0QWN0aW9uSWNvbnNcbiAgfTogQW5ub3RhdGlvbkNvbnRyb2xQcm9wcykgPT4ge1xuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAgIGV2ZW50ID0+IHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25Ub2dnbGVNYXBDb250cm9sKCdhbm5vdGF0aW9uJyk7XG4gICAgICB9LFxuICAgICAgW29uVG9nZ2xlTWFwQ29udHJvbF1cbiAgICApO1xuXG4gICAgaWYgKCFnZXRBcHBsaWNhdGlvbkNvbmZpZygpLmVuYWJsZUFubm90YXRpb25zKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBzaG93Q29udHJvbCA9IG1hcENvbnRyb2xzPy5hbm5vdGF0aW9uPy5zaG93O1xuICAgIGlmICghc2hvd0NvbnRyb2wpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGFjdGl2ZSA9IG1hcENvbnRyb2xzPy5hbm5vdGF0aW9uPy5hY3RpdmU7XG4gICAgcmV0dXJuIChcbiAgICAgIDxNYXBDb250cm9sVG9vbHRpcFxuICAgICAgICBpZD1cInNob3ctYW5ub3RhdGlvblwiXG4gICAgICAgIG1lc3NhZ2U9e2FjdGl2ZSA/ICd0b29sdGlwLmhpZGVBbm5vdGF0aW9uUGFuZWwnIDogJ3Rvb2x0aXAuc2hvd0Fubm90YXRpb25QYW5lbCd9XG4gICAgICA+XG4gICAgICAgIDxNYXBDb250cm9sQnV0dG9uXG4gICAgICAgICAgY2xhc3NOYW1lPVwibWFwLWNvbnRyb2wtYnV0dG9uIHRvZ2dsZS1hbm5vdGF0aW9uXCJcbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICA+XG4gICAgICAgICAgPGFjdGlvbkljb25zLmFubm90YXRpb25JY29uIGhlaWdodD1cIjIycHhcIiAvPlxuICAgICAgICA8L01hcENvbnRyb2xCdXR0b24+XG4gICAgICA8L01hcENvbnRyb2xUb29sdGlwPlxuICAgICk7XG4gIH07XG5cbiAgQW5ub3RhdGlvbkNvbnRyb2wuZGlzcGxheU5hbWUgPSAnQW5ub3RhdGlvbkNvbnRyb2wnO1xuICByZXR1cm4gUmVhY3QubWVtbyhBbm5vdGF0aW9uQ29udHJvbCk7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsaUJBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLGtCQUFBLEdBQUFDLHNCQUFBLENBQUFMLE9BQUE7QUFBOEQsU0FBQUQsd0JBQUFPLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFULHVCQUFBLFlBQUFBLHdCQUFBTyxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FB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