qwc2 2025.12.18 → 2025.12.24

package/components/{map3d/View3DSwitcher.js → ViewSwitcher.js}

@@ -1,7 +1,7 @@
 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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 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; }
@@ -23,35 +23,51 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
-import { setView3dMode, View3DMode } from '../../actions/display';
-import Icon from '../Icon';
-import MapButton from '../MapButton';
-import './style/View3DSwitcher.css';
-var View3DSwitcher = /*#__PURE__*/function (_React$Component) {
-  function View3DSwitcher() {
+import { setViewMode, ViewMode } from '../actions/display';
+import ConfigUtils from '../utils/ConfigUtils';
+import { UrlParams } from '../utils/PermaLinkUtils';
+import Icon from './Icon';
+import MapButton from './MapButton';
+import './style/ViewSwitcher.css';
+var ViewSwitcher = /*#__PURE__*/function (_React$Component) {
+  function ViewSwitcher() {
     var _this;
-    _classCallCheck(this, View3DSwitcher);
+    _classCallCheck(this, ViewSwitcher);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, View3DSwitcher, [].concat(args));
+    _this = _callSuper(this, ViewSwitcher, [].concat(args));
     _defineProperty(_this, "state", {
       expanded: false
     });
     _defineProperty(_this, "render", function () {
+      var _this$props$theme, _this$props$theme2;
       var buttons = [{
-        mode: View3DMode.DISABLED,
+        mode: ViewMode._2D,
         icon: "2d"
-      }, {
-        mode: View3DMode.FULLSCREEN,
-        icon: "3d"
-      }, {
-        mode: View3DMode.SPLITSCREEN,
-        icon: "3d2d"
       }];
+      if ((_this$props$theme = _this.props.theme) !== null && _this$props$theme !== void 0 && _this$props$theme.map3d && ConfigUtils.havePlugin("View3D")) {
+        buttons.push({
+          mode: ViewMode._3DFullscreen,
+          icon: "3d"
+        });
+        buttons.push({
+          mode: ViewMode._3DSplitscreen,
+          icon: "3d2d"
+        });
+      }
+      if ((_this$props$theme2 = _this.props.theme) !== null && _this$props$theme2 !== void 0 && _this$props$theme2.obliqueDatasets && ConfigUtils.havePlugin("ObliqueView")) {
+        buttons.push({
+          mode: ViewMode._Oblique,
+          icon: "oblique"
+        });
+      }
+      if (buttons.length <= 1) {
+        return null;
+      }
       return /*#__PURE__*/React.createElement(MapButton, {
         active: _this.state.expanded,
-        busy: _this.props.view3dMode === View3DMode.DISABLING,
+        className: "view-switcher-button",
         icon: "view",
         iconSize: "xlarge",
         onClick: function onClick() {
@@ -63,11 +79,11 @@ var View3DSwitcher = /*#__PURE__*/function (_React$Component) {
         },
         position: _this.props.position
       }, /*#__PURE__*/React.createElement("div", {
-        className: "view3d-switcher-buttons" + (_this.state.expanded ? " view3d-switcher-buttons-expanded" : ""),
-        inert: _this.state.expanded ? undefined : "true"
+        className: "view-switcher-buttons" + (_this.state.expanded ? " view-switcher-buttons-expanded" : ""),
+        inert: !_this.state.expanded
       }, buttons.map(function (button) {
         return /*#__PURE__*/React.createElement("button", {
-          className: "map-button" + (button.mode === _this.props.view3dMode ? " map-button-active" : ""),
+          className: "map-button" + (button.mode === _this.props.viewMode ? " map-button-active" : ""),
           key: button.icon,
           onClick: function onClick() {
             return _this.switchMode(button.mode);
@@ -79,26 +95,55 @@ var View3DSwitcher = /*#__PURE__*/function (_React$Component) {
       })));
     });
     _defineProperty(_this, "switchMode", function (mode) {
-      _this.props.setView3dMode(mode === View3DMode.DISABLED ? View3DMode.DISABLING : mode);
+      _this.props.setViewMode(mode);
       _this.setState({
         expanded: false
       });
     });
     return _this;
   }
-  _inherits(View3DSwitcher, _React$Component);
-  return _createClass(View3DSwitcher);
+  _inherits(ViewSwitcher, _React$Component);
+  return _createClass(ViewSwitcher, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      // Handle view mode change
+      if (this.props.viewMode !== prevProps.viewMode) {
+        if (this.props.viewMode === ViewMode._3DFullscreen) {
+          UrlParams.updateParams({
+            v: "3d"
+          });
+        } else if (this.props.viewMode === ViewMode._3DSplitscreen) {
+          UrlParams.updateParams({
+            v: "3d2d"
+          });
+        } else if (this.props.viewMode === ViewMode._Oblique) {
+          UrlParams.updateParams({
+            v: "oblique"
+          });
+        } else {
+          UrlParams.updateParams({
+            v: "2d"
+          });
+        }
+      }
+    }
+  }]);
 }(React.Component);
-_defineProperty(View3DSwitcher, "propTypes", {
+_defineProperty(ViewSwitcher, "propTypes", {
   position: PropTypes.number,
-  setView3dMode: PropTypes.func,
+  setViewMode: PropTypes.func,
   switchTo: PropTypes.string,
-  view3dMode: PropTypes.number
+  theme: PropTypes.object,
+  viewMode: PropTypes.number
+});
+_defineProperty(ViewSwitcher, "defaultProps", {
+  position: 1
 });
 export default connect(function (state) {
   return {
-    view3dMode: state.display.view3dMode
+    viewMode: state.display.viewMode,
+    theme: state.theme.current
   };
 }, {
-  setView3dMode: setView3dMode
-})(View3DSwitcher);
+  setViewMode: setViewMode
+})(ViewSwitcher);

package/components/map/OlMap.js

@@ -137,7 +137,7 @@ var OlMap = /*#__PURE__*/function (_React$Component) {
           var featureObj = format.writeFeatureObject(feature);
           featureObj.layerId = layer ? layer.get('id') : null;
           features.push(featureObj);
-        } catch (e) {
+        } catch (_unused) {
           /* pass */
         }
       }, {

package/components/map3d/Map3D.js

@@ -36,11 +36,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React, { Suspense } from 'react';
 import ReactDOM from 'react-dom';
 import { connect } from 'react-redux';
-import Instance from '@giro3d/giro3d/core/Instance.js';
+import CoordinateSystem from '@giro3d/giro3d/core/geographic/coordinate-system/CoordinateSystem';
 import Coordinates, { crsIsGeographic } from '@giro3d/giro3d/core/geographic/Coordinates';
 import Ellipsoid from '@giro3d/giro3d/core/geographic/Ellipsoid';
 import Extent from '@giro3d/giro3d/core/geographic/Extent.js';
-import CoordinateSystem from '@giro3d/giro3d/core/geographic/coordinate-system/CoordinateSystem';
+import Instance from '@giro3d/giro3d/core/Instance.js';
 import ElevationLayer from '@giro3d/giro3d/core/layer/ElevationLayer.js';
 import DrapedFeatureCollection from '@giro3d/giro3d/entities/DrapedFeatureCollection';
 import Map from '@giro3d/giro3d/entities/Map.js';
@@ -65,15 +65,15 @@ import { registerPermalinkDataStoreHook, unregisterPermalinkDataStoreHook, UrlPa
 import ServiceLayerUtils from '../../utils/ServiceLayerUtils';
 import ThemeUtils from '../../utils/ThemeUtils';
 import { MapContainerPortalContext } from '../PluginsContainer';
+import ViewSwitcher from '../ViewSwitcher';
 import EditDataset3D from './EditDataset3D';
-import MapControls3D from './MapControls3D';
-import View3DSwitcher from './View3DSwitcher';
 import LayerRegistry from './layers/index';
+import MapControls3D from './MapControls3D';
 import { importGltf, updateObjectLabel } from './utils/MiscUtils3D';
 import Tiles3DStyle from './utils/Tiles3DStyle';
 import './style/Map3D.css';
 
-// Ensures unUnload is called *after* all other children have unmounted
+// Ensures onUnload is called *after* all other children have unmounted
 var UnloadWrapper = /*#__PURE__*/function (_React$Component) {
   function UnloadWrapper() {
     var _this;
@@ -587,7 +587,7 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
       }
     });
     _defineProperty(_this2, "setupInstance", function () {
-      var _this2$props$theme$ma, _this2$props$theme$ma2, _this2$props$theme$ma3, _this2$props$theme$ma4, _this2$props$theme$ma5, _this2$props$theme$ma8, _this2$props$theme$ma9, _this2$props$theme$ma10;
+      var _this2$props$theme$ma, _this2$props$theme$ma2, _this2$props$theme$ma3, _this2$props$theme$ma4, _this2$props$theme$ma5, _this2$props$theme$ma8, _this2$props$theme$ma9, _this2$props$theme$ma0;
       if (_this2.instance) {
         _this2.disposeInstance();
       }
@@ -699,19 +699,19 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
           _this2.instance.notifyChange(tiles);
         });
         // Apply style when loading tile
-        tiles.tiles.addEventListener('load-model', function (_ref10) {
+        tiles.tiles.addEventListener('load-model', function (_ref0) {
           var _entry$idAttr;
-          var scene = _ref10.scene;
+          var scene = _ref0.scene;
           scene.userData.tilesetName = entry.name;
           scene.userData.featureIdAttr = (_entry$idAttr = entry.idAttr) !== null && _entry$idAttr !== void 0 ? _entry$idAttr : "id";
           Tiles3DStyle.applyTileStyle(scene, _this2.state.sceneContext.sceneObjects[entry.name], _this2.state.sceneContext);
           _this2.instance.notifyChange(tiles);
         });
         // Show/hide labels when tile visibility changes
-        tiles.tiles.addEventListener('tile-visibility-change', function (_ref11) {
+        tiles.tiles.addEventListener('tile-visibility-change', function (_ref1) {
           var _scene$userData$tileL2, _scene$userData2;
-          var scene = _ref11.scene,
-            visible = _ref11.visible;
+          var scene = _ref1.scene,
+            visible = _ref1.visible;
           Object.values((_scene$userData$tileL2 = scene === null || scene === void 0 || (_scene$userData2 = scene.userData) === null || _scene$userData2 === void 0 ? void 0 : _scene$userData2.tileLabels) !== null && _scene$userData$tileL2 !== void 0 ? _scene$userData$tileL2 : {}).forEach(function (label) {
             label.labelObject.visible = visible;
             label.labelObject.element.style.display = visible ? 'initial' : 'none';
@@ -739,7 +739,7 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
       });
 
       // Add other objects
-      (((_this2$props$theme$ma10 = _this2.props.theme.map3d) === null || _this2$props$theme$ma10 === void 0 ? void 0 : _this2$props$theme$ma10.objects3d) || []).forEach(function (entry) {
+      (((_this2$props$theme$ma0 = _this2.props.theme.map3d) === null || _this2$props$theme$ma0 === void 0 ? void 0 : _this2$props$theme$ma0.objects3d) || []).forEach(function (entry) {
         var _entry$title2, _entry$visibility2;
         importGltf(MiscUtils.resolveAssetsPath(entry.url), (_entry$title2 = entry.title) !== null && _entry$title2 !== void 0 ? _entry$title2 : entry.name, _this2.state.sceneContext, {
           visibility: (_entry$visibility2 = entry.visibility) !== null && _entry$visibility2 !== void 0 ? _entry$visibility2 : true
@@ -779,10 +779,10 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
       var isFirstPerson = _this2.state.sceneContext.scene.view.controls.isFirstPerson;
       var maxDistance = isFirstPerson ? 200 + 20 * quality : 500 + quality * quality;
       // Hide scene objects according to scene quality
-      Object.entries(_this2.state.sceneContext.sceneObjects).forEach(function (_ref12) {
-        var _ref13 = _slicedToArray(_ref12, 2),
-          objId = _ref13[0],
-          options = _ref13[1];
+      Object.entries(_this2.state.sceneContext.sceneObjects).forEach(function (_ref10) {
+        var _ref11 = _slicedToArray(_ref10, 2),
+          objId = _ref11[0],
+          options = _ref11[1];
         var object = _this2.objectMap[objId];
         if (options.layertree && object.isObject3D && object.visible) {
           object.children.forEach(function (child) {
@@ -803,10 +803,10 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
       });
     });
     _defineProperty(_this2, "instanceOnUpdateEnd", function () {
-      Object.entries(_this2.state.sceneContext.sceneObjects).forEach(function (_ref14) {
-        var _ref15 = _slicedToArray(_ref14, 2),
-          objId = _ref15[0],
-          options = _ref15[1];
+      Object.entries(_this2.state.sceneContext.sceneObjects).forEach(function (_ref12) {
+        var _ref13 = _slicedToArray(_ref12, 2),
+          objId = _ref13[0],
+          options = _ref13[1];
         var object = _this2.objectMap[objId];
         if (options.layertree && object.isObject3D) {
           object.children.forEach(function (child) {
@@ -816,8 +816,8 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
         }
       });
     });
-    _defineProperty(_this2, "instanceOnBeforeEntityUpdate", function (_ref16) {
-      var entity = _ref16.entity;
+    _defineProperty(_this2, "instanceOnBeforeEntityUpdate", function (_ref14) {
+      var entity = _ref14.entity;
       if (entity !== _this2.map) {
         _this2.instance.view.camera.userData.__previousFar = _this2.instance.view.camera.far;
         var quality = _this2.state.sceneContext.settings.sceneQuality;
@@ -826,8 +826,8 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
         _this2.instance.view.camera.updateProjectionMatrix();
       }
     });
-    _defineProperty(_this2, "instanceOnAfterEntityUpdate", function (_ref17) {
-      var entity = _ref17.entity;
+    _defineProperty(_this2, "instanceOnAfterEntityUpdate", function (_ref15) {
+      var entity = _ref15.entity;
       if (entity !== _this2.map) {
         _this2.instance.view.camera.far = _this2.instance.view.camera.userData.__previousFar;
         delete _this2.instance.view.camera.userData.__previousFar;
@@ -934,12 +934,12 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
               ModelPixelScale = _image$fileDirectory.ModelPixelScale;
 
             // Extract scale and tiepoint values
-            var _ref18 = [ModelPixelScale[0], ModelPixelScale[1]],
-              scaleX = _ref18[0],
-              scaleY = _ref18[1];
-            var _ref19 = [ModelTiepoint[3], ModelTiepoint[4]],
-              tiepointX = _ref19[0],
-              tiepointY = _ref19[1]; // Tiepoint world coordinates
+            var _ref16 = [ModelPixelScale[0], ModelPixelScale[1]],
+              scaleX = _ref16[0],
+              scaleY = _ref16[1];
+            var _ref17 = [ModelTiepoint[3], ModelTiepoint[4]],
+              tiepointX = _ref17[0],
+              tiepointY = _ref17[1]; // Tiepoint world coordinates
 
             // Calculate pixel indices (rounded to nearest integers)
             var minPixelX = Math.round((dtmExt[0] - tiepointX) / scaleX);
@@ -1021,10 +1021,10 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
       _this2.state.sceneContext.setViewToExtent(bounds, rotation);
     });
     _defineProperty(_this2, "store3dState", function () {
-      var promises = Object.entries(_this2.state.sceneContext.sceneObjects).map(function (_ref20) {
-        var _ref21 = _slicedToArray(_ref20, 2),
-          objectId = _ref21[0],
-          entry = _ref21[1];
+      var promises = Object.entries(_this2.state.sceneContext.sceneObjects).map(function (_ref18) {
+        var _ref19 = _slicedToArray(_ref18, 2),
+          objectId = _ref19[0],
+          entry = _ref19[1];
         if (!entry.layertree) {
           return null;
         }
@@ -1064,10 +1064,10 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
           var _this2$state$sceneCon2, _this2$state$sceneCon3;
           var camera = _this2.state.sceneContext.scene.view.camera.position;
           var target = _this2.state.sceneContext.scene.view.controls.target;
-          var layers = Object.entries(_this2.state.sceneContext.colorLayers).map(function (_ref22) {
-            var _ref23 = _slicedToArray(_ref22, 2),
-              layerId = _ref23[0],
-              options = _ref23[1];
+          var layers = Object.entries(_this2.state.sceneContext.colorLayers).map(function (_ref20) {
+            var _ref21 = _slicedToArray(_ref20, 2),
+              layerId = _ref21[0],
+              options = _ref21[1];
             return {
               id: layerId,
               options: {
@@ -1181,7 +1181,9 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
     value: function componentDidUpdate(prevProps, prevState) {
       var _this3 = this;
       if (this.props.theme !== prevProps.theme) {
-        this.setupInstance();
+        if (this.props.theme.map3d) {
+          this.setupInstance();
+        }
       } else if (this.props.layers !== prevProps.layers) {
         this.setState(function (state) {
           return {
@@ -1207,10 +1209,10 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
         this.setState(function (state) {
           return {
             sceneContext: _objectSpread(_objectSpread({}, state.sceneContext), {}, {
-              collisionObjects: Object.entries(state.sceneContext.sceneObjects).map(function (_ref24) {
-                var _ref25 = _slicedToArray(_ref24, 2),
-                  objId = _ref25[0],
-                  options = _ref25[1];
+              collisionObjects: Object.entries(state.sceneContext.sceneObjects).map(function (_ref22) {
+                var _ref23 = _slicedToArray(_ref22, 2),
+                  objId = _ref23[0],
+                  options = _ref23[1];
                 if (options.layertree && options.visibility) {
                   var _obj$tiles$group, _obj$tiles;
                   var obj = _this3.objectMap[objId];
@@ -1249,12 +1251,12 @@ var Map3D = /*#__PURE__*/function (_React$Component2) {
         sceneContext: this.state.sceneContext
       }, /*#__PURE__*/React.createElement(EditDataset3D, {
         sceneContext: this.state.sceneContext
-      }), /*#__PURE__*/React.createElement(View3DSwitcher, {
+      }), /*#__PURE__*/React.createElement(ViewSwitcher, {
         position: 1
-      }), Object.entries(this.props.plugins3d).map(function (_ref26) {
-        var _ref27 = _slicedToArray(_ref26, 2),
-          name = _ref27[0],
-          Component = _ref27[1];
+      }), Object.entries(this.props.plugins3d).map(function (_ref24) {
+        var _ref25 = _slicedToArray(_ref24, 2),
+          name = _ref25[0],
+          Component = _ref25[1];
         return /*#__PURE__*/React.createElement(Suspense, {
           key: name
         }, /*#__PURE__*/React.createElement(Component, _extends({

package/components/map3d/MapControls3D.js

@@ -374,7 +374,10 @@ var MapControls3D = /*#__PURE__*/function (_React$Component) {
         style: {
           order: 996
         }
-      }), this.context) : null];
+      }), this.context) : null, /*#__PURE__*/React.createElement("span", {
+        key: "Unloader",
+        ref: this.unload
+      })];
     }
   }]);
 }(React.Component);

package/components/map3d/drawtool/EditTool3D.js

@@ -33,8 +33,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Color, Group, Vector3 } from 'three';
-import { TransformControls } from 'three/addons/controls/TransformControls';
 import { CSG } from 'three-csg-ts';
+import { TransformControls } from 'three/addons/controls/TransformControls';
 import LocaleUtils from '../../../utils/LocaleUtils';
 import Icon from '../../Icon';
 import ButtonBar from '../../widgets/ButtonBar';

package/components/map3d/layers/WFSLayer3D.js

@@ -22,8 +22,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  * LICENSE file in the root directory of this source tree.
  */
 
-import Extent from '@giro3d/giro3d/core/geographic/Extent';
 import CoordinateSystem from '@giro3d/giro3d/core/geographic/coordinate-system/CoordinateSystem';
+import Extent from '@giro3d/giro3d/core/geographic/Extent';
 import ColorLayer from '@giro3d/giro3d/core/layer/ColorLayer';
 import StreamableFeatureSource, { wfsBuilder, tiledLoadingStrategy } from '@giro3d/giro3d/sources/StreamableFeatureSource';
 import VectorSource from "@giro3d/giro3d/sources/VectorSource.js";

package/components/share/ShareQRCode.js

@@ -21,9 +21,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * LICENSE file in the root directory of this source tree.
  */
 
+import { QRCodeCanvas } from 'qrcode.react';
 import React from 'react';
 import PropTypes from 'prop-types';
-import { QRCodeCanvas } from 'qrcode.react';
 import LocaleUtils from '../../utils/LocaleUtils';
 import CopyButton from '../widgets/CopyButton';
 var ShareQRCode = /*#__PURE__*/function (_React$Component) {

package/{plugins/map3d/style/OverviewMap3D.css → components/style/OverviewMapButton.css}

@@ -1,11 +1,11 @@
-div.overview-map-3d {
+div.overview-map {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 101;
 }
 
-div.overview-map-3d > button {
+div.overview-map > button {
     font-size: initial!important;
     right: 0.25em;
     bottom: 0.25em;
@@ -21,7 +21,7 @@ div.overview-map-3d > button {
     font-weight: bold;
 }
 
-div.overview-map-3d > div.ol-overviewmap-map-3d {
+div.overview-map > div.ol-overviewmap-map {
     position: absolute;
     right: 1px;
     bottom: 1px;
@@ -32,6 +32,6 @@ div.overview-map-3d > div.ol-overviewmap-map-3d {
     border: 1px solid var(--border-color);
 }
 
-div.overview-map-3d.ol-collapsed > div.ol-overviewmap-map-3d {
+div.overview-map.ol-collapsed > div.ol-overviewmap-map {
     display: none;
 }

package/components/style/ViewSwitcher.css

@@ -0,0 +1,36 @@
+button.view-switcher-button {
+    position: relative;
+    z-index: 2;
+}
+
+div.view-switcher-buttons > button {
+    transition: right 0.25s, box-shadow 0.25s;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+}
+
+div.view-switcher-buttons:not(div.view-switcher-buttons-expanded) button {
+    box-shadow: none;
+}
+
+div.view-switcher-buttons-expanded > button:nth-child(1) {
+    right: 4em;
+}
+
+div.view-switcher-buttons-expanded > button:nth-child(2) {
+    right: 8em;
+}
+
+div.view-switcher-buttons-expanded > button:nth-child(3) {
+    right: 12em;
+}
+
+div.view-switcher-buttons-expanded > button:nth-child(4) {
+    right: 16em;
+}
+
+div.view-switcher-buttons-expanded > button:nth-child(5) {
+    right: 20em;
+}

package/components/widgets/ColorButton.js

@@ -26,12 +26,12 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import { ColorPicker } from '@vtaits/react-color-picker';
+import '@vtaits/react-color-picker/index.css';
+import React from 'react';
 import PropTypes from 'prop-types';
 import MiscUtils from '../../utils/MiscUtils';
 import './style/ColorButton.css';
-import '@vtaits/react-color-picker/index.css';
 var defaultColors = [
 // [r, g, b, a]
 [255, 255, 255, 1], [0, 0, 0, 1], [255, 105, 0, 1], [252, 185, 0, 1], [0, 208, 132, 1], [142, 209, 252, 1], [6, 147, 227, 1], [171, 184, 195, 1], [235, 20, 76, 1], [247, 141, 167, 1]];

package/components/widgets/CopyButton.js

@@ -45,7 +45,7 @@ var CopyButton = /*#__PURE__*/function (_React$Component) {
             _this.setState({
               copied: true
             });
-          } catch (e) {
+          } catch (_unused) {
             _this.setState({
               copied: false
             });

package/components/widgets/LayerCatalogWidget.js

@@ -121,8 +121,8 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
         return res;
       }, []);
       if (existingSublayers.includes((_entry$name = entry.name) !== null && _entry$name !== void 0 ? _entry$name : resource === null || resource === void 0 ? void 0 : resource.name)) {
-        var _ref2;
-        var text = (_ref2 = LocaleUtils.tr("themelayerslist.existinglayers") + ": " + entry.title) !== null && _ref2 !== void 0 ? _ref2 : entry.name;
+        var _entry$title;
+        var text = LocaleUtils.tr("themelayerslist.existinglayers") + ": " + ((_entry$title = entry.title) !== null && _entry$title !== void 0 ? _entry$title : entry.name);
         var actions = [{
           name: LocaleUtils.tr("themelayerslist.addanyway"),
           onClick: function onClick() {
@@ -139,13 +139,13 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
       var asGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       _this.props.closeWindow("existinglayers");
       if (resource) {
-        var _entry$title;
+        var _entry$title2;
         // Create placeholder layer
         _this.props.addLayer({
           id: resource.id,
           type: "placeholder",
           name: resource.name,
-          title: (_entry$title = entry.title) !== null && _entry$title !== void 0 ? _entry$title : resource.name,
+          title: (_entry$title2 = entry.title) !== null && _entry$title2 !== void 0 ? _entry$title2 : resource.name,
           role: resource.USERLAYER,
           loading: true
         });

package/libs/openlayers.js

@@ -13,15 +13,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * LICENSE file in the root directory of this source tree.
  */
 
+import OlInteractionDrawRegular from 'ol-ext/interaction/DrawRegular';
+import OlInteractionTransform from 'ol-ext/interaction/Transform';
 import OlCollection from 'ol/Collection';
-import OlFeature from 'ol/Feature';
-import OlGeolocation from 'ol/Geolocation';
-import OlKinetic from 'ol/Kinetic';
-import OlMap from 'ol/Map';
-import OlObject from 'ol/Object';
-import OlOverlay from 'ol/Overlay';
-import OlTileQueue from 'ol/TileQueue';
-import OlView from 'ol/View';
 import { defaults as olControlDefaults } from 'ol/control';
 import OlControlAttribution from 'ol/control/Attribution';
 import OlControlOverviewMap from 'ol/control/OverviewMap';
@@ -29,16 +23,18 @@ import OlControlScaleLine from 'ol/control/ScaleLine';
 import OlControlZoom from 'ol/control/Zoom';
 import * as OlEventsCondition from 'ol/events/condition';
 import * as OlExtent from 'ol/extent';
+import OlFeature from 'ol/Feature';
+import OlFormatGeoJSON from 'ol/format/GeoJSON';
 import OlFormatGML2 from 'ol/format/GML2';
 import OlFormatGML3 from 'ol/format/GML3';
 import OlFormatGML32 from 'ol/format/GML32';
-import OlFormatGeoJSON from 'ol/format/GeoJSON';
 import OlFormatKML from 'ol/format/KML';
 import OlFormatMVT from 'ol/format/MVT';
 import OlFormatWFS from 'ol/format/WFS';
 import OlFormatWKT from 'ol/format/WKT';
 import OlFormatWMSCapabilities from 'ol/format/WMSCapabilities';
 import OlFormatWMTSCapabilities from 'ol/format/WMTSCapabilities';
+import OlGeolocation from 'ol/Geolocation';
 import OlGeomCircle from 'ol/geom/Circle';
 import OlGeomGeometryCollection from 'ol/geom/GeometryCollection';
 import OlGeomLineString from 'ol/geom/LineString';
@@ -63,6 +59,7 @@ import OlInteractionPointer from 'ol/interaction/Pointer';
 import OlInteractionSelect from 'ol/interaction/Select';
 import OlInteractionSnap from 'ol/interaction/Snap';
 import OlInteractionTranslate from 'ol/interaction/Translate';
+import OlKinetic from 'ol/Kinetic';
 import OlGraticule from 'ol/layer/Graticule';
 import OlLayerGroup from 'ol/layer/Group';
 import OlLayerImage from 'ol/layer/Image';
@@ -71,6 +68,9 @@ import OlLayerTile from 'ol/layer/Tile';
 import OlLayerVector from 'ol/layer/Vector';
 import OlLayerVectorTile from 'ol/layer/VectorTile';
 import * as OlLoadingstrategy from 'ol/loadingstrategy';
+import OlMap from 'ol/Map';
+import OlObject from 'ol/Object';
+import OlOverlay from 'ol/Overlay';
 import * as OlProj from 'ol/proj';
 import OlSourceBingMaps from 'ol/source/BingMaps';
 import OlSourceImageStatic from 'ol/source/ImageStatic';
@@ -91,8 +91,8 @@ import OlStyleStyle from 'ol/style/Style';
 import OlStyleText from 'ol/style/Text';
 import OlTilegridTileGrid from 'ol/tilegrid/TileGrid';
 import OlTilegridWMTS from 'ol/tilegrid/WMTS';
-import OlInteractionDrawRegular from 'ol-ext/interaction/DrawRegular';
-import OlInteractionTransform from 'ol-ext/interaction/Transform';
+import OlTileQueue from 'ol/TileQueue';
+import OlView from 'ol/View';
 import 'ol/ol.css';
 export default {
   Attribution: OlControlAttribution,