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

package/dist/cjs/map-view-state-context.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapViewStateContextProvider = exports.MapViewStateContext = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _isEqual = _interopRequireDefault(require("es-toolkit/compat/isEqual"));
+var _pick = _interopRequireDefault(require("es-toolkit/compat/pick"));
+var _reducers = require("@kepler.gl/reducers");
+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
+
+var MapViewStateContext = exports.MapViewStateContext = /*#__PURE__*/(0, _react.createContext)({
+  getInternalViewState: function getInternalViewState() {
+    return {
+      latitude: 0,
+      longitude: 0,
+      zoom: 0
+    };
+  },
+  setInternalViewState: function setInternalViewState() {
+    return;
+  }
+});
+
+/**
+ * This context provider is used to localize the map view state so
+ * that changes to the map view state do not affect the rest of the app,
+ * mainly to prevent issues we experienced with basemap/deck viewport syncing.
+ */
+
+var MapViewStateContextProvider = exports.MapViewStateContextProvider = function MapViewStateContextProvider(_ref) {
+  var mapState = _ref.mapState,
+    children = _ref.children;
+  var _ref2 = mapState || {},
+    isSplit = _ref2.isSplit,
+    isViewportSynced = _ref2.isViewportSynced;
+
+  // Store locally map view states by mapIndex
+  var _useState = (0, _react.useState)([mapState]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    viewStates = _useState2[0],
+    setViewStates = _useState2[1];
+
+  // Detect and apply outside viewport changes
+  // (e.g. from geocoder or when switching to 3d mode)
+  (0, _react.useEffect)(function () {
+    if (!mapState) return;
+    var primaryState = viewStates[0];
+    if (primaryState === mapState) return;
+    var props = Object.keys(primaryState).filter(function (key) {
+      return !key.startsWith('transition');
+    });
+    var hasChanged = function hasChanged(a, b) {
+      return !(0, _isEqual["default"])((0, _pick["default"])(a, props), (0, _pick["default"])(b, props));
+    };
+    if (isSplit && !isViewportSynced) {
+      var _mapState$splitMapVie;
+      if ((_mapState$splitMapVie = mapState.splitMapViewports) !== null && _mapState$splitMapVie !== void 0 && _mapState$splitMapVie.some(function (s, i) {
+        return hasChanged(s, viewStates[i]);
+      })) {
+        setViewStates(mapState.splitMapViewports);
+      }
+    } else if (hasChanged(primaryState, mapState)) {
+      setViewStates([(0, _reducers.pickViewportPropsFromMapState)(mapState)]);
+    }
+    // Only update internalViewState when viewState changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mapState]);
+  var value = {
+    getInternalViewState: function getInternalViewState() {
+      var _viewStates$index;
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      return (_viewStates$index = viewStates[index]) !== null && _viewStates$index !== void 0 ? _viewStates$index : viewStates[0];
+    },
+    setInternalViewState: function setInternalViewState(newViewState) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      setViewStates(function (prevViewStates) {
+        if (isSplit && !isViewportSynced) {
+          var nextViewStates = (0, _toConsumableArray2["default"])(prevViewStates);
+          nextViewStates[index] = newViewState;
+          return nextViewStates;
+        }
+        return [newViewState];
+      });
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(MapViewStateContext.Provider, {
+    value: value
+  }, children);
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfaXNFcXVhbCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcGljayIsIl9yZWR1Y2VycyIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiTWFwVmlld1N0YXRlQ29udGV4dCIsImV4cG9ydHMiLCJjcmVhdGVDb250ZXh0IiwiZ2V0SW50ZXJuYWxWaWV3U3RhdGUiLCJsYXRpdHVkZSIsImxvbmdpdHVkZSIsInpvb20iLCJzZXRJbnRlcm5hbFZpZXdTdGF0ZSIsIk1hcFZpZXdTdGF0ZUNvbnRleHRQcm92aWRlciIsIl9yZWYiLCJtYXBTdGF0ZSIsImNoaWxkcmVuIiwiX3JlZjIiLCJpc1NwbGl0IiwiaXNWaWV3cG9ydFN5bmNlZCIsIl91c2VTdGF0ZSIsInVzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInZpZXdTdGF0ZXMiLCJzZXRWaWV3U3RhdGVzIiwidXNlRWZmZWN0IiwicHJpbWFyeVN0YXRlIiwicHJvcHMiLCJrZXlzIiwiZmlsdGVyIiwia2V5Iiwic3RhcnRzV2l0aCIsImhhc0NoYW5nZWQiLCJhIiwiYiIsImlzRXF1YWwiLCJwaWNrIiwiX21hcFN0YXRlJHNwbGl0TWFwVmllIiwic3BsaXRNYXBWaWV3cG9ydHMiLCJzb21lIiwicyIsInBpY2tWaWV3cG9ydFByb3BzRnJvbU1hcFN0YXRlIiwidmFsdWUiLCJfdmlld1N0YXRlcyRpbmRleCIsImluZGV4IiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwibmV3Vmlld1N0YXRlIiwicHJldlZpZXdTdGF0ZXMiLCJuZXh0Vmlld1N0YXRlcyIsIl90b0NvbnN1bWFibGVBcnJheTIiLCJjcmVhdGVFbGVtZW50IiwiUHJvdmlkZXIiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbWFwLXZpZXctc3RhdGUtY29udGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlU3RhdGUsIHVzZUVmZmVjdCwgY3JlYXRlQ29udGV4dH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGlzRXF1YWwgZnJvbSAnZXMtdG9vbGtpdC9jb21wYXQvaXNFcXVhbCc7XG5pbXBvcnQgcGljayBmcm9tICdlcy10b29sa2l0L2NvbXBhdC9waWNrJztcbnR5cGUgTWFwVmlld1N0YXRlID0ge1xuICBsYXRpdHVkZTogbnVtYmVyO1xuICBsb25naXR1ZGU6IG51bWJlcjtcbiAgem9vbTogbnVtYmVyO1xuICBiZWFyaW5nPzogbnVtYmVyO1xuICBwaXRjaD86IG51bWJlcjtcbiAgbWF4UGl0Y2g/OiBudW1iZXI7XG4gIG1pblpvb20/OiBudW1iZXI7XG4gIG1heFpvb20/OiBudW1iZXI7XG59O1xuaW1wb3J0IHtwaWNrVmlld3BvcnRQcm9wc0Zyb21NYXBTdGF0ZX0gZnJvbSAnQGtlcGxlci5nbC9yZWR1Y2Vycyc7XG5cbmltcG9ydCB7TWFwU3RhdGV9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBNYXBWaWV3U3RhdGVDb250ZXh0VHlwZSA9IHtcbiAgZ2V0SW50ZXJuYWxWaWV3U3RhdGU6IChpbmRleD86IG51bWJlcikgPT4gTWFwVmlld1N0YXRlO1xuICBzZXRJbnRlcm5hbFZpZXdTdGF0ZTogKHZpZXdTdGF0ZT86IE1hcFZpZXdTdGF0ZSwgaW5kZXg/OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgTWFwVmlld1N0YXRlQ29udGV4dDogUmVhY3QuQ29udGV4dDxNYXBWaWV3U3RhdGVDb250ZXh0VHlwZT4gPSBjcmVhdGVDb250ZXh0KHtcbiAgZ2V0SW50ZXJuYWxWaWV3U3RhdGU6ICgpID0+ICh7bGF0aXR1ZGU6IDAsIGxvbmdpdHVkZTogMCwgem9vbTogMH0pLFxuICBzZXRJbnRlcm5hbFZpZXdTdGF0ZTogKCkgPT4ge1xuICAgIHJldHVybjtcbiAgfVxufSk7XG5cbi8qKlxuICogVGhpcyBjb250ZXh0IHByb3ZpZGVyIGlzIHVzZWQgdG8gbG9jYWxpemUgdGhlIG1hcCB2aWV3IHN0YXRlIHNvXG4gKiB0aGF0IGNoYW5nZXMgdG8gdGhlIG1hcCB2aWV3IHN0YXRlIGRvIG5vdCBhZmZlY3QgdGhlIHJlc3Qgb2YgdGhlIGFwcCxcbiAqIG1haW5seSB0byBwcmV2ZW50IGlzc3VlcyB3ZSBleHBlcmllbmNlZCB3aXRoIGJhc2VtYXAvZGVjayB2aWV3cG9ydCBzeW5jaW5nLlxuICovXG5cbmV4cG9ydCBjb25zdCBNYXBWaWV3U3RhdGVDb250ZXh0UHJvdmlkZXIgPSAoe1xuICBtYXBTdGF0ZSxcbiAgY2hpbGRyZW5cbn06IHtcbiAgbWFwU3RhdGU6IE1hcFN0YXRlO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufSkgPT4ge1xuICBjb25zdCB7aXNTcGxpdCwgaXNWaWV3cG9ydFN5bmNlZH0gPSBtYXBTdGF0ZSB8fCB7fTtcblxuICAvLyBTdG9yZSBsb2NhbGx5IG1hcCB2aWV3IHN0YXRlcyBieSBtYXBJbmRleFxuICBjb25zdCBbdmlld1N0YXRlcywgc2V0Vmlld1N0YXRlc10gPSB1c2VTdGF0ZShbbWFwU3RhdGVdKTtcblxuICAvLyBEZXRlY3QgYW5kIGFwcGx5IG91dHNpZGUgdmlld3BvcnQgY2hhbmdlc1xuICAvLyAoZS5nLiBmcm9tIGdlb2NvZGVyIG9yIHdoZW4gc3dpdGNoaW5nIHRvIDNkIG1vZGUpXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFtYXBTdGF0ZSkgcmV0dXJuO1xuICAgIGNvbnN0IHByaW1hcnlTdGF0ZSA9IHZpZXdTdGF0ZXNbMF07XG4gICAgaWYgKHByaW1hcnlTdGF0ZSA9PT0gbWFwU3RhdGUpIHJldHVybjtcbiAgICBjb25zdCBwcm9wcyA9IE9iamVjdC5rZXlzKHByaW1hcnlTdGF0ZSkuZmlsdGVyKGtleSA9PiAha2V5LnN0YXJ0c1dpdGgoJ3RyYW5zaXRpb24nKSk7XG4gICAgY29uc3QgaGFzQ2hhbmdlZCA9IChhLCBiKSA9PiAhaXNFcXVhbChwaWNrKGEsIHByb3BzKSwgcGljayhiLCBwcm9wcykpO1xuICAgIGlmIChpc1NwbGl0ICYmICFpc1ZpZXdwb3J0U3luY2VkKSB7XG4gICAgICBpZiAobWFwU3RhdGUuc3BsaXRNYXBWaWV3cG9ydHM/LnNvbWUoKHMsIGkpID0+IGhhc0NoYW5nZWQocywgdmlld1N0YXRlc1tpXSkpKSB7XG4gICAgICAgIHNldFZpZXdTdGF0ZXMobWFwU3RhdGUuc3BsaXRNYXBWaWV3cG9ydHMgYXMgTWFwU3RhdGVbXSk7XG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChoYXNDaGFuZ2VkKHByaW1hcnlTdGF0ZSwgbWFwU3RhdGUpKSB7XG4gICAgICBzZXRWaWV3U3RhdGVzKFtwaWNrVmlld3BvcnRQcm9wc0Zyb21NYXBTdGF0ZShtYXBTdGF0ZSldIGFzIE1hcFN0YXRlW10pO1xuICAgIH1cbiAgICAvLyBPbmx5IHVwZGF0ZSBpbnRlcm5hbFZpZXdTdGF0ZSB3aGVuIHZpZXdTdGF0ZSBjaGFuZ2VzXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbWFwU3RhdGVdKTtcblxuICBjb25zdCB2YWx1ZSA9IHtcbiAgICBnZXRJbnRlcm5hbFZpZXdTdGF0ZTogKGluZGV4ID0gMCkgPT4gdmlld1N0YXRlc1tpbmRleF0gPz8gdmlld1N0YXRlc1swXSxcbiAgICBzZXRJbnRlcm5hbFZpZXdTdGF0ZTogKG5ld1ZpZXdTdGF0ZSwgaW5kZXggPSAwKSA9PiB7XG4gICAgICBzZXRWaWV3U3RhdGVzKHByZXZWaWV3U3RhdGVzID0+IHtcbiAgICAgICAgaWYgKGlzU3BsaXQgJiYgIWlzVmlld3BvcnRTeW5jZWQpIHtcbiAgICAgICAgICBjb25zdCBuZXh0Vmlld1N0YXRlcyA9IFsuLi5wcmV2Vmlld1N0YXRlc107XG4gICAgICAgICAgbmV4dFZpZXdTdGF0ZXNbaW5kZXhdID0gbmV3Vmlld1N0YXRlIGFzIE1hcFN0YXRlO1xuICAgICAgICAgIHJldHVybiBuZXh0Vmlld1N0YXRlcztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gW25ld1ZpZXdTdGF0ZV0gYXMgTWFwU3RhdGVbXTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfSBhcyBNYXBWaWV3U3RhdGVDb250ZXh0VHlwZTtcbiAgcmV0dXJuIDxNYXBWaWV3U3RhdGVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+e2NoaWxkcmVufTwvTWFwVmlld1N0YXRlQ29udGV4dC5Qcm92aWRlcj47XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsUUFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsS0FBQSxHQUFBRCxzQkFBQSxDQUFBRixPQUFBO0FBV0EsSUFBQUksU0FBQSxHQUFBSixPQUFBO0FBQWtFLFNBQUFELHdCQUFBTSxDQUFBLEVBQUFDLENBQUEsNkJBQUFDLE9BQUEsTUFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBUix1QkFBQSxZQUFBQSx3QkFBQU0sQ0FBQSxFQUFBQyxDQUFBLFNBQUFBLENBQUEsSUFBQUQsQ0FBQSxJQUFBQSxDQUFBLENBQUFLLFVBQUEsU0FBQUwsQ0FBQSxNQUFBTSxDQUFBLEVBQUFDLENBQUEsRUFBQUMsQ0FBQSxLQUFBQyxTQUFBLG1CQUFBVCxDQUFBLGlCQUFBQSxDQUFBLGdCQUFBVSxPQUFBLENBQUFWLENBQUEsMEJBQUFBLENBQUEsU0FBQVEsQ0FBQSxNQUFBRixD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QUNDLENBQUMsRUFBRWpELENBQUM7UUFBQSxPQUFLeUMsVUFBVSxDQUFDUSxDQUFDLEVBQUVqQixVQUFVLENBQUNoQyxDQUFDLENBQUMsQ0FBQztNQUFBLEVBQUMsRUFBRTtRQUM1RWlDLGFBQWEsQ0FBQ1YsUUFBUSxDQUFDd0IsaUJBQStCLENBQUM7TUFDekQ7SUFDRixDQUFDLE1BQU0sSUFBSU4sVUFBVSxDQUFDTixZQUFZLEVBQUVaLFFBQVEsQ0FBQyxFQUFFO01BQzdDVSxhQUFhLENBQUMsQ0FBQyxJQUFBaUIsdUNBQTZCLEVBQUMzQixRQUFRLENBQUMsQ0FBZSxDQUFDO0lBQ3hFO0lBQ0E7SUFDQTtFQUNGLENBQUMsRUFBRSxDQUFDQSxRQUFRLENBQUMsQ0FBQztFQUVkLElBQU00QixLQUFLLEdBQUc7SUFDWm5DLG9CQUFvQixFQUFFLFNBQXRCQSxvQkFBb0JBLENBQUE7TUFBQSxJQUFBb0MsaUJBQUE7TUFBQSxJQUFHQyxLQUFLLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUM7TUFBQSxRQUFBRixpQkFBQSxHQUFLcEIsVUFBVSxDQUFDcUIsS0FBSyxDQUFDLGNBQUFELGlCQUFBLGNBQUFBLGlCQUFBLEdBQUlwQixVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQUE7SUFDdkVaLG9CQUFvQixFQUFFLFNBQXRCQSxvQkFBb0JBLENBQUdxQyxZQUFZLEVBQWdCO01BQUEsSUFBZEosS0FBSyxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxDQUFDO01BQzVDckIsYUFBYSxDQUFDLFVBQUF5QixjQUFjLEVBQUk7UUFDOUIsSUFBSWhDLE9BQU8sSUFBSSxDQUFDQyxnQkFBZ0IsRUFBRTtVQUNoQyxJQUFNZ0MsY0FBYyxPQUFBQyxtQkFBQSxhQUFPRixjQUFjLENBQUM7VUFDMUNDLGNBQWMsQ0FBQ04sS0FBSyxDQUFDLEdBQUdJLFlBQXdCO1VBQ2hELE9BQU9FLGNBQWM7UUFDdkI7UUFDQSxPQUFPLENBQUNGLFlBQVksQ0FBQztNQUN2QixDQUFDLENBQUM7SUFDSjtFQUNGLENBQTRCO0VBQzVCLG9CQUFPdkUsTUFBQSxZQUFBMkUsYUFBQSxDQUFDaEQsbUJBQW1CLENBQUNpRCxRQUFRO0lBQUNYLEtBQUssRUFBRUE7RUFBTSxHQUFFM0IsUUFBdUMsQ0FBQztBQUM5RixDQUFDIiwiaWdub3JlTGlzdCI6W119

package/dist/cjs/maps-layout.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = MapsLayoutFactory;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("@kepler.gl/constants");
+var _mapViewStateContext = require("./map-view-state-context");
+var _layoutSplitter = _interopRequireWildcard(require("./common/layout-splitter"));
+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 Outer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
+var MapWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: ", ";\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n"])), function (props) {
+  return props.$relative ? 'relative' : 'absolute';
+});
+var SwipeInputBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  z-index: 2;\n"])));
+MapsLayoutFactory.deps = [];
+function MapsLayoutFactory() {
+  var MapsLayout = function MapsLayout(_ref) {
+    var _mapState$swipeCompar;
+    var mapState = _ref.mapState,
+      className = _ref.className,
+      children = _ref.children,
+      onSetSwipeComparePercentage = _ref.onSetSwipeComparePercentage;
+    var containerElementRef = (0, _react.useRef)(null);
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      containerMounted = _useState2[0],
+      setContainerMounted = _useState2[1];
+    var childrenArray = _react["default"].Children.toArray(children);
+    var isSwipe = childrenArray.length > 1 && mapState.mapSplitMode === _constants.MapSplitMode.SWIPE_COMPARE;
+    var percentage = (_mapState$swipeCompar = mapState.swipeComparePercentage) !== null && _mapState$swipeCompar !== void 0 ? _mapState$swipeCompar : 50;
+    var _useState3 = (0, _react.useState)(percentage),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      internalPercentage = _useState4[0],
+      setInternalPercentage = _useState4[1];
+    var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      isSwiping = _useState6[0],
+      setSwiping = _useState6[1];
+    var lastReleasedValue = (0, _react.useRef)(null);
+    (0, _react.useEffect)(function () {
+      if (containerElementRef.current) {
+        setContainerMounted(true);
+      }
+    }, []);
+    (0, _react.useEffect)(function () {
+      if (!isSwiping) {
+        // Only sync from props if the store has caught up with our last released value,
+        // or if we never released (external prop change).
+        if (lastReleasedValue.current === null || percentage === lastReleasedValue.current) {
+          setInternalPercentage(percentage);
+          lastReleasedValue.current = null;
+        }
+      }
+    }, [percentage, isSwiping]);
+    var handleMove = (0, _react.useCallback)(function (v) {
+      setSwiping(true);
+      setInternalPercentage(v);
+    }, []);
+    var handleRelease = (0, _react.useCallback)(function (v) {
+      lastReleasedValue.current = v;
+      setInternalPercentage(v);
+      setSwiping(false);
+      if (v !== percentage && onSetSwipeComparePercentage) {
+        onSetSwipeComparePercentage({
+          percentage: v
+        });
+      }
+    }, [percentage, onSetSwipeComparePercentage]);
+    var splitMapStyle = {
+      clipPath: "polygon(0 0, 0 100%, ".concat(internalPercentage, "% 100%, ").concat(internalPercentage, "% 0)"),
+      overflow: 'hidden'
+    };
+    return /*#__PURE__*/_react["default"].createElement(Outer, {
+      className: className,
+      ref: containerElementRef
+    }, /*#__PURE__*/_react["default"].createElement(_mapViewStateContext.MapViewStateContextProvider, {
+      mapState: mapState
+    }, isSwipe ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(MapWrapper, {
+      key: 1
+    }, childrenArray[1]), /*#__PURE__*/_react["default"].createElement(MapWrapper, {
+      key: 0,
+      style: splitMapStyle
+    }, childrenArray[0]), containerMounted && containerElementRef.current && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isSwiping && /*#__PURE__*/_react["default"].createElement(SwipeInputBlock, null), /*#__PURE__*/_react["default"].createElement(_layoutSplitter["default"], {
+      mode: _layoutSplitter.LayoutSplitterMode.VERTICAL,
+      referenceElement: containerElementRef.current,
+      percentageSplit: internalPercentage,
+      onMove: handleMove,
+      onRelease: handleRelease
+    }))) : childrenArray));
+  };
+  return MapsLayout;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfY29uc3RhbnRzIiwiX21hcFZpZXdTdGF0ZUNvbnRleHQiLCJfbGF5b3V0U3BsaXR0ZXIiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiT3V0ZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIk1hcFdyYXBwZXIiLCJwcm9wcyIsIiRyZWxhdGl2ZSIsIlN3aXBlSW5wdXRCbG9jayIsIk1hcHNMYXlvdXRGYWN0b3J5IiwiZGVwcyIsIk1hcHNMYXlvdXQiLCJfcmVmIiwiX21hcFN0YXRlJHN3aXBlQ29tcGFyIiwibWFwU3RhdGUiLCJjbGFzc05hbWUiLCJjaGlsZHJlbiIsIm9uU2V0U3dpcGVDb21wYXJlUGVyY2VudGFnZSIsImNvbnRhaW5lckVsZW1lbnRSZWYiLCJ1c2VSZWYiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJjb250YWluZXJNb3VudGVkIiwic2V0Q29udGFpbmVyTW91bnRlZCIsImNoaWxkcmVuQXJyYXkiLCJSZWFjdCIsIkNoaWxkcmVuIiwidG9BcnJheSIsImlzU3dpcGUiLCJsZW5ndGgiLCJtYXBTcGxpdE1vZGUiLCJNYXBTcGxpdE1vZGUiLCJTV0lQRV9DT01QQVJFIiwicGVyY2VudGFnZSIsInN3aXBlQ29tcGFyZVBlcmNlbnRhZ2UiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsImludGVybmFsUGVyY2VudGFnZSIsInNldEludGVybmFsUGVyY2VudGFnZSIsIl91c2VTdGF0ZTUiLCJfdXNlU3RhdGU2IiwiaXNTd2lwaW5nIiwic2V0U3dpcGluZyIsImxhc3RSZWxlYXNlZFZhbHVlIiwidXNlRWZmZWN0IiwiY3VycmVudCIsImhhbmRsZU1vdmUiLCJ1c2VDYWxsYmFjayIsInYiLCJoYW5kbGVSZWxlYXNlIiwic3BsaXRNYXBTdHlsZSIsImNsaXBQYXRoIiwiY29uY2F0Iiwib3ZlcmZsb3ciLCJjcmVhdGVFbGVtZW50IiwicmVmIiwiTWFwVmlld1N0YXRlQ29udGV4dFByb3ZpZGVyIiwiRnJhZ21lbnQiLCJrZXkiLCJzdHlsZSIsIm1vZGUiLCJMYXlvdXRTcGxpdHRlck1vZGUiLCJWRVJUSUNBTCIsInJlZmVyZW5jZUVsZW1lbnQiLCJwZXJjZW50YWdlU3BsaXQiLCJvbk1vdmUiLCJvblJlbGVhc2UiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbWFwcy1sYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7dXNlUmVmLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge01hcFN0YXRlfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7TWFwU3BsaXRNb2RlfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7TWFwVmlld1N0YXRlQ29udGV4dFByb3ZpZGVyfSBmcm9tICcuL21hcC12aWV3LXN0YXRlLWNvbnRleHQnO1xuaW1wb3J0IExheW91dFNwbGl0dGVyLCB7TGF5b3V0U3BsaXR0ZXJNb2RlfSBmcm9tICcuL2NvbW1vbi9sYXlvdXQtc3BsaXR0ZXInO1xuXG5jb25zdCBPdXRlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbmA7XG5cbnR5cGUgTWFwV3JhcHBlclByb3BzID0ge1xuICAkcmVsYXRpdmU/OiBib29sZWFuO1xufTtcblxuY29uc3QgTWFwV3JhcHBlciA9IHN0eWxlZC5kaXY8TWFwV3JhcHBlclByb3BzPmBcbiAgcG9zaXRpb246ICR7cHJvcHMgPT4gKHByb3BzLiRyZWxhdGl2ZSA/ICdyZWxhdGl2ZScgOiAnYWJzb2x1dGUnKX07XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgei1pbmRleDogMDtcbmA7XG5cbmNvbnN0IFN3aXBlSW5wdXRCbG9jayA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMjtcbmA7XG5cbk1hcHNMYXlvdXRGYWN0b3J5LmRlcHMgPSBbXTtcblxuaW50ZXJmYWNlIE1hcHNMYXlvdXRQcm9wcyB7XG4gIG1hcFN0YXRlOiBNYXBTdGF0ZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlPzogKHBheWxvYWQ6IHtwZXJjZW50YWdlOiBudW1iZXJ9KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBNYXBzTGF5b3V0RmFjdG9yeSgpOiBSZWFjdC5Db21wb25lbnRUeXBlPE1hcHNMYXlvdXRQcm9wcz4ge1xuICBjb25zdCBNYXBzTGF5b3V0OiBSZWFjdC5GQzxNYXBzTGF5b3V0UHJvcHM+ID0gKHtcbiAgICBtYXBTdGF0ZSxcbiAgICBjbGFzc05hbWUsXG4gICAgY2hpbGRyZW4sXG4gICAgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlXG4gIH0pID0+IHtcbiAgICBjb25zdCBjb250YWluZXJFbGVtZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBbY29udGFpbmVyTW91bnRlZCwgc2V0Q29udGFpbmVyTW91bnRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IFJlYWN0LkNoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IGlzU3dpcGUgPVxuICAgICAgY2hpbGRyZW5BcnJheS5sZW5ndGggPiAxICYmIG1hcFN0YXRlLm1hcFNwbGl0TW9kZSA9PT0gTWFwU3BsaXRNb2RlLlNXSVBFX0NPTVBBUkU7XG5cbiAgICBjb25zdCBwZXJjZW50YWdlID0gbWFwU3RhdGUuc3dpcGVDb21wYXJlUGVyY2VudGFnZSA/PyA1MDtcbiAgICBjb25zdCBbaW50ZXJuYWxQZXJjZW50YWdlLCBzZXRJbnRlcm5hbFBlcmNlbnRhZ2VdID0gdXNlU3RhdGUocGVyY2VudGFnZSk7XG4gICAgY29uc3QgW2lzU3dpcGluZywgc2V0U3dpcGluZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgbGFzdFJlbGVhc2VkVmFsdWUgPSB1c2VSZWY8bnVtYmVyIHwgbnVsbD4obnVsbCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKGNvbnRhaW5lckVsZW1lbnRSZWYuY3VycmVudCkge1xuICAgICAgICBzZXRDb250YWluZXJNb3VudGVkKHRydWUpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoIWlzU3dpcGluZykge1xuICAgICAgICAvLyBPbmx5IHN5bmMgZnJvbSBwcm9wcyBpZiB0aGUgc3RvcmUgaGFzIGNhdWdodCB1cCB3aXRoIG91ciBsYXN0IHJlbGVhc2VkIHZhbHVlLFxuICAgICAgICAvLyBvciBpZiB3ZSBuZXZlciByZWxlYXNlZCAoZXh0ZXJuYWwgcHJvcCBjaGFuZ2UpLlxuICAgICAgICBpZiAobGFzdFJlbGVhc2VkVmFsdWUuY3VycmVudCA9PT0gbnVsbCB8fCBwZXJjZW50YWdlID09PSBsYXN0UmVsZWFzZWRWYWx1ZS5jdXJyZW50KSB7XG4gICAgICAgICAgc2V0SW50ZXJuYWxQZXJjZW50YWdlKHBlcmNlbnRhZ2UpO1xuICAgICAgICAgIGxhc3RSZWxlYXNlZFZhbHVlLmN1cnJlbnQgPSBudWxsO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSwgW3BlcmNlbnRhZ2UsIGlzU3dpcGluZ10pO1xuXG4gICAgY29uc3QgaGFuZGxlTW92ZSA9IHVzZUNhbGxiYWNrKCh2OiBudW1iZXIpID0+IHtcbiAgICAgIHNldFN3aXBpbmcodHJ1ZSk7XG4gICAgICBzZXRJbnRlcm5hbFBlcmNlbnRhZ2Uodik7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgaGFuZGxlUmVsZWFzZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgKHY6IG51bWJlcikgPT4ge1xuICAgICAgICBsYXN0UmVsZWFzZWRWYWx1ZS5jdXJyZW50ID0gdjtcbiAgICAgICAgc2V0SW50ZXJuYWxQZXJjZW50YWdlKHYpO1xuICAgICAgICBzZXRTd2lwaW5nKGZhbHNlKTtcbiAgICAgICAgaWYgKHYgIT09IHBlcmNlbnRhZ2UgJiYgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlKSB7XG4gICAgICAgICAgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlKHtwZXJjZW50YWdlOiB2fSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbcGVyY2VudGFnZSwgb25TZXRTd2lwZUNvbXBhcmVQZXJjZW50YWdlXVxuICAgICk7XG5cbiAgICBjb25zdCBzcGxpdE1hcFN0eWxlID0ge1xuICAgICAgY2xpcFBhdGg6IGBwb2x5Z29uKDAgMCwgMCAxMDAlLCAke2ludGVybmFsUGVyY2VudGFnZX0lIDEwMCUsICR7aW50ZXJuYWxQZXJjZW50YWdlfSUgMClgLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nIGFzIGNvbnN0XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8T3V0ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHJlZj17Y29udGFpbmVyRWxlbWVudFJlZn0+XG4gICAgICAgIDxNYXBWaWV3U3RhdGVDb250ZXh0UHJvdmlkZXIgbWFwU3RhdGU9e21hcFN0YXRlfT5cbiAgICAgICAgICB7aXNTd2lwZSA/IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxNYXBXcmFwcGVyIGtleT17MX0+e2NoaWxkcmVuQXJyYXlbMV19PC9NYXBXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWFwV3JhcHBlciBrZXk9ezB9IHN0eWxlPXtzcGxpdE1hcFN0eWxlfT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW5BcnJheVswXX1cbiAgICAgICAgICAgICAgPC9NYXBXcmFwcGVyPlxuICAgICAgICAgICAgICB7Y29udGFpbmVyTW91bnRlZCAmJiBjb250YWluZXJFbGVtZW50UmVmLmN1cnJlbnQgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7aXNTd2lwaW5nICYmIDxTd2lwZUlucHV0QmxvY2sgLz59XG4gICAgICAgICAgICAgICAgICA8TGF5b3V0U3BsaXR0ZXJcbiAgICAgICAgICAgICAgICAgICAgbW9kZT17TGF5b3V0U3BsaXR0ZXJNb2RlLlZFUlRJQ0FMfVxuICAgICAgICAgICAgICAgICAgICByZWZlcmVuY2VFbGVtZW50PXtjb250YWluZXJFbGVtZW50UmVmLmN1cnJlbnR9XG4gICAgICAgICAgICAgICAgICAgIHBlcmNlbnRhZ2VTcGxpdD17aW50ZXJuYWxQZXJjZW50YWdlfVxuICAgICAgICAgICAgICAgICAgICBvbk1vdmU9e2hhbmRsZU1vdmV9XG4gICAgICAgICAgICAgICAgICAgIG9uUmVsZWFzZT17aGFuZGxlUmVsZWFzZX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgY2hpbGRyZW5BcnJheVxuICAgICAgICAgICl9XG4gICAgICAgIDwvTWFwVmlld1N0YXRlQ29udGV4dFByb3ZpZGVyPlxuICAgICAgPC9PdXRlcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBNYXBzTGF5b3V0O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBR0EsSUFBQUEsaUJBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUYsT0FBQTtBQUdBLElBQUFHLFVBQUEsR0FBQUgsT0FBQTtBQUVBLElBQUFJLG9CQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxlQUFBLEdBQUFILHVCQUFBLENBQUFGLE9BQUE7QUFBNEUsSUFBQU0sZUFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQVY1RTtBQUNBO0FBQUEsU0FBQU4sd0JBQUFPLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFULHVCQUFBLFlBQUFBLHdCQUFBTyxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEsaUJBQUFBLENBQUEsZ0JBQUFVLE9BQUEsQ0FBQVYsQ0FBQSwwQkFBQUEsQ0FBQSxTQUFBUSxDQUFBLE1BQUFGLENBQUEsR0FBQUwsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsUUFBQUcsQ0FBQSxDQUFBSyxHQUFBLENBQUFYLENBQUEsVUFBQU0sQ0FBQSxDQUFBTSxH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