\");\r\n _this.featureInfoElement.append(_this.pleaseSelectDiv);\r\n };\r\n this.addFeatureInfoPlaceholders = function () {\r\n //add a placeholder for each queryable layer (in order)\r\n var self = _this;\r\n var layerGroupCollection = self.map.options.layerGroupCollection;\r\n var allLayers = layerGroupCollection.allLayers;\r\n allLayers.forEach(function (l) {\r\n if (layerGroupCollection.isVectorLayerGroup(l)) {\r\n self.featureInfoElement.append(\"\");\r\n }\r\n else {\r\n self.featureInfoElement.append(\"\");\r\n }\r\n });\r\n };\r\n this.onOverlayChanged = function (args) {\r\n var self = _this;\r\n if (args.visible === false) {\r\n //remove any selected features that are of the same recordtype as the layer being hidden\r\n var featuresToRemove_1 = [];\r\n self.selectFeatures.getFeatures().forEach(function (feature) {\r\n if (feature && feature.getProperties()[\"rectype\"] === args.recordType) {\r\n featuresToRemove_1.push(feature);\r\n }\r\n });\r\n featuresToRemove_1.forEach(function (feature) {\r\n self.selectFeatures.getFeatures().remove(feature);\r\n });\r\n //now clear the feature info\r\n //wfs & cluster\r\n $(\"#wfsFeatureInfo_\" + args.layerGroupRef).empty();\r\n //for wms\r\n $(\"#wmsFeatureInfo_\" + args.layerGroupRef).empty();\r\n //if the last wfs is turned off && we have wms features then we need to hide the clear btn and show the text\r\n if (self.selectFeatures.getFeatures().getLength() === 0 && $(\".wmsFeatureInfo h4\").length === 0) {\r\n self.pleaseSelectDiv.show();\r\n self.clearButton.hide();\r\n }\r\n }\r\n };\r\n //$(\"#mapLoader\").show();\r\n this.fetchingWmsFeatureInfo = function () {\r\n _this.loadingCount += 1;\r\n $(\"#mapLoader\").show();\r\n };\r\n this.wmsFeatureInfoComplete = function () {\r\n _this.loadingCount -= 1;\r\n if (_this.loadingCount === 0) {\r\n $(\"#mapLoader\").hide();\r\n }\r\n };\r\n this.addWmsGetFeatureInfoHandler = function () {\r\n var self = _this;\r\n self.map.olMap.on('singleclick', function (evt) {\r\n var viewResolution = self.map.olMap.getView().getResolution();\r\n var layerSource;\r\n var wmsLayerGroups = self.map.options.layerGroupCollection.wmsLayerGroups;\r\n self.loadingCount = 0;\r\n $(\"#mapLoader\").hide();\r\n var _loop_1 = function (lyrGrp) {\r\n //define this here otherwise info clicka get the last layer name, cos of the setTimeout for the ajax call\r\n var localUrl;\r\n //clear each layers info click div\r\n //do this whether visible or not as user might have turned layer off\r\n $(\"#wmsFeatureInfo_\" + lyrGrp.ref).empty();\r\n //issue one query per layer group\r\n var queryLayers = lyrGrp.queryableLayers;\r\n if (queryLayers.length > 0) {\r\n layerSource = lyrGrp.layers[0].olWmsLayer.getSource();\r\n localUrl = layerSource.getFeatureInfoUrl(evt.coordinate, viewResolution, self.map.options.displayProjection, {\r\n 'INFO_FORMAT': lyrGrp.info_format,\r\n 'LAYERS': queryLayers.map(function (f) { return f.layerName; }).join(\",\"),\r\n 'FEATURE_COUNT': 30\r\n });\r\n self.fetchingWmsFeatureInfo();\r\n //had to put this in a timeout otherwise the maploader wasn't showing\r\n //possibly not executing until the thread finished, which by then would have included the ajax success?\r\n setTimeout(function () {\r\n try {\r\n $.ajax({\r\n url: localUrl,\r\n type: 'GET',\r\n async: false,\r\n success: function (response) {\r\n if (lyrGrp.info_format.toLowerCase().indexOf(\"text\") > -1) {\r\n self.processWmsGetFeatureInfoText(lyrGrp, response);\r\n }\r\n else {\r\n var features = new WMSGetFeatureInfo_1.default().readFeatures(response);\r\n self.processWmsGetFeatureInfoFeatures(lyrGrp, features);\r\n }\r\n //expand the info panel if it's not already visible, code smell?\r\n if (!$(\"#slide-panel-info\").is(':visible')) {\r\n $(\"#slide-panel-btn-info\").click();\r\n }\r\n self.wmsFeatureInfoComplete();\r\n }\r\n }).fail(function () {\r\n self.wmsFeatureInfoComplete();\r\n console.error(\"error: \" + localUrl);\r\n });\r\n }\r\n catch (_a) {\r\n self.wmsFeatureInfoComplete();\r\n }\r\n }, 10);\r\n }\r\n };\r\n for (var _i = 0, wmsLayerGroups_1 = wmsLayerGroups; _i < wmsLayerGroups_1.length; _i++) {\r\n var lyrGrp = wmsLayerGroups_1[_i];\r\n _loop_1(lyrGrp);\r\n }\r\n });\r\n };\r\n this.processWmsGetFeatureInfoText = function (layerGroup, wmsHtml) {\r\n var placeholder = $(\"#wmsFeatureInfo_\" + layerGroup.ref);\r\n if (_this.wmsGetFeatureInfoText != null) {\r\n _this.wmsGetFeatureInfoText.processWmsGetFeatureInfoText(layerGroup, wmsHtml, placeholder);\r\n }\r\n else {\r\n if (wmsHtml) {\r\n var html = \"
\" + layerGroup.displayName + \"
\\n
\" + wmsHtml + \"
\";\r\n placeholder.append(html);\r\n }\r\n }\r\n };\r\n this.processWmsGetFeatureInfoFeatures = function (layerGroup, features) {\r\n var self = _this;\r\n var placeholder = $(\"#wmsFeatureInfo_\" + layerGroup.ref);\r\n //keep track of the features\r\n self.wmsFeatures = {};\r\n if (self.wmsGetFeatureInfoFeatures != null) {\r\n self.wmsGetFeatureInfoFeatures.processWmsGetFeatureInfoFeatures(layerGroup, features, placeholder);\r\n }\r\n else {\r\n if (features.length > 0) {\r\n var info_columns_to_show_1 = layerGroup.info_columns_to_show.map(function (value) {\r\n return value.toUpperCase();\r\n });\r\n var html_1 = \"
\" + layerGroup.displayName + \"
\\n
\\n
\";\r\n features.forEach(function (f) {\r\n var count = 0;\r\n var prop = f.getProperties();\r\n var featureId = f.getId() || f[\"ol_uid\"];\r\n if (featureId) {\r\n self.wmsFeatures[featureId] = f;\r\n }\r\n for (var p in prop) {\r\n if (info_columns_to_show_1.length === 0 || info_columns_to_show_1.indexOf(p.toUpperCase()) > -1) {\r\n html_1 += \"
\";\r\n placeholder.append(html_1);\r\n //add handlers\r\n $(\".centreOnMap\").on(\"click\", function () {\r\n self.centerMapOnWmsFeature($(this).data(\"id\"));\r\n });\r\n }\r\n }\r\n };\r\n this.centerMapOnWmsFeature = function (featureId) {\r\n var self = _this;\r\n //find the feature by its id and zoom to its extent\r\n var f = self.wmsFeatures[featureId];\r\n if (f) {\r\n var extent = void 0;\r\n //lets see if we have a geom, if not see if we have a boundedby value\r\n //complicated by different versions of gml supporting different features \r\n if (typeof f.getGeometry() !== \"undefined\") {\r\n extent = f.getGeometry().getExtent();\r\n }\r\n else {\r\n extent = f.get(\"boundedBy\");\r\n }\r\n if (typeof extent !== \"undefined\" && extent && !olExtent.isEmpty(extent) && extent[0] !== Infinity) {\r\n self.map.olMap.getView().fit(extent, { duration: 1000, nearest: true });\r\n }\r\n }\r\n };\r\n this.addSelectFeatures = function () {\r\n _this.selectFeatures = new Select_1.default({\r\n filter: _this.canSelectFeature,\r\n multi: true,\r\n style: new Style_1.default({\r\n fill: new Fill_1.default({\r\n color: 'rgba(63, 211, 0, 0.6)'\r\n }),\r\n stroke: new Stroke_1.default({\r\n color: 'rgba(75, 190, 2, 0.8)',\r\n width: 5\r\n }),\r\n image: new Circle_1.default({\r\n radius: 12,\r\n fill: new Fill_1.default({\r\n color: 'rgba(63, 211, 0, 0.6)'\r\n }),\r\n stroke: new Stroke_1.default({\r\n color: 'rgba(75, 190, 2, 0.8)',\r\n width: 5\r\n })\r\n })\r\n })\r\n });\r\n _this.selectFeatures.on('select', function (obj) {\r\n //e.selected is sometimes empty even though a feature has been visibily selected on the map\r\n //getFeatures() seems to more reliable\r\n _this.onFeaturesSelectedInternal(obj.target.getFeatures().getArray(), obj.mapBrowserEvent.coordinate);\r\n });\r\n _this.map.olMap.addInteraction(_this.selectFeatures);\r\n };\r\n this.canSelectFeature = function (feature, layer) {\r\n var queryable = layer.get(\"queryable\");\r\n return (queryable === null || queryable === true);\r\n };\r\n this.onFeaturesSelectedInternal = function (featuresArray, coordinate) {\r\n var self = _this, uids = {}, features, previousType = \"\", html = \"\";\r\n features = featuresArray;\r\n var vectorLayerGroups = self.map.options.layerGroupCollection.vectorLayerGroups;\r\n for (var _i = 0, vectorLayerGroups_1 = vectorLayerGroups; _i < vectorLayerGroups_1.length; _i++) {\r\n var lyrGrp = vectorLayerGroups_1[_i];\r\n //clear each layers info click div\r\n //do this whether visible or not as user might have turned layer off\r\n $(\"#wfsFeatureInfo_\" + lyrGrp.ref).empty();\r\n }\r\n if (features && features.length > 0) {\r\n var selectedFeatures_1 = new Array();\r\n //create a lookup of rectype/position for sorting the array correctly\r\n var layerOrder_1 = {};\r\n for (var i = 0; i < _this.map.options.layerGroupCollection.vectorLayerGroups.length; i++) {\r\n layerOrder_1[_this.map.options.layerGroupCollection.vectorLayerGroups[i].layerType] = i;\r\n }\r\n //group the features by layer type and in the order that the layers appear on the map\r\n //get the features into an array order by record type & name\r\n //problem with long strings or content thereof not sorting, but sorting works fine if we just use the first 20 chars\r\n var sortedFeatures = features.sort(function (a, b) {\r\n var aProp = a.getProperties();\r\n var bProp = b.getProperties();\r\n var recTypeA = (layerOrder_1[aProp[\"rectype\"] || \"\"] + (aProp[\"recsubtype\"] || \"\") + (aProp[\"name\"] || \"\").substring(0, 20)).toUpperCase();\r\n var recTypeB = (layerOrder_1[bProp[\"rectype\"] || \"\"] + (bProp[\"recsubtype\"] || \"\") + (bProp[\"name\"] || \"\").substring(0, 20)).toUpperCase();\r\n return (recTypeA < recTypeB) ? -1 : (recTypeA > recTypeB) ? 1 : 0;\r\n });\r\n //group the features by record type and subtype\r\n var layerGroupMap_1 = new Map();\r\n //group the features by type/subtype\r\n var groupFeature = function (f) {\r\n //get layer doesn't seem to work for cluster layers\r\n var layer = self.selectFeatures.getLayer(f);\r\n var layerGroup = null;\r\n if (layer) {\r\n layerGroup = layer.get(\"layerGroup\");\r\n }\r\n else {\r\n //see f its on the feature\r\n layerGroup = f.get(\"layerGroup\");\r\n }\r\n var feature = self.recordTypeResource.mapToIRecordTypeInfoClick(f.getProperties(), layerGroup);\r\n feature.id = f.getId();\r\n feature.data.id = f.getId();\r\n if (feature.uid && !uids[feature.uid]) {\r\n //stop duplicates \r\n uids[feature.uid] = 1;\r\n selectedFeatures_1.push(f);\r\n //if not already set the set data.rectype\r\n if (!f.getProperties()[\"rectype\"]) {\r\n f.setProperties({ rectype: feature.recordType }, true);\r\n }\r\n //use the record type from the layer group not the feature itself\r\n //as we might need to distinguish between, for example, different layers of the same type: mysites/sites/uig/allsites\r\n //if no layer group that use the rectype\r\n var currentType = (feature.layerGroup) ? feature.layerGroup.layerType + (feature.layerGroup.layerSubType || \"\") : feature.recordType + (feature.recordSubType || \"\");\r\n if (previousType !== currentType) {\r\n layerGroupMap_1.set(currentType, new Array());\r\n previousType = currentType;\r\n }\r\n layerGroupMap_1.get(currentType).push(feature);\r\n }\r\n };\r\n for (var i = 0; i < sortedFeatures.length; i++) {\r\n var clusterFeatures = sortedFeatures[i].get(\"features\");\r\n if (typeof clusterFeatures !== \"undefined\") {\r\n var f = void 0;\r\n for (var i_1 = 0; i_1 < clusterFeatures.length; i_1++) {\r\n f = clusterFeatures[i_1];\r\n groupFeature(f);\r\n }\r\n //cluster \r\n //set rectype on the cluster feature \r\n sortedFeatures[i].setProperties({ rectype: f.getProperties()[\"rectype\"] }, true);\r\n }\r\n else {\r\n groupFeature(sortedFeatures[i]);\r\n }\r\n }\r\n _this.createFeatureListHtml(layerGroupMap_1);\r\n $(\".clearFeatureInfo\").on(\"click\", function () {\r\n self.clear();\r\n });\r\n $(\".showOnMap\").on(\"click\", function () {\r\n var id = $(this).data(\"id\");\r\n self.moveMapToFeature(id);\r\n });\r\n //expand the info panel if it's not already visible, code smell?\r\n if (!$(\"#slide-panel-info\").is(':visible')) {\r\n $(\"#slide-panel-btn-info\").click();\r\n }\r\n self._onFeaturesSelected.dispatch({ features: selectedFeatures_1 });\r\n self.pleaseSelectDiv.hide();\r\n self.clearButton.show();\r\n }\r\n else {\r\n //log(\"no features selected\");\r\n self.pleaseSelectDiv.show();\r\n self.clearButton.hide();\r\n }\r\n };\r\n this.createFeatureListHtml = function (layerGroupMap) {\r\n var html = \"\";\r\n layerGroupMap.forEach(function (value, key) {\r\n //console.log(value, key);\r\n var features = value;\r\n html = \"
\" + features[0].heading + \"
\";\r\n html += \"
\";\r\n features.forEach(function (feature) {\r\n html += _this.recordTypeResource.getInfoClickHtmlTemplate(feature);\r\n feature.data.css = \"popupRecord\";\r\n html = _this.replaceTokens(html, feature.data);\r\n });\r\n html += '
';\r\n html += '';\r\n $(\"#wfsFeatureInfo_\" + features[0].layerGroup.ref).append(html);\r\n });\r\n };\r\n this.clear = function () {\r\n _this.selectFeatures.getFeatures().clear();\r\n //now clear the html\r\n _this.featureInfoElement.html(\"\");\r\n //rebuild the controls & placeholders\r\n _this.addControls();\r\n _this.addFeatureInfoPlaceholders();\r\n _this.pleaseSelectDiv.show();\r\n _this.clearButton.hide();\r\n };\r\n //private centerMap = (x:number, y:number): void => {\r\n // let extent = feature.getGeometry().getExtent();\r\n // //var centre = olExtent.getCenter(extent);\r\n // //this.map.olMap.getView().animate({ center: centre });\r\n // this.map.olMap.getView().fit(extent, { duration: 1000 });\r\n //}\r\n this.moveMapToFeature = function (id) {\r\n var feature = null;\r\n var find = function () {\r\n for (var _i = 0, _a = _this.map.options.layerGroupCollection.vectorLayerGroups; _i < _a.length; _i++) {\r\n var lg = _a[_i];\r\n // if (lg.visible(this.mapStore) === true) {\r\n for (var _b = 0, _c = lg.layers; _b < _c.length; _b++) {\r\n var l = _c[_b];\r\n //if (l.visible === true) {\r\n var f = l.olVectorLayer.getSource().getFeatureById(id);\r\n if (f !== null) {\r\n return f;\r\n }\r\n // }\r\n }\r\n // } \r\n }\r\n return null;\r\n };\r\n feature = find();\r\n if (feature !== null) {\r\n //if (this.selectedFeature !== null) {\r\n // //reset style\r\n // this.selectedFeature.setStyle(this.selectedFeatureOrigStyle);\r\n // this.selectedFeatureOrigStyle = feature.getStyle();\r\n //}\r\n //feature.setStyle(this._styleFactory.getSelectedStyle(null));\r\n //this.selectedFeature = feature;\r\n var extent = feature.getGeometry().getExtent();\r\n //var centre = olExtent.getCenter(extent);\r\n //this.map.olMap.getView().animate({ center: centre });\r\n _this.map.olMap.getView().fit(extent, { duration: 1000 });\r\n }\r\n };\r\n this.replaceTokens = function (html, data) {\r\n var val = html;\r\n //go thru html string and replace any tokens with attribute values\r\n for (var attributeName in data) {\r\n if (data.hasOwnProperty(attributeName)) {\r\n val = val.replace(new RegExp(\"\\\\[\" + attributeName + \"\\\\]\", \"g\"), data[attributeName]);\r\n }\r\n }\r\n return val;\r\n };\r\n this.init();\r\n }\r\n Object.defineProperty(MapFeatureInfo.prototype, \"onFeaturesSelected\", {\r\n get: function () {\r\n return this._onFeaturesSelected.asEvent();\r\n },\r\n enumerable: false,\r\n configurable: true\r\n });\r\n return MapFeatureInfo;\r\n}());\r\nexports.MapFeatureInfo = MapFeatureInfo;\r\n//# sourceMappingURL=MapFeatureInfo.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.MapLayerSwitcher = void 0;\r\nvar MapLayerSwitcherOverlays_1 = require(\"./MapLayerSwitcherOverlays\");\r\nvar MapLayerSwitcherBaseLayers_1 = require(\"./MapLayerSwitcherBaseLayers\");\r\nvar MapLayerSwitcherBaseLayersSlider_1 = require(\"./MapLayerSwitcherBaseLayersSlider\");\r\nvar MapLayerSwitcher = /** @class */ (function () {\r\n function MapLayerSwitcher(_map, _mapStore, _styleFactory, _baseLayers, _layerGroups, _mappingTextPack, _config) {\r\n var _this = this;\r\n this._map = _map;\r\n this._mapStore = _mapStore;\r\n this._styleFactory = _styleFactory;\r\n this._baseLayers = _baseLayers;\r\n this._layerGroups = _layerGroups;\r\n this._mappingTextPack = _mappingTextPack;\r\n this._config = _config;\r\n this._initialised = false;\r\n this._overlaysInitialised = false;\r\n this._lastSlidePanelAction = \"\";\r\n this._scaleTooltipMessage = \"Layer is not visible at this scale\";\r\n this.init = function () {\r\n if (!_this._initialised) {\r\n _this.initConfig();\r\n if (_this._config.useBaseLayerSlider) {\r\n _this._baseLayerSwitcher = new MapLayerSwitcherBaseLayersSlider_1.MapLayerSwitcherBaseLayersSlider(_this._map, _this._mapStore, _this._baseLayers, _this._mappingTextPack, _this._config);\r\n }\r\n else {\r\n _this._baseLayerSwitcher = new MapLayerSwitcherBaseLayers_1.MapLayerSwitcherBaseLayers(_this._map, _this._mapStore, _this._baseLayers, _this._mappingTextPack);\r\n }\r\n _this.overlays = new MapLayerSwitcherOverlays_1.MapLayerSwitcherOverlays(_this._map, _this._mapStore, _this._layerGroups, _this._mappingTextPack);\r\n _this.addSlidingPanelsHandlers();\r\n _this.addHandlers();\r\n _this._initialised = true;\r\n }\r\n };\r\n this.initConfig = function () {\r\n var defaultConfig = {\r\n baseLayerSliderPosition: 0.5\r\n };\r\n if (_this._config !== null) {\r\n _this._config = __assign(__assign({}, defaultConfig), _this._config);\r\n }\r\n ;\r\n };\r\n this.addHandlers = function () {\r\n var self = _this;\r\n self.overlays.onOverlayChanged.subscribe(self._map.raiseOnLayerVisibilityChanged);\r\n self.overlays.onLayerAction.subscribe(self._map.raiseOnLayerAction);\r\n if (_this._config.useBaseLayerSlider) {\r\n self._baseLayerSwitcher.onSliderMoved.subscribe(function (args) {\r\n self._mapStore.onBaseLayerSliderMoved(args.x);\r\n });\r\n }\r\n };\r\n this.addSlidingPanelsHandlers = function () {\r\n var self = _this;\r\n //must be a better way of retaining correct scope for 'this' and '$(this)' in the click handler??\r\n var lastSlidePanelAction_forScope = self._lastSlidePanelAction;\r\n if (_this._config.showList === false) {\r\n $(\"#slide-panel-btn-list\").hide();\r\n }\r\n var onCloseSlidePanel = function () {\r\n var panel = $('#slide-panel');\r\n $('#slide-panel .content-panel').hide();\r\n panel.removeClass('visible').animate({\r\n 'margin-left': '-315px'\r\n });\r\n setTimeout(function () {\r\n $('#slide-content').animate({\r\n \"width\": 0,\r\n \"opacity\": 0\r\n });\r\n }, 350);\r\n lastSlidePanelAction_forScope = null;\r\n self._mapStore.onActivePanelChanged(\"none\");\r\n };\r\n var onSlidePanelClick = function () {\r\n var panel = $('#slide-panel');\r\n var action = $(this).data(\"action\");\r\n var activeContentPanelId = \"#slide-panel-\" + action;\r\n if (self._config.rememberActivePanel === true) {\r\n self._mapStore.onActivePanelChanged(action);\r\n }\r\n //any action other than 'help'\r\n if (panel.hasClass(\"visible\") && lastSlidePanelAction_forScope === action) {\r\n onCloseSlidePanel();\r\n $(this).blur();\r\n }\r\n else if (!panel.hasClass(\"visible\")) {\r\n //main panel closed \r\n $('#slide-content').css(\"width\", \"315px\");\r\n panel.addClass('visible').animate({\r\n 'margin-left': '0px'\r\n });\r\n $('#slide-content').animate({\r\n \"opacity\": 1\r\n });\r\n }\r\n if (panel.hasClass(\"visible\")) {\r\n //hide all the content panels and show the correct one\r\n $('#slide-panel .content-panel').hide();\r\n $(activeContentPanelId).show();\r\n lastSlidePanelAction_forScope = action;\r\n //we need to initialise the legend maps when the panel is first shown\r\n if (action === \"overlays\") {\r\n self.addOverlays();\r\n }\r\n }\r\n return false;\r\n };\r\n $('.slide-panel-button').on('click', onSlidePanelClick);\r\n //handle close button on sliding panel\r\n $('#slide-panel .fa-times').on('click', function () {\r\n onCloseSlidePanel();\r\n });\r\n //set initial state for panel\r\n if (self._config.showOpenPanelByDefault) {\r\n var activePanel = self._mapStore.getMapInfo().activePanel;\r\n if (!activePanel && activePanel != \"none\") {\r\n //show the panel and default to layers\r\n $(\"#slide-panel-btn-overlays\").click();\r\n }\r\n else if (activePanel != \"none\") {\r\n $(\"#slide-panel-btn-\" + activePanel).click();\r\n }\r\n else {\r\n onCloseSlidePanel();\r\n }\r\n }\r\n else {\r\n //initialise to zero width, can't do this in the css as the map legends don't render\r\n $('#slide-content').css(\"width\", \"0px\");\r\n }\r\n };\r\n this.addOverlays = function () {\r\n _this.overlays.addOverlays();\r\n };\r\n this.init();\r\n }\r\n return MapLayerSwitcher;\r\n}());\r\nexports.MapLayerSwitcher = MapLayerSwitcher;\r\n//# sourceMappingURL=MapLayerSwitcher.js.map","\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.MapLayerSwitcherBaseLayers = void 0;\r\nvar MapLayerSwitcherBaseLayers = /** @class */ (function () {\r\n function MapLayerSwitcherBaseLayers(_map, _mapStore, _baseLayers, _mappingTextPack, _config) {\r\n var _this = this;\r\n this._map = _map;\r\n this._mapStore = _mapStore;\r\n this._baseLayers = _baseLayers;\r\n this._mappingTextPack = _mappingTextPack;\r\n this._config = _config;\r\n this._initialised = false;\r\n this.init = function () {\r\n if (!_this._initialised) {\r\n _this.addOpacitySlider(_this._mapStore.getMapInfo().opacity);\r\n _this.addBaseLayers();\r\n _this._initialised = true;\r\n }\r\n };\r\n this.addOpacitySlider = function (defaultOpacity) {\r\n _this._opacity = defaultOpacity;\r\n var onOpacityChanged = function (elem) {\r\n _this._opacity = elem.val() / 100;\r\n var opacityForScope = _this._opacity;\r\n for (var _i = 0, _a = _this._baseLayers; _i < _a.length; _i++) {\r\n var l = _a[_i];\r\n if (l.getVisible()) {\r\n l.setOpacity(opacityForScope);\r\n }\r\n }\r\n _this._mapStore.onOpacityChanged(_this._opacity);\r\n };\r\n //set initial opacity too\r\n for (var _i = 0, _a = _this._baseLayers; _i < _a.length; _i++) {\r\n var l = _a[_i];\r\n if (l.getVisible()) {\r\n l.setOpacity(defaultOpacity);\r\n }\r\n }\r\n if ($(\".mapSlider\")[0]) {\r\n $(\".mapSlider\").slider({\r\n min: 20,\r\n max: 100,\r\n value: defaultOpacity * 100\r\n }).on('change', function () {\r\n onOpacityChanged($(this));\r\n });\r\n $(\".mapSliderContainer .tooltip\").hide();\r\n }\r\n };\r\n this.addBaseLayers = function () {\r\n //add the base layers to the layer switcher\r\n var ul = $(\"
\", { \"class\": \"esdm-layer-switcher\" });\r\n var pnl = $(\"#panelBaseLayers\").append(ul);\r\n var self = _this;\r\n var _loop_1 = function (bLyr) {\r\n var li = $(\"