qwc2 2026.7.1 → 2026.7.8

package/actions/theme.js

@@ -63,6 +63,16 @@ export function finishThemeSetup(dispatch, theme, themes, layerConfigs, preserve
       return layer.role === LayerRole.BACKGROUND && layer.visibility === true;
     })) === null || _prevLayers$find === void 0 ? void 0 : _prevLayers$find.name) !== null && _prevLayers$find$name !== void 0 ? _prevLayers$find$name : null;
   }
+  // Create theme background layers
+  var bgLayers = ThemeUtils.createThemeBackgroundLayers(theme.backgroundLayers || [], themes, visibleBgLayer, externalLayers);
+  var actuallyVisibleBgLayer = (_bgLayers$find = bgLayers.find(function (entry) {
+    return entry.visibility;
+  })) === null || _bgLayers$find === void 0 ? void 0 : _bgLayers$find.name;
+  if (!prevTheme && visibleBgLayer && actuallyVisibleBgLayer !== visibleBgLayer) {
+    dispatch(showNotification("missingbglayer", LocaleUtils.tr("app.missingbg", visibleBgLayer), NotificationType.WARN, true));
+  } else if (actuallyVisibleBgLayer !== visibleBgLayer) {
+    visibleBgLayer = null;
+  }
 
   // Remove old layers
   var preserveUserLayers = preserve && ConfigUtils.getConfigProp("preserveNonThemeLayersOnThemeSwitch", theme) === true;
@@ -101,24 +111,16 @@ export function finishThemeSetup(dispatch, theme, themes, layerConfigs, preserve
   }
 
   // Add background layers for theme
-  var bgLayers = ThemeUtils.createThemeBackgroundLayers(theme.backgroundLayers || [], themes, visibleBgLayer, externalLayers);
-  var actuallyVisibleBgLayer = (_bgLayers$find = bgLayers.find(function (entry) {
-    return entry.visibility;
-  })) === null || _bgLayers$find === void 0 ? void 0 : _bgLayers$find.name;
-  if (!prevTheme && visibleBgLayer && actuallyVisibleBgLayer !== visibleBgLayer) {
-    dispatch(showNotification("missingbglayer", LocaleUtils.tr("app.missingbg", visibleBgLayer), NotificationType.WARN, true));
-  }
   var _iterator = _createForOfIteratorHelper(bgLayers.reverse()),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var bgLayer = _step.value;
       // If previous visible BG layer kept, insert other BG layers around that layer
-      if (bgLayer.name === visibleBgLayer && bgLayerKept) {
-        bgLayerKept = false;
-      } else {
-        dispatch(addLayer(bgLayer, bgLayerKept ? 1 : 0));
+      if (!(bgLayer.name === visibleBgLayer && bgLayerKept)) {
+        dispatch(addLayer(bgLayer, insPos));
       }
+      ++insPos;
     }
   } catch (err) {
     _iterator.e(err);
@@ -133,7 +135,7 @@ export function finishThemeSetup(dispatch, theme, themes, layerConfigs, preserve
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var layer = _step2.value;
-      dispatch(addLayer(layer, insPos));
+      dispatch(addLayer(layer));
     }
 
     // Restore external layers

package/components/AttributeForm.js

@@ -138,6 +138,7 @@ var AttributeForm = /*#__PURE__*/function (_React$Component) {
           finished: _this.state.childEdit.finishCallback,
           iface: _this.props.iface,
           mapPrefix: _this.props.editContext.mapPrefix,
+          parentContextId: _this.props.editContext.id,
           pickFilter: _this.props.childPickFilter,
           readOnly: _this.props.readOnly,
           translations: _this.props.translations

package/components/EditComboField.js

@@ -102,6 +102,7 @@ var EditComboField = /*#__PURE__*/function (_React$Component) {
           return _this.props.updateField(_this.props.fieldId, value);
         },
         placeholder: _this.state.showPlaceholder ? (_this$props$placehold = _this.props.placeholder) !== null && _this$props$placehold !== void 0 ? _this$props$placehold : LocaleUtils.tr("common.select") : undefined,
+        readOnly: _this.props.readOnly,
         required: _this.props.required,
         style: _this.props.style,
         value: String(_this.props.value)

package/components/ExportSelection.js

@@ -47,10 +47,12 @@ var ExportSelection = /*#__PURE__*/function (_React$Component) {
       }
       var startStateX = _this.state.x;
       var startStateY = _this.state.y;
+      var maxWidth = ev.target.parentElement.offsetWidth - _this.state.width;
+      var maxHeight = ev.target.parentElement.offsetHeight - _this.state.height;
       var onMouseMove = function onMouseMove(event) {
         _this.setState({
-          x: startStateX + event.clientX - ev.clientX,
-          y: startStateY + event.clientY - ev.clientY
+          x: Math.max(0, Math.min(maxWidth, startStateX + event.clientX - ev.clientX)),
+          y: Math.max(0, Math.min(maxHeight, startStateY + event.clientY - ev.clientY))
         });
       };
       ev.view.addEventListener('pointermove', onMouseMove);
@@ -66,6 +68,8 @@ var ExportSelection = /*#__PURE__*/function (_React$Component) {
       if (ev.ctrlKey) {
         return;
       }
+      var maxWidth = ev.target.parentElement.parentElement.offsetWidth;
+      var maxHeight = ev.target.parentElement.parentElement.offsetHeight;
       var _this$state = _this.state,
         x = _this$state.x,
         y = _this$state.y,
@@ -92,6 +96,10 @@ var ExportSelection = /*#__PURE__*/function (_React$Component) {
         if (sy === 0) {
           newy += 0.5 * (height - newheight);
         }
+        if (newx < 0 || newy < 0 || newx + newwidth > maxWidth || newy + newheight > maxHeight) {
+          // Don't set new size if it would overflow the container
+          return;
+        }
         _this.setState({
           x: newx,
           y: newy,

package/components/LinkFeatureForm.js

@@ -119,7 +119,8 @@ var LinkFeatureForm = /*#__PURE__*/function (_React$Component) {
             feature: this.props.feature,
             geomType: this.props.editConfig.geomType,
             editConfig: this.props.editConfig,
-            mapPrefix: this.props.mapPrefix
+            mapPrefix: this.props.mapPrefix,
+            parentContextId: this.props.parentContextId
           });
         } else {
           this.props.iface.getFeatureById(this.props.editConfig, this.props.featureId, this.props.map.projection, function (result) {
@@ -129,7 +130,8 @@ var LinkFeatureForm = /*#__PURE__*/function (_React$Component) {
                 feature: result,
                 geomType: _this2.props.editConfig.geomType,
                 editConfig: _this2.props.editConfig,
-                mapPrefix: _this2.props.mapPrefix
+                mapPrefix: _this2.props.mapPrefix,
+                parentContextId: _this2.props.parentContextId
               });
             }
           });
@@ -145,13 +147,15 @@ var LinkFeatureForm = /*#__PURE__*/function (_React$Component) {
             geomType: _this2.props.editConfig.geomType,
             feature: feature,
             editConfig: _this2.props.editConfig,
-            mapPrefix: _this2.props.mapPrefix
+            mapPrefix: _this2.props.mapPrefix,
+            parentContextId: _this2.props.parentContextId
           });
         });
       } else if (this.props.action === 'Pick') {
         this.props.setEditContext(this.props.editContextId, {
           editConfig: this.props.editConfig,
-          mapPrefix: this.props.mapPrefix
+          mapPrefix: this.props.mapPrefix,
+          parentContextId: this.props.parentContextId
         });
       }
     }
@@ -240,6 +244,7 @@ _defineProperty(LinkFeatureForm, "propTypes", {
   iface: PropTypes.object,
   map: PropTypes.object,
   mapPrefix: PropTypes.string,
+  parentContextId: PropTypes.string,
   pickFilter: PropTypes.func,
   readOnly: PropTypes.bool,
   removeLayer: PropTypes.func,

package/components/QtDesignerForm.js

@@ -766,7 +766,7 @@ var QtDesignerForm = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "renderNRelation", function (widget) {
       var _widget$property2, _editConfig$fields, _this$props$feature$r;
       var parts = widget.name.split("__");
-      if (parts.length < 3) {
+      if (parts.length < 3 || !widget.layout) {
         return null;
       }
       var disabled = String((_widget$property2 = widget.property) === null || _widget$property2 === void 0 ? void 0 : _widget$property2.enabled) === "false";

package/components/map3d/utils/OrbitControls3D.js

@@ -56,7 +56,7 @@ var OrbitControls3D = /*#__PURE__*/function (_MapControls) {
     _this.enableDamping = true;
     _this.dampingFactor = 0.2;
     _this.keyPanSpeed = 10.0;
-    _this.maxPolarAngle = Math.PI * 0.5;
+    _this.maxPolarAngle = 89 / 180 * Math.PI;
     _this.mouseButtons = mouseButtons;
     _this.zoomSpeed = 5;
     return _this;
@@ -65,10 +65,9 @@ var OrbitControls3D = /*#__PURE__*/function (_MapControls) {
   return _createClass(OrbitControls3D, [{
     key: "connect",
     value: function connect(sceneContext) {
-      this.domElement = sceneContext.scene.domElement;
       this.sceneContext = sceneContext;
       this.enabled = true;
-      _superPropGet(OrbitControls3D, "connect", this, 3)([]);
+      _superPropGet(OrbitControls3D, "connect", this, 3)([sceneContext.scene.domElement]);
       this.listenToKeyEvents(this.domElement);
       this.domElement.addEventListener('pointerdown', this.stopAnimations);
       this.domElement.addEventListener('wheel', this.stopAnimations);

package/components/widgets/LayerCatalogWidget.js

@@ -45,6 +45,22 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
       filteredCatalog: null,
       filter: ""
     });
+    _defineProperty(_this, "entryClicked", function (entry, path) {
+      if (entry.type || entry.resource) {
+        var _entry$resource;
+        if (entry.asGroup === true && ((_entry$resource = entry.resource) !== null && _entry$resource !== void 0 ? _entry$resource : entry.type).startsWith("wms")) {
+          if (!isEmpty(entry.sublayers) && entry.resource) {
+            _this.checkAddGroup(entry);
+          } else {
+            _this.checkAddServiceLayer(entry, true);
+          }
+        } else {
+          _this.checkAddServiceLayer(entry, false);
+        }
+      } else {
+        _this.toggleLayerListEntry(path);
+      }
+    });
     _defineProperty(_this, "toggleLayerListEntry", function (path) {
       _this.setState(function (state) {
         var catalogKey = _this.state.filteredCatalog ? "filteredCatalog" : "catalog";
@@ -135,8 +151,50 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
         _this.addServiceLayer(entry, resource, asGroup);
       }
     });
+    _defineProperty(_this, "checkAddGroup", function (group) {
+      // Collect sublayers
+      var sublayers = {};
+      var stripQuery = function stripQuery(url) {
+        return (url !== null && url !== void 0 ? url : "").split("?")[0];
+      };
+      var resource = LayerUtils.splitLayerUrlParam(group.resource);
+      var groupUrl = stripQuery(resource.url);
+      var _collectSublayers = function collectSublayers(entry) {
+        var _entry$resource2;
+        var entryParams = LayerUtils.splitLayerUrlParam((_entry$resource2 = entry.resource) !== null && _entry$resource2 !== void 0 ? _entry$resource2 : "");
+        if (stripQuery(entryParams.url) === groupUrl) {
+          sublayers[entryParams.name] = entryParams;
+        }
+        (entry.sublayers || []).forEach(_collectSublayers);
+      };
+      _collectSublayers(group);
+      // Check if one or more sublayers are already in the map
+      var existingSublayers = _this.props.layers.reduce(function (res, layer) {
+        if (layer.type === "wms" && stripQuery(layer.url) === stripQuery(groupUrl)) {
+          return [].concat(_toConsumableArray(res), _toConsumableArray(LayerUtils.getSublayerNames(layer)), [layer.name]);
+        }
+        return res;
+      }, []);
+      var overlappingSublayers = Object.keys(sublayers).filter(function (name) {
+        return existingSublayers.includes(name);
+      });
+      if (!isEmpty(overlappingSublayers)) {
+        var text = LocaleUtils.tr("themelayerslist.existinglayers") + ": " + overlappingSublayers.join(", ");
+        var actions = [{
+          name: LocaleUtils.tr("themelayerslist.addanyway"),
+          onClick: function onClick() {
+            _this.addServiceLayer(group, resource, true, sublayers);
+            return true;
+          }
+        }];
+        _this.props.showNotification("existinglayers", text, NotificationType.INFO, false, actions);
+      } else {
+        _this.addServiceLayer(group, resource, true, sublayers);
+      }
+    });
     _defineProperty(_this, "addServiceLayer", function (entry, resource) {
       var asGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var sublayerSubset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       _this.props.closeWindow("existinglayers");
       if (resource) {
         var _entry$title2;
@@ -151,8 +209,21 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
         });
         ServiceLayerUtils.findLayers(resource.type, resource.url, [resource], _this.props.mapCrs, function (id, layer) {
           if (layer) {
-            if (entry.sublayers === false || !asGroup) {
+            if (!asGroup) {
               layer.sublayers = null;
+            } else if (sublayerSubset) {
+              var _filterSublayers = function filterSublayers(sublayers) {
+                return sublayers.map(function (sublayer) {
+                  if (sublayer.sublayers) {
+                    return _filterSublayers(sublayer.sublayers);
+                  } else if (sublayer.name in sublayerSubset) {
+                    return _objectSpread(_objectSpread({}, sublayer), sublayerSubset);
+                  } else {
+                    return null;
+                  }
+                }).filter(Boolean);
+              };
+              layer.sublayers = _filterSublayers(layer.sublayers);
             }
             LayerUtils.propagateLayerProperty(layer, "opacity", resource.opacity);
             _this.props.replacePlaceholderLayer(resource.id, layer);
@@ -202,7 +273,9 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "renderCatalogEntry",
     value: function renderCatalogEntry(entry, path) {
-      var _this2 = this;
+      var _this2 = this,
+        _ref2,
+        _entry$resource3;
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       var idx = arguments.length > 3 ? arguments[3] : undefined;
       var hasSublayers = !isEmpty(entry.sublayers);
@@ -229,16 +302,16 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
       }), /*#__PURE__*/React.createElement("span", {
         className: "layer-catalog-widget-entry-contents",
         onClick: function onClick() {
-          return type ? _this2.checkAddServiceLayer(entry, !hasSublayers) : _this2.toggleLayerListEntry(path);
+          return _this2.entryClicked(entry, path);
         },
         onKeyDown: MiscUtils.checkKeyActivate,
         tabIndex: 0
       }, type ? /*#__PURE__*/React.createElement("span", {
         className: "layer-catalog-widget-entry-service"
-      }, type) : null, entry.title), hasSublayers && type === "wms" ? /*#__PURE__*/React.createElement(Icon, {
+      }, type) : null, entry.title), (hasSublayers && !entry.asGroup || entry.asGroup === "option") && ((_ref2 = (_entry$resource3 = entry.resource) !== null && _entry$resource3 !== void 0 ? _entry$resource3 : entry.type) !== null && _ref2 !== void 0 ? _ref2 : "").startsWith("wms") ? /*#__PURE__*/React.createElement(Icon, {
         icon: "group",
         onClick: function onClick() {
-          return _this2.checkAddServiceLayer(entry, true);
+          return hasSublayers && entry.resource ? _this2.checkAddGroup(entry) : _this2.checkAddServiceLayer(entry, true);
         },
         title: LocaleUtils.tr("importlayer.asgroup")
       }) : null, entry.link ? /*#__PURE__*/React.createElement(Icon, {

package/components/widgets/TextInput.js

@@ -248,11 +248,11 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
       var wrapperClassName = classNames({
         "TextInput": true,
         "text-input-wrapper": true,
-        "text-input-wrapper-multiline": this.props.multiline,
         "text-input-wrapper-focused": this.state.focus
       });
       var preClassName = classNames({
         "text-input": true,
+        "text-input-multiline": this.props.multiline,
         "text-input-disabled": this.props.disabled,
         "text-input-readonly": this.props.readOnly || !this.state.curValue,
         "text-input-invalid": this.props.required && !this.state.curValue

package/components/widgets/style/TextInput.css

@@ -38,9 +38,11 @@ pre.text-input {
     flex: 1 1 auto;
 }
 
-
-text-input-wrapper-multiline > pre.text-input {
+pre.text-input.text-input-multiline {
+    overflow-x: hidden;
     white-space: pre-wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
 pre.text-input[contenteditable="true"] a {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "qwc2",
-    "version": "2026.07.01",
+    "version": "2026.07.08",
     "description": "QGIS Web Client",
     "author": "Sourcepole AG",
     "license": "BSD-2-Clause",

package/plugins/FeatureSearch.js

@@ -389,7 +389,7 @@ var FeatureSearch = /*#__PURE__*/function (_React$Component) {
         var defaultProvider = '';
         var providerGroups = {};
         var searchProviders = (((_this$props$theme = this.props.theme) === null || _this$props$theme === void 0 ? void 0 : _this$props$theme.searchProviders) || []).reduce(function (res, entry) {
-          if (entry.provider === "qgis" && entry.params) {
+          if (entry.provider === "qgis" && entry.params && entry.params.featuresearch !== false) {
             var providerDef = _objectSpread({}, entry);
             if (!providerDef.params.fields) {
               providerDef.params = _objectSpread({}, providerDef.params);

package/plugins/LayerCatalog.js

@@ -38,8 +38,11 @@ import './style/LayerCatalog.css';
  *
  * Configured through a catalog JSON containing a tree of external layer identifiers.
  *
- * For `wms` layers, `sublayers: false` denotes that the sublayer structure of the added layer should not
- * be exposed in the layer tree.
+ * For catalog entries containing a `wms` resource, you can specify `"asGroup": <true|false|"option">`, which behaves as follows:
+ *
+ * * `false`: imports the layer as a flat layer, without sublayer structure. This is the default behaviour for entries without sublayers if `asGroup` is not specified.
+ * * `true`:  imports the layer as a group, with sublayer structure. If the catalog entry has sublayers, the sublayer structure will be filtered to only include these sublayers.
+ * * `"option"`: imports the layer as a flat layer when clicking on the catalog entry, but displays an icon to optionally import the layer as a group layer. This is the default behaviour for entries with sublayers if `asGroup` is not specified.
  *
  * Example:
  * ```json
@@ -48,11 +51,11 @@ import './style/LayerCatalog.css';
  *     {
  *       "title": "Öffentlicher Verkehr swissTLMRegio",
  *       "resource": "wms:http://wms.geo.admin.ch#ch.swisstopo.vec200-transportation-oeffentliche-verkehr",
- *       "sublayers": false
+ *       "asGroup": true
  *     },
  *     {
  *       "title": "Gewässerschutz",
- *        "resource": "wms:https://geo.so.ch/api/wms#ch.so.afu.gewaesserschutz[50]"
+ *       "resource": "wms:https://geo.so.ch/api/wms#ch.so.afu.gewaesserschutz[50]"
  *     },
  *     {
  *       "title": "Landeskarten",
@@ -66,6 +69,19 @@ import './style/LayerCatalog.css';
  *           "resource": "wms:http://wms.geo.admin.ch#ch.swisstopo.pixelkarte-farbe-pk100.noscale"
  *         }
  *       ]
+ *     },
+ *     {
+ *       "title": "Edit Demo",
+ *       "resource": "wms:https://demo.qwc.app/ows/qwc_demo#edit_demo",
+ *       "sublayers": [{
+ *         "title": "Edit Points",
+ *         "resource": "wms:https://demo.qwc.app/ows/qwc_demo#edit_points"
+ *       },
+ *       {
+ *         "title": "Edit Lines",
+ *         "resource": "wms:https://demo.qwc.app/ows/qwc_demo#edit_lines"
+ *       }],
+ *       "asGroup": "option"
  *     }
  *   ]
  * }

package/plugins/ThemeBrowser.js

@@ -407,6 +407,17 @@ var ThemeBrowser = /*#__PURE__*/function (_React$Component) {
         });
         this.props.setCurrentTask(null);
       }
+      var width = this.maxLayerTitleLength + "px";
+      if (this.props.fillIfWiderThanPerc && this.maxLayerTitleLength > window.innerWidth * this.props.fillIfWiderThanPerc / 100) {
+        width = '100%';
+      }
+      this.measureCanvas = undefined;
+      this.measureContext = undefined;
+      if (width !== this.state.width) {
+        this.setState({
+          width: width
+        });
+      }
     }
   }, {
     key: "render",
@@ -429,17 +440,6 @@ var ThemeBrowser = /*#__PURE__*/function (_React$Component) {
         className: "themebrowser-body",
         role: "body"
       }, this.renderThemes(this.props.themes)));
-      var width = this.maxLayerTitleLength + "px";
-      if (this.props.fillIfWiderThanPerc && this.maxLayerTitleLength > window.innerWidth * this.props.fillIfWiderThanPerc / 100) {
-        width = '100%';
-      }
-      this.measureCanvas = undefined;
-      this.measureContext = undefined;
-      if (width !== this.state.width) {
-        this.setState({
-          width: width
-        });
-      }
       return result;
     }
   }]);

package/plugins/TimeManager.js

@@ -227,7 +227,7 @@ var TimeManager = /*#__PURE__*/function (_React$Component) {
       }, LocaleUtils.tr("timemanager.displayfeatures")), /*#__PURE__*/React.createElement("option", {
         value: "layers"
       }, LocaleUtils.tr("timemanager.displaylayers"))))) : null)));
-      var timeSpan = _this.state.endTime !== null ? _this.state.endTime.diff(_this.state.startTime) : dayjs().diff(_this.state.startTime);
+      var timeSpan = _this.state.endTime.diff(_this.state.startTime);
       var Timeline = _this.state.timelineMode === 'infinite' ? InfiniteTimeline : FixedTimeline;
       var filterActive = !isEmpty(_this.props.filter.filterParams) || !!_this.props.filter.filterGeom;
       var startdate = _this.state.timeData.values.length > 0 ? _this.state.timeData.values[0].hour(0).minute(0).second(0) : null;
@@ -760,7 +760,7 @@ var TimeManager = /*#__PURE__*/function (_React$Component) {
             timeData: timeData,
             currentTimestamp: (_state$currentTimesta = state.currentTimestamp) !== null && _state$currentTimesta !== void 0 ? _state$currentTimesta : timeData.values.length > 0 ? +timeData.values[0] : null,
             startTime: startdate,
-            endTime: enddate && enddate.year() !== DUMMY_END_DATE.getFullYear() ? enddate : null
+            endTime: enddate && enddate.year() !== DUMMY_END_DATE.getFullYear() ? enddate : dayjs()
           };
         });
         this.updateTimeFeatures(timeData);
@@ -784,7 +784,7 @@ var TimeManager = /*#__PURE__*/function (_React$Component) {
           }
           return {
             startTime: startdate,
-            endTime: enddate && enddate.year() !== DUMMY_END_DATE.getFullYear() ? enddate : null
+            endTime: enddate && enddate.year() !== DUMMY_END_DATE.getFullYear() ? enddate : dayjs()
           };
         });
       }

package/plugins/map3d/LayerTree3D.js

@@ -96,6 +96,8 @@ var LayerTree3D = /*#__PURE__*/function (_React$Component) {
           return entry.sublayers.map(function (sublayer, idx) {
             return _this.renderLayerEntry(layerId, sublayer, entry, _this.updateColorLayer, false, true, [idx]);
           });
+        } else if (entry.role === LayerRole.THEME && showRootEntry && isEmpty(entry.sublayers)) {
+          return null;
         } else {
           return _this.renderLayerEntry(layerId, entry, null, _this.updateColorLayer, false, true, [], layersHaveSublayers);
         }

package/plugins/map3d/MapExport3D.js

@@ -67,11 +67,12 @@ var MapExport3D = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "onShow", function () {
       var _this$props$theme;
       var rect = _this.props.sceneContext.scene.domElement.getBoundingClientRect();
+      var rectHeight = rect.height - _this.props.topbarHeight - _this.props.bottombarHeight;
       var frame = {
         x: 0.125 * rect.width,
-        y: 0.125 * rect.height,
+        y: 0.125 * rectHeight,
         width: 0.75 * rect.width,
-        height: 0.75 * rect.height
+        height: 0.75 * rectHeight
       };
       if (!isEmpty((_this$props$theme = _this.props.theme) === null || _this$props$theme === void 0 ? void 0 : _this$props$theme.print)) {
         var _ref, _this$props$theme$pri, _this$props$theme$pri2, _this$props$theme$pri3;
@@ -571,10 +572,12 @@ var MapExport3D = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React.Component);
 _defineProperty(MapExport3D, "propTypes", {
+  bottombarHeight: PropTypes.number,
   hideAutopopulatedFields: PropTypes.bool,
   sceneContext: PropTypes.object,
   setCurrentTask: PropTypes.func,
-  theme: PropTypes.object
+  theme: PropTypes.object,
+  topbarHeight: PropTypes.number
 });
 _defineProperty(MapExport3D, "defaultState", {
   minimized: false,
@@ -589,6 +592,8 @@ _defineProperty(MapExport3D, "defaultState", {
 });
 export default connect(function (state) {
   return {
+    topbarHeight: state.windows.topbarHeight,
+    bottombarHeight: state.windows.bottombarHeight,
     theme: state.theme.current
   };
 }, {

package/reducers/editing.js

@@ -69,6 +69,18 @@ export default function editing() {
           contexts: _objectSpread({}, state.contexts),
           currentContext: state.currentContext === action.contextId ? action.newActiveContextId : state.currentContext
         };
+        var _clearChildContexts = function clearChildContexts(parentId) {
+          Object.values(newState.contexts).forEach(function (context) {
+            if (context.parentContextId === parentId) {
+              _clearChildContexts(context.id);
+              delete newState.contexts[context.id];
+              if (newState.currentContext === context.id) {
+                newState.currentContext = action.newActiveContextId;
+              }
+            }
+          });
+        };
+        _clearChildContexts(action.contextId);
         delete newState.contexts[action.contextId];
         return newState;
       }

package/utils/EditingInterface.js

@@ -424,7 +424,7 @@ var EditingInterface = {
   getKeyValues: function getKeyValues(keyvalues, callback) {
     var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     var editServiceUrl = ConfigUtils.getConfigProp("editServiceUrl").replace(/\/$/, '');
-    var req = editServiceUrl + '/' + "keyvals?tables=" + keyvalues;
+    var req = editServiceUrl + "/keyvals?tables=" + keyvalues;
     var params = {
       filter: filter ? JSON.stringify(filter) : undefined
     };