qwc2 2026.2.13 → 2026.2.17

package/components/map3d/Map3D.js

@@ -1180,6 +1180,7 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
     _this2.state.sceneContext.getSceneIntersection = _this2.getSceneIntersection;
     _this2.state.sceneContext.getSetting = _this2.getSetting;
     _this2.state.sceneContext.setSetting = _this2.setSetting;
+    _this2.state.sceneContext.settings.fov = props.defaultFov;
     _this2.state.sceneContext.settings.sceneQuality = props.defaultSceneQuality;
     registerPermalinkDataStoreHook("map3d", _this2.store3dState);
     return _this2;
@@ -1249,6 +1250,10 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
           };
         });
       }
+      if (this.state.sceneContext.settings.fov !== prevState.sceneContext.settings.fov) {
+        this.instance.view.camera.fov = this.state.sceneContext.settings.fov;
+        this.instance.notifyChange(this.instance.view.camera);
+      }
       if (this.state.sceneContext.settings.sceneQuality !== prevState.sceneContext.settings.sceneQuality) {
         var quality = Math.max(20, this.state.sceneContext.settings.sceneQuality);
         this.map.segments = Math.pow(2, Math.floor(quality / 20));
@@ -1294,6 +1299,7 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
 _defineProperty(Map3D, "contextType", MapContainerPortalContext);
 _defineProperty(Map3D, "propTypes", {
   controlsPosition: PropTypes.string,
+  defaultFov: PropTypes.number,
   defaultSceneQuality: PropTypes.number,
   innerRef: PropTypes.func,
   layers: PropTypes.array,
@@ -1326,6 +1332,7 @@ _defineProperty(Map3D, "defaultSceneState", {
   sceneObjects: {},
   collisionObjects: [],
   settings: {
+    fov: 30,
     sceneQuality: 100
   },
   sceneId: null,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "qwc2",
-    "version": "2026.02.13",
+    "version": "2026.02.17",
     "description": "QGIS Web Client",
     "author": "Sourcepole AG",
     "license": "BSD-2-Clause",
@@ -57,7 +57,7 @@
         "mousetrap": "^1.6.5",
         "nearley": "^2.20.1",
         "object-path": "^0.11.8",
-        "ol": "^10.7.0",
+        "ol": "^10.8.0",
         "ol-ext": "^4.0.37",
         "ol-mapbox-style": "^13.2.0",
         "painterro": "^1.2.92",

package/plugins/API.js

@@ -1,12 +1,8 @@
-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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -17,9 +13,17 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 /**
  * Copyright 2020-2024 Sourcepole AG
  * All rights reserved.
@@ -116,12 +120,66 @@ import PluginStore from '../utils/PluginStore';
 import { SearchResultType } from '../utils/SearchProviders';
 import ServiceLayerUtils from '../utils/ServiceLayerUtils';
 import VectorLayerUtils from '../utils/VectorLayerUtils';
+function extractFunctions(obj) {
+  return Object.entries(obj).reduce(function (result, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (typeof value === "function") {
+      result[key] = value;
+    }
+    return result;
+  }, {});
+}
+var actionFunctions = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, extractFunctions(displayActions)), extractFunctions(editingActions)), extractFunctions(layerActions)), extractFunctions(localeActions)), extractFunctions(locateActions)), extractFunctions(mapActions)), extractFunctions(taskActions)), extractFunctions(themeActions)), extractFunctions(windowsActions));
 
 /**
- * Exposes an API for interacting with QWC2 via `window.qwc2`.
+ * Exposes an API for interacting with QWC.
  *
  * You can interact with the API as soon as the `QWC2ApiReady` event is dispatched.
  *
+ * ### `postMessage` interface
+ *
+ * You can interact with a QWC instance from a parent application either via the `window.qwc2`
+ * interface (see below), if the embedded QWC runs under the same origin as the parent application,
+ * or via [`postMessage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage)
+ * if the origins differ. When using `postMessage`, you must register the allowed parent origins
+ * via the `allowedMessageOrigins` config prop. For a QWC embedded in an iframe, a sample call could
+ * then be
+ *
+ * ```
+ * qwcframe = document.getElementById("qwciframe");
+ * qwcframe.contentWindow.postMessage({
+ *   "method": "zoomToPoint",
+ *   "params": [[2684764, 1247841], 18, "EPSG:2056"]
+ * }, "http://<qwc_hostname>:<port>")
+ * ```
+ * If you call a method which returns a value, pass a `requestId` and listen to response messages:
+ *
+ * ```
+ * window.addEventListener("message", (ev) => {
+ *   console.log(ev.data.requestId);
+ *   console.log(ev.data.result);
+ * });
+ * qwcframe.contentWindow.postMessage(
+ *   {"method": "getState", "requestId": "<arbitrary_id_string>"},
+ *   "http://<qwc_hostname>:<port>"
+ * )
+ * ```
+ *
+ * A list of supported methods will be printed to the console if you run
+ *
+ * ```
+ * qwcframe.contentWindow.postMessage("help", "http://<qwc_hostname>:<port>")
+ * ```
+ *
+ * To check the full signature of a method (including default param values), check
+ * the respective action function definitions as referenced in the *`window.qwc2` API*
+ * section below. Note that you can only pass values which can be serialized via
+ * structured clone in the message params.
+ *
+ * ### Custom plugins
+ *
  * Here is an example of a custom plugin:
  *
  * ```
@@ -170,6 +228,8 @@ import VectorLayerUtils from '../utils/VectorLayerUtils';
  *             "name": "CurrentTheme"
  *         }
  *
+ * ### `window.qwc2` API
+ *
  * The following action functions are exposed in the API:
  *
  * - [display](https://github.com/qgis/qwc2/blob/master/actions/display.js)
@@ -202,10 +262,56 @@ var API = /*#__PURE__*/function (_React$Component) {
   function API() {
     var _this;
     _classCallCheck(this, API);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+      _args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, API, [].concat(args));
+    _this = _callSuper(this, API, [].concat(_args));
+    _defineProperty(_this, "handleMessage", function (ev) {
+      var _ev$data;
+      if (!_this.props.allowedMessageOrigins.includes(ev.origin)) {
+        /* eslint-disable-next-line */
+        console.warn("Discarding message from not-allowed origin " + ev.origin);
+        return;
+      }
+      var allowedMemberFunctions = ["addExternalLayer", "getState"];
+      if (ev.data === "help") {
+        var signatures = Object.fromEntries(Object.entries(actionFunctions).map(function (_ref3) {
+          var _val$toString$match$, _val$toString$match;
+          var _ref4 = _slicedToArray(_ref3, 2),
+            key = _ref4[0],
+            val = _ref4[1];
+          return [key, (_val$toString$match$ = (_val$toString$match = val.toString().match(/^function\s+\w+\s*(\([^)]+\))/)) === null || _val$toString$match === void 0 ? void 0 : _val$toString$match[1]) !== null && _val$toString$match$ !== void 0 ? _val$toString$match$ : "()"];
+        }));
+        allowedMemberFunctions.forEach(function (name) {
+          var _this$name$toString$m, _this$name$toString$m2;
+          signatures[name] = (_this$name$toString$m = (_this$name$toString$m2 = _this[name].toString().match(/^function\s+(\([^)]+\))/)) === null || _this$name$toString$m2 === void 0 ? void 0 : _this$name$toString$m2[1]) !== null && _this$name$toString$m !== void 0 ? _this$name$toString$m : "()";
+        });
+        /* eslint-disable-next-line */
+        console.log(signatures);
+      }
+      if ((_ev$data = ev.data) !== null && _ev$data !== void 0 && _ev$data.method) {
+        var _ev$data$params;
+        var func = ev.data.method;
+        var args = (_ev$data$params = ev.data.params) !== null && _ev$data$params !== void 0 ? _ev$data$params : [];
+        var result = null;
+        if (func in actionFunctions) {
+          var _this$props;
+          result = (_this$props = _this.props)[func].apply(_this$props, _toConsumableArray(args));
+        } else if (allowedMemberFunctions.includes(func)) {
+          var _this2;
+          result = (_this2 = _this)[func].apply(_this2, _toConsumableArray(args));
+        } else {
+          /* eslint-disable-next-line */
+          console.warn("Unhandeled message: " + JSON.stringify(ev.data));
+        }
+        if (ev.data.requestId) {
+          ev.source.postMessage({
+            requestId: ev.data.requestId,
+            result: result
+          }, ev.origin);
+        }
+      }
+    });
     /**
      * Add custom plugin
      *
@@ -373,7 +479,9 @@ var API = /*#__PURE__*/function (_React$Component) {
       // Auto-binded functions
       for (var _i = 0, _Object$keys = Object.keys(this.props); _i < _Object$keys.length; _i++) {
         var prop = _Object$keys[_i];
-        window.qwc2[prop] = this.props[prop];
+        if (typeof this.props[prop] === "function") {
+          window.qwc2[prop] = this.props[prop];
+        }
       }
       // Additional exports
       window.qwc2.LayerRole = LayerRole;
@@ -464,6 +572,9 @@ var API = /*#__PURE__*/function (_React$Component) {
       window.qwc2.components.TextInput = TextInput;
       window.qwc2.components.ToggleSwitch = ToggleSwitch;
       window.qwc2.components.VectorLayerPicker = VectorLayerPicker;
+
+      // Add message event listener
+      window.addEventListener("message", this.handleMessage);
       window.dispatchEvent(new Event("QWC2ApiReady"));
     }
   }, {
@@ -475,29 +586,23 @@ var API = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 _defineProperty(API, "propTypes", {
   addLayer: PropTypes.func,
+  /* List of origins which are allowed to post messages via `qwcIframe.postMessage`. */
+  allowedMessageOrigins: PropTypes.arrayOf(PropTypes.string),
   mapCrs: PropTypes.string,
   registerCustomPlugin: PropTypes.func,
   setCurrentTask: PropTypes.func,
   state: PropTypes.object,
   unregisterCustomPlugin: PropTypes.func
 });
-function extractFunctions(obj) {
-  return Object.entries(obj).reduce(function (result, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    if (typeof value === "function") {
-      result[key] = value;
-    }
-    return result;
-  }, {});
-}
+_defineProperty(API, "defaultProps", {
+  allowedMessageOrigins: []
+});
 export default connect(function (state) {
   return {
     mapCrs: state.map.projection,
     state: state
   };
-}, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+}, _objectSpread({
   registerCustomPlugin: registerCustomPlugin,
   unregisterCustomPlugin: unregisterCustomPlugin
-}, extractFunctions(displayActions)), extractFunctions(editingActions)), extractFunctions(layerActions)), extractFunctions(localeActions)), extractFunctions(locateActions)), extractFunctions(mapActions)), extractFunctions(taskActions)), extractFunctions(themeActions)), extractFunctions(windowsActions)))(API);
+}, actionFunctions))(API);

package/plugins/LayerTree.js

@@ -966,7 +966,7 @@ var LayerTree = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "getLayerStyles", function (layer) {
       var _layer$sublayers;
       return layer === null || layer === void 0 || (_layer$sublayers = layer.sublayers) === null || _layer$sublayers === void 0 ? void 0 : _layer$sublayers.reduce(function (styleList, sublayer) {
-        Object.assign(styleList, _this.getLayerStyles(sublayer.sublayers));
+        Object.assign(styleList, _this.getLayerStyles(sublayer));
         return Object.assign(styleList, sublayer.styles);
       }, {});
     });

package/plugins/Settings.js

@@ -79,7 +79,9 @@ var Settings = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement("tbody", null, _this.renderLanguageSelector(), _this.renderColorSchemeSelector(), _this.renderDefaultThemeSelector())));
     });
     _defineProperty(_this, "renderLanguageSelector", function () {
-      if (isEmpty(_this.props.languages)) {
+      var _this$props$languages;
+      var languages = (_this$props$languages = _this.props.languages) !== null && _this$props$languages !== void 0 ? _this$props$languages : ConfigUtils.getConfigProp("availableLocales");
+      if (isEmpty(languages)) {
         return null;
       }
       var lang = LocaleUtils.lang();
@@ -89,7 +91,7 @@ var Settings = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement("option", {
         key: "syslang",
         value: ""
-      }, LocaleUtils.tr("settings.systemlang")), _this.props.languages.map(function (entry) {
+      }, LocaleUtils.tr("settings.systemlang")), languages.map(function (entry) {
         var _entry$title;
         return /*#__PURE__*/React.createElement("option", {
           key: entry.value,
@@ -216,7 +218,7 @@ _defineProperty(Settings, "propTypes", {
     value: PropTypes.string
   })),
   defaultUrlParams: PropTypes.string,
-  /** List of available languages. Value is the lang code, title/titleMsgId the display name. */
+  /** List of available languages. Value is the lang code, title/titleMsgId the display name. Falls back to the toplevel `availableLocales` `config.json` setting if not set. */
   languages: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string,
     titleMsgId: PropTypes.string,
@@ -232,7 +234,7 @@ _defineProperty(Settings, "propTypes", {
 });
 _defineProperty(Settings, "defaultProps", {
   colorSchemes: [],
-  languages: [],
+  languages: null,
   side: 'right',
   showDefaultThemeSelector: true
 });

package/plugins/View3D.js

@@ -443,6 +443,7 @@ var View3D = /*#__PURE__*/function (_React$Component) {
           pluginsConfig: pluginsConfig
         }, /*#__PURE__*/React.createElement(Map3D, {
           controlsPosition: this.props.controlsPosition,
+          defaultFov: this.props.defaultFov,
           defaultSceneQuality: this.props.defaultSceneQuality,
           innerRef: this.setRef,
           mouseButtons: this.props.mouseButtons,
@@ -464,6 +465,8 @@ _defineProperty(View3D, "propTypes", {
   addLayerFeatures: PropTypes.func,
   /** The position of the navigation controls. Either `top` or `bottom`. */
   controlsPosition: PropTypes.string,
+  /** The default field of view (`20`: min, `100`: max). */
+  defaultFov: PropTypes.number,
   /** The default scene quality factor (`20`: min, `100`: max). */
   defaultSceneQuality: PropTypes.number,
   display: PropTypes.object,
@@ -500,6 +503,7 @@ _defineProperty(View3D, "propTypes", {
 });
 _defineProperty(View3D, "defaultProps", {
   controlsPosition: 'top',
+  defaultFov: 30,
   defaultSceneQuality: 100,
   geometry: {
     initialWidth: 600,

package/plugins/map3d/Settings3D.js

@@ -24,6 +24,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import SideBar from '../../components/SideBar';
 import Input from '../../components/widgets/Input';
+import InputContainer from '../../components/widgets/InputContainer';
 import LocaleUtils from '../../utils/LocaleUtils';
 import './style/Settings3D.css';
 
@@ -41,18 +42,34 @@ var Settings3D = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_this, "renderBody", function () {
       return /*#__PURE__*/React.createElement("div", {
         className: "settings3d-body"
-      }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("settings3d.quality")), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Input, {
+      }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("settings3d.quality")), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(Input, {
         max: 100,
         min: 20,
         onChange: _this.qualityChanged,
+        role: "input",
         step: 20,
         type: "range",
         value: _this.props.sceneContext.settings.sceneQuality
-      }))))));
+      }), /*#__PURE__*/React.createElement("span", {
+        role: "suffix"
+      }, _this.props.sceneContext.settings.sceneQuality, "\xA0%")))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("settings3d.fov")), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(Input, {
+        max: 100,
+        min: 25,
+        onChange: _this.fovChanged,
+        role: "input",
+        step: 5,
+        type: "range",
+        value: _this.props.sceneContext.settings.fov
+      }), /*#__PURE__*/React.createElement("span", {
+        role: "suffix"
+      }, _this.props.sceneContext.settings.fov, "\xA0\xB0")))))));
     });
     _defineProperty(_this, "qualityChanged", function (value) {
       _this.props.sceneContext.setSetting("sceneQuality", parseInt(value, 10));
     });
+    _defineProperty(_this, "fovChanged", function (value) {
+      _this.props.sceneContext.setSetting("fov", parseInt(value, 10));
+    });
     return _this;
   }
   _inherits(Settings3D, _React$Component);

package/plugins/map3d/style/Settings3D.css

@@ -6,6 +6,11 @@ div.settings3d-body table td {
     padding: 0 0.25em;
 }
 
-div.settings3d-body table td > input {
+div.settings3d-body table td:nth-child(2) {
+    width: 99%;
+}
+
+div.settings3d-body table td > input,
+div.settings3d-body table td > div.input-container {
     width: 100%;
-}
+}

package/static/translations/bg-BG.json

@@ -640,6 +640,7 @@
       "themes": "Теми"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/ca-ES.json

@@ -640,6 +640,7 @@
       "themes": "Temes"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/cs-CZ.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/de-CH.json

@@ -640,6 +640,7 @@
       "themes": "Themen"
     },
     "settings3d": {
+      "fov": "Sichtfeld",
       "quality": "Qualität"
     },
     "share": {

package/static/translations/de-DE.json

@@ -640,6 +640,7 @@
       "themes": "Themen"
     },
     "settings3d": {
+      "fov": "Sichtfeld",
       "quality": "Qualität"
     },
     "share": {

package/static/translations/en-US.json

@@ -640,6 +640,7 @@
       "themes": "Themes"
     },
     "settings3d": {
+      "fov": "Field of view",
       "quality": "Quality"
     },
     "share": {

package/static/translations/es-ES.json

@@ -640,6 +640,7 @@
       "themes": "Temas"
     },
     "settings3d": {
+      "fov": "Campo de visión",
       "quality": "Calidad"
     },
     "share": {

package/static/translations/fi-FI.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/fr-FR.json

@@ -640,6 +640,7 @@
       "themes": "Thèmes"
     },
     "settings3d": {
+      "fov": "Champ de vue",
       "quality": "Qualité"
     },
     "share": {

package/static/translations/hu-HU.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/it-IT.json

@@ -640,6 +640,7 @@
       "themes": "Temi"
     },
     "settings3d": {
+      "fov": "Campo visivo",
       "quality": "Qualità"
     },
     "share": {

package/static/translations/ja-JP.json

@@ -640,6 +640,7 @@
       "themes": "テーマ"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/nl-NL.json

@@ -640,6 +640,7 @@
       "themes": "Kaarten"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/no-NO.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/pl-PL.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/pt-BR.json

@@ -640,6 +640,7 @@
       "themes": "Temas"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/pt-PT.json

@@ -640,6 +640,7 @@
       "themes": "Temas"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/ro-RO.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/ru-RU.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/sv-SE.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/tr-TR.json

@@ -640,6 +640,7 @@
       "themes": "Temalar"
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/static/translations/tsconfig.json

@@ -550,6 +550,7 @@
     "settings.language",
     "settings.systemlang",
     "settings.themes",
+    "settings3d.fov",
     "settings3d.quality",
     "share.QRCodeLinkTitle",
     "share.directLinkTitle",

package/static/translations/uk-UA.json

@@ -640,6 +640,7 @@
       "themes": ""
     },
     "settings3d": {
+      "fov": "",
       "quality": ""
     },
     "share": {

package/utils/LocaleUtils.js

@@ -15,7 +15,12 @@ var LocaleUtils = {
   loadLocale: function loadLocale(lang, fallbackLangData) {
     return new Promise(function (resolve) {
       var loadLang = null;
-      var availableLanguages = process.env.AvailableLanguages;
+      var availableLanguages = ConfigUtils.getConfigProp("availableLocales");
+      if (availableLanguages) {
+        availableLanguages = Object.keys(availableLanguages);
+      } else {
+        availableLanguages = process.env.AvailableLanguages;
+      }
       if (availableLanguages.indexOf(lang) !== -1) {
         // Exact match: lang-REGION
         loadLang = lang;

package/utils/expr_grammar/grammar.js

@@ -1,21 +1,49 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _wrapNativeSuper(t) { var r = "function" == typeof Map ? new Map() : void 0; return _wrapNativeSuper = function _wrapNativeSuper(t) { if (null === t || !_isNativeFunction(t)) return t; if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function"); if (void 0 !== r) { if (r.has(t)) return r.get(t); r.set(t, Wrapper); } function Wrapper() { return _construct(t, arguments, _getPrototypeOf(this).constructor); } return Wrapper.prototype = Object.create(t.prototype, { constructor: { value: Wrapper, enumerable: !1, writable: !0, configurable: !0 } }), _setPrototypeOf(Wrapper, t); }, _wrapNativeSuper(t); }
+function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeFunction(t) { try { return -1 !== Function.toString.call(t).indexOf("[native code]"); } catch (n) { return "function" == typeof t; } }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
 // Generated automatically by nearley, version 2.20.1
 // http://github.com/Hardmath123/nearley
 (function () {
   function id(x) {
     return x[0];
   }
+  var Field = /*#__PURE__*/function (_String) {
+    function Field(value) {
+      _classCallCheck(this, Field);
+      return _callSuper(this, Field, [value]);
+    }
+    _inherits(Field, _String);
+    return _createClass(Field, [{
+      key: "toJSON",
+      value: function toJSON() {
+        return this.toString();
+      }
+    }]);
+  }(/*#__PURE__*/_wrapNativeSuper(String));
   if (typeof window === 'undefined') {
     window = global;
   }
   function asFilter(d) {
-    return window.qwc2ExpressionParserContext.asFilter && ["string", "object"].includes(_typeof(d[0]));
+    return window.qwc2ExpressionParserContext.asFilter && (d[0] instanceof Field || d[0] instanceof Array);
   }
   function generateUUID() {
     var d = new Date().getTime();
@@ -476,7 +504,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       "symbols": ["dqstring"],
       "postprocess": function postprocess(d) {
         var _window$qwc2Expressio, _window$qwc2Expressio2;
-        return asFilter(d) ? d[0] : (_window$qwc2Expressio = (_window$qwc2Expressio2 = window.qwc2ExpressionParserContext.feature.properties) === null || _window$qwc2Expressio2 === void 0 ? void 0 : _window$qwc2Expressio2[d[0]]) !== null && _window$qwc2Expressio !== void 0 ? _window$qwc2Expressio : null;
+        return window.qwc2ExpressionParserContext.asFilter ? new Field(d[0]) : (_window$qwc2Expressio = (_window$qwc2Expressio2 = window.qwc2ExpressionParserContext.feature.properties) === null || _window$qwc2Expressio2 === void 0 ? void 0 : _window$qwc2Expressio2[d[0]]) !== null && _window$qwc2Expressio !== void 0 ? _window$qwc2Expressio : null;
       }
     }, {
       "name": "N$string$1",
@@ -1921,7 +1949,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         "literal": ")"
       }],
       "postprocess": function postprocess(d) {
-        return asFilter(d) ? [d[4], "HAS", d[8]] : d[4].includes(d[8]);
+        return window.qwc2ExpressionParserContext.asFilter ? [d[4], "HAS", d[8]] : d[4].includes(d[8]);
       }
     }, {
       "name": "N$string$51",

package/utils/expr_grammar/grammar.ne

@@ -1,12 +1,20 @@
 @builtin "string.ne"
 
 @{%
+class Field extends String {
+  constructor(value) {
+    super(value);
+  }
+  toJSON() {
+    return this.toString();
+  }
+}
 
 if (typeof window === 'undefined') {
     window = global;
 }
-function asFilter(d) {
-    return window.qwc2ExpressionParserContext.asFilter && ["string", "object"].includes(typeof(d[0]));
+function opAsFilter(d) {
+    return window.qwc2ExpressionParserContext.asFilter && (d[0] instanceof Field || d[0] instanceof Array);
 }
 function generateUUID() {
     let d = new Date().getTime();
@@ -27,30 +35,31 @@ function generateUUID() {
 function replaceWildcards(str) {
     return "^" + str.replace(/(?<!\\)%/g, '.*').replace(/(?<!\\)_/g, '.{1}') + "$";
 }
+
 %}
 
 main -> _ P0 _                     {% function(d) {return d[1]; } %}
 
 # Priority-0 operators (OR)
-P0 -> P0 _ "OR"i _ P1              {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] || d[4]); } %}
+P0 -> P0 _ "OR"i _ P1              {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] || d[4]); } %}
     | P1                           {% id %}
 
 # Priority-1 operators (AND)
-P1 -> P1 _ "AND"i _ P2             {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] && d[4]); } %}
+P1 -> P1 _ "AND"i _ P2             {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] && d[4]); } %}
     | P2                           {% id %}
 
 # Priority-2 operators (comparison operators)
-P2 -> P2 _ "<" _ P3                {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] < d[4]); } %}
-    | P2 _ ">" _ P3                {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] > d[4]); } %}
-    | P2 _ ">=" _ P3               {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] >= d[4]); } %}
-    | P2 _ "<=" _ P3               {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] <= d[4]); } %}
-    | P2 _ "=" _ P3                {% function(d) { return asFilter(d) ? [d[0], d[2], d[4]] : (d[0] == d[4]); } %}
-    | P2 _ "<>" _ P3               {% function(d) { return asFilter(d) ? [d[0], "!=", d[4]] : (d[0] != d[4]); } %}
-    | P2 _ "IS"i _ P3              {% function(d) { return asFilter(d) ? [d[0], "=", d[4]] : d[0] === d[4]; } %}
-    | P2 _ "IS"i _ "NOT"i _ P3     {% function(d) { return asFilter(d) ? [d[0], "!=", d[6]] : d[0] !== d[6]; } %}
-    | P2 _ "~" _ P3                {% function(d) { return asFilter(d) ? [d[0], "~", d[4]] : new RegExp(d[4]).exec(d[0]) !== null; } %}
-    | P2 _ "LIKE"i _ P3             {% function(d) { return asFilter(d) ? [d[0], "LIKE", d[4]] : new RegExp(replaceWildcards(d[4])).exec(d[0]) !== null; } %}
-    | P2 _ "ILIKE"i _ P3            {% function(d) { return asFilter(d) ? [d[0], "ILIKE", d[4]] : new RegExp(replaceWildcards(d[4]), 'i').exec(d[0]) !== null; } %}
+P2 -> P2 _ "<" _ P3                {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] < d[4]); } %}
+    | P2 _ ">" _ P3                {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] > d[4]); } %}
+    | P2 _ ">=" _ P3               {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] >= d[4]); } %}
+    | P2 _ "<=" _ P3               {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] <= d[4]); } %}
+    | P2 _ "=" _ P3                {% function(d) { return opAsFilter(d) ? [d[0], d[2], d[4]] : (d[0] == d[4]); } %}
+    | P2 _ "<>" _ P3               {% function(d) { return opAsFilter(d) ? [d[0], "!=", d[4]] : (d[0] != d[4]); } %}
+    | P2 _ "IS"i _ P3              {% function(d) { return opAsFilter(d) ? [d[0], "=", d[4]] : d[0] === d[4]; } %}
+    | P2 _ "IS"i _ "NOT"i _ P3     {% function(d) { return opAsFilter(d) ? [d[0], "!=", d[6]] : d[0] !== d[6]; } %}
+    | P2 _ "~" _ P3                {% function(d) { return opAsFilter(d) ? [d[0], "~", d[4]] : new RegExp(d[4]).exec(d[0]) !== null; } %}
+    | P2 _ "LIKE"i _ P3             {% function(d) { return opAsFilter(d) ? [d[0], "LIKE", d[4]] : new RegExp(replaceWildcards(d[4])).exec(d[0]) !== null; } %}
+    | P2 _ "ILIKE"i _ P3            {% function(d) { return opAsFilter(d) ? [d[0], "ILIKE", d[4]] : new RegExp(replaceWildcards(d[4]), 'i').exec(d[0]) !== null; } %}
     | P3                           {% id %}
 
 # Priority-3 operators (addition, subtraction, concatenation)
@@ -87,7 +96,7 @@ P8 -> "(" _ P0 _ ")"               {% function(d) { return d[2]; } %}
 # A number or a function of a number, a variable or a constant
 N -> float                         {% id %}
     | sqstring                     {% id %}
-    | dqstring                     {% function(d) { return asFilter(d) ? d[0] : window.qwc2ExpressionParserContext.feature.properties?.[d[0]] ?? null; } %}
+    | dqstring                     {% function(d) { return window.qwc2ExpressionParserContext.asFilter ? new Field(d[0]) : window.qwc2ExpressionParserContext.feature.properties?.[d[0]] ?? null; } %}
     | "uuid" _ "(" _ ")"           {% function(d) { return generateUUID(); } %}
     | "now" _ "(" _ ")"            {% function(d) { return (new Date()).toISOString(); } %}
     | "abs" _ "(" _ P0 _ ")"       {% function(d) { return Math.abs(d[4]); } %}
@@ -135,7 +144,7 @@ N -> float                         {% id %}
     | "array_all" _ "(" _ P0 _ "," _ P0 _ ")"              {% function(d) { return d[8].every(val => d[4].includes(val)); } %}
     | "array_append" _ "(" _ P0 _ "," _ P0 _ ")"           {% function(d) { return [...d[4], d[8]]; } %}
     | "array_cat" _ "(" _ P0 _ "," _ P0 _ ")"              {% function(d) { return [...d[4], ...d[8]]; } %}
-    | "array_contains" _ "(" _ P0 _ "," _ P0 _ ")"         {% function(d) { return asFilter(d) ? [d[4], "HAS", d[8]] : d[4].includes(d[8]); } %}
+    | "array_contains" _ "(" _ P0 _ "," _ P0 _ ")"         {% function(d) { return window.qwc2ExpressionParserContext.asFilter ? [d[4], "HAS", d[8]] : d[4].includes(d[8]); } %}
     | "array_count" _ "(" _ P0 _ "," _ P0 _ ")"            {% function(d) { return d[4].filter(val => val === d[8]).length; } %}
     | "array_distinct" _ "(" _ P0 _ ")"                    {% function(d) { return [...new Set(d[4])].sort((a,b) => a-b); } %}
     # "array_filter" _ "(" _ P0 _ "," _ P1 _ ")"           TODO