qwc2 2025.10.13 → 2025.10.14

package/plugins/map3d/LayerTree3D.js

@@ -1,9 +1,329 @@
-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 _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 _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 _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 _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}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 _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 _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 _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 _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 _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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 _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); }
+/**
  * Copyright 2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import{connect}from"react-redux";import classNames from"classnames";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import{setCurrentTask}from"../../actions/task";import Icon from"../../components/Icon";import SideBar from"../../components/SideBar";import ImportObjects3D from"../../components/map3d/ImportObjects3D";import NumberInput from"../../components/widgets/NumberInput";import LocaleUtils from"../../utils/LocaleUtils";import"./style/LayerTree3D.css";/**
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+import classNames from 'classnames';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import { setCurrentTask } from '../../actions/task';
+import Icon from '../../components/Icon';
+import SideBar from '../../components/SideBar';
+import ImportObjects3D from '../../components/map3d/ImportObjects3D';
+import NumberInput from '../../components/widgets/NumberInput';
+import LocaleUtils from '../../utils/LocaleUtils';
+import './style/LayerTree3D.css';
+
+/**
  * Layer and object tree for the 3D map
- */var LayerTree3D=/*#__PURE__*/function(_React$Component){function LayerTree3D(){var _this;_classCallCheck(this,LayerTree3D);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,LayerTree3D,[].concat(args));_defineProperty(_this,"state",{activestylemenu:null,activemenu:null,importvisible:false});_defineProperty(_this,"renderBody",function(){var sceneContext=_this.props.sceneContext;return/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement("div",{className:"layertree3d-layers"},/*#__PURE__*/React.createElement("div",{className:"layertree3d-section"},LocaleUtils.tr("layertree3d.objects")),Object.entries(sceneContext.sceneObjects).map(function(_ref){var _ref2=_slicedToArray(_ref,2),objectId=_ref2[0],entry=_ref2[1];return _this.renderLayerEntry(objectId,entry,sceneContext.updateSceneObject,true)}),/*#__PURE__*/React.createElement("div",{className:"layertree3d-section"},LocaleUtils.tr("layertree3d.layers")),Object.entries(sceneContext.colorLayers).map(function(_ref3){var _ref4=_slicedToArray(_ref3,2),layerId=_ref4[0],entry=_ref4[1];return _this.renderLayerEntry(layerId,entry,sceneContext.updateColorLayer,false)}),/*#__PURE__*/React.createElement("div",{className:"layertree3d-option",onClick:function onClick(){return _this.setState(function(state){return{importvisible:!state.importvisible}})}},/*#__PURE__*/React.createElement(Icon,{icon:_this.state.importvisible?"collapse":"expand"})," ",LocaleUtils.tr("layertree3d.importobjects"))),_this.state.importvisible?/*#__PURE__*/React.createElement(ImportObjects3D,{importedTilesBaseUrl:_this.props.importedTilesBaseUrl,sceneContext:_this.props.sceneContext}):null)});_defineProperty(_this,"renderLayerEntry",function(entryId,entry,updateCallback,isObject){var _entry$title,_entry$title2;if(entry.layertree===false){return null}var classes=classNames({"layertree3d-item":true,"layertree3d-item-disabled":!entry.visibility});var styleMenuClasses=classNames({"layertree3d-item-menubutton":true,"layertree3d-item-menubutton-active":_this.state.activestylemenu===entryId});var optMenuClasses=classNames({"layertree3d-item-menubutton":true,"layertree3d-item-menubutton-active":_this.state.activemenu===entryId});return/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-container",key:entryId},/*#__PURE__*/React.createElement("div",{className:classes},/*#__PURE__*/React.createElement(Icon,{className:"layertree3d-item-checkbox",icon:entry.visibility?"checked":"unchecked",onClick:function onClick(){return updateCallback(entryId,{visibility:!entry.visibility})}}),/*#__PURE__*/React.createElement("span",{className:"layertree3d-item-title",title:(_entry$title=entry.title)!==null&&_entry$title!==void 0?_entry$title:entryId},(_entry$title2=entry.title)!==null&&_entry$title2!==void 0?_entry$title2:entryId),Object.keys(entry.styles||{}).length>1?/*#__PURE__*/React.createElement(Icon,{className:styleMenuClasses,icon:"paint",onClick:function onClick(){return _this.layerStyleMenuToggled(entryId)}}):null,entry.drawGroup||entry.imported?/*#__PURE__*/React.createElement(Icon,{className:"layertree3d-item-remove",icon:"trash",onClick:function onClick(){return _this.props.sceneContext.removeSceneObject(entryId)}}):null,/*#__PURE__*/React.createElement(Icon,{className:optMenuClasses,icon:"cog",onClick:function onClick(){return _this.layerMenuToggled(entryId)}})),_this.state.activemenu===entryId?/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-optionsmenu"},/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-optionsmenu-row"},isObject?/*#__PURE__*/React.createElement(Icon,{icon:"zoom",onClick:function onClick(){return _this.props.sceneContext.zoomToObject(entryId)},title:LocaleUtils.tr("layertree3d.zoomtoobject")}):null,entry.imported?/*#__PURE__*/React.createElement(Icon,{icon:"draw",onClick:function onClick(){return _this.editObject(entryId)}}):null,/*#__PURE__*/React.createElement(Icon,{icon:"transparency"}),/*#__PURE__*/React.createElement("input",{className:"layertree3d-item-transparency-slider",max:"255",min:"0",onChange:function onChange(ev){return updateCallback(entryId,{opacity:parseInt(ev.target.value,10)})},step:"1",type:"range",value:entry.opacity})),entry.extrusionHeight!==undefined?/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-optionsmenu-row"},/*#__PURE__*/React.createElement("span",null,"Extrude:"),/*#__PURE__*/React.createElement(React.Fragment,null,"\xA0"),/*#__PURE__*/React.createElement("select",{onChange:function onChange(ev){return updateCallback(entryId,{extrusionHeight:ev.target.value==="__value"?0:ev.target.value})},value:typeof entry.extrusionHeight==="string"?entry.extrusionHeight:"__value"},/*#__PURE__*/React.createElement("option",{value:"__value"},LocaleUtils.tr("layertree3d.customheight")),(entry.fields||[]).map(function(field){return/*#__PURE__*/React.createElement("option",{key:field,value:field},field)})),typeof entry.extrusionHeight!=="string"?/*#__PURE__*/React.createElement(NumberInput,{max:500,min:0,onChange:function onChange(h){return updateCallback(entryId,{extrusionHeight:h})},value:entry.extrusionHeight}):null):null):null,_this.state.activestylemenu===entryId?/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-stylemenu"},Object.keys(entry.styles).map(function(name){return/*#__PURE__*/React.createElement("div",{key:name,onClick:function onClick(){return updateCallback(entryId,{style:name})}},/*#__PURE__*/React.createElement(Icon,{icon:entry.style===name?"radio_checked":"radio_unchecked"}),/*#__PURE__*/React.createElement("div",null,name))})):null,!isEmpty(entry.sublayers)?/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-sublayers"},entry.sublayers.map(function(sublayer,idx){return _this.renderSublayer(sublayer,entryId,updateCallback,[idx],entry.visibility)})):null)});_defineProperty(_this,"renderSublayer",function(sublayer,entryId,updateCallback,path,parentVisible){var key=entryId+":"+path.join(":");var classes=classNames({"layertree3d-item":true,"layertree3d-item-disabled":!parentVisible||!sublayer.visibility});var optMenuClasses=classNames({"layertree3d-item-menubutton":true,"layertree3d-item-menubutton-active":_this.state.activemenu===key});return/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-container",key:key},/*#__PURE__*/React.createElement("div",{className:classes},/*#__PURE__*/React.createElement(Icon,{className:"layertree3d-item-checkbox",icon:sublayer.visibility?"checked":"unchecked",onClick:function onClick(){return updateCallback(entryId,{visibility:!sublayer.visibility},path)},sublayer:"layertree3d-item-checkbox"}),/*#__PURE__*/React.createElement("span",{className:"layertree3d-item-title",title:sublayer.title},sublayer.title),/*#__PURE__*/React.createElement(Icon,{className:optMenuClasses,icon:"cog",onClick:function onClick(){return _this.layerMenuToggled(key)}})),_this.state.activemenu===key?/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-optionsmenu"},/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-optionsmenu-row"},/*#__PURE__*/React.createElement(Icon,{icon:"transparency"}),/*#__PURE__*/React.createElement("input",{className:"layertree3d-item-transparency-slider",max:"255",min:"0",onChange:function onChange(ev){return updateCallback(entryId,{opacity:parseInt(ev.target.value,10)},path)},step:"1",type:"range",value:sublayer.opacity}))):null,!isEmpty(sublayer.sublayers)?/*#__PURE__*/React.createElement("div",{className:"layertree3d-item-sublayers"},sublayer.sublayers.map(function(child,idx){return _this.renderSublayer(child,entryId,updateCallback,[].concat(_toConsumableArray(path),[idx]),parentVisible&&sublayer.visibility)})):null)});_defineProperty(_this,"layerStyleMenuToggled",function(entryId){_this.setState(function(state){return{activestylemenu:state.activestylemenu===entryId?null:entryId}})});_defineProperty(_this,"layerMenuToggled",function(entryId){_this.setState(function(state){return{activemenu:state.activemenu===entryId?null:entryId}})});_defineProperty(_this,"editObject",function(objectId){_this.props.setCurrentTask("EditDataset3D",null,null,{objectId:objectId})});return _this}_inherits(LayerTree3D,_React$Component);return _createClass(LayerTree3D,[{key:"render",value:function render(){var _this2=this;return/*#__PURE__*/React.createElement(SideBar,{icon:"layers",id:"LayerTree3D",title:LocaleUtils.tr("appmenu.items.LayerTree3D"),width:"20em"},function(){return{body:_this2.renderBody()}})}}])}(React.Component);_defineProperty(LayerTree3D,"propTypes",{/** Base URL of imported tile sets. */importedTilesBaseUrl:PropTypes.string,sceneContext:PropTypes.object,setCurrentTask:PropTypes.func});_defineProperty(LayerTree3D,"defaultProps",{importedTilesBaseUrl:":/"});export default connect(function(state){return{}},{setCurrentTask:setCurrentTask})(LayerTree3D);
+ */
+var LayerTree3D = /*#__PURE__*/function (_React$Component) {
+  function LayerTree3D() {
+    var _this;
+    _classCallCheck(this, LayerTree3D);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, LayerTree3D, [].concat(args));
+    _defineProperty(_this, "state", {
+      activestylemenu: null,
+      activemenu: null,
+      importvisible: false
+    });
+    _defineProperty(_this, "renderBody", function () {
+      var sceneContext = _this.props.sceneContext;
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-layers"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-section"
+      }, LocaleUtils.tr("layertree3d.objects")), Object.entries(sceneContext.sceneObjects).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          objectId = _ref2[0],
+          entry = _ref2[1];
+        return _this.renderLayerEntry(objectId, entry, sceneContext.updateSceneObject, true);
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-section"
+      }, LocaleUtils.tr("layertree3d.layers")), Object.entries(sceneContext.colorLayers).map(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2),
+          layerId = _ref4[0],
+          entry = _ref4[1];
+        return _this.renderLayerEntry(layerId, entry, sceneContext.updateColorLayer, false);
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-option",
+        onClick: function onClick() {
+          return _this.setState(function (state) {
+            return {
+              importvisible: !state.importvisible
+            };
+          });
+        }
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: _this.state.importvisible ? 'collapse' : 'expand'
+      }), " ", LocaleUtils.tr("layertree3d.importobjects"))), _this.state.importvisible ? /*#__PURE__*/React.createElement(ImportObjects3D, {
+        importedTilesBaseUrl: _this.props.importedTilesBaseUrl,
+        sceneContext: _this.props.sceneContext
+      }) : null);
+    });
+    _defineProperty(_this, "renderLayerEntry", function (entryId, entry, updateCallback, isObject) {
+      var _entry$title, _entry$title2;
+      if (entry.layertree === false) {
+        return null;
+      }
+      var classes = classNames({
+        "layertree3d-item": true,
+        "layertree3d-item-disabled": !entry.visibility
+      });
+      var styleMenuClasses = classNames({
+        "layertree3d-item-menubutton": true,
+        "layertree3d-item-menubutton-active": _this.state.activestylemenu === entryId
+      });
+      var optMenuClasses = classNames({
+        "layertree3d-item-menubutton": true,
+        "layertree3d-item-menubutton-active": _this.state.activemenu === entryId
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-container",
+        key: entryId
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "layertree3d-item-checkbox",
+        icon: entry.visibility ? "checked" : "unchecked",
+        onClick: function onClick() {
+          return updateCallback(entryId, {
+            visibility: !entry.visibility
+          });
+        }
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "layertree3d-item-title",
+        title: (_entry$title = entry.title) !== null && _entry$title !== void 0 ? _entry$title : entryId
+      }, (_entry$title2 = entry.title) !== null && _entry$title2 !== void 0 ? _entry$title2 : entryId), Object.keys(entry.styles || {}).length > 1 ? /*#__PURE__*/React.createElement(Icon, {
+        className: styleMenuClasses,
+        icon: "paint",
+        onClick: function onClick() {
+          return _this.layerStyleMenuToggled(entryId);
+        }
+      }) : null, entry.drawGroup || entry.imported ? /*#__PURE__*/React.createElement(Icon, {
+        className: "layertree3d-item-remove",
+        icon: "trash",
+        onClick: function onClick() {
+          return _this.props.sceneContext.removeSceneObject(entryId);
+        }
+      }) : null, /*#__PURE__*/React.createElement(Icon, {
+        className: optMenuClasses,
+        icon: "cog",
+        onClick: function onClick() {
+          return _this.layerMenuToggled(entryId);
+        }
+      })), _this.state.activemenu === entryId ? /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-optionsmenu"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-optionsmenu-row"
+      }, isObject ? /*#__PURE__*/React.createElement(Icon, {
+        icon: "zoom",
+        onClick: function onClick() {
+          return _this.props.sceneContext.zoomToObject(entryId);
+        },
+        title: LocaleUtils.tr("layertree3d.zoomtoobject")
+      }) : null, entry.imported ? /*#__PURE__*/React.createElement(Icon, {
+        icon: "draw",
+        onClick: function onClick() {
+          return _this.editObject(entryId);
+        }
+      }) : null, /*#__PURE__*/React.createElement(Icon, {
+        icon: "transparency"
+      }), /*#__PURE__*/React.createElement("input", {
+        className: "layertree3d-item-transparency-slider",
+        max: "255",
+        min: "0",
+        onChange: function onChange(ev) {
+          return updateCallback(entryId, {
+            opacity: parseInt(ev.target.value, 10)
+          });
+        },
+        step: "1",
+        type: "range",
+        value: entry.opacity
+      })), entry.extrusionHeight !== undefined ? /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-optionsmenu-row"
+      }, /*#__PURE__*/React.createElement("span", null, "Extrude:"), /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0"), /*#__PURE__*/React.createElement("select", {
+        onChange: function onChange(ev) {
+          return updateCallback(entryId, {
+            extrusionHeight: ev.target.value === "__value" ? 0 : ev.target.value
+          });
+        },
+        value: typeof entry.extrusionHeight === "string" ? entry.extrusionHeight : "__value"
+      }, /*#__PURE__*/React.createElement("option", {
+        value: "__value"
+      }, LocaleUtils.tr("layertree3d.customheight")), (entry.fields || []).map(function (field) {
+        return /*#__PURE__*/React.createElement("option", {
+          key: field,
+          value: field
+        }, field);
+      })), typeof entry.extrusionHeight !== "string" ? /*#__PURE__*/React.createElement(NumberInput, {
+        max: 500,
+        min: 0,
+        onChange: function onChange(h) {
+          return updateCallback(entryId, {
+            extrusionHeight: h
+          });
+        },
+        value: entry.extrusionHeight
+      }) : null) : null) : null, _this.state.activestylemenu === entryId ? /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-stylemenu"
+      }, Object.keys(entry.styles).map(function (name) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: name,
+          onClick: function onClick() {
+            return updateCallback(entryId, {
+              style: name
+            });
+          }
+        }, /*#__PURE__*/React.createElement(Icon, {
+          icon: entry.style === name ? "radio_checked" : "radio_unchecked"
+        }), /*#__PURE__*/React.createElement("div", null, name));
+      })) : null, !isEmpty(entry.sublayers) ? /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-sublayers"
+      }, entry.sublayers.map(function (sublayer, idx) {
+        return _this.renderSublayer(sublayer, entryId, updateCallback, [idx], entry.visibility);
+      })) : null);
+    });
+    _defineProperty(_this, "renderSublayer", function (sublayer, entryId, updateCallback, path, parentVisible) {
+      var key = entryId + ":" + path.join(":");
+      var classes = classNames({
+        "layertree3d-item": true,
+        "layertree3d-item-disabled": !parentVisible || !sublayer.visibility
+      });
+      var optMenuClasses = classNames({
+        "layertree3d-item-menubutton": true,
+        "layertree3d-item-menubutton-active": _this.state.activemenu === key
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-container",
+        key: key
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "layertree3d-item-checkbox",
+        icon: sublayer.visibility ? "checked" : "unchecked",
+        onClick: function onClick() {
+          return updateCallback(entryId, {
+            visibility: !sublayer.visibility
+          }, path);
+        },
+        sublayer: "layertree3d-item-checkbox"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "layertree3d-item-title",
+        title: sublayer.title
+      }, sublayer.title), /*#__PURE__*/React.createElement(Icon, {
+        className: optMenuClasses,
+        icon: "cog",
+        onClick: function onClick() {
+          return _this.layerMenuToggled(key);
+        }
+      })), _this.state.activemenu === key ? /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-optionsmenu"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-optionsmenu-row"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "transparency"
+      }), /*#__PURE__*/React.createElement("input", {
+        className: "layertree3d-item-transparency-slider",
+        max: "255",
+        min: "0",
+        onChange: function onChange(ev) {
+          return updateCallback(entryId, {
+            opacity: parseInt(ev.target.value, 10)
+          }, path);
+        },
+        step: "1",
+        type: "range",
+        value: sublayer.opacity
+      }))) : null, !isEmpty(sublayer.sublayers) ? /*#__PURE__*/React.createElement("div", {
+        className: "layertree3d-item-sublayers"
+      }, sublayer.sublayers.map(function (child, idx) {
+        return _this.renderSublayer(child, entryId, updateCallback, [].concat(_toConsumableArray(path), [idx]), parentVisible && sublayer.visibility);
+      })) : null);
+    });
+    _defineProperty(_this, "layerStyleMenuToggled", function (entryId) {
+      _this.setState(function (state) {
+        return {
+          activestylemenu: state.activestylemenu === entryId ? null : entryId
+        };
+      });
+    });
+    _defineProperty(_this, "layerMenuToggled", function (entryId) {
+      _this.setState(function (state) {
+        return {
+          activemenu: state.activemenu === entryId ? null : entryId
+        };
+      });
+    });
+    _defineProperty(_this, "editObject", function (objectId) {
+      _this.props.setCurrentTask("EditDataset3D", null, null, {
+        objectId: objectId
+      });
+    });
+    return _this;
+  }
+  _inherits(LayerTree3D, _React$Component);
+  return _createClass(LayerTree3D, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(SideBar, {
+        icon: "layers",
+        id: "LayerTree3D",
+        title: LocaleUtils.tr("appmenu.items.LayerTree3D"),
+        width: "20em"
+      }, function () {
+        return {
+          body: _this2.renderBody()
+        };
+      });
+    }
+  }]);
+}(React.Component);
+_defineProperty(LayerTree3D, "propTypes", {
+  /** Base URL of imported tile sets. */
+  importedTilesBaseUrl: PropTypes.string,
+  sceneContext: PropTypes.object,
+  setCurrentTask: PropTypes.func
+});
+_defineProperty(LayerTree3D, "defaultProps", {
+  importedTilesBaseUrl: ':/'
+});
+export default connect(function (state) {
+  return {};
+}, {
+  setCurrentTask: setCurrentTask
+})(LayerTree3D);

package/plugins/map3d/MapCopyright3D.js

@@ -1,11 +1,134 @@
-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 _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 _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 _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 _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 _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 _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}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 _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 _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 _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 _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 _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 _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 _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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 _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); }
+/**
  * Copyright 2016-2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import ReactDOM from"react-dom";import DOMPurify from"dompurify";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import{MapContainerPortalContext}from"../../components/PluginsContainer";import LocaleUtils from"../../utils/LocaleUtils";import"../style/MapCopyright.css";/**
+ */
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import DOMPurify from 'dompurify';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import { MapContainerPortalContext } from '../../components/PluginsContainer';
+import LocaleUtils from '../../utils/LocaleUtils';
+import '../style/MapCopyright.css';
+
+/**
  * Displays layer attributions in the bottom right corner of the 3D map.
- */var MapCopyright3D=/*#__PURE__*/function(_React$Component){function MapCopyright3D(){var _this;_classCallCheck(this,MapCopyright3D);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,MapCopyright3D,[].concat(args));_defineProperty(_this,"state",{currentCopyrights:{}});_defineProperty(_this,"layerNames",function(layers){if(!_this.props.prefixCopyrightsWithLayerNames){return""}else{return layers.map(function(layer){return layer.titleMsgId?LocaleUtils.tr(layer.titleMsgId):layer.title}).join(", ")+": "}});return _this}_inherits(MapCopyright3D,_React$Component);return _createClass(MapCopyright3D,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(this.props.sceneContext.baseLayers!==prevProps.sceneContext.baseLayers||this.props.sceneContext.colorLayers!==prevProps.sceneContext.colorLayers){var layers=this.props.sceneContext.baseLayers.concat(this.props.sceneContext.colorLayers);var copyrights=layers.reduce(function(res,layer){if(layer.attribution&&layer.attribution.Title){var _res$key;var key=layer.attribution.OnlineResource||layer.attribution.Title;res[key]={title:layer.attribution.OnlineResource?layer.attribution.Title:null,layers:[].concat(_toConsumableArray(((_res$key=res[key])===null||_res$key===void 0?void 0:_res$key.layers)||[]),[layer])}}return res},{});this.setState({currentCopyrights:copyrights})}}},{key:"render",value:function render(){var _this2=this;// If attribution has both url and label, "key" is the url and "value.title" the label.
-// If it only has a label, "key" is the label and "value" is null.
-var copyrights=Object.entries(this.state.currentCopyrights).map(function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],value=_ref2[1];if(value.title){return/*#__PURE__*/React.createElement("span",{key:key},/*#__PURE__*/React.createElement("a",{href:key,rel:"noreferrer",target:"_blank"},_this2.layerNames(value.layers)+value.title))}else{return/*#__PURE__*/React.createElement("span",{key:key},_this2.layerNames(value.layers),/*#__PURE__*/React.createElement("span",{dangerouslySetInnerHTML:{__html:DOMPurify.sanitize(key)}}))}});if(isEmpty(copyrights)){return null}return/*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div",{className:"MapCopyright MapCopyright3D"},copyrights),this.context)}}])}(React.Component);_defineProperty(MapCopyright3D,"contextType",MapContainerPortalContext);_defineProperty(MapCopyright3D,"propTypes",{/** Whether to prepend the layer name to the attribution string. */prefixCopyrightsWithLayerNames:PropTypes.bool,sceneContext:PropTypes.object,/** Whether to only display the attribution of the theme, omitting external layers. */showThemeCopyrightOnly:PropTypes.bool});export{MapCopyright3D as default};
+ */
+var MapCopyright3D = /*#__PURE__*/function (_React$Component) {
+  function MapCopyright3D() {
+    var _this;
+    _classCallCheck(this, MapCopyright3D);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, MapCopyright3D, [].concat(args));
+    _defineProperty(_this, "state", {
+      currentCopyrights: {}
+    });
+    _defineProperty(_this, "layerNames", function (layers) {
+      if (!_this.props.prefixCopyrightsWithLayerNames) {
+        return "";
+      } else {
+        return layers.map(function (layer) {
+          return layer.titleMsgId ? LocaleUtils.tr(layer.titleMsgId) : layer.title;
+        }).join(", ") + ": ";
+      }
+    });
+    return _this;
+  }
+  _inherits(MapCopyright3D, _React$Component);
+  return _createClass(MapCopyright3D, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.sceneContext.baseLayers !== prevProps.sceneContext.baseLayers || this.props.sceneContext.colorLayers !== prevProps.sceneContext.colorLayers) {
+        var layers = this.props.sceneContext.baseLayers.concat(this.props.sceneContext.colorLayers);
+        var copyrights = layers.reduce(function (res, layer) {
+          if (layer.attribution && layer.attribution.Title) {
+            var _res$key;
+            var key = layer.attribution.OnlineResource || layer.attribution.Title;
+            res[key] = {
+              title: layer.attribution.OnlineResource ? layer.attribution.Title : null,
+              layers: [].concat(_toConsumableArray(((_res$key = res[key]) === null || _res$key === void 0 ? void 0 : _res$key.layers) || []), [layer])
+            };
+          }
+          return res;
+        }, {});
+        this.setState({
+          currentCopyrights: copyrights
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      // If attribution has both url and label, "key" is the url and "value.title" the label.
+      // If it only has a label, "key" is the label and "value" is null.
+      var copyrights = Object.entries(this.state.currentCopyrights).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+        if (value.title) {
+          return /*#__PURE__*/React.createElement("span", {
+            key: key
+          }, /*#__PURE__*/React.createElement("a", {
+            href: key,
+            rel: "noreferrer",
+            target: "_blank"
+          }, _this2.layerNames(value.layers) + value.title));
+        } else {
+          return /*#__PURE__*/React.createElement("span", {
+            key: key
+          }, _this2.layerNames(value.layers), /*#__PURE__*/React.createElement("span", {
+            dangerouslySetInnerHTML: {
+              __html: DOMPurify.sanitize(key)
+            }
+          }));
+        }
+      });
+      if (isEmpty(copyrights)) {
+        return null;
+      }
+      return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div", {
+        className: "MapCopyright MapCopyright3D"
+      }, copyrights), this.context);
+    }
+  }]);
+}(React.Component);
+_defineProperty(MapCopyright3D, "contextType", MapContainerPortalContext);
+_defineProperty(MapCopyright3D, "propTypes", {
+  /** Whether to prepend the layer name to the attribution string. */
+  prefixCopyrightsWithLayerNames: PropTypes.bool,
+  sceneContext: PropTypes.object,
+  /** Whether to only display the attribution of the theme, omitting external layers. */
+  showThemeCopyrightOnly: PropTypes.bool
+});
+export { MapCopyright3D as default };