qwc2 2026.1.13 → 2026.1.14

package/components/AttributeTableWidget.js

@@ -55,7 +55,7 @@ import { FeatureCache, KeyValCache, parseExpression, getFeatureTemplate } from '
 import LayerUtils from '../utils/LayerUtils';
 import LocaleUtils from '../utils/LocaleUtils';
 import MapUtils from '../utils/MapUtils';
-import MiscUtils from '../utils/MiscUtils';
+import MiscUtils, { ToggleSet } from '../utils/MiscUtils';
 import VectorLayerUtils from '../utils/VectorLayerUtils';
 import './style/AttributeTableWidget.css';
 var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
@@ -239,6 +239,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
           })) === null || _this$props$layers$fi2 === void 0 || (_this$props$layers$fi2 = _this$props$layers$fi2.translations) === null || _this$props$layers$fi2 === void 0 || (_this$props$layers$fi2 = _this$props$layers$fi2.layers) === null || _this$props$layers$fi2 === void 0 || (_this$props$layers$fi2 = _this$props$layers$fi2[layerName]) === null || _this$props$layers$fi2 === void 0 ? void 0 : _this$props$layers$fi2.fields) !== null && _this$props$layers$fi !== void 0 ? _this$props$layers$fi : {};
         }
         newState.selectedLayer = selectedLayer;
+        newState.selectedFeatures = new ToggleSet();
         var options = {
           bbox: newState.limitToExtent ? _this.props.mapBbox.bounds : null,
           filter: (_this$props$filter$fi = _this.props.filter.filterParams) === null || _this$props$filter$fi === void 0 ? void 0 : _this$props$filter$fi[selectedLayer],
@@ -255,36 +256,41 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
             features: _this.filteredSortedFeatures(newState.allFeatures, newState)
           });
         } else {
+          Object.assign(newState, {
+            allFeatures: [],
+            features: []
+          });
           if (clientSideFilterSort) {
             /* eslint-disable-next-line no-alert */
-            if (!forceReload && !confirm(LocaleUtils.tr("attribtable.fulldatasetload"))) {
+            if (!_this.filterWarningShown && !forceReload && !confirm(LocaleUtils.tr("attribtable.fulldatasetload"))) {
               return {};
             }
+            _this.filterWarningShown = true;
           } else {
             var _this$props$filter$fi2;
             if ((_this$props$filter$fi2 = _this.props.filter.filterParams) !== null && _this$props$filter$fi2 !== void 0 && _this$props$filter$fi2[selectedLayer] && newState.filterVal) {
               var _this$props$filter$fi3;
-              options.filter = [(_this$props$filter$fi3 = _this.props.filter.filterParams) === null || _this$props$filter$fi3 === void 0 ? void 0 : _this$props$filter$fi3[selectedLayer], 'and', [newState.filterField, newState.filterOp.replace(), newState.filterVal]];
+              options.filter = [(_this$props$filter$fi3 = _this.props.filter.filterParams) === null || _this$props$filter$fi3 === void 0 ? void 0 : _this$props$filter$fi3[selectedLayer], 'and', [newState.filterField, newState.filterOp, newState.filterVal]];
             } else if (newState.filterVal) {
-              options.filter = [[newState.filterField, newState.filterOp.replace(), newState.filterVal]];
+              options.filter = [[newState.filterField, newState.filterOp, newState.filterVal]];
+            } else {
+              // NOTE: Query full feature set when filtering so that filtered geometries can be highlighted
+              options.offset = newState.currentPage * newState.pageSize;
+              options.limit = newState.pageSize;
             }
-            options.offset = newState.currentPage * newState.pageSize;
-            options.limit = newState.pageSize;
             options.sortby = newState.sortField ? (newState.sortField.dir < 0 ? "-" : "") + newState.sortField.field : null;
           }
           newState.loading = true;
           _this.props.iface.getFeatures(editConfig, _this.props.mapCrs, function (result) {
             if (result) {
-              var _result$numberMatched;
+              var _result$numberMatched, _options$offset;
               var featuresSlice = result.features || [];
-              var featureCount = (_result$numberMatched = result.numberMatched) !== null && _result$numberMatched !== void 0 ? _result$numberMatched : featuresSlice.length;
-              var features = new Array(featureCount);
-              features.splice.apply(features, [options.offset, featuresSlice.length].concat(_toConsumableArray(featuresSlice)));
+              var features = new Array((_result$numberMatched = result.numberMatched) !== null && _result$numberMatched !== void 0 ? _result$numberMatched : featuresSlice.length);
+              features.splice.apply(features, [(_options$offset = options.offset) !== null && _options$offset !== void 0 ? _options$offset : 0, featuresSlice.length].concat(_toConsumableArray(featuresSlice)));
               _this.setState({
                 loading: false,
                 allFeatures: options.limit === undefined || result.numberMatched === undefined ? features : null,
                 features: clientSideFilterSort ? _this.filteredSortedFeatures(features, newState) : features,
-                featureCount: featureCount,
                 loadedLayer: newState.selectedLayer,
                 clientSideData: result.numberMatched === undefined
               });
@@ -292,9 +298,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
               // eslint-disable-next-line
               alert(LocaleUtils.tr("attribtable.loadfailed"));
               _this.setState({
-                loading: false,
-                features: [],
-                featureCount: 0
+                loading: false
               });
             }
           }, options);
@@ -368,6 +372,25 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
         return filteredFeatures;
       }
     });
+    _defineProperty(_this, "currentPageFeatures", function (state) {
+      var indexOffset = state.currentPage * state.pageSize;
+      return state.features.slice(indexOffset, indexOffset + state.pageSize);
+    });
+    _defineProperty(_this, "updateFilter", function (stateField, val) {
+      var newState = {
+        filterField: _this.state.filterField,
+        filterOp: _this.state.filterOp,
+        filterVal: _this.state.filterVal
+      };
+      newState[stateField] = val;
+      // Reset page if a reload is triggered (either filter changed with a set filter value, or filter value cleared)
+      if (newState.filterVal || _this.state.filterVal && !newState.filterVal) {
+        newState.currentPage = 0;
+        _this.reload(_this.state.selectedLayer, false, newState);
+      } else {
+        _this.setState(_defineProperty({}, stateField, val));
+      }
+    });
     _defineProperty(_this, "sortBy", function (field) {
       var newState = {
         sortField: _this.state.sortField
@@ -413,8 +436,8 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "deleteSelectedFeatured", function () {
       _this.setState(function (state) {
-        var features = state.features.filter(function (feature) {
-          return state.selectedFeatures[feature.id] === true;
+        var features = _this.currentPageFeatures(state).filter(function (feature) {
+          return state.selectedFeatures.has(feature.id);
         });
         features.forEach(function (feature) {
           _this.props.iface.deleteFeature(state.curEditConfig, feature.id, function (success) {
@@ -569,6 +592,10 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
       var features = [];
       if (_this.state.highlightedFeature) {
         features.push(_this.state.highlightedFeature);
+      } else if (!_this.state.selectedFeatures.isEmpty()) {
+        features = _this.currentPageFeatures(_this.state).filter(function (feature) {
+          return _this.state.selectedFeatures.has(feature.id);
+        });
       } else if (_this.state.filterVal) {
         features = _this.state.features;
       }
@@ -586,8 +613,8 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "zoomToSelection", function () {
       var collection = {
         type: "FeatureCollection",
-        features: _this.state.features.filter(function (feature) {
-          return _this.state.selectedFeatures[feature.id] === true && feature.geometry;
+        features: _this.currentPageFeatures(_this.state).filter(function (feature) {
+          return _this.state.selectedFeatures.has(feature.id);
         })
       };
       if (!isEmpty(collection.features)) {
@@ -606,7 +633,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
         alert(LocaleUtils.tr("attribtable.nogeomnoform"));
         return;
       }
-      var feature = _this.state.features.find(function (f) {
+      var feature = _this.currentPageFeatures(_this.state).find(function (f) {
         return _this.state.selectedFeatures[f.id] === true;
       });
       _this.props.setCurrentTask("Editing", null, null, {
@@ -651,28 +678,73 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
       }
     });
     _defineProperty(_this, "csvExport", function () {
-      var fields = _this.props.showDisplayFieldOnly ? _this.state.curEditConfig.fields.filter(function (field) {
-        return field.name === _this.state.curEditConfig.displayField;
-      }) : _this.state.curEditConfig.fields.filter(function (field) {
-        return field.id !== 'id';
-      });
-      var data = "";
-      data += "id," + fields.map(function (field) {
-        return "\"".concat(field.name.replaceAll('"', '""'), "\"");
-      }).join(",") + "\n";
-      _this.state.features.forEach(function (feature) {
-        data += feature.id + "," + fields.map(function (field) {
-          var value = feature.properties[field.id];
-          if (value === null || value === undefined) {
-            return "null";
+      var formatCsv = function formatCsv(features) {
+        var _this$state$curEditCo4;
+        var primaryKey = (_this$state$curEditCo4 = _this.state.curEditConfig.primaryKey) !== null && _this$state$curEditCo4 !== void 0 ? _this$state$curEditCo4 : "id";
+        var fields = _this.props.showDisplayFieldOnly ? _this.state.curEditConfig.fields.filter(function (field) {
+          return field.name === _this.state.curEditConfig.displayField;
+        }) : _this.state.curEditConfig.fields.filter(function (field) {
+          return field.id !== primaryKey;
+        });
+        var data = "";
+        data += primaryKey + "," + fields.map(function (field) {
+          return "\"".concat(field.name.replaceAll('"', '""'), "\"");
+        }).join(",") + "\n";
+        features.forEach(function (feature) {
+          data += feature.id + "," + fields.map(function (field) {
+            var value = feature.properties[field.id];
+            if (value === null || value === undefined) {
+              return "null";
+            } else {
+              return "\"".concat(String(feature.properties[field.id]).replaceAll('"', '""'), "\"");
+            }
+          }).join(",") + "\n";
+        });
+        FileSaver.saveAs(new Blob([data], {
+          type: "text/plain;charset=utf-8"
+        }), _this.state.loadedLayer.split("#").slice(-1)[0] + ".csv");
+      };
+      if (_this.state.clientSideData) {
+        formatCsv(_this.state.allFeatures);
+      } else {
+        var _this$props$filter$fi4, _state$curEditConfig, _fieldMap$state$filte, _fieldMap$state$sortF, _state$sortField;
+        var state = _this.state;
+        var options = {
+          bbox: state.limitToExtent ? _this.props.mapBbox.bounds : null,
+          filter: (_this$props$filter$fi4 = _this.props.filter.filterParams) === null || _this$props$filter$fi4 === void 0 ? void 0 : _this$props$filter$fi4[state.loadedLayer],
+          filterGeom: _this.props.filter.filterGeom,
+          fields: _this.props.showDisplayFieldOnly ? [state.curEditConfig.displayField, "geometry"] : null
+        };
+        // If sort or filter field is virtual, query full feature set and sort/filter client side
+        var fieldMap = (((_state$curEditConfig = state.curEditConfig) === null || _state$curEditConfig === void 0 ? void 0 : _state$curEditConfig.fields) || []).reduce(function (res, field) {
+          return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, field.id, field));
+        }, {});
+        var clientSideFilterSort = state.clientSideData || state.filterVal && ((_fieldMap$state$filte = fieldMap[state.filterField]) === null || _fieldMap$state$filte === void 0 ? void 0 : _fieldMap$state$filte.expression) || ((_fieldMap$state$sortF = fieldMap[(_state$sortField = state.sortField) === null || _state$sortField === void 0 ? void 0 : _state$sortField.field]) === null || _fieldMap$state$sortF === void 0 ? void 0 : _fieldMap$state$sortF.expression);
+        if (!clientSideFilterSort) {
+          var _this$props$filter$fi5;
+          if ((_this$props$filter$fi5 = _this.props.filter.filterParams) !== null && _this$props$filter$fi5 !== void 0 && _this$props$filter$fi5[state.loadedLayer] && state.filterVal) {
+            var _this$props$filter$fi6;
+            options.filter = [(_this$props$filter$fi6 = _this.props.filter.filterParams) === null || _this$props$filter$fi6 === void 0 ? void 0 : _this$props$filter$fi6[_this.state.loadedLayer], 'and', [state.filterField, state.filterOp, state.filterVal]];
+          } else if (state.filterVal) {
+            options.filter = [[state.filterField, state.filterOp, state.filterVal]];
+          }
+          options.sortby = state.sortField ? (state.sortField.dir < 0 ? "-" : "") + state.sortField.field : null;
+        }
+        _this.setState({
+          loading: true
+        });
+        _this.props.iface.getFeatures(_this.state.curEditConfig, _this.props.mapCrs, function (result) {
+          if (result) {
+            formatCsv(clientSideFilterSort ? _this.filteredSortedFeatures(result.features, _this.state) : result.features);
           } else {
-            return "\"".concat(String(feature.properties[field.id]).replaceAll('"', '""'), "\"");
+            // eslint-disable-next-line
+            alert(LocaleUtils.tr("attribtable.loadfailed"));
           }
-        }).join(",") + "\n";
-      });
-      FileSaver.saveAs(new Blob([data], {
-        type: "text/plain;charset=utf-8"
-      }), _this.state.loadedLayer + ".csv");
+          _this.setState({
+            loading: false
+          });
+        }, options);
+      }
     });
     _defineProperty(_this, "translateFieldName", function (fieldName) {
       var _this$state$fieldTran, _this$state$fieldTran2;
@@ -683,6 +755,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
     _this.table = null;
     _this.attribTableContents = null;
     _this.state.limitToExtent = props.limitToExtent;
+    _this.filterWarningShown = false;
     return _this;
   }
   _inherits(AttributeTableWidget, _React$Component);
@@ -712,7 +785,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
         });
       }
       // Highlight feature
-      if (this.state.highlightedFeature !== prevState.highlightedFeature || this.state.features !== prevState.features) {
+      if (this.state.highlightedFeature !== prevState.highlightedFeature || this.state.features !== prevState.features || this.state.selectedFeatures !== prevState.selectedFeatures) {
         this.highlightFeatures();
       }
     }
@@ -732,6 +805,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
       var readOnly = this.props.readOnly || editPermissions.updatable === false;
       var loading = this.state.loading;
       var editing = this.state.changedFeatureIdx !== null || this.state.newFeature;
+      var selectionEmpty = this.state.selectedFeatures.isEmpty();
       var loadOverlay = null;
       if (loading) {
         loadOverlay = /*#__PURE__*/React.createElement("div", {
@@ -785,7 +859,10 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
             title: _this2.translateFieldName(field.name)
           }, /*#__PURE__*/React.createElement("span", null, _this2.renderColumnResizeHandle(idx + 1, 'l'), /*#__PURE__*/React.createElement("span", {
             className: "attribtable-table-headername"
-          }, _this2.translateFieldName(field.name)), _this2.renderSortIndicator(field.id), idx < fields.length - 1 ? _this2.renderColumnResizeHandle(idx + 2, 'r') : null));
+          }, _this2.translateFieldName(field.name), field.expression ? /*#__PURE__*/React.createElement(Icon, {
+            icon: "epsilon",
+            title: LocaleUtils.tr("attribtable.calculatedfield")
+          }) : null), _this2.renderSortIndicator(field.id), idx < fields.length - 1 ? _this2.renderColumnResizeHandle(idx + 2, 'r') : null));
         }))), /*#__PURE__*/React.createElement("tbody", null, features.map(function (feature, sliceidx) {
           var featureidx = indexOffset + sliceidx;
           var disabled = readOnly || editing && _this2.state.changedFeatureIdx !== featureidx;
@@ -809,11 +886,11 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
               });
             }
           }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", null, sliceidx > 0 ? _this2.renderRowResizeHandle(sliceidx, 't') : null, /*#__PURE__*/React.createElement("input", {
-            checked: _this2.state.selectedFeatures[feature.id] === true,
-            onChange: function onChange(ev) {
+            checked: _this2.state.selectedFeatures.has(feature.id),
+            onChange: function onChange() {
               return _this2.setState(function (state) {
                 return {
-                  selectedFeatures: _objectSpread(_objectSpread({}, state.selectedFeatures), {}, _defineProperty({}, feature.id, ev.target.checked))
+                  selectedFeatures: state.selectedFeatures.toggle(feature.id)
                 };
               });
             },
@@ -831,7 +908,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
             key: field.id
           }, _this2.renderField(_this2.state.newFeature, curEditConfig, mapPrefix, field, _this2.updateNewFeatureField, false));
         })) : null));
-        var npages = Math.ceil(this.state.featureCount / this.state.pageSize);
+        var npages = Math.ceil(this.state.features.length / this.state.pageSize);
         var pages = [this.state.currentPage];
         var extraright = Math.max(0, 2 - this.state.currentPage);
         var extraleft = Math.max(0, this.state.currentPage - (npages - 3));
@@ -954,9 +1031,7 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
       var showEditButton = !this.props.readOnly && ConfigUtils.havePlugin("Editing") && this.props.showEditFormButton;
       var deleteButton = showDelButton ? /*#__PURE__*/React.createElement("button", {
         className: "button",
-        disabled: layerChanged || editing || !Object.values(this.state.selectedFeatures).find(function (entry) {
-          return entry === true;
-        }),
+        disabled: layerChanged || editing || selectionEmpty,
         onClick: function onClick() {
           return _this2.setState({
             confirmDelete: true
@@ -1037,18 +1112,14 @@ var AttributeTableWidget = /*#__PURE__*/function (_React$Component) {
         icon: "plus"
       })) : null, /*#__PURE__*/React.createElement("button", {
         className: "button",
-        disabled: layerChanged || !Object.values(this.state.selectedFeatures).find(function (entry) {
-          return entry === true;
-        }),
+        disabled: layerChanged || selectionEmpty,
         onClick: this.zoomToSelection,
         title: LocaleUtils.tr("attribtable.zoomtoselection")
       }, /*#__PURE__*/React.createElement(Icon, {
         icon: "search"
       })), showEditButton ? /*#__PURE__*/React.createElement("button", {
         className: "button",
-        disabled: layerChanged || editing || Object.values(this.state.selectedFeatures).filter(function (entry) {
-          return entry === true;
-        }).length !== 1,
+        disabled: layerChanged || editing || this.state.selectedFeatures.length !== 1,
         onClick: this.switchToFormEditMode,
         title: LocaleUtils.tr("attribtable.formeditmode")
       }, /*#__PURE__*/React.createElement(Icon, {
@@ -1145,9 +1216,8 @@ _defineProperty(AttributeTableWidget, "defaultState", {
   curEditConfig: null,
   fieldTranslations: null,
   features: [],
-  featureCount: 0,
   allFeatures: null,
-  selectedFeatures: {},
+  selectedFeatures: new ToggleSet(),
   highlightedFeature: null,
   changedFeatureIdx: null,
   originalFeatureProps: null,

package/components/IdentifyViewer.js

@@ -746,7 +746,7 @@ var IdentifyViewer = /*#__PURE__*/function (_React$Component) {
           return _this.toggleSelectedResult(key);
         },
         title: LocaleUtils.tr("identify.selectforcompare")
-      }) : null, /*#__PURE__*/React.createElement("span", null, (_this.props.showLayerTitles ? feature.layertitle + ": " : "") + feature.displayname), zoomToFeatureButton, /*#__PURE__*/React.createElement(Icon, {
+      }) : null, /*#__PURE__*/React.createElement("span", null, [_this.props.showLayerTitles ? feature.layertitle : "", feature.displayname].filter(Boolean).join(": ")), zoomToFeatureButton, /*#__PURE__*/React.createElement(Icon, {
         icon: "info-sign",
         onClick: function onClick() {
           return _this.showLayerInfo(layerid);

package/components/style/AttributeTableWidget.css

@@ -77,16 +77,15 @@ table.attribtable-table th > span > span.icon {
     position: absolute;
     right: 1px;
     background-color: var(--button-bg-color);
+    flex: 0 0 auto;
+    margin-left: 0.5em;
 }
 
 span.attribtable-table-headername {
     flex: 1 1 auto;
     text-align: left;
-}
-
-table.attribtable-table th > span > span.icon {
-    flex: 0 0 auto;
-    margin-left: 0.5em;
+    display: flex;
+    align-items: center;
 }
 
 table.attribtable-table tr:nth-child(even) {

package/components/widgets/TextInput.js

@@ -52,6 +52,9 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
       if (el) {
         _this.input = el;
         _this.setDefaultValue(_this.state.value, _this.state.valueRev, -1);
+        if (_this.props.focusOnRef) {
+          el.focus();
+        }
       }
     });
     _defineProperty(_this, "setInputContents", function () {
@@ -93,9 +96,7 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         focus: false
       });
-      if (!_this.skipNextCommitOnBlur) {
-        _this.commit();
-      }
+      _this.commit();
     });
     _defineProperty(_this, "onFocus", function (ev) {
       _this.setState({
@@ -166,9 +167,10 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
             curValue: _this.props.value || "",
             changed: false
           };
+        }, function () {
+          return ev.target.blur();
         });
-        _this.skipNextCommitOnBlur = true;
-        ev.target.blur();
+        MiscUtils.killEvent(ev);
       }
     });
     _defineProperty(_this, "commit", function () {
@@ -186,6 +188,9 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
           });
           _this.props.onChange(_this.state.value);
         });
+      } else {
+        var _this$props$onNoChang, _this$props;
+        (_this$props$onNoChang = (_this$props = _this.props).onNoChange) === null || _this$props$onNoChang === void 0 || _this$props$onNoChang.call(_this$props);
       }
     });
     _defineProperty(_this, "storeInitialHeight", function (el) {
@@ -212,7 +217,6 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
         once: true
       });
     });
-    _this.skipNextCommitOnBlur = false;
     _this.focusEnterClick = false;
     _this.initialHeight = null;
     _this.input = null;
@@ -249,6 +253,7 @@ var TextInput = /*#__PURE__*/function (_React$Component) {
       }
       return /*#__PURE__*/React.createElement("div", {
         className: wrapperClassName + " " + (this.props.className || ""),
+        onClick: MiscUtils.killEvent,
         ref: this.storeInitialHeight
       }, this.props.name ? /*#__PURE__*/React.createElement("textarea", {
         className: "text-input-form-el",
@@ -309,9 +314,11 @@ _defineProperty(TextInput, "propTypes", {
   className: PropTypes.string,
   clearValue: PropTypes.string,
   disabled: PropTypes.bool,
+  focusOnRef: PropTypes.bool,
   multiline: PropTypes.bool,
   name: PropTypes.string,
   onChange: PropTypes.func,
+  onNoChange: PropTypes.func,
   placeholder: PropTypes.string,
   readOnly: PropTypes.bool,
   required: PropTypes.bool,

package/components/widgets/style/TextInput.css

@@ -26,7 +26,7 @@ pre.text-input {
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size: 14px;
     margin: 0;
-    padding: 0.25em;
+    padding: calc(1em - 8px) 0.25em 0.25em 0.25em;
     overflow: auto;
     cursor: text;
     text-align: left;

package/icons/epsilon.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="epsilon.svg"
+   inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="12.346084"
+     inkscape:cx="22.719754"
+     inkscape:cy="26.769621"
+     inkscape:window-width="1920"
+     inkscape:window-height="1052"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 9.5441108,11.490077 q -3.651853,-1.297627 -3.651853,-3.9298875 0,-2.0761999 1.9279291,-3.3181907 Q 9.7666152,3 12.639896,3 q 2.613753,0 4.152293,0.8712646 1.538638,0.8527247 1.538638,2.0576927 0,0.6302695 -0.482269,1.1122354 -0.48172,0.4634177 -1.112235,0.4634177 -1.038099,0 -1.705522,-1.4458896 -0.926861,-2.0020645 -2.78063,-2.0020645 -1.464405,0 -2.4098541,0.96394 -0.945441,0.9639319 -0.945441,2.6878967 0,3.392326 3.5035831,3.392326 0.370677,0 0.852725,-0.07412 0.834233,-0.111134 1.297618,-0.111134 1.130743,0 1.130743,0.648802 0,0.722961 -1.149349,0.722961 -0.407692,0 -1.22349,-0.12978 -0.611763,-0.111133 -0.945433,-0.111133 -3.7074823,0 -3.7074823,3.781609 0,1.83518 0.9825046,2.966029 0.9825047,1.112227 2.7435177,1.112227 2.205955,0 2.928908,-2.280092 0.370675,-1.204975 0.815611,-1.668402 0.463475,-0.463417 1.223484,-0.463417 0.630261,0 1.130742,0.463417 0.5193,0.444887 0.5193,1.149357 0,1.68691 -1.890809,2.799137 Q 15.216241,21 12.528254,21 9.5808389,21 7.2822329,19.591125 5.0021422,18.182249 5.0021422,15.828016 q 0,-2.947407 4.5416822,-4.337775 z"
+     id="path1"
+     style="stroke-width:0.100048" />
+</svg>

package/package.json

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