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

package/dist/esm/modals/globe-export-video-preview.js

@@ -0,0 +1,159 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { Component } from 'react';
+import DeckGL from '@deck.gl/react';
+import styled from 'styled-components';
+import { EXPORT_DECK_DEVICE_PROPS, getGlobeExportLayers } from './hubble-utils';
+var PreviewContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  position: relative;\n  background-color: ", ";\n  ", "\n"])), function (props) {
+  return props.$width;
+}, function (props) {
+  return props.$height;
+}, function (props) {
+  return props.$background;
+}, function (props) {
+  return props.$starsImage ? "background-image: url('".concat(props.$starsImage, "'); background-repeat: repeat;") : '';
+});
+/**
+ * Single-canvas video export preview for globe mode.
+ *
+ * hubble's built-in preview cannot be used for globe mode: in its
+ * `disableBaseMap` branch it renders a bare <DeckGL> without a viewState and
+ * never wires up the frame-capture loop (that loop is driven by the mapbox
+ * 'render' event, which does not exist without a base map). This component
+ * renders the globe deck directly with a valid, controlled viewState so the
+ * GlobeView controller initializes correctly (no MapState/GlobeState assert),
+ * stays interactive, and exposes the deck canvas so the parent container can
+ * drive its own capture loop (mirrors the swipe export approach).
+ */
+export var GlobeExportVideoPreview = /*#__PURE__*/function (_Component) {
+  function GlobeExportVideoPreview() {
+    var _this;
+    _classCallCheck(this, GlobeExportVideoPreview);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, GlobeExportVideoPreview, [].concat(args));
+    _defineProperty(_this, "deckRef", /*#__PURE__*/React.createRef());
+    return _this;
+  }
+  _inherits(GlobeExportVideoPreview, _Component);
+  return _createClass(GlobeExportVideoPreview, [{
+    key: "_getContainer",
+    value: function _getContainer() {
+      var _this$props = this.props,
+        exportVideoWidth = _this$props.exportVideoWidth,
+        resolution = _this$props.resolution;
+      var aspectRatio = resolution[0] / resolution[1];
+      return {
+        height: exportVideoWidth / aspectRatio,
+        width: exportVideoWidth
+      };
+    }
+
+    /** Expose the deck canvas so the parent container can capture frames. */
+  }, {
+    key: "getCanvas",
+    value: function getCanvas() {
+      var _deck$getCanvas;
+      var deck = this.deckRef.current;
+      return deck && ((_deck$getCanvas = deck.getCanvas) === null || _deck$getCanvas === void 0 ? void 0 : _deck$getCanvas.call(deck)) || null;
+    }
+
+    /** All layers loaded — used to gate the first capture frame. */
+  }, {
+    key: "areLayersLoaded",
+    value: function areLayersLoaded() {
+      var deck = this.deckRef.current;
+      if (!deck) return false;
+      var layers = deck.props.layers || [];
+      return layers.length > 0 && layers.every(function (layer) {
+        return layer.isLoaded;
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        adapter = _this$props2.adapter,
+        deckProps = _this$props2.deckProps,
+        viewState = _this$props2.viewState,
+        setViewState = _this$props2.setViewState,
+        resolution = _this$props2.resolution,
+        exportVideoWidth = _this$props2.exportVideoWidth,
+        backgroundColor = _this$props2.backgroundColor,
+        mapData = _this$props2.mapData,
+        mapProps = _this$props2.mapProps,
+        starsImage = _this$props2.starsImage;
+      var _this$_getContainer = this._getContainer(),
+        width = _this$_getContainer.width,
+        height = _this$_getContainer.height;
+      var deck = this.deckRef.current;
+
+      // Rebuild layers from the animated camera (hubble 2D: createKeplerLayers(mapData, viewState)).
+      var layers = getGlobeExportLayers(mapData, {
+        mapIndex: 0,
+        mapboxApiAccessToken: mapProps === null || mapProps === void 0 ? void 0 : mapProps.mapboxApiAccessToken,
+        mapboxApiUrl: mapProps === null || mapProps === void 0 ? void 0 : mapProps.mapboxApiUrl,
+        viewState: viewState
+      });
+
+      // adapter.getProps injects `_animate` (and toggles `controller` off while
+      // recording) so hubble's KeplerAnimation can drive the camera. Views,
+      // controller bounds and initialViewState come from `deckProps`
+      // (see getHubbleDeckGlProps). A controlled `viewState` keeps the preview in
+      // sync with the animated camera and prevents the GlobeState assert.
+      var adapterProps = adapter.getProps({
+        deck: deck,
+        extraProps: _objectSpread(_objectSpread({}, deckProps), {}, {
+          layers: layers
+        })
+      });
+
+      // Render the drawing buffer at the true export resolution regardless of the
+      // small CSS preview size. deck.gl's MSAA (antialias defaults to true when
+      // deck owns the canvas) only smooths edges at the drawing-buffer resolution,
+      // so if the buffer were the small preview size the globe silhouette would
+      // look pixelated once the captured frame is scaled up to the output size.
+      // Passing an explicit numeric `useDevicePixels` sizes the buffer to
+      // width * ratio === exportVideoWidth * (resolution / exportVideoWidth) ===
+      // resolution, and is far more reliable than mutating window.devicePixelRatio.
+      var pixelRatio = Math.max(1, resolution[0] / exportVideoWidth);
+      return /*#__PURE__*/React.createElement(PreviewContainer, {
+        $width: width,
+        $height: height,
+        $background: backgroundColor,
+        $starsImage: starsImage
+      }, /*#__PURE__*/React.createElement(DeckGL, _extends({
+        ref: function ref(_ref2) {
+          _this2.deckRef.current = (_ref2 === null || _ref2 === void 0 ? void 0 : _ref2.deck) || null;
+        },
+        deviceProps: EXPORT_DECK_DEVICE_PROPS
+      }, adapterProps, {
+        viewState: viewState,
+        onViewStateChange: function onViewStateChange(_ref) {
+          var vs = _ref.viewState;
+          return setViewState(vs);
+        },
+        useDevicePixels: pixelRatio,
+        width: width,
+        height: height
+      })));
+    }
+  }]);
+}(Component);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkNvbXBvbmVudCIsIkRlY2tHTCIsInN0eWxlZCIsIkVYUE9SVF9ERUNLX0RFVklDRV9QUk9QUyIsImdldEdsb2JlRXhwb3J0TGF5ZXJzIiwiUHJldmlld0NvbnRhaW5lciIsImRpdiIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJwcm9wcyIsIiR3aWR0aCIsIiRoZWlnaHQiLCIkYmFja2dyb3VuZCIsIiRzdGFyc0ltYWdlIiwiY29uY2F0IiwiR2xvYmVFeHBvcnRWaWRlb1ByZXZpZXciLCJfQ29tcG9uZW50IiwiX3RoaXMiLCJfY2xhc3NDYWxsQ2hlY2siLCJfbGVuIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiYXJncyIsIkFycmF5IiwiX2tleSIsIl9jYWxsU3VwZXIiLCJfZGVmaW5lUHJvcGVydHkiLCJjcmVhdGVSZWYiLCJfaW5oZXJpdHMiLCJfY3JlYXRlQ2xhc3MiLCJrZXkiLCJ2YWx1ZSIsIl9nZXRDb250YWluZXIiLCJfdGhpcyRwcm9wcyIsImV4cG9ydFZpZGVvV2lkdGgiLCJyZXNvbHV0aW9uIiwiYXNwZWN0UmF0aW8iLCJoZWlnaHQiLCJ3aWR0aCIsImdldENhbnZhcyIsIl9kZWNrJGdldENhbnZhcyIsImRlY2siLCJkZWNrUmVmIiwiY3VycmVudCIsImNhbGwiLCJhcmVMYXllcnNMb2FkZWQiLCJsYXllcnMiLCJldmVyeSIsImxheWVyIiwiaXNMb2FkZWQiLCJyZW5kZXIiLCJfdGhpczIiLCJfdGhpcyRwcm9wczIiLCJhZGFwdGVyIiwiZGVja1Byb3BzIiwidmlld1N0YXRlIiwic2V0Vmlld1N0YXRlIiwiYmFja2dyb3VuZENvbG9yIiwibWFwRGF0YSIsIm1hcFByb3BzIiwic3RhcnNJbWFnZSIsIl90aGlzJF9nZXRDb250YWluZXIiLCJtYXBJbmRleCIsIm1hcGJveEFwaUFjY2Vzc1Rva2VuIiwibWFwYm94QXBpVXJsIiwiYWRhcHRlclByb3BzIiwiZ2V0UHJvcHMiLCJleHRyYVByb3BzIiwiX29iamVjdFNwcmVhZCIsInBpeGVsUmF0aW8iLCJNYXRoIiwibWF4IiwiY3JlYXRlRWxlbWVudCIsIl9leHRlbmRzIiwicmVmIiwiZGV2aWNlUHJvcHMiLCJvblZpZXdTdGF0ZUNoYW5nZSIsIl9yZWYiLCJ2cyIsInVzZURldmljZVBpeGVscyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbHMvZ2xvYmUtZXhwb3J0LXZpZGVvLXByZXZpZXcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgUmVmT2JqZWN0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgRGVja0dMIGZyb20gJ0BkZWNrLmdsL3JlYWN0JztcbmltcG9ydCB0eXBlIHtEZWNrLCBEZWNrUHJvcHMsIE1hcFZpZXdTdGF0ZX0gZnJvbSAnQGRlY2suZ2wvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtEZWNrQWRhcHRlcn0gZnJvbSAnQGh1YmJsZS5nbC9jb3JlJztcbmltcG9ydCB7RVhQT1JUX0RFQ0tfREVWSUNFX1BST1BTLCBnZXRHbG9iZUV4cG9ydExheWVyc30gZnJvbSAnLi9odWJibGUtdXRpbHMnO1xuXG5jb25zdCBQcmV2aWV3Q29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gICR3aWR0aDogbnVtYmVyO1xuICAkaGVpZ2h0OiBudW1iZXI7XG4gICRiYWNrZ3JvdW5kOiBzdHJpbmc7XG4gICRzdGFyc0ltYWdlPzogc3RyaW5nIHwgbnVsbDtcbn0+YFxuICB3aWR0aDogJHtwcm9wcyA9PiBwcm9wcy4kd2lkdGh9cHg7XG4gIGhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy4kaGVpZ2h0fXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuJGJhY2tncm91bmR9O1xuICAke3Byb3BzID0+XG4gICAgcHJvcHMuJHN0YXJzSW1hZ2VcbiAgICAgID8gYGJhY2tncm91bmQtaW1hZ2U6IHVybCgnJHtwcm9wcy4kc3RhcnNJbWFnZX0nKTsgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtgXG4gICAgICA6ICcnfVxuYDtcblxuZXhwb3J0IHR5cGUgR2xvYmVFeHBvcnRWaWRlb1ByZXZpZXdQcm9wcyA9IHtcbiAgbWFwRGF0YTogYW55O1xuICByZXNvbHV0aW9uOiBbbnVtYmVyLCBudW1iZXJdO1xuICBleHBvcnRWaWRlb1dpZHRoOiBudW1iZXI7XG4gIGRlY2tQcm9wcz86IERlY2tQcm9wcztcbiAgdmlld1N0YXRlOiBNYXBWaWV3U3RhdGU7XG4gIGFkYXB0ZXI6IERlY2tBZGFwdGVyO1xuICByZW5kZXJpbmc6IGJvb2xlYW47XG4gIHNhdmluZzogYm9vbGVhbjtcbiAgc2V0Vmlld1N0YXRlOiAodmlld1N0YXRlOiBNYXBWaWV3U3RhdGUpID0+IHZvaWQ7XG4gIGR1cmF0aW9uTXM6IG51bWJlcjtcbiAgLyoqIENTUyBjb2xvciBzdHJpbmcgZm9yIHRoZSBhcmVhIHRoZSBnbG9iZSBkb2VzIG5vdCBjb3Zlci4gKi9cbiAgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gIG1hcFByb3BzPzogUmVjb3JkPHN0cmluZywgYW55PjtcbiAgLyoqIFRpbGVhYmxlIHN0YXItZmllbGQgZGF0YSBVUkwsIG1hdGNoaW5nIHRoZSBsaXZlIGdsb2JlIG1hcCBDU1MgYmFja2dyb3VuZC4gKi9cbiAgc3RhcnNJbWFnZT86IHN0cmluZyB8IG51bGw7XG59O1xuXG4vKipcbiAqIFNpbmdsZS1jYW52YXMgdmlkZW8gZXhwb3J0IHByZXZpZXcgZm9yIGdsb2JlIG1vZGUuXG4gKlxuICogaHViYmxlJ3MgYnVpbHQtaW4gcHJldmlldyBjYW5ub3QgYmUgdXNlZCBmb3IgZ2xvYmUgbW9kZTogaW4gaXRzXG4gKiBgZGlzYWJsZUJhc2VNYXBgIGJyYW5jaCBpdCByZW5kZXJzIGEgYmFyZSA8RGVja0dMPiB3aXRob3V0IGEgdmlld1N0YXRlIGFuZFxuICogbmV2ZXIgd2lyZXMgdXAgdGhlIGZyYW1lLWNhcHR1cmUgbG9vcCAodGhhdCBsb29wIGlzIGRyaXZlbiBieSB0aGUgbWFwYm94XG4gKiAncmVuZGVyJyBldmVudCwgd2hpY2ggZG9lcyBub3QgZXhpc3Qgd2l0aG91dCBhIGJhc2UgbWFwKS4gVGhpcyBjb21wb25lbnRcbiAqIHJlbmRlcnMgdGhlIGdsb2JlIGRlY2sgZGlyZWN0bHkgd2l0aCBhIHZhbGlkLCBjb250cm9sbGVkIHZpZXdTdGF0ZSBzbyB0aGVcbiAqIEdsb2JlVmlldyBjb250cm9sbGVyIGluaXRpYWxpemVzIGNvcnJlY3RseSAobm8gTWFwU3RhdGUvR2xvYmVTdGF0ZSBhc3NlcnQpLFxuICogc3RheXMgaW50ZXJhY3RpdmUsIGFuZCBleHBvc2VzIHRoZSBkZWNrIGNhbnZhcyBzbyB0aGUgcGFyZW50IGNvbnRhaW5lciBjYW5cbiAqIGRyaXZlIGl0cyBvd24gY2FwdHVyZSBsb29wIChtaXJyb3JzIHRoZSBzd2lwZSBleHBvcnQgYXBwcm9hY2gpLlxuICovXG5leHBvcnQgY2xhc3MgR2xvYmVFeHBvcnRWaWRlb1ByZXZpZXcgZXh0ZW5kcyBDb21wb25lbnQ8R2xvYmVFeHBvcnRWaWRlb1ByZXZpZXdQcm9wcz4ge1xuICBkZWNrUmVmOiBSZWZPYmplY3Q8RGVjayB8IG51bGw+ID0gUmVhY3QuY3JlYXRlUmVmPERlY2sgfCBudWxsPigpO1xuXG4gIF9nZXRDb250YWluZXIoKSB7XG4gICAgY29uc3Qge2V4cG9ydFZpZGVvV2lkdGgsIHJlc29sdXRpb259ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBhc3BlY3RSYXRpbyA9IHJlc29sdXRpb25bMF0gLyByZXNvbHV0aW9uWzFdO1xuICAgIHJldHVybiB7aGVpZ2h0OiBleHBvcnRWaWRlb1dpZHRoIC8gYXNwZWN0UmF0aW8sIHdpZHRoOiBleHBvcnRWaWRlb1dpZHRofTtcbiAgfVxuXG4gIC8qKiBFeHBvc2UgdGhlIGRlY2sgY2FudmFzIHNvIHRoZSBwYXJlbnQgY29udGFpbmVyIGNhbiBjYXB0dXJlIGZyYW1lcy4gKi9cbiAgZ2V0Q2FudmFzKCk6IEhUTUxDYW52YXNFbGVtZW50IHwgbnVsbCB7XG4gICAgY29uc3QgZGVjayA9IHRoaXMuZGVja1JlZi5jdXJyZW50IGFzIGFueTtcbiAgICByZXR1cm4gKGRlY2sgJiYgZGVjay5nZXRDYW52YXM/LigpKSB8fCBudWxsO1xuICB9XG5cbiAgLyoqIEFsbCBsYXllcnMgbG9hZGVkIOKAlCB1c2VkIHRvIGdhdGUgdGhlIGZpcnN0IGNhcHR1cmUgZnJhbWUuICovXG4gIGFyZUxheWVyc0xvYWRlZCgpOiBib29sZWFuIHtcbiAgICBjb25zdCBkZWNrID0gdGhpcy5kZWNrUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFkZWNrKSByZXR1cm4gZmFsc2U7XG4gICAgY29uc3QgbGF5ZXJzID0gZGVjay5wcm9wcy5sYXllcnMgfHwgW107XG4gICAgcmV0dXJuIGxheWVycy5sZW5ndGggPiAwICYmIGxheWVycy5ldmVyeSgobGF5ZXI6IGFueSkgPT4gbGF5ZXIuaXNMb2FkZWQpO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGFkYXB0ZXIsXG4gICAgICBkZWNrUHJvcHMsXG4gICAgICB2aWV3U3RhdGUsXG4gICAgICBzZXRWaWV3U3RhdGUsXG4gICAgICByZXNvbHV0aW9uLFxuICAgICAgZXhwb3J0VmlkZW9XaWR0aCxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIG1hcERhdGEsXG4gICAgICBtYXBQcm9wcyxcbiAgICAgIHN0YXJzSW1hZ2VcbiAgICB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7d2lkdGgsIGhlaWdodH0gPSB0aGlzLl9nZXRDb250YWluZXIoKTtcbiAgICBjb25zdCBkZWNrID0gdGhpcy5kZWNrUmVmLmN1cnJlbnQ7XG5cbiAgICAvLyBSZWJ1aWxkIGxheWVycyBmcm9tIHRoZSBhbmltYXRlZCBjYW1lcmEgKGh1YmJsZSAyRDogY3JlYXRlS2VwbGVyTGF5ZXJzKG1hcERhdGEsIHZpZXdTdGF0ZSkpLlxuICAgIGNvbnN0IGxheWVycyA9IGdldEdsb2JlRXhwb3J0TGF5ZXJzKG1hcERhdGEsIHtcbiAgICAgIG1hcEluZGV4OiAwLFxuICAgICAgbWFwYm94QXBpQWNjZXNzVG9rZW46IG1hcFByb3BzPy5tYXBib3hBcGlBY2Nlc3NUb2tlbixcbiAgICAgIG1hcGJveEFwaVVybDogbWFwUHJvcHM/Lm1hcGJveEFwaVVybCxcbiAgICAgIHZpZXdTdGF0ZVxuICAgIH0pO1xuXG4gICAgLy8gYWRhcHRlci5nZXRQcm9wcyBpbmplY3RzIGBfYW5pbWF0ZWAgKGFuZCB0b2dnbGVzIGBjb250cm9sbGVyYCBvZmYgd2hpbGVcbiAgICAvLyByZWNvcmRpbmcpIHNvIGh1YmJsZSdzIEtlcGxlckFuaW1hdGlvbiBjYW4gZHJpdmUgdGhlIGNhbWVyYS4gVmlld3MsXG4gICAgLy8gY29udHJvbGxlciBib3VuZHMgYW5kIGluaXRpYWxWaWV3U3RhdGUgY29tZSBmcm9tIGBkZWNrUHJvcHNgXG4gICAgLy8gKHNlZSBnZXRIdWJibGVEZWNrR2xQcm9wcykuIEEgY29udHJvbGxlZCBgdmlld1N0YXRlYCBrZWVwcyB0aGUgcHJldmlldyBpblxuICAgIC8vIHN5bmMgd2l0aCB0aGUgYW5pbWF0ZWQgY2FtZXJhIGFuZCBwcmV2ZW50cyB0aGUgR2xvYmVTdGF0ZSBhc3NlcnQuXG4gICAgY29uc3QgYWRhcHRlclByb3BzID0gYWRhcHRlci5nZXRQcm9wcyh7XG4gICAgICBkZWNrOiBkZWNrIGFzIGFueSxcbiAgICAgIGV4dHJhUHJvcHM6IHsuLi5kZWNrUHJvcHMsIGxheWVyc30gYXMgYW55XG4gICAgfSkgYXMgYW55O1xuXG4gICAgLy8gUmVuZGVyIHRoZSBkcmF3aW5nIGJ1ZmZlciBhdCB0aGUgdHJ1ZSBleHBvcnQgcmVzb2x1dGlvbiByZWdhcmRsZXNzIG9mIHRoZVxuICAgIC8vIHNtYWxsIENTUyBwcmV2aWV3IHNpemUuIGRlY2suZ2wncyBNU0FBIChhbnRpYWxpYXMgZGVmYXVsdHMgdG8gdHJ1ZSB3aGVuXG4gICAgLy8gZGVjayBvd25zIHRoZSBjYW52YXMpIG9ubHkgc21vb3RocyBlZGdlcyBhdCB0aGUgZHJhd2luZy1idWZmZXIgcmVzb2x1dGlvbixcbiAgICAvLyBzbyBpZiB0aGUgYnVmZmVyIHdlcmUgdGhlIHNtYWxsIHByZXZpZXcgc2l6ZSB0aGUgZ2xvYmUgc2lsaG91ZXR0ZSB3b3VsZFxuICAgIC8vIGxvb2sgcGl4ZWxhdGVkIG9uY2UgdGhlIGNhcHR1cmVkIGZyYW1lIGlzIHNjYWxlZCB1cCB0byB0aGUgb3V0cHV0IHNpemUuXG4gICAgLy8gUGFzc2luZyBhbiBleHBsaWNpdCBudW1lcmljIGB1c2VEZXZpY2VQaXhlbHNgIHNpemVzIHRoZSBidWZmZXIgdG9cbiAgICAvLyB3aWR0aCAqIHJhdGlvID09PSBleHBvcnRWaWRlb1dpZHRoICogKHJlc29sdXRpb24gLyBleHBvcnRWaWRlb1dpZHRoKSA9PT1cbiAgICAvLyByZXNvbHV0aW9uLCBhbmQgaXMgZmFyIG1vcmUgcmVsaWFibGUgdGhhbiBtdXRhdGluZyB3aW5kb3cuZGV2aWNlUGl4ZWxSYXRpby5cbiAgICBjb25zdCBwaXhlbFJhdGlvID0gTWF0aC5tYXgoMSwgcmVzb2x1dGlvblswXSAvIGV4cG9ydFZpZGVvV2lkdGgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxQcmV2aWV3Q29udGFpbmVyXG4gICAgICAgICR3aWR0aD17d2lkdGh9XG4gICAgICAgICRoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgJGJhY2tncm91bmQ9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgJHN0YXJzSW1hZ2U9e3N0YXJzSW1hZ2V9XG4gICAgICA+XG4gICAgICAgIDxEZWNrR0xcbiAgICAgICAgICByZWY9e3JlZiA9PiB7XG4gICAgICAgICAgICB0aGlzLmRlY2tSZWYuY3VycmVudCA9IChyZWY/LmRlY2sgYXMgYW55KSB8fCBudWxsO1xuICAgICAgICAgIH19XG4gICAgICAgICAgZGV2aWNlUHJvcHM9e0VYUE9SVF9ERUNLX0RFVklDRV9QUk9QU31cbiAgICAgICAgICB7Li4uYWRhcHRlclByb3BzfVxuICAgICAgICAgIHZpZXdTdGF0ZT17dmlld1N0YXRlfVxuICAgICAgICAgIG9uVmlld1N0YXRlQ2hhbmdlPXsoe3ZpZXdTdGF0ZTogdnN9OiBhbnkpID0+IHNldFZpZXdTdGF0ZSh2cyl9XG4gICAgICAgICAgdXNlRGV2aWNlUGl4ZWxzPXtwaXhlbFJhdGlvfVxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgLz5cbiAgICAgIDwvUHJldmlld0NvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssSUFBR0MsU0FBUyxRQUFrQixPQUFPO0FBQ2pELE9BQU9DLE1BQU0sTUFBTSxnQkFBZ0I7QUFFbkMsT0FBT0MsTUFBTSxNQUFNLG1CQUFtQjtBQUd0QyxTQUFRQyx3QkFBd0IsRUFBRUMsb0JBQW9CLFFBQU8sZ0JBQWdCO0FBRTdFLElBQU1DLGdCQUFnQixHQUFHSCxNQUFNLENBQUNJLEdBQUcsQ0FBQUMsZUFBQSxLQUFBQSxlQUFBLEdBQUFDLHNCQUFBLDBHQU14QixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxNQUFNO0FBQUEsR0FDcEIsVUFBQUQsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0UsT0FBTztBQUFBLEdBRVosVUFBQUYsS0FBSztFQUFBLE9BQUlBLEtBQUssQ0FBQ0csV0FBVztBQUFBLEdBQzVDLFVBQUFILEtBQUs7RUFBQSxPQUNMQSxLQUFLLENBQUNJLFdBQVcsNkJBQUFDLE1BQUEsQ0FDYUwsS0FBSyxDQUFDSSxXQUFXLHNDQUMzQyxFQUFFO0FBQUEsRUFDVDtBQW9CRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxXQUFhRSx1QkFBdUIs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