qwc2 2025.10.9 → 2025.10.14

package/components/IdentifyViewer.js

@@ -1,11 +1,1166 @@
-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 _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]}},e:function e(r){throw r},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,u=!1;return{s:function s(){t=t.call(r)},n:function n(){var r=t.next();return a=r.done,r},e:function e(r){u=!0,o=r},f:function f(){try{a||null==t["return"]||t["return"]()}finally{if(u)throw 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 _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 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 _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 _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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw 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 _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 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 _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; }
+/**
  * 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{connect}from"react-redux";import axios from"axios";import clone from"clone";import DOMPurify from"dompurify";import FileSaver from"file-saver";import htmlReactParser,{domToReact}from"html-react-parser";import JSZip from"jszip";import isEmpty from"lodash.isempty";import omit from"lodash.omit";import PropTypes from"prop-types";import{setActiveLayerInfo}from"../actions/layerinfo";import{LayerRole,addLayerFeatures,removeLayer,changeLayerProperty}from"../actions/layers";import{zoomToPoint}from"../actions/map";import{openExternalUrl}from"../actions/windows";import ConfigUtils from"../utils/ConfigUtils";import CoordinatesUtils from"../utils/CoordinatesUtils";import LayerUtils from"../utils/LayerUtils";import LocaleUtils from"../utils/LocaleUtils";import MapUtils from"../utils/MapUtils";import MiscUtils from"../utils/MiscUtils";import VectorLayerUtils from"../utils/VectorLayerUtils";import Icon from"./Icon";import Spinner from"./widgets/Spinner";import"./style/IdentifyViewer.css";var EXCLUDE_PROPS=["featurereport","displayfield","layername","layertitle","layerinfo","attribnames","clickPos","displayname","bbox"];var EXCLUDE_ATTRS=["htmlContent","htmlContentInline"];var BuiltinExporters=[{id:"json",title:"json",allowClipboard:true,"export":function _export(json,callback){var data=JSON.stringify(json,null," ");callback({data:data,type:"text/plain;charset=utf-8",filename:"results.json"})}},{id:"geojson",title:"geojson",allowClipboard:true,"export":function _export(json,callback){var featureCollection={type:"FeatureCollection",features:Object.values(json).flat().map(function(entry){var feature=omit(entry,EXCLUDE_PROPS);feature.properties=omit(feature.properties,EXCLUDE_ATTRS);if(feature.geometry){feature.crs={type:"name",properties:{name:CoordinatesUtils.toOgcUrnCrs(entry.crs)}}}return feature})};var data=JSON.stringify(featureCollection,null," ");callback({data:data,type:"application/geo+json;charset=utf-8",filename:"results.json"})}},{id:"csv",title:"CSV",allowClipboard:true,"export":function _export(json,callback){var dataset=[];Object.entries(json).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2),layerName=_ref2[0],features=_ref2[1];features.forEach(function(feature){dataset.push([feature.layertitle+": "+feature.displayname]);Object.entries(feature.properties||{}).forEach(function(_ref3){var _ref4=_slicedToArray(_ref3,2),attrib=_ref4[0],value=_ref4[1];if(!EXCLUDE_ATTRS.includes(attrib)){dataset.push(["",attrib,String(value)])}});if(feature.geometry){dataset.push(["","geometry",VectorLayerUtils.geoJSONGeomToWkt(feature.geometry)])}})});var csv=dataset.map(function(row){return row.map(function(field){return field?"\"".concat(field.replace("\"","\"\""),"\""):""}).join("\t")}).join("\n");callback({data:csv,type:"text/plain;charset=utf-8",filename:"results.csv"})}},{id:"csvzip",title:"CSV+ZIP",allowClipboard:false,"export":function _export(json,callback){var data=[];var filenames=[];Object.entries(json).forEach(function(_ref5){var _features$0$propertie,_features$;var _ref6=_slicedToArray(_ref5,2),layerName=_ref6[0],features=_ref6[1];var exportAttrs=Object.keys((_features$0$propertie=(_features$=features[0])===null||_features$===void 0?void 0:_features$.properties)!==null&&_features$0$propertie!==void 0?_features$0$propertie:{}).filter(function(attr){return!EXCLUDE_ATTRS.includes(attr)});var dataset=[_toConsumableArray(exportAttrs)];if(features[0].geometry){dataset[0].push("geometry")}features.forEach(function(feature){var row=exportAttrs.map(function(attr){return String(feature.properties[attr])});if(feature.geometry){row.push(VectorLayerUtils.geoJSONGeomToWkt(feature.geometry))}dataset.push(row)});var csv=dataset.map(function(row){return row.map(function(field){return"\"".concat(field.replace("\"","\"\""),"\"")}).join(";")}).join("\n");data.push(csv);filenames.push(features[0].layername)});if(data.length>1){var zip=new JSZip;for(var i=0;i<data.length;i++){var blob=new Blob([data[i]],{type:"text/csv;charset=utf-8"});zip.file(filenames[i]+".csv",blob)}zip.generateAsync({type:"arraybuffer"}).then(function(result){callback({data:result,type:"application/zip",filename:"results.zip"})})}else{callback({data:data[0],type:"text/csv;charset=utf-8",filename:filenames[0]+".csv"})}}},{id:"shapefile",title:"Shapefile",allowClipboard:false,"export":function _export(json,callback){import("@mapbox/shp-write").then(function(shpwriteMod){var shpwrite=shpwriteMod["default"];var layers=Object.entries(json);var options={outputType:"arraybuffer",types:{point:"points",polygon:"polygons",polyline:"lines"}};var promises=layers.map(function(_ref7){var _features$2;var _ref8=_slicedToArray(_ref7,2),layerName=_ref8[0],features=_ref8[1];var geojson={type:"FeatureCollection",features:features.map(function(entry){return omit(entry,EXCLUDE_PROPS)})};var layerOptions=_objectSpread(_objectSpread({},options),{},{folder:layerName});var crs=(_features$2=features[0])===null||_features$2===void 0?void 0:_features$2.crs;if(crs){var wkt=CoordinatesUtils.getEsriWktFromCrs(crs);if(wkt){layerOptions.prj=wkt}}return shpwrite.zip(geojson,layerOptions).then(function(shpData){return{layerName:layerName,shpData:shpData}})});Promise.all(promises).then(function(results){if(results.length===1){callback({data:results[0].shpData,type:"application/zip",filename:results[0].layerName+".zip"})}else{var zip=new JSZip;results.forEach(function(_ref9){var layerName=_ref9.layerName,shpData=_ref9.shpData;zip.file(layerName+".zip",shpData)});zip.generateAsync({type:"arraybuffer"}).then(function(result){callback({data:result,type:"application/zip",filename:"shapefiles.zip"})})}})})}},{id:"xlsx",title:"XLSX",allowClipboard:false,"export":function _export(json,callback){import("xlsx").then(function(xlsx){var document=xlsx.utils.book_new();Object.entries(json).forEach(function(_ref10){var _features$0$propertie2,_features$3;var _ref11=_slicedToArray(_ref10,2),layerName=_ref11[0],features=_ref11[1];var exportAttrs=Object.keys((_features$0$propertie2=(_features$3=features[0])===null||_features$3===void 0?void 0:_features$3.properties)!==null&&_features$0$propertie2!==void 0?_features$0$propertie2:{}).filter(function(attr){return!EXCLUDE_ATTRS.includes(attr)});var dataset=[_toConsumableArray(exportAttrs)];if(features[0].geometry){dataset[0].push("geometry")}features.forEach(function(feature){var row=exportAttrs.map(function(attr){return feature.properties[attr]});if(feature.geometry){var geomWkt=VectorLayerUtils.geoJSONGeomToWkt(feature.geometry);if(geomWkt.length<32768){row.push(geomWkt)}else{row.push("Geometry too large")}}dataset.push(row)});var worksheet=xlsx.utils.aoa_to_sheet(dataset);var sheetName=features[0].layertitle.slice(0,30).replace(/[\\/?*[]]?/g,"_");xlsx.utils.book_append_sheet(document,worksheet,sheetName)});var data=xlsx.write(document,{type:"buffer"});callback({data:data,type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",filename:"results.xlsx"})})}}];var IdentifyViewer=/*#__PURE__*/function(_React$Component){function IdentifyViewer(props){var _this;_classCallCheck(this,IdentifyViewer);_this=_callSuper(this,IdentifyViewer,[props]);_defineProperty(_this,"state",{expanded:{},expandedResults:{},resultTree:{},reports:{},currentResult:null,currentLayer:null,exportFormat:"geojson",selectedAggregatedReport:"",generatingReport:false,selectedLayer:""});_defineProperty(_this,"updateResultTree",function(){var layers=Object.keys(_this.props.identifyResults);var currentResult=null;var currentLayer=null;if(layers.length===1&&_this.props.identifyResults[layers[0]].length===1){currentLayer=layers[0];currentResult=_this.props.identifyResults[layers[0]][0]}_this.setState({resultTree:clone(_this.props.identifyResults),currentResult:currentResult,currentLayer:currentLayer,reports:LayerUtils.collectFeatureReports(_this.props.layers)})});_defineProperty(_this,"setHighlightedResults",function(results,resultTree){if(!results&&_this.props.highlightAllResults){var selectedLayer=_this.state.selectedLayer||"";results=Object.keys(resultTree).reduce(function(res,layer){var layerData=resultTree[selectedLayer||layer];return res.concat(layerData.map(function(result){return _objectSpread(_objectSpread({},result),{},{id:"".concat(selectedLayer||layer,".").concat(result.id)})}))},[])}results=(results||[]).filter(function(result){return result.type.toLowerCase()==="feature"}).map(function(feature){var newFeature=_objectSpread(_objectSpread({},feature),{},{properties:{}});// Ensure selection style is used
-delete newFeature.styleName;delete newFeature.styleOptions;return newFeature});if(!isEmpty(results)){var layer={id:"__identifyviewerhighlight",role:LayerRole.SELECTION};_this.props.addLayerFeatures(layer,results,true)}else{_this.props.removeLayer("__identifyviewerhighlight")}});_defineProperty(_this,"getExpandedClass",function(path,deflt){var expanded=_this.state.expanded[path]!==undefined?_this.state.expanded[path]:deflt;return expanded?"identify-layer-expandable identify-layer-expanded":"identify-layer-expandable"});_defineProperty(_this,"toggleExpanded",function(path,deflt){var newstate=_this.state.expanded[path]!==undefined?!_this.state.expanded[path]:!deflt;var diff={};diff[path]=newstate;if(_this.state.currentLayer===path&&!newstate){_this.setState(function(state){return _objectSpread(_objectSpread({},state),{},{expanded:_objectSpread(_objectSpread({},state.expanded),diff),currentResult:null,currentLayer:null})})}else{_this.setState(function(state){return _objectSpread(_objectSpread({},state),{},{expanded:_objectSpread(_objectSpread({},state.expanded),diff)})})}});_defineProperty(_this,"setCurrentResult",function(layer,result){if(_this.state.currentResult===result){_this.setState({currentResult:null,currentLayer:null})}else{_this.setState({currentResult:result,currentLayer:layer});_this.scrollIntoView=true}});_defineProperty(_this,"removeResultLayer",function(layer){_this.setState(function(state){var newResultTree=_objectSpread({},state.resultTree);delete newResultTree[layer];_this.setState({resultTree:newResultTree,currentResult:state.currentLayer===layer?null:state.currentResult,currentLayer:state.currentLayer===layer?null:state.currentLayer})})});_defineProperty(_this,"removeResult",function(layer,result){_this.setState(function(state){var newResultTree=_objectSpread({},state.resultTree);newResultTree[layer]=state.resultTree[layer].filter(function(item){return item!==result});if(isEmpty(newResultTree[layer])){delete newResultTree[layer]}var selectedLayer=isEmpty(newResultTree[layer])?"":state.selectedLayer;return{resultTree:newResultTree,currentResult:state.currentResult===result?null:state.currentResult,selectedLayer:selectedLayer}})});_defineProperty(_this,"exportResults",function(){var clipboard=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;var filteredResults={};Object.keys(_this.state.selectedLayer!==""?_defineProperty({},_this.state.selectedLayer,_this.state.resultTree[_this.state.selectedLayer]):_this.state.resultTree).map(function(key){if(!isEmpty(_this.state.resultTree[key])){filteredResults[key]=_this.state.resultTree[key]}});_this["export"](filteredResults,clipboard)});_defineProperty(_this,"exportResultLayer",function(layer){_this["export"](_defineProperty({},layer,_this.state.resultTree[layer]))});_defineProperty(_this,"exportResult",function(layer,result){_this["export"](_defineProperty({},layer,[result]))});_defineProperty(_this,"export",function(json){var clipboard=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var exporter=_this.getExporters().find(function(entry){return entry.id===_this.state.exportFormat});if(exporter){if(!_this.props.exportGeometry){json=Object.entries(json).reduce(function(res,_ref13){var _ref14=_slicedToArray(_ref13,2),layerId=_ref14[0],features=_ref14[1];return _objectSpread(_objectSpread({},res),{},_defineProperty({},layerId,features.map(function(feature){return omit(feature,["geometry"])})))},{})}exporter["export"](json,function(result){if(clipboard&&exporter.allowClipboard){navigator.clipboard.writeText(result.data)}else{FileSaver.saveAs(new Blob([result.data],{type:result.type}),result.filename)}})}});_defineProperty(_this,"renderLayer",function(layer){var results=_this.state.resultTree[layer];if(results.length===0){return null}return/*#__PURE__*/React.createElement("div",{className:_this.getExpandedClass(layer,true),key:layer},/*#__PURE__*/React.createElement("div",{className:"identify-result-entry",onMouseEnter:function onMouseEnter(){return _this.setHighlightedResults(results,_this.state.resultTree)},onMouseLeave:function onMouseLeave(){return _this.setHighlightedResults(_this.state.currentResult===null?null:[_this.state.currentResult],_this.state.resultTree)}},/*#__PURE__*/React.createElement("span",{className:"clickable",onClick:function onClick(){return _this.toggleExpanded(layer,true)}},/*#__PURE__*/React.createElement("b",null,results[0].layertitle)),/*#__PURE__*/React.createElement(Icon,{className:"identify-remove-result",icon:"minus-sign",onClick:function onClick(){return _this.removeResultLayer(layer)}}),_this.props.enableExport===true||!isEmpty(_this.props.enableExport)?/*#__PURE__*/React.createElement(Icon,{className:"identify-export-result",icon:"export",onClick:function onClick(){return _this.exportResultLayer(layer)}}):null),/*#__PURE__*/React.createElement("div",{className:"identify-layer-entries"},results.map(function(result){return _this.renderResult(layer,result)})))});_defineProperty(_this,"renderResult",function(layer,result){var ref=_this.state.currentResult===result&&_this.scrollIntoView?function(el){_this.currentResultElRef=el}:null;return/*#__PURE__*/React.createElement("div",{className:"identify-result-entry",key:result.id,onMouseEnter:function onMouseEnter(){return _this.setHighlightedResults([result],_this.state.resultTree)},onMouseLeave:function onMouseLeave(){return _this.setHighlightedResults(_this.state.currentResult===null?null:[_this.state.currentResult],_this.state.resultTree)}},/*#__PURE__*/React.createElement("span",{className:_this.state.currentResult===result?"active clickable":"clickable",onClick:function onClick(){return _this.setCurrentResult(layer,result)},ref:ref},result.displayname),/*#__PURE__*/React.createElement(Icon,{className:"identify-remove-result",icon:"minus-sign",onClick:function onClick(){return _this.removeResult(layer,result)}}),_this.props.enableExport===true||!isEmpty(_this.props.enableExport)?/*#__PURE__*/React.createElement(Icon,{className:"identify-export-result",icon:"export",onClick:function onClick(){return _this.exportResult(layer,result)}}):null)});_defineProperty(_this,"renderResultAttributes",function(layer,result,resultClass){if(!result){return null}var resultbox=null;var extraattribs=null;var inlineExtaAttribs=false;var featureReports=_this.state.reports[layer]||[];if(result.featureReport){featureReports.push({title:result.layertitle,template:result.featureReport})}if(result.type==="text"){resultbox=/*#__PURE__*/React.createElement("pre",{className:"identify-result-box"},result.text)}else if(result.type==="html"){resultbox=/*#__PURE__*/React.createElement("iframe",{className:"identify-result-box",onLoad:function onLoad(ev){return _this.setIframeContent(ev.target,result.text)},ref:function ref(el){return _this.pollIframe(el,result.text)}})}else if(result.properties.htmlContent){if(result.properties.htmlContentInline){resultbox=/*#__PURE__*/React.createElement("div",{className:"identify-result-box"},_this.parsedContent(result.properties.htmlContent))}else{resultbox=/*#__PURE__*/React.createElement("iframe",{className:"identify-result-box",onLoad:function onLoad(ev){return _this.setIframeContent(ev.target,result.properties.htmlContent)},ref:function ref(el){return _this.pollIframe(el,result.properties.htmlContent)}})}}else{var _rows;inlineExtaAttribs=true;var properties=Object.keys(result.properties)||[];var rows=[];if(properties.length===1&&result.properties.maptip){rows=properties.map(function(attrib){return/*#__PURE__*/React.createElement("tr",{key:attrib},/*#__PURE__*/React.createElement("td",{className:"identify-attr-value"},_this.attribValue(result.properties[attrib],attrib,layer,result)))})}else{rows=properties.map(function(attrib){if(_this.props.theme.skipEmptyFeatureAttributes&&(result.properties[attrib]===""||result.properties[attrib]===null||result.properties[attrib]==="NULL")){return null}return/*#__PURE__*/React.createElement("tr",{key:attrib},/*#__PURE__*/React.createElement("td",{className:"identify-attr-title "+_this.props.longAttributesDisplay},/*#__PURE__*/React.createElement("i",null,attrib)),/*#__PURE__*/React.createElement("td",{className:"identify-attr-value "+_this.props.longAttributesDisplay},_this.attribValue(result.properties[attrib],attrib,layer,result)))})}(_rows=rows).push.apply(_rows,_toConsumableArray(_this.computeExtraAttributes(layer,result)));featureReports.forEach(function(report,idx){rows.push(/*#__PURE__*/React.createElement("tr",{key:"__featurereport"+idx},/*#__PURE__*/React.createElement("td",{className:"identify-attr-title "+_this.props.longAttributesDisplay},/*#__PURE__*/React.createElement("i",null,LocaleUtils.tr("identify.featureReport")+": "+report.title)),/*#__PURE__*/React.createElement("td",{className:"identify-attr-value "+_this.props.longAttributesDisplay},/*#__PURE__*/React.createElement("a",{href:_this.getFeatureReportUrl(report,result)},LocaleUtils.tr("identify.link")))))});if(isEmpty(rows)){rows=/*#__PURE__*/React.createElement("tr",null,/*#__PURE__*/React.createElement("td",{className:"identify-attr-value"},/*#__PURE__*/React.createElement("i",null,LocaleUtils.tr("identify.noattributes"))))}resultbox=/*#__PURE__*/React.createElement("div",{className:"identify-result-box"},/*#__PURE__*/React.createElement("table",{className:"attribute-list"},/*#__PURE__*/React.createElement("tbody",null,rows)))}if(!inlineExtaAttribs&&(_this.props.attributeCalculator||!isEmpty(_this.state.reports[layer]))){extraattribs=/*#__PURE__*/React.createElement("div",{className:"identify-result-box"},/*#__PURE__*/React.createElement("table",{className:"attribute-list"},/*#__PURE__*/React.createElement("tbody",null,_this.computeExtraAttributes(layer,result),featureReports.map(function(report,idx){return/*#__PURE__*/React.createElement("tr",{key:"report"+idx},/*#__PURE__*/React.createElement("td",{className:"identify-attr-title "+_this.props.longAttributesDisplay},/*#__PURE__*/React.createElement("i",null,LocaleUtils.tr("identify.featureReport")+": "+report.title)),/*#__PURE__*/React.createElement("td",{className:"identify-attr-value "+_this.props.longAttributesDisplay},/*#__PURE__*/React.createElement("a",{href:_this.getFeatureReportUrl(report,result),rel:"noreferrer",target:"_blank"},LocaleUtils.tr("identify.link"))))}))))}var zoomToFeatureButton=null;if(result.bbox&&result.crs){zoomToFeatureButton=/*#__PURE__*/React.createElement(Icon,{icon:"zoom",onClick:function onClick(){return _this.zoomToResult(result)}})}var key=result+":"+result.id;var expanded=_this.state.expandedResults[key];return/*#__PURE__*/React.createElement("div",{className:resultClass,key:"results-attributes"},/*#__PURE__*/React.createElement("div",{className:"identify-result-title"},_this.props.collapsible?/*#__PURE__*/React.createElement(Icon,{icon:expanded?"triangle-down":"triangle-right",onClick:function onClick(){return _this.setState(function(state){return{expandedResults:_objectSpread(_objectSpread({},state.expandedResults),{},_defineProperty({},key,!expanded))}})}}):null,/*#__PURE__*/React.createElement("span",null,(_this.props.showLayerTitles?result.layertitle+": ":"")+result.displayname),zoomToFeatureButton,/*#__PURE__*/React.createElement(Icon,{icon:"info-sign",onClick:function onClick(){return _this.showLayerInfo(layer)}}),/*#__PURE__*/React.createElement(Icon,{icon:"trash",onClick:function onClick(){return _this.removeResult(layer,result)}})),_this.props.collapsible&&!expanded?null:/*#__PURE__*/React.createElement("div",{className:"identify-result-container"},resultbox,extraattribs))});_defineProperty(_this,"computeExtraAttributes",function(layer,result){var _window$qwc;var rows=[];Object.values(((_window$qwc=window.qwc2)===null||_window$qwc===void 0?void 0:_window$qwc.__attributeCalculators)||{}).forEach(function(calc,idx){var row=calc(layer,result);if(row.length===2){rows.push(/*#__PURE__*/React.createElement("tr",{key:"custom-attr-"+idx},/*#__PURE__*/React.createElement("td",{className:"identify-attr-title"},/*#__PURE__*/React.createElement("i",null,row[0])),/*#__PURE__*/React.createElement("td",{className:"identify-attr-value"},row[1])))}else if(row.length===1){rows.push(/*#__PURE__*/React.createElement("tr",{key:"custom-attr-"+idx},/*#__PURE__*/React.createElement("td",{colSpan:"2"},row[0])))}});if(_this.props.attributeCalculator){rows.push.apply(rows,_toConsumableArray(_this.props.attributeCalculator(layer,result)))}return rows});_defineProperty(_this,"getExporters",function(){var _window$qwc2;return[].concat(BuiltinExporters,_toConsumableArray(_this.props.customExporters),_toConsumableArray(Object.values(((_window$qwc2=window.qwc2)===null||_window$qwc2===void 0?void 0:_window$qwc2.__identifyExportes)||[])))});_defineProperty(_this,"setIframeContent",function(iframe,html){if(iframe.getAttribute("identify-content-set")){return}iframe.setAttribute("identify-content-set",true);iframe.contentWindow.document.open();iframe.contentWindow.document.write(html);iframe.contentWindow.document.close()});_defineProperty(_this,"pollIframe",function(iframe,html){if(iframe&&!iframe.getAttribute("identify-content-set")){var interval=setInterval(function(){if(iframe.getAttribute("identify-content-set")){return clearInterval(interval)}if(iframe.contentWindow&&iframe.contentWindow.document){iframe.setAttribute("identify-content-set",true);iframe.contentWindow.document.open();iframe.contentWindow.document.write(html);iframe.contentWindow.document.close();clearInterval(interval)}return true},500)}});_defineProperty(_this,"collectFeatureReportTemplates",function(entry){var reports={};if(entry.sublayers){var _iterator=_createForOfIteratorHelper(entry.sublayers),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var sublayer=_step.value;reports=_objectSpread(_objectSpread({},reports),_this.collectFeatureReportTemplates(sublayer))}}catch(err){_iterator.e(err)}finally{_iterator.f()}}else if(entry.featureReport){reports[entry.name]=entry.featureReport}return reports});_defineProperty(_this,"findFeatureReportTemplate",function(layer){var reports={};_this.props.layers.filter(function(l){return l.role===LayerRole.THEME}).forEach(function(themeLayer){reports=_objectSpread(_objectSpread({},reports),_this.collectFeatureReportTemplates(themeLayer))});return reports[layer]||null});_defineProperty(_this,"getFeatureReportUrl",function(report,result){var serviceUrl=ConfigUtils.getConfigProp("documentServiceUrl").replace(/\/$/,"");var params={feature:result.id,x:result.clickPos[0],y:result.clickPos[1],crs:_this.props.map.projection,single_report:report.single_report||false};var path="/"+report.template+"."+(report.format||"pdf");var query=Object.keys(params).map(function(key){return encodeURIComponent(key)+"="+encodeURIComponent(params[key])}).join("&");return serviceUrl+path+"?"+query});_defineProperty(_this,"downloadAggregatedReport",function(){var _this$state$selectedA=_this.state.selectedAggregatedReport.split("::"),_this$state$selectedA2=_slicedToArray(_this$state$selectedA,2),layername=_this$state$selectedA2[0],idx=_this$state$selectedA2[1];var report=_this.state.reports[layername][idx];var results=_this.state.resultTree[layername];var serviceUrl=ConfigUtils.getConfigProp("documentServiceUrl").replace(/\/$/,"");var params={feature:results.map(function(result){return result.id}).join(","),x:results[0].clickPos[0],y:results[0].clickPos[1],crs:_this.props.map.projection,single_report:report.single_report||false};_this.setState({generatingReport:true});var url=serviceUrl+"/"+report.template;axios.get(url,{params:params,responseType:"arraybuffer"}).then(function(response){var filename=(report.filename||report.title.replace(" ","_"))+"."+(report.format||"pdf");FileSaver.saveAs(new Blob([response.data],{type:"application/pdf"}),filename);_this.setState({generatingReport:false})})["catch"](function(){/* eslint-disable-next-line */alert(LocaleUtils.tr("identify.reportfail"));_this.setState({generatingReport:false})})});_defineProperty(_this,"showLayerInfo",function(layer){var _layer$split=layer.split("#"),_layer$split2=_slicedToArray(_layer$split,2),layerUrl=_layer$split2[0],layerName=_layer$split2[1];var match=LayerUtils.searchLayer(_this.props.layers,layerUrl,layerName);if(match){_this.props.setActiveLayerInfo(match.layer,match.sublayer)}});_defineProperty(_this,"attribValue",function(text,attrName,layer,result){if(_typeof(text)==="object"){text=JSON.stringify(text)}if(_this.props.replaceImageUrls&&/^https?:\/\/.*\.(jpg|jpeg|png|bmp)$/i.exec(text)){return/*#__PURE__*/React.createElement("a",{href:text,rel:"noreferrer",target:"_blank"},/*#__PURE__*/React.createElement("img",{src:text}))}text=""+text;// Ensure text is a string
-text=_this.props.attributeTransform(attrName,text,layer,result);text=MiscUtils.addLinkAnchors(text);return _this.parsedContent(text)});_defineProperty(_this,"parsedContent",function(text){text=DOMPurify.sanitize(text,{ADD_ATTR:["target"]}).replace("&#10;","<br />");var options={replace:function replace(node){if(node.name==="a"){return/*#__PURE__*/React.createElement("a",{href:node.attribs.href,onClick:_this.attributeLinkClicked,target:node.attribs.target||"_blank"},domToReact(node.children,options))}return undefined}};return htmlReactParser(text,options)});_defineProperty(_this,"attributeLinkClicked",function(ev){_this.props.openExternalUrl(ev.target.href,ev.target.target,{docked:_this.props.iframeDialogsInitiallyDocked});ev.preventDefault()});_defineProperty(_this,"zoomToResult",function(result){var zoom=0;var maxZoom=MapUtils.computeZoom(_this.props.map.scales,_this.props.theme.minSearchScaleDenom||1000);if(result.bbox[0]!==result.bbox[2]&&result.bbox[1]!==result.bbox[3]){zoom=Math.max(0,MapUtils.getZoomForExtent(result.bbox,_this.props.map.resolutions,_this.props.map.size,0,maxZoom+1)-1)}else{zoom=maxZoom}var x=0.5*(result.bbox[0]+result.bbox[2]);var y=0.5*(result.bbox[1]+result.bbox[3]);_this.props.zoomToPoint([x,y],zoom,_this.props.map.projection);var path=[];var sublayer=null;var layer=_this.props.layers.find(function(l){return l.role===LayerRole.THEME&&(sublayer=LayerUtils.searchSubLayer(l,"name",result.layername,path))});if(layer&&sublayer){_this.props.changeLayerProperty(layer.id,"visibility",true,path)}});_this.currentResultElRef=null;_this.scrollIntoView=false;_this.state.exportFormat=!Array.isArray(props.enableExport)||props.enableExport.includes("geojson")?"geojson":props.enableExport[0];return _this}_inherits(IdentifyViewer,_React$Component);return _createClass(IdentifyViewer,[{key:"componentDidMount",value:function componentDidMount(){this.updateResultTree()}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,prevState){if(this.props.identifyResults!==prevProps.identifyResults){this.updateResultTree()}if(prevState.currentResult!==this.state.currentResult||prevState.resultTree!==this.state.resultTree){this.setHighlightedResults(this.state.currentResult===null?null:[this.state.currentResult],this.state.resultTree)}// Scroll to selected result
-if(this.state.currentResult&&this.state.currentResult!==prevState.currentResult&&this.currentResultElRef&&this.scrollIntoView){this.currentResultElRef.parentNode.scrollTop=this.currentResultElRef.offsetTop-this.currentResultElRef.parentNode.offsetTop;this.scrollIntoView=false;this.currentResultElRef=null}}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.props.removeLayer("__identifyviewerhighlight")}},{key:"render",value:function render(){var _this2=this,_exporters$find;var tree=this.props.displayResultTree;var body=null;if(tree){var contents=Object.keys(this.state.resultTree).map(function(layer){return _this2.renderLayer(layer)});var attributes=this.renderResultAttributes(this.state.currentLayer,this.state.currentResult,"identify-result-tree-frame");var resultsContainerStyle={maxHeight:attributes?"10em":"initial"};body=[/*#__PURE__*/React.createElement("div",{className:"identify-results-container",key:"results-container",style:resultsContainerStyle},contents),attributes]}else{body=/*#__PURE__*/React.createElement("div",{className:"identify-flat-results-list"},this.props.showLayerSelector?/*#__PURE__*/React.createElement("div",{className:"identify-selectbox"},/*#__PURE__*/React.createElement("select",{className:"identify-layer-select",onChange:function onChange(e){var selectedLayer=e.target.value;_this2.setState({selectedLayer:selectedLayer})}},/*#__PURE__*/React.createElement("option",{value:""},LocaleUtils.tr("identify.layerall")),Object.keys(this.state.resultTree).filter(function(key){return _this2.state.resultTree[key].length}).map(function(layer){return/*#__PURE__*/React.createElement("option",{key:layer,value:layer},_this2.state.resultTree[layer][0].layertitle)})),/*#__PURE__*/React.createElement("span",{className:"identify-buttonbox-spacer"}),/*#__PURE__*/React.createElement("span",null,LocaleUtils.tr("identify.featurecount"),": ",Object.values(this.state.selectedLayer!==""?this.state.resultTree[this.state.selectedLayer]:this.state.resultTree).flat().length)):null,Object.keys(this.state.selectedLayer!==""?_defineProperty({},this.state.selectedLayer,this.state.resultTree[this.state.selectedLayer]):this.state.resultTree).map(function(layer){var layerResults=_this2.state.resultTree[layer];return layerResults.map(function(result){var resultClass=_this2.state.currentResult===result?"identify-result-frame-highlighted":"identify-result-frame-normal";return/*#__PURE__*/React.createElement("div",{key:result.id,onMouseEnter:function onMouseEnter(){return _this2.setState({currentResult:result,currentLayer:layer})},onMouseLeave:function onMouseLeave(){return _this2.setState({currentResult:null,currentLayer:null})}},_this2.renderResultAttributes(layer,result,resultClass))})}))}// "el.style.background='inherit'": HACK to trigger an additional repaint, since Safari/Chrome on iOS render the element cut off the first time
-var exporters=this.getExporters();var clipboardExportDisabled=((_exporters$find=exporters.find(function(entry){return entry.id===_this2.state.exportFormat}))===null||_exporters$find===void 0?void 0:_exporters$find.allowClipboard)!==true;return/*#__PURE__*/React.createElement("div",{className:"identify-body",ref:function ref(el){if(el)el.style.background="inherit"}},body,this.props.enableExport===true||!isEmpty(this.props.enableExport)?/*#__PURE__*/React.createElement("div",{className:"identify-buttonbox"},/*#__PURE__*/React.createElement("span",{className:"identify-buttonbox-spacer"}),/*#__PURE__*/React.createElement("span",null,LocaleUtils.tr("identify.export"),":\xA0"),/*#__PURE__*/React.createElement("div",{className:"controlgroup"},/*#__PURE__*/React.createElement("select",{className:"combo identify-export-format",onChange:function onChange(ev){return _this2.setState({exportFormat:ev.target.value})},value:this.state.exportFormat},exporters.filter(function(entry){return!Array.isArray(_this2.props.enableExport)||_this2.props.enableExport.includes(entry.id)}).map(function(entry){var _entry$title;return/*#__PURE__*/React.createElement("option",{key:entry.id,value:entry.id},(_entry$title=entry.title)!==null&&_entry$title!==void 0?_entry$title:LocaleUtils.tr(entry.titleMsgId))})),/*#__PURE__*/React.createElement("button",{className:"button",onClick:function onClick(){return _this2.exportResults()},title:LocaleUtils.tr("identify.download")},/*#__PURE__*/React.createElement(Icon,{icon:"export"})),/*#__PURE__*/React.createElement("button",{className:"button",disabled:clipboardExportDisabled,onClick:function onClick(){return _this2.exportResults(true)},title:LocaleUtils.tr("identify.clipboard")},/*#__PURE__*/React.createElement(Icon,{icon:"copy"})))):null,this.props.enableAggregatedReports&&Object.keys(this.state.reports).length>0?/*#__PURE__*/React.createElement("div",{className:"identify-buttonbox"},/*#__PURE__*/React.createElement("span",{className:"identify-buttonbox-spacer"}),/*#__PURE__*/React.createElement("span",null,LocaleUtils.tr("identify.aggregatedreport"),":\xA0"),/*#__PURE__*/React.createElement("div",{className:"controlgroup"},/*#__PURE__*/React.createElement("select",{className:"combo identify-export-format",onChange:function onChange(ev){return _this2.setState({selectedAggregatedReport:ev.target.value})},value:this.state.selectedAggregatedReport},/*#__PURE__*/React.createElement("option",{disabled:true,value:""},LocaleUtils.tr("identify.selectreport")),Object.entries(this.state.reports).map(function(_ref16){var _ref17=_slicedToArray(_ref16,2),layername=_ref17[0],reports=_ref17[1];return reports.map(function(report,idx){return/*#__PURE__*/React.createElement("option",{key:layername+"::"+idx,value:layername+"::"+idx},report.title)})})),/*#__PURE__*/React.createElement("button",{className:"button",disabled:!this.state.selectedAggregatedReport||this.state.generatingReport,onClick:this.downloadAggregatedReport},this.state.generatingReport?/*#__PURE__*/React.createElement(Spinner,null):/*#__PURE__*/React.createElement(Icon,{icon:"report"})))):null)}}])}(React.Component);_defineProperty(IdentifyViewer,"propTypes",{addLayerFeatures:PropTypes.func,attributeCalculator:PropTypes.func,attributeTransform:PropTypes.func,changeLayerProperty:PropTypes.func,collapsible:PropTypes.bool,customExporters:PropTypes.array,displayResultTree:PropTypes.bool,enableAggregatedReports:PropTypes.bool,enableExport:PropTypes.oneOfType([PropTypes.bool,PropTypes.array]),exportGeometry:PropTypes.bool,highlightAllResults:PropTypes.bool,identifyResults:PropTypes.object,iframeDialogsInitiallyDocked:PropTypes.bool,layers:PropTypes.array,longAttributesDisplay:PropTypes.oneOf(["ellipsis","wrap"]),map:PropTypes.object,openExternalUrl:PropTypes.func,removeLayer:PropTypes.func,replaceImageUrls:PropTypes.bool,setActiveLayerInfo:PropTypes.func,showLayerSelector:PropTypes.bool,showLayerTitles:PropTypes.bool,theme:PropTypes.object,zoomToPoint:PropTypes.func});_defineProperty(IdentifyViewer,"defaultProps",{longAttributesDisplay:"ellipsis",customExporters:[],displayResultTree:true,attributeCalculator:function attributeCalculator(/* layer, feature */){return[]},attributeTransform:function attributeTransform(name,value/* , layer, feature */){return value},enableAggregatedReports:true,showLayerTitles:true,showLayerSelector:true,highlightAllResults:true});var selector=function selector(state){return{theme:state.theme.current,layers:state.layers.flat,map:state.map}};export default connect(selector,{addLayerFeatures:addLayerFeatures,changeLayerProperty:changeLayerProperty,removeLayer:removeLayer,setActiveLayerInfo:setActiveLayerInfo,openExternalUrl:openExternalUrl,zoomToPoint:zoomToPoint})(IdentifyViewer);
+ */
+import React from 'react';
+import { connect } from 'react-redux';
+import axios from 'axios';
+import clone from 'clone';
+import DOMPurify from 'dompurify';
+import FileSaver from 'file-saver';
+import htmlReactParser, { domToReact } from 'html-react-parser';
+import JSZip from 'jszip';
+import isEmpty from 'lodash.isempty';
+import omit from 'lodash.omit';
+import PropTypes from 'prop-types';
+import { setActiveLayerInfo } from '../actions/layerinfo';
+import { LayerRole, addLayerFeatures, removeLayer, changeLayerProperty } from '../actions/layers';
+import { zoomToPoint } from '../actions/map';
+import { openExternalUrl } from '../actions/windows';
+import ConfigUtils from '../utils/ConfigUtils';
+import CoordinatesUtils from '../utils/CoordinatesUtils';
+import LayerUtils from '../utils/LayerUtils';
+import LocaleUtils from '../utils/LocaleUtils';
+import MapUtils from '../utils/MapUtils';
+import MiscUtils from '../utils/MiscUtils';
+import VectorLayerUtils from '../utils/VectorLayerUtils';
+import Icon from './Icon';
+import Spinner from './widgets/Spinner';
+import './style/IdentifyViewer.css';
+var EXCLUDE_PROPS = ['featurereport', 'displayfield', 'layername', 'layertitle', 'layerinfo', 'attribnames', 'clickPos', 'displayname', 'bbox'];
+var EXCLUDE_ATTRS = ['htmlContent', 'htmlContentInline'];
+var BuiltinExporters = [{
+  id: 'json',
+  title: 'json',
+  allowClipboard: true,
+  "export": function _export(json, callback) {
+    var data = JSON.stringify(json, null, ' ');
+    callback({
+      data: data,
+      type: "text/plain;charset=utf-8",
+      filename: "results.json"
+    });
+  }
+}, {
+  id: 'geojson',
+  title: 'geojson',
+  allowClipboard: true,
+  "export": function _export(json, callback) {
+    var featureCollection = {
+      type: "FeatureCollection",
+      features: Object.values(json).flat().map(function (entry) {
+        var feature = omit(entry, EXCLUDE_PROPS);
+        feature.properties = omit(feature.properties, EXCLUDE_ATTRS);
+        if (feature.geometry) {
+          feature.crs = {
+            type: "name",
+            properties: {
+              name: CoordinatesUtils.toOgcUrnCrs(entry.crs)
+            }
+          };
+        }
+        return feature;
+      })
+    };
+    var data = JSON.stringify(featureCollection, null, ' ');
+    callback({
+      data: data,
+      type: "application/geo+json;charset=utf-8",
+      filename: "results.json"
+    });
+  }
+}, {
+  id: 'csv',
+  title: 'CSV',
+  allowClipboard: true,
+  "export": function _export(json, callback) {
+    var dataset = [];
+    Object.entries(json).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        layerName = _ref2[0],
+        features = _ref2[1];
+      features.forEach(function (feature) {
+        dataset.push([feature.layertitle + ": " + feature.displayname]);
+        Object.entries(feature.properties || {}).forEach(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            attrib = _ref4[0],
+            value = _ref4[1];
+          if (!EXCLUDE_ATTRS.includes(attrib)) {
+            dataset.push(["", attrib, String(value)]);
+          }
+        });
+        if (feature.geometry) {
+          dataset.push(["", "geometry", VectorLayerUtils.geoJSONGeomToWkt(feature.geometry)]);
+        }
+      });
+    });
+    var csv = dataset.map(function (row) {
+      return row.map(function (field) {
+        return field ? "\"".concat(field.replace('"', '""'), "\"") : "";
+      }).join("\t");
+    }).join("\n");
+    callback({
+      data: csv,
+      type: "text/plain;charset=utf-8",
+      filename: "results.csv"
+    });
+  }
+}, {
+  id: 'csvzip',
+  title: 'CSV+ZIP',
+  allowClipboard: false,
+  "export": function _export(json, callback) {
+    var data = [];
+    var filenames = [];
+    Object.entries(json).forEach(function (_ref5) {
+      var _features$0$propertie, _features$;
+      var _ref6 = _slicedToArray(_ref5, 2),
+        layerName = _ref6[0],
+        features = _ref6[1];
+      var exportAttrs = Object.keys((_features$0$propertie = (_features$ = features[0]) === null || _features$ === void 0 ? void 0 : _features$.properties) !== null && _features$0$propertie !== void 0 ? _features$0$propertie : {}).filter(function (attr) {
+        return !EXCLUDE_ATTRS.includes(attr);
+      });
+      var dataset = [_toConsumableArray(exportAttrs)];
+      if (features[0].geometry) {
+        dataset[0].push("geometry");
+      }
+      features.forEach(function (feature) {
+        var row = exportAttrs.map(function (attr) {
+          return String(feature.properties[attr]);
+        });
+        if (feature.geometry) {
+          row.push(VectorLayerUtils.geoJSONGeomToWkt(feature.geometry));
+        }
+        dataset.push(row);
+      });
+      var csv = dataset.map(function (row) {
+        return row.map(function (field) {
+          return "\"".concat(field.replace('"', '""'), "\"");
+        }).join(";");
+      }).join("\n");
+      data.push(csv);
+      filenames.push(features[0].layername);
+    });
+    if (data.length > 1) {
+      var zip = new JSZip();
+      for (var i = 0; i < data.length; i++) {
+        var blob = new Blob([data[i]], {
+          type: "text/csv;charset=utf-8"
+        });
+        zip.file(filenames[i] + ".csv", blob);
+      }
+      zip.generateAsync({
+        type: "arraybuffer"
+      }).then(function (result) {
+        callback({
+          data: result,
+          type: "application/zip",
+          filename: "results.zip"
+        });
+      });
+    } else {
+      callback({
+        data: data[0],
+        type: "text/csv;charset=utf-8",
+        filename: filenames[0] + ".csv"
+      });
+    }
+  }
+}, {
+  id: 'shapefile',
+  title: 'Shapefile',
+  allowClipboard: false,
+  "export": function _export(json, callback) {
+    import("@mapbox/shp-write").then(function (shpwriteMod) {
+      var shpwrite = shpwriteMod["default"];
+      var layers = Object.entries(json);
+      var options = {
+        outputType: 'arraybuffer',
+        types: {
+          point: 'points',
+          polygon: 'polygons',
+          polyline: 'lines'
+        }
+      };
+      var promises = layers.map(function (_ref7) {
+        var _features$2;
+        var _ref8 = _slicedToArray(_ref7, 2),
+          layerName = _ref8[0],
+          features = _ref8[1];
+        var geojson = {
+          type: "FeatureCollection",
+          features: features.map(function (entry) {
+            return omit(entry, EXCLUDE_PROPS);
+          })
+        };
+        var layerOptions = _objectSpread(_objectSpread({}, options), {}, {
+          folder: layerName
+        });
+        var crs = (_features$2 = features[0]) === null || _features$2 === void 0 ? void 0 : _features$2.crs;
+        if (crs) {
+          var wkt = CoordinatesUtils.getEsriWktFromCrs(crs);
+          if (wkt) {
+            layerOptions.prj = wkt;
+          }
+        }
+        return shpwrite.zip(geojson, layerOptions).then(function (shpData) {
+          return {
+            layerName: layerName,
+            shpData: shpData
+          };
+        });
+      });
+      Promise.all(promises).then(function (results) {
+        if (results.length === 1) {
+          callback({
+            data: results[0].shpData,
+            type: "application/zip",
+            filename: results[0].layerName + ".zip"
+          });
+        } else {
+          var zip = new JSZip();
+          results.forEach(function (_ref9) {
+            var layerName = _ref9.layerName,
+              shpData = _ref9.shpData;
+            zip.file(layerName + ".zip", shpData);
+          });
+          zip.generateAsync({
+            type: "arraybuffer"
+          }).then(function (result) {
+            callback({
+              data: result,
+              type: "application/zip",
+              filename: "shapefiles.zip"
+            });
+          });
+        }
+      });
+    });
+  }
+}, {
+  id: 'xlsx',
+  title: 'XLSX',
+  allowClipboard: false,
+  "export": function _export(json, callback) {
+    import('xlsx').then(function (xlsx) {
+      var document = xlsx.utils.book_new();
+      Object.entries(json).forEach(function (_ref10) {
+        var _features$0$propertie2, _features$3;
+        var _ref11 = _slicedToArray(_ref10, 2),
+          layerName = _ref11[0],
+          features = _ref11[1];
+        var exportAttrs = Object.keys((_features$0$propertie2 = (_features$3 = features[0]) === null || _features$3 === void 0 ? void 0 : _features$3.properties) !== null && _features$0$propertie2 !== void 0 ? _features$0$propertie2 : {}).filter(function (attr) {
+          return !EXCLUDE_ATTRS.includes(attr);
+        });
+        var dataset = [_toConsumableArray(exportAttrs)];
+        if (features[0].geometry) {
+          dataset[0].push("geometry");
+        }
+        features.forEach(function (feature) {
+          var row = exportAttrs.map(function (attr) {
+            return feature.properties[attr];
+          });
+          if (feature.geometry) {
+            var geomWkt = VectorLayerUtils.geoJSONGeomToWkt(feature.geometry);
+            if (geomWkt.length < 32768) {
+              row.push(geomWkt);
+            } else {
+              row.push("Geometry too large");
+            }
+          }
+          dataset.push(row);
+        });
+        var worksheet = xlsx.utils.aoa_to_sheet(dataset);
+        var sheetName = features[0].layertitle.slice(0, 30).replace(/[\\/?*[]]?/g, '_');
+        xlsx.utils.book_append_sheet(document, worksheet, sheetName);
+      });
+      var data = xlsx.write(document, {
+        type: "buffer"
+      });
+      callback({
+        data: data,
+        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        filename: "results.xlsx"
+      });
+    });
+  }
+}];
+var IdentifyViewer = /*#__PURE__*/function (_React$Component) {
+  function IdentifyViewer(props) {
+    var _this;
+    _classCallCheck(this, IdentifyViewer);
+    _this = _callSuper(this, IdentifyViewer, [props]);
+    _defineProperty(_this, "state", {
+      expanded: {},
+      expandedResults: {},
+      resultTree: {},
+      reports: {},
+      currentResult: null,
+      currentLayer: null,
+      exportFormat: 'geojson',
+      selectedAggregatedReport: "",
+      generatingReport: false,
+      selectedLayer: ''
+    });
+    _defineProperty(_this, "updateResultTree", function () {
+      var layers = Object.keys(_this.props.identifyResults);
+      var currentResult = null;
+      var currentLayer = null;
+      if (layers.length === 1 && _this.props.identifyResults[layers[0]].length === 1) {
+        currentLayer = layers[0];
+        currentResult = _this.props.identifyResults[layers[0]][0];
+      }
+      _this.setState({
+        resultTree: clone(_this.props.identifyResults),
+        currentResult: currentResult,
+        currentLayer: currentLayer,
+        reports: LayerUtils.collectFeatureReports(_this.props.layers)
+      });
+    });
+    _defineProperty(_this, "setHighlightedResults", function (results, resultTree) {
+      if (!results && _this.props.highlightAllResults) {
+        var selectedLayer = _this.state.selectedLayer || '';
+        results = Object.keys(resultTree).reduce(function (res, layer) {
+          var layerData = resultTree[selectedLayer || layer];
+          return res.concat(layerData.map(function (result) {
+            return _objectSpread(_objectSpread({}, result), {}, {
+              id: "".concat(selectedLayer || layer, ".").concat(result.id)
+            });
+          }));
+        }, []);
+      }
+      results = (results || []).filter(function (result) {
+        return result.type.toLowerCase() === "feature";
+      }).map(function (feature) {
+        var newFeature = _objectSpread(_objectSpread({}, feature), {}, {
+          properties: {}
+        });
+        // Ensure selection style is used
+        delete newFeature.styleName;
+        delete newFeature.styleOptions;
+        return newFeature;
+      });
+      if (!isEmpty(results)) {
+        var layer = {
+          id: "__identifyviewerhighlight",
+          role: LayerRole.SELECTION
+        };
+        _this.props.addLayerFeatures(layer, results, true);
+      } else {
+        _this.props.removeLayer("__identifyviewerhighlight");
+      }
+    });
+    _defineProperty(_this, "getExpandedClass", function (path, deflt) {
+      var expanded = _this.state.expanded[path] !== undefined ? _this.state.expanded[path] : deflt;
+      return expanded ? "identify-layer-expandable identify-layer-expanded" : "identify-layer-expandable";
+    });
+    _defineProperty(_this, "toggleExpanded", function (path, deflt) {
+      var newstate = _this.state.expanded[path] !== undefined ? !_this.state.expanded[path] : !deflt;
+      var diff = {};
+      diff[path] = newstate;
+      if (_this.state.currentLayer === path && !newstate) {
+        _this.setState(function (state) {
+          return _objectSpread(_objectSpread({}, state), {}, {
+            expanded: _objectSpread(_objectSpread({}, state.expanded), diff),
+            currentResult: null,
+            currentLayer: null
+          });
+        });
+      } else {
+        _this.setState(function (state) {
+          return _objectSpread(_objectSpread({}, state), {}, {
+            expanded: _objectSpread(_objectSpread({}, state.expanded), diff)
+          });
+        });
+      }
+    });
+    _defineProperty(_this, "setCurrentResult", function (layer, result) {
+      if (_this.state.currentResult === result) {
+        _this.setState({
+          currentResult: null,
+          currentLayer: null
+        });
+      } else {
+        _this.setState({
+          currentResult: result,
+          currentLayer: layer
+        });
+        _this.scrollIntoView = true;
+      }
+    });
+    _defineProperty(_this, "removeResultLayer", function (layer) {
+      _this.setState(function (state) {
+        var newResultTree = _objectSpread({}, state.resultTree);
+        delete newResultTree[layer];
+        _this.setState({
+          resultTree: newResultTree,
+          currentResult: state.currentLayer === layer ? null : state.currentResult,
+          currentLayer: state.currentLayer === layer ? null : state.currentLayer
+        });
+      });
+    });
+    _defineProperty(_this, "removeResult", function (layer, result) {
+      _this.setState(function (state) {
+        var newResultTree = _objectSpread({}, state.resultTree);
+        newResultTree[layer] = state.resultTree[layer].filter(function (item) {
+          return item !== result;
+        });
+        if (isEmpty(newResultTree[layer])) {
+          delete newResultTree[layer];
+        }
+        var selectedLayer = isEmpty(newResultTree[layer]) ? '' : state.selectedLayer;
+        return {
+          resultTree: newResultTree,
+          currentResult: state.currentResult === result ? null : state.currentResult,
+          selectedLayer: selectedLayer
+        };
+      });
+    });
+    _defineProperty(_this, "exportResults", function () {
+      var clipboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var filteredResults = {};
+      Object.keys(_this.state.selectedLayer !== '' ? _defineProperty({}, _this.state.selectedLayer, _this.state.resultTree[_this.state.selectedLayer]) : _this.state.resultTree).map(function (key) {
+        if (!isEmpty(_this.state.resultTree[key])) {
+          filteredResults[key] = _this.state.resultTree[key];
+        }
+      });
+      _this["export"](filteredResults, clipboard);
+    });
+    _defineProperty(_this, "exportResultLayer", function (layer) {
+      _this["export"](_defineProperty({}, layer, _this.state.resultTree[layer]));
+    });
+    _defineProperty(_this, "exportResult", function (layer, result) {
+      _this["export"](_defineProperty({}, layer, [result]));
+    });
+    _defineProperty(_this, "export", function (json) {
+      var clipboard = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var exporter = _this.getExporters().find(function (entry) {
+        return entry.id === _this.state.exportFormat;
+      });
+      if (exporter) {
+        if (!_this.props.exportGeometry) {
+          json = Object.entries(json).reduce(function (res, _ref13) {
+            var _ref14 = _slicedToArray(_ref13, 2),
+              layerId = _ref14[0],
+              features = _ref14[1];
+            return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, layerId, features.map(function (feature) {
+              return omit(feature, ['geometry']);
+            })));
+          }, {});
+        }
+        exporter["export"](json, function (result) {
+          if (clipboard && exporter.allowClipboard) {
+            navigator.clipboard.writeText(result.data);
+          } else {
+            FileSaver.saveAs(new Blob([result.data], {
+              type: result.type
+            }), result.filename);
+          }
+        });
+      }
+    });
+    _defineProperty(_this, "renderLayer", function (layer) {
+      var results = _this.state.resultTree[layer];
+      if (results.length === 0) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: _this.getExpandedClass(layer, true),
+        key: layer
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "identify-result-entry",
+        onMouseEnter: function onMouseEnter() {
+          return _this.setHighlightedResults(results, _this.state.resultTree);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this.setHighlightedResults(_this.state.currentResult === null ? null : [_this.state.currentResult], _this.state.resultTree);
+        }
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "clickable",
+        onClick: function onClick() {
+          return _this.toggleExpanded(layer, true);
+        }
+      }, /*#__PURE__*/React.createElement("b", null, results[0].layertitle)), /*#__PURE__*/React.createElement(Icon, {
+        className: "identify-remove-result",
+        icon: "minus-sign",
+        onClick: function onClick() {
+          return _this.removeResultLayer(layer);
+        }
+      }), _this.props.enableExport === true || !isEmpty(_this.props.enableExport) ? /*#__PURE__*/React.createElement(Icon, {
+        className: "identify-export-result",
+        icon: "export",
+        onClick: function onClick() {
+          return _this.exportResultLayer(layer);
+        }
+      }) : null), /*#__PURE__*/React.createElement("div", {
+        className: "identify-layer-entries"
+      }, results.map(function (result) {
+        return _this.renderResult(layer, result);
+      })));
+    });
+    _defineProperty(_this, "renderResult", function (layer, result) {
+      var ref = _this.state.currentResult === result && _this.scrollIntoView ? function (el) {
+        _this.currentResultElRef = el;
+      } : null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "identify-result-entry",
+        key: result.id,
+        onMouseEnter: function onMouseEnter() {
+          return _this.setHighlightedResults([result], _this.state.resultTree);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this.setHighlightedResults(_this.state.currentResult === null ? null : [_this.state.currentResult], _this.state.resultTree);
+        }
+      }, /*#__PURE__*/React.createElement("span", {
+        className: _this.state.currentResult === result ? "active clickable" : "clickable",
+        onClick: function onClick() {
+          return _this.setCurrentResult(layer, result);
+        },
+        ref: ref
+      }, result.displayname), /*#__PURE__*/React.createElement(Icon, {
+        className: "identify-remove-result",
+        icon: "minus-sign",
+        onClick: function onClick() {
+          return _this.removeResult(layer, result);
+        }
+      }), _this.props.enableExport === true || !isEmpty(_this.props.enableExport) ? /*#__PURE__*/React.createElement(Icon, {
+        className: "identify-export-result",
+        icon: "export",
+        onClick: function onClick() {
+          return _this.exportResult(layer, result);
+        }
+      }) : null);
+    });
+    _defineProperty(_this, "renderResultAttributes", function (layer, result, resultClass) {
+      if (!result) {
+        return null;
+      }
+      var resultbox = null;
+      var extraattribs = null;
+      var inlineExtaAttribs = false;
+      var featureReports = _this.state.reports[layer] || [];
+      if (result.featureReport) {
+        featureReports.push({
+          title: result.layertitle,
+          template: result.featureReport
+        });
+      }
+      if (result.type === "text") {
+        resultbox = /*#__PURE__*/React.createElement("pre", {
+          className: "identify-result-box"
+        }, result.text);
+      } else if (result.type === "html") {
+        resultbox = /*#__PURE__*/React.createElement("iframe", {
+          className: "identify-result-box",
+          onLoad: function onLoad(ev) {
+            return _this.setIframeContent(ev.target, result.text);
+          },
+          ref: function ref(el) {
+            return _this.pollIframe(el, result.text);
+          }
+        });
+      } else if (result.properties.htmlContent) {
+        if (result.properties.htmlContentInline) {
+          resultbox = /*#__PURE__*/React.createElement("div", {
+            className: "identify-result-box"
+          }, _this.parsedContent(result.properties.htmlContent));
+        } else {
+          resultbox = /*#__PURE__*/React.createElement("iframe", {
+            className: "identify-result-box",
+            onLoad: function onLoad(ev) {
+              return _this.setIframeContent(ev.target, result.properties.htmlContent);
+            },
+            ref: function ref(el) {
+              return _this.pollIframe(el, result.properties.htmlContent);
+            }
+          });
+        }
+      } else {
+        var _rows;
+        inlineExtaAttribs = true;
+        var properties = Object.keys(result.properties) || [];
+        var rows = [];
+        if (properties.length === 1 && result.properties.maptip) {
+          rows = properties.map(function (attrib) {
+            return /*#__PURE__*/React.createElement("tr", {
+              key: attrib
+            }, /*#__PURE__*/React.createElement("td", {
+              className: "identify-attr-value"
+            }, _this.attribValue(result.properties[attrib], attrib, layer, result)));
+          });
+        } else {
+          rows = properties.map(function (attrib) {
+            if (_this.props.theme.skipEmptyFeatureAttributes && (result.properties[attrib] === "" || result.properties[attrib] === null || result.properties[attrib] === "NULL")) {
+              return null;
+            }
+            return /*#__PURE__*/React.createElement("tr", {
+              key: attrib
+            }, /*#__PURE__*/React.createElement("td", {
+              className: "identify-attr-title " + _this.props.longAttributesDisplay
+            }, /*#__PURE__*/React.createElement("i", null, attrib)), /*#__PURE__*/React.createElement("td", {
+              className: "identify-attr-value " + _this.props.longAttributesDisplay
+            }, _this.attribValue(result.properties[attrib], attrib, layer, result)));
+          });
+        }
+        (_rows = rows).push.apply(_rows, _toConsumableArray(_this.computeExtraAttributes(layer, result)));
+        featureReports.forEach(function (report, idx) {
+          rows.push(/*#__PURE__*/React.createElement("tr", {
+            key: "__featurereport" + idx
+          }, /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-title " + _this.props.longAttributesDisplay
+          }, /*#__PURE__*/React.createElement("i", null, LocaleUtils.tr("identify.featureReport") + ": " + report.title)), /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-value " + _this.props.longAttributesDisplay
+          }, /*#__PURE__*/React.createElement("a", {
+            href: _this.getFeatureReportUrl(report, result)
+          }, LocaleUtils.tr("identify.link")))));
+        });
+        if (isEmpty(rows)) {
+          rows = /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-value"
+          }, /*#__PURE__*/React.createElement("i", null, LocaleUtils.tr("identify.noattributes"))));
+        }
+        resultbox = /*#__PURE__*/React.createElement("div", {
+          className: "identify-result-box"
+        }, /*#__PURE__*/React.createElement("table", {
+          className: "attribute-list"
+        }, /*#__PURE__*/React.createElement("tbody", null, rows)));
+      }
+      if (!inlineExtaAttribs && (_this.props.attributeCalculator || !isEmpty(_this.state.reports[layer]))) {
+        extraattribs = /*#__PURE__*/React.createElement("div", {
+          className: "identify-result-box"
+        }, /*#__PURE__*/React.createElement("table", {
+          className: "attribute-list"
+        }, /*#__PURE__*/React.createElement("tbody", null, _this.computeExtraAttributes(layer, result), featureReports.map(function (report, idx) {
+          return /*#__PURE__*/React.createElement("tr", {
+            key: "report" + idx
+          }, /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-title " + _this.props.longAttributesDisplay
+          }, /*#__PURE__*/React.createElement("i", null, LocaleUtils.tr("identify.featureReport") + ": " + report.title)), /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-value " + _this.props.longAttributesDisplay
+          }, /*#__PURE__*/React.createElement("a", {
+            href: _this.getFeatureReportUrl(report, result),
+            rel: "noreferrer",
+            target: "_blank"
+          }, LocaleUtils.tr("identify.link"))));
+        }))));
+      }
+      var zoomToFeatureButton = null;
+      if (result.bbox && result.crs) {
+        zoomToFeatureButton = /*#__PURE__*/React.createElement(Icon, {
+          icon: "zoom",
+          onClick: function onClick() {
+            return _this.zoomToResult(result);
+          }
+        });
+      }
+      var key = result + ":" + result.id;
+      var expanded = _this.state.expandedResults[key];
+      return /*#__PURE__*/React.createElement("div", {
+        className: resultClass,
+        key: "results-attributes"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "identify-result-title"
+      }, _this.props.collapsible ? /*#__PURE__*/React.createElement(Icon, {
+        icon: expanded ? "triangle-down" : "triangle-right",
+        onClick: function onClick() {
+          return _this.setState(function (state) {
+            return {
+              expandedResults: _objectSpread(_objectSpread({}, state.expandedResults), {}, _defineProperty({}, key, !expanded))
+            };
+          });
+        }
+      }) : null, /*#__PURE__*/React.createElement("span", null, (_this.props.showLayerTitles ? result.layertitle + ": " : "") + result.displayname), zoomToFeatureButton, /*#__PURE__*/React.createElement(Icon, {
+        icon: "info-sign",
+        onClick: function onClick() {
+          return _this.showLayerInfo(layer);
+        }
+      }), /*#__PURE__*/React.createElement(Icon, {
+        icon: "trash",
+        onClick: function onClick() {
+          return _this.removeResult(layer, result);
+        }
+      })), _this.props.collapsible && !expanded ? null : /*#__PURE__*/React.createElement("div", {
+        className: "identify-result-container"
+      }, resultbox, extraattribs));
+    });
+    _defineProperty(_this, "computeExtraAttributes", function (layer, result) {
+      var _window$qwc;
+      var rows = [];
+      Object.values(((_window$qwc = window.qwc2) === null || _window$qwc === void 0 ? void 0 : _window$qwc.__attributeCalculators) || {}).forEach(function (calc, idx) {
+        var row = calc(layer, result);
+        if (row.length === 2) {
+          rows.push(/*#__PURE__*/React.createElement("tr", {
+            key: "custom-attr-" + idx
+          }, /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-title"
+          }, /*#__PURE__*/React.createElement("i", null, row[0])), /*#__PURE__*/React.createElement("td", {
+            className: "identify-attr-value"
+          }, row[1])));
+        } else if (row.length === 1) {
+          rows.push(/*#__PURE__*/React.createElement("tr", {
+            key: "custom-attr-" + idx
+          }, /*#__PURE__*/React.createElement("td", {
+            colSpan: "2"
+          }, row[0])));
+        }
+      });
+      if (_this.props.attributeCalculator) {
+        rows.push.apply(rows, _toConsumableArray(_this.props.attributeCalculator(layer, result)));
+      }
+      return rows;
+    });
+    _defineProperty(_this, "getExporters", function () {
+      var _window$qwc2;
+      return [].concat(BuiltinExporters, _toConsumableArray(_this.props.customExporters), _toConsumableArray(Object.values(((_window$qwc2 = window.qwc2) === null || _window$qwc2 === void 0 ? void 0 : _window$qwc2.__identifyExportes) || [])));
+    });
+    _defineProperty(_this, "setIframeContent", function (iframe, html) {
+      if (iframe.getAttribute("identify-content-set")) {
+        return;
+      }
+      iframe.setAttribute("identify-content-set", true);
+      iframe.contentWindow.document.open();
+      iframe.contentWindow.document.write(html);
+      iframe.contentWindow.document.close();
+    });
+    _defineProperty(_this, "pollIframe", function (iframe, html) {
+      if (iframe && !iframe.getAttribute("identify-content-set")) {
+        var interval = setInterval(function () {
+          if (iframe.getAttribute("identify-content-set")) {
+            return clearInterval(interval);
+          }
+          if (iframe.contentWindow && iframe.contentWindow.document) {
+            iframe.setAttribute("identify-content-set", true);
+            iframe.contentWindow.document.open();
+            iframe.contentWindow.document.write(html);
+            iframe.contentWindow.document.close();
+            clearInterval(interval);
+          }
+          return true;
+        }, 500);
+      }
+    });
+    _defineProperty(_this, "collectFeatureReportTemplates", function (entry) {
+      var reports = {};
+      if (entry.sublayers) {
+        var _iterator = _createForOfIteratorHelper(entry.sublayers),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var sublayer = _step.value;
+            reports = _objectSpread(_objectSpread({}, reports), _this.collectFeatureReportTemplates(sublayer));
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      } else if (entry.featureReport) {
+        reports[entry.name] = entry.featureReport;
+      }
+      return reports;
+    });
+    _defineProperty(_this, "findFeatureReportTemplate", function (layer) {
+      var reports = {};
+      _this.props.layers.filter(function (l) {
+        return l.role === LayerRole.THEME;
+      }).forEach(function (themeLayer) {
+        reports = _objectSpread(_objectSpread({}, reports), _this.collectFeatureReportTemplates(themeLayer));
+      });
+      return reports[layer] || null;
+    });
+    _defineProperty(_this, "getFeatureReportUrl", function (report, result) {
+      var serviceUrl = ConfigUtils.getConfigProp("documentServiceUrl").replace(/\/$/, "");
+      var params = {
+        feature: result.id,
+        x: result.clickPos[0],
+        y: result.clickPos[1],
+        crs: _this.props.map.projection,
+        single_report: report.single_report || false
+      };
+      var path = "/" + report.template + "." + (report.format || "pdf");
+      var query = Object.keys(params).map(function (key) {
+        return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
+      }).join("&");
+      return serviceUrl + path + "?" + query;
+    });
+    _defineProperty(_this, "downloadAggregatedReport", function () {
+      var _this$state$selectedA = _this.state.selectedAggregatedReport.split("::"),
+        _this$state$selectedA2 = _slicedToArray(_this$state$selectedA, 2),
+        layername = _this$state$selectedA2[0],
+        idx = _this$state$selectedA2[1];
+      var report = _this.state.reports[layername][idx];
+      var results = _this.state.resultTree[layername];
+      var serviceUrl = ConfigUtils.getConfigProp("documentServiceUrl").replace(/\/$/, "");
+      var params = {
+        feature: results.map(function (result) {
+          return result.id;
+        }).join(","),
+        x: results[0].clickPos[0],
+        y: results[0].clickPos[1],
+        crs: _this.props.map.projection,
+        single_report: report.single_report || false
+      };
+      _this.setState({
+        generatingReport: true
+      });
+      var url = serviceUrl + "/" + report.template;
+      axios.get(url, {
+        params: params,
+        responseType: "arraybuffer"
+      }).then(function (response) {
+        var filename = (report.filename || report.title.replace(" ", "_")) + "." + (report.format || "pdf");
+        FileSaver.saveAs(new Blob([response.data], {
+          type: "application/pdf"
+        }), filename);
+        _this.setState({
+          generatingReport: false
+        });
+      })["catch"](function () {
+        /* eslint-disable-next-line */
+        alert(LocaleUtils.tr("identify.reportfail"));
+        _this.setState({
+          generatingReport: false
+        });
+      });
+    });
+    _defineProperty(_this, "showLayerInfo", function (layer) {
+      var _layer$split = layer.split('#'),
+        _layer$split2 = _slicedToArray(_layer$split, 2),
+        layerUrl = _layer$split2[0],
+        layerName = _layer$split2[1];
+      var match = LayerUtils.searchLayer(_this.props.layers, layerUrl, layerName);
+      if (match) {
+        _this.props.setActiveLayerInfo(match.layer, match.sublayer);
+      }
+    });
+    _defineProperty(_this, "attribValue", function (text, attrName, layer, result) {
+      if (_typeof(text) === 'object') {
+        text = JSON.stringify(text);
+      }
+      if (_this.props.replaceImageUrls && /^https?:\/\/.*\.(jpg|jpeg|png|bmp)$/i.exec(text)) {
+        return /*#__PURE__*/React.createElement("a", {
+          href: text,
+          rel: "noreferrer",
+          target: "_blank"
+        }, /*#__PURE__*/React.createElement("img", {
+          src: text
+        }));
+      }
+      text = "" + text; // Ensure text is a string
+      text = _this.props.attributeTransform(attrName, text, layer, result);
+      text = MiscUtils.addLinkAnchors(text);
+      return _this.parsedContent(text);
+    });
+    _defineProperty(_this, "parsedContent", function (text) {
+      text = DOMPurify.sanitize(text, {
+        ADD_ATTR: ['target']
+      }).replace('&#10;', '<br />');
+      var options = {
+        replace: function replace(node) {
+          if (node.name === "a") {
+            return /*#__PURE__*/React.createElement("a", {
+              href: node.attribs.href,
+              onClick: _this.attributeLinkClicked,
+              target: node.attribs.target || "_blank"
+            }, domToReact(node.children, options));
+          }
+          return undefined;
+        }
+      };
+      return htmlReactParser(text, options);
+    });
+    _defineProperty(_this, "attributeLinkClicked", function (ev) {
+      _this.props.openExternalUrl(ev.target.href, ev.target.target, {
+        docked: _this.props.iframeDialogsInitiallyDocked
+      });
+      ev.preventDefault();
+    });
+    _defineProperty(_this, "zoomToResult", function (result) {
+      var zoom = 0;
+      var maxZoom = MapUtils.computeZoom(_this.props.map.scales, _this.props.theme.minSearchScaleDenom || 1000);
+      if (result.bbox[0] !== result.bbox[2] && result.bbox[1] !== result.bbox[3]) {
+        zoom = Math.max(0, MapUtils.getZoomForExtent(result.bbox, _this.props.map.resolutions, _this.props.map.size, 0, maxZoom + 1) - 1);
+      } else {
+        zoom = maxZoom;
+      }
+      var x = 0.5 * (result.bbox[0] + result.bbox[2]);
+      var y = 0.5 * (result.bbox[1] + result.bbox[3]);
+      _this.props.zoomToPoint([x, y], zoom, _this.props.map.projection);
+      var path = [];
+      var sublayer = null;
+      var layer = _this.props.layers.find(function (l) {
+        return l.role === LayerRole.THEME && (sublayer = LayerUtils.searchSubLayer(l, 'name', result.layername, path));
+      });
+      if (layer && sublayer) {
+        _this.props.changeLayerProperty(layer.id, "visibility", true, path);
+      }
+    });
+    _this.currentResultElRef = null;
+    _this.scrollIntoView = false;
+    _this.state.exportFormat = !Array.isArray(props.enableExport) ? 'geojson' : props.enableExport[0];
+    return _this;
+  }
+  _inherits(IdentifyViewer, _React$Component);
+  return _createClass(IdentifyViewer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateResultTree();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.props.identifyResults !== prevProps.identifyResults) {
+        this.updateResultTree();
+      }
+      if (prevState.currentResult !== this.state.currentResult || prevState.resultTree !== this.state.resultTree) {
+        this.setHighlightedResults(this.state.currentResult === null ? null : [this.state.currentResult], this.state.resultTree);
+      }
+      // Scroll to selected result
+      if (this.state.currentResult && this.state.currentResult !== prevState.currentResult && this.currentResultElRef && this.scrollIntoView) {
+        this.currentResultElRef.parentNode.scrollTop = this.currentResultElRef.offsetTop - this.currentResultElRef.parentNode.offsetTop;
+        this.scrollIntoView = false;
+        this.currentResultElRef = null;
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.removeLayer("__identifyviewerhighlight");
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this,
+        _exporters$this$state;
+      var tree = this.props.displayResultTree;
+      var body = null;
+      if (tree) {
+        var contents = Object.keys(this.state.resultTree).map(function (layer) {
+          return _this2.renderLayer(layer);
+        });
+        var attributes = this.renderResultAttributes(this.state.currentLayer, this.state.currentResult, 'identify-result-tree-frame');
+        var resultsContainerStyle = {
+          maxHeight: attributes ? '10em' : 'initial'
+        };
+        body = [/*#__PURE__*/React.createElement("div", {
+          className: "identify-results-container",
+          key: "results-container",
+          style: resultsContainerStyle
+        }, contents), attributes];
+      } else {
+        body = /*#__PURE__*/React.createElement("div", {
+          className: "identify-flat-results-list"
+        }, this.props.showLayerSelector ? /*#__PURE__*/React.createElement("div", {
+          className: "identify-selectbox"
+        }, /*#__PURE__*/React.createElement("select", {
+          className: "identify-layer-select",
+          onChange: function onChange(e) {
+            var selectedLayer = e.target.value;
+            _this2.setState({
+              selectedLayer: selectedLayer
+            });
+          }
+        }, /*#__PURE__*/React.createElement("option", {
+          value: ""
+        }, LocaleUtils.tr("identify.layerall")), Object.keys(this.state.resultTree).filter(function (key) {
+          return _this2.state.resultTree[key].length;
+        }).map(function (layer) {
+          return /*#__PURE__*/React.createElement("option", {
+            key: layer,
+            value: layer
+          }, _this2.state.resultTree[layer][0].layertitle);
+        })), /*#__PURE__*/React.createElement("span", {
+          className: "identify-buttonbox-spacer"
+        }), /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("identify.featurecount"), ": ", Object.values(this.state.selectedLayer !== '' ? this.state.resultTree[this.state.selectedLayer] : this.state.resultTree).flat().length)) : null, Object.keys(this.state.selectedLayer !== '' ? _defineProperty({}, this.state.selectedLayer, this.state.resultTree[this.state.selectedLayer]) : this.state.resultTree).map(function (layer) {
+          var layerResults = _this2.state.resultTree[layer];
+          return layerResults.map(function (result) {
+            var resultClass = _this2.state.currentResult === result ? 'identify-result-frame-highlighted' : 'identify-result-frame-normal';
+            return /*#__PURE__*/React.createElement("div", {
+              key: result.id,
+              onMouseEnter: function onMouseEnter() {
+                return _this2.setState({
+                  currentResult: result,
+                  currentLayer: layer
+                });
+              },
+              onMouseLeave: function onMouseLeave() {
+                return _this2.setState({
+                  currentResult: null,
+                  currentLayer: null
+                });
+              }
+            }, _this2.renderResultAttributes(layer, result, resultClass));
+          });
+        }));
+      }
+      // "el.style.background='inherit'": HACK to trigger an additional repaint, since Safari/Chrome on iOS render the element cut off the first time
+      var exporters = Object.fromEntries(this.getExporters().map(function (exporter) {
+        return [exporter.id, exporter];
+      }));
+      var enabledExporters = Array.isArray(this.props.enableExport) ? this.props.enableExport : Object.keys(exporters);
+      var clipboardExportDisabled = ((_exporters$this$state = exporters[this.state.exportFormat]) === null || _exporters$this$state === void 0 ? void 0 : _exporters$this$state.allowClipboard) !== true;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "identify-body",
+        ref: function ref(el) {
+          if (el) el.style.background = 'inherit';
+        }
+      }, body, this.props.enableExport === true || !isEmpty(this.props.enableExport) ? /*#__PURE__*/React.createElement("div", {
+        className: "identify-buttonbox"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "identify-buttonbox-spacer"
+      }), /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("identify.export"), ":\xA0"), /*#__PURE__*/React.createElement("div", {
+        className: "controlgroup"
+      }, /*#__PURE__*/React.createElement("select", {
+        className: "combo identify-export-format",
+        onChange: function onChange(ev) {
+          return _this2.setState({
+            exportFormat: ev.target.value
+          });
+        },
+        value: this.state.exportFormat
+      }, enabledExporters.map(function (id) {
+        var _exporters$id$title;
+        return /*#__PURE__*/React.createElement("option", {
+          key: id,
+          value: id
+        }, (_exporters$id$title = exporters[id].title) !== null && _exporters$id$title !== void 0 ? _exporters$id$title : LocaleUtils.tr(exporters[id].titleMsgId));
+      })), /*#__PURE__*/React.createElement("button", {
+        className: "button",
+        onClick: function onClick() {
+          return _this2.exportResults();
+        },
+        title: LocaleUtils.tr("identify.download")
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "export"
+      })), /*#__PURE__*/React.createElement("button", {
+        className: "button",
+        disabled: clipboardExportDisabled,
+        onClick: function onClick() {
+          return _this2.exportResults(true);
+        },
+        title: LocaleUtils.tr("identify.clipboard")
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "copy"
+      })))) : null, this.props.enableAggregatedReports && Object.keys(this.state.reports).length > 0 ? /*#__PURE__*/React.createElement("div", {
+        className: "identify-buttonbox"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "identify-buttonbox-spacer"
+      }), /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("identify.aggregatedreport"), ":\xA0"), /*#__PURE__*/React.createElement("div", {
+        className: "controlgroup"
+      }, /*#__PURE__*/React.createElement("select", {
+        className: "combo identify-export-format",
+        onChange: function onChange(ev) {
+          return _this2.setState({
+            selectedAggregatedReport: ev.target.value
+          });
+        },
+        value: this.state.selectedAggregatedReport
+      }, /*#__PURE__*/React.createElement("option", {
+        disabled: true,
+        value: ""
+      }, LocaleUtils.tr("identify.selectreport")), Object.entries(this.state.reports).map(function (_ref16) {
+        var _ref17 = _slicedToArray(_ref16, 2),
+          layername = _ref17[0],
+          reports = _ref17[1];
+        return reports.map(function (report, idx) {
+          return /*#__PURE__*/React.createElement("option", {
+            key: layername + "::" + idx,
+            value: layername + "::" + idx
+          }, report.title);
+        });
+      })), /*#__PURE__*/React.createElement("button", {
+        className: "button",
+        disabled: !this.state.selectedAggregatedReport || this.state.generatingReport,
+        onClick: this.downloadAggregatedReport
+      }, this.state.generatingReport ? /*#__PURE__*/React.createElement(Spinner, null) : /*#__PURE__*/React.createElement(Icon, {
+        icon: "report"
+      })))) : null);
+    }
+  }]);
+}(React.Component);
+_defineProperty(IdentifyViewer, "propTypes", {
+  addLayerFeatures: PropTypes.func,
+  attributeCalculator: PropTypes.func,
+  attributeTransform: PropTypes.func,
+  changeLayerProperty: PropTypes.func,
+  collapsible: PropTypes.bool,
+  customExporters: PropTypes.array,
+  displayResultTree: PropTypes.bool,
+  enableAggregatedReports: PropTypes.bool,
+  enableExport: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
+  exportGeometry: PropTypes.bool,
+  highlightAllResults: PropTypes.bool,
+  identifyResults: PropTypes.object,
+  iframeDialogsInitiallyDocked: PropTypes.bool,
+  layers: PropTypes.array,
+  longAttributesDisplay: PropTypes.oneOf(['ellipsis', 'wrap']),
+  map: PropTypes.object,
+  openExternalUrl: PropTypes.func,
+  removeLayer: PropTypes.func,
+  replaceImageUrls: PropTypes.bool,
+  setActiveLayerInfo: PropTypes.func,
+  showLayerSelector: PropTypes.bool,
+  showLayerTitles: PropTypes.bool,
+  theme: PropTypes.object,
+  zoomToPoint: PropTypes.func
+});
+_defineProperty(IdentifyViewer, "defaultProps", {
+  longAttributesDisplay: 'ellipsis',
+  customExporters: [],
+  displayResultTree: true,
+  attributeCalculator: function attributeCalculator(/* layer, feature */) {
+    return [];
+  },
+  attributeTransform: function attributeTransform(name, value /* , layer, feature */) {
+    return value;
+  },
+  enableAggregatedReports: true,
+  showLayerTitles: true,
+  showLayerSelector: true,
+  highlightAllResults: true
+});
+var selector = function selector(state) {
+  return {
+    theme: state.theme.current,
+    layers: state.layers.flat,
+    map: state.map
+  };
+};
+export default connect(selector, {
+  addLayerFeatures: addLayerFeatures,
+  changeLayerProperty: changeLayerProperty,
+  removeLayer: removeLayer,
+  setActiveLayerInfo: setActiveLayerInfo,
+  openExternalUrl: openExternalUrl,
+  zoomToPoint: zoomToPoint
+})(IdentifyViewer);