1"use strict"; 2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="f19557a6-c2e8-5ead-957b-193925864adf")}catch(e){}}(); 3(self.webpackChunkthe_hive_legacy=self.webpackChunkthe_hive_legacy||[]).push([[602,650],{36488:function(e,t,a){var o=a(45627),s=a.n(o),r=a(76798),i=a.n(r)()(s());i.push([e.id,".microapp-mapbox[data-v-6dd09468]{height:100%;position:relative}.mapbox[data-v-6dd09468]{bottom:0;position:absolute;top:0;width:100%}.mapboxgl-geocoder[data-v-6dd09468]{margin:10px}.drawOutput[data-v-6dd09468],.style[data-v-6dd09468]{background-color:#fff;border-radius:4px;box-shadow:0 0 10px 2px rgba(0,0,0,.1);box-sizing:border-box;font-size:15px;line-height:20px;margin:0 10px 10px;max-height:500px;max-width:360px;min-width:240px;position:relative;transition:width .25s,min-width .25s;width:100%;z-index:1}.drawOutput pre[data-v-6dd09468],.style pre[data-v-6dd09468]{font-size:10px;max-height:370px;overflow:auto}","",{version:3,sources:["webpack://./application/js/build/commons/microapps/mapbox/Mapbox.vue"],names:[],mappings:"AACA,kCAEI,WAAA,CADA,iBACA,CAEJ,yBAGI,QAAA,CAFA,iBAAA,CACA,KAAA,CAEA,UAAA,CAEJ,oCACI,WAAA,CAEJ,qDAQI,qBAAA,CAIA,iBAAA,CANA,sCAAA,CAQA,qBAAA,CAZA,cAAA,CACA,gBAAA,CAYA,kBAAA,CAVA,gBAAA,CADA,eAAA,CAMA,eAAA,CAHA,iBAAA,CAMA,oCAAA,CAJA,UAAA,CAEA,SAIA,CACA,6DAEI,cAAA,CACA,gBAAA,CAFA,aAEA",sourcesContent:["\n.microapp-mapbox {\n position: relative;\n height: 100%;\n}\n.mapbox {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 100%;\n}\n.mapboxgl-geocoder {\n margin: 10px;\n}\n.drawOutput,\n.style {\n font-size: 15px;\n line-height: 20px;\n max-width: 360px;\n max-height: 500px;\n box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);\n position: relative;\n background-color: #fff;\n width: 100%;\n min-width: 240px;\n z-index: 1;\n border-radius: 4px;\n transition: width 0.25s, min-width 0.25s;\n box-sizing: border-box;\n margin: 0 10px 10px;\n pre {\n overflow: auto;\n font-size: 10px;\n max-height: 370px;\n }\n}\n"],sourceRoot:""}]),t.A=i},49884:function(e,t,a){var o=a(45627),s=a.n(o),r=a(76798),i=a.n(r)()(s());i.push([e.id,".mapboxgl-wrapper[data-v-45f0c1d0]{position:relative;width:100%}.marker[data-v-45f0c1d0]{background-repeat:no-repeat;background-size:100%;bottom:0;display:inline-block;height:42px;text-align:center;width:32px}.marker .center[data-v-45f0c1d0]{background-image:url(/application/images/the_hive_web_map/home_marker.png);position:absolute}.marker .ghost[data-v-45f0c1d0]{left:-99999px;position:absolute;top:-99999px}","",{version:3,sources:["webpack://./packages/the_hive_multimedia/js/webmap-viewer/src/components/WebmapViewer.vue"],names:[],mappings:"AACA,mCACI,iBAAA,CACA,UAAA,CAEJ,yBAGI,2BAAA,CACA,oBAAA,CACA,QAAA,CACA,oBAAA,CAJA,WAAA,CAKA,iBAAA,CANA,UAMA,CACA,iCAEI,0EAAA,CADA,iBACA,CAEJ,gCAEI,aAAA,CADA,iBAAA,CAEA,YAAA",sourcesContent:['\n.mapboxgl-wrapper {\n position: relative;\n width: 100%;\n}\n.marker {\n width: 32px;\n height: 42px;\n background-repeat: no-repeat;\n background-size: 100%;\n bottom: 0;\n display: inline-block;\n text-align: center;\n .center {\n position: absolute;\n background-image: url("/application/images/the_hive_web_map/home_marker.png");\n }\n .ghost {\n position: absolute;\n left: -99999px;\n top: -99999px;\n }\n}\n'],sourceRoot:""}]),t.A=i},91650:function(e,t,a){a.r(t),a.d(t,{default:function(){return f}});var o=a(57879),s=a(19193),r=a(98528),i=a(46996),n=a(15915),l=a.n(n),p=a(54869);a(94112);function c(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function m(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};
3t%2?c(Object(a),!0).forEach((function(t){d(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):c(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function d(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var o=a.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var u={name:"Mapbox",inheritAttrs:!1,props:{mapId:{type:String,required:!0},googleMapsAPIKey:{type:String},externalGeocoder:{type:Boolean,default:!1},options:{type:Object,default:()=>({minZoom:1,maxZoom:20,doubleClickZoom:!1,center:[0,0],zoom:5,bearing:0,pitch:0,style:"mapbox://styles/mapbox/streets-v10"})}},watch:{"mapOptions.center":function(e,t){e&&!(0,i.A)(e,t)&&this.map.stop().easeTo({center:e,zoom:this.map.getZoom()})},"mapOptions.zoom":function(e,t){(0,i.A)(e,t)||this.map.stop().jumpTo({zoom:e})},"mapOptions.bearing":function(e,t){(0,i.A)(e,t)||this.map.setBearing(e)},"mapOptions.pitch":function(e,t){(0,i.A)(e,t)||this.map.setPitch(e)},"mapOptions.maxBounds":function(e,t){(0,i.A)(e,t)||this.map.setMaxBounds(e)},"mapOptions.scrollZoom":function(e){e?this.map.scrollZoom.enable():this.map.scrollZoom.disable()},mapboxControlsData:{handler:function(e,t){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","mapboxControlsData"],value:e,upsert:!0})},deep:!0,immediate:!0},"interface.scaleControl":{handler:function(e){this.setScaleControl(e)},deep:!0},"interface.geolocateControl":{handler:function(e){this.setGeolocateControl(e)},deep:!0},"interface.geocoderControl":{handler:function(e){this.setGeocoderControl(e)},deep:!0},mapSize(){let e=this;this.$nextTick((()=>{e.map.resize()}))}},computed:{accessToken:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","accessToken"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","accessToken"],value:e,upsert:!0})}},layers:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","layers"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","layers"],value:e,upsert:!0})}},mapOptions:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options"],value:e,upsert:!0})}},mapStatus:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","status"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","status"],value:e,upsert:!0})}},map:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","map"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","map"],value:e,upsert:!0})}},symbols(){try{return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","symbols"]})||[]}catch(e){return[]}},interface(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","interface"]})},controls(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls"]})},NavigationControl:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","NavigationControl"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","NavigationControl"],value:e,upsert:!0})}},GeolocateControl:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","GeolocateControl"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","GeolocateControl"],value:e,upsert:!0})}},ScaleControl:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","ScaleControl"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","ScaleControl"],value:e,upsert:!0})}},AttributionControl:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","AttributionControl"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","AttributionControl"],value:e,upsert:!0})}},FullscreenControl:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","FullscreenControl"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","controls","FullscreenControl"],value:e,upsert:!0})}},MapboxGeocoder:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","plugins","MapboxGeocoder"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","plugins","MapboxGeocoder"],value:e,upsert:!0})}},MapboxDraw:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","plugins","MapboxDraw"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","plugins","MapboxDraw"],value:e,upsert:!0})}},drawOutput:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","drawOutput"]}||{})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","drawOutput"],value:e,upsert:!0})}},geographicRegion(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","geographicRegion"]})},mapSize:{get(){return o.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox","mapSize"]})},set(e){o.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","mapSize"],value:e,upsert:!0})}}},methods:{handleClick(e){"basemapControl"==e.target.name&&this.map.setStyle("mapbox://styles/mapbox/"+e.target.value)},mapInit(){mapboxgl||console.error("Mapbox plugin not loaded"),mapboxgl.supported()||console.error("Mapbox not supported"),mapboxgl.accessToken=this.accessToken,this.mapOptions=m(m({container:this.uniqueId},this.options),this.mapOptions?this.mapOptions:{});const e=new mapboxgl.Map(this.mapOptions);return this.mapContainer=e.getContainer(),e}
3,setScaleControl(e){!e.show||this.mapboxControls.ScaleControl instanceof mapboxgl.ScaleControl?!e.show&&this.mapboxControls.ScaleControl instanceof mapboxgl.ScaleControl&&(this.map.removeControl(this.mapboxControls.ScaleControl),this.mapboxControls.ScaleControl={}):(this.mapboxControls.ScaleControl=new mapboxgl.ScaleControl(e.options),this.map.addControl(this.mapboxControls.ScaleControl,e.position))},async setGeocoderControl(e){let t=this;if(e.show){let a=m({accessToken:this.accessToken||"",marker:!1,flyTo:!0,placeholder:"Enter an address",collapsed:!1,clearAndBlurOnEsc:!0,clearOnBlur:!0,minLength:3,limit:5,reverseGeocode:!0},t.externalGeocoder?{localGeocoderOnly:!0,localGeocoder:()=>{}}:{});if(this.MapboxGeocoder=new(l())(m(m({},a),e.options)),e.container?document.querySelector(e.container).appendChild(this.MapboxGeocoder.onAdd(this.map)):this.map.addControl(this.MapboxGeocoder,e.position),this.MapboxGeocoder.on("result",(e=>s.l.$emit("geocoder-result",e))),this.MapboxGeocoder.on("error",(e=>s.l.$emit("geocoder-error",e))),t.externalGeocoder)try{const e=new p.aH({apiKey:t.googleMapsAPIKey,version:"weekly",libraries:["places"]});await e.load();const a=this.MapboxGeocoder.container;a.querySelector(".suggestions-wrapper").classList.add("hidden");const o=this.MapboxGeocoder.container.querySelector("input"),r=new google.maps.LatLngBounds(new google.maps.LatLng(this.mapOptions.center[1]-.1,this.mapOptions.center[0]-.1),new google.maps.LatLng(this.mapOptions.center[1]+.1,this.mapOptions.center[0]+.1)),i=new google.maps.places.Autocomplete(o,{bounds:r,strictBounds:!1});google.maps.event.addListener(i,"place_changed",(function(){const e=i.getPlace();e.geometry&&(t.MapboxGeocoder.setInput(e.formatted_address),s.l.$emit("geocoder-result",{result:e}))}))}catch(e){console.error(e)}}},setGeolocateControl(e){!e.show||this.mapboxControls.GeolocateControl instanceof mapboxgl.GeolocateControl?!e.show&&this.mapboxControls.GeolocateControl instanceof mapboxgl.GeolocateControl&&(this.map.removeControl(this.mapboxControls.GeolocateControl),this.mapboxControls.GeolocateControl={}):(this.mapboxControls.GeolocateControl=new mapboxgl.GeolocateControl(e.options),e.container?document.querySelector(e.container).appendChild(this.mapboxControls.GeolocateControl.onAdd(this.map)):this.map.addControl(this.mapboxControls.GeolocateControl,e.position))},setDrawMode(e){this.mapContainer.classList.remove("LineString","Polygon","Point");let t="";switch(e){case"draw_line_string":t="LineString";break;case"draw_polygon":t="Polygon";break;case"draw_point":t="Point";break;default:t=this.drawOutput&&this.drawOutput.features&&this.drawOutput.features.length?this.drawOutput.features[0].geometry.type:""}t&&this.mapContainer.classList.add(t)},setDrawFeature(e){if(1==e.features.length&&"Feature"===e.features[0].type){let t=e.features[0];this.mapboxControlsData.drawFeatureIdSelected=t.id,this.mapboxControlsData.drawFeatureTypeSelected=t.geometry.type}},registerEvents(e){e.on("load",(()=>{this.mapStatus="loaded",s.l.$emit("map-load",e)})),e.on("idle",(()=>{this.mapStatus="idle",s.l.$emit("map-idle",e)})),e.on("click",(e=>{if(this.interface.drawControl.show){if(!this.mapboxControlsData.isDrawNewFeature){let t=this.MapboxDraw.getFeatureIdsAt(e.point);this.mapboxControlsData.drawFeatureIdSelected=t.length?t[0]:""}this.mapboxControlsData.isDrawNewFeature=!1}})),e.on("styleimagemissing",(e=>{const t=e&&e.id;if(!t)return void console.warn("styleimagemissing without id",e);const a=this.map;if(!(a instanceof mapboxgl.Map))return void console.warn(`styleimagemissing for ${t} ignored because map is not ready`,e);const o=Array.isArray(this.symbols)?this.symbols:[];if(!o.length)return void console.warn(`styleimagemissing for ${t} without symbol registry`,e);const s=o.find((e=>e.symbolId===t));if(s&&s.symbolElement)try{a.hasImage(t)?a.updateImage(t,s.symbolElement):a.addImage(t,s.symbolElement,s.symbolOptions||{pixelRatio:2}),console.info(`styleimagemissing resolved for ${t}`)}catch(a){console.error(`Failed to register image ${t}`,a,e)}else console.warn(`styleimagemissing unresolved for ${t}`,e)})),e.on("error",(e=>console.error("error",e)))},createControl({container:e,position:t,map:a}={}){return new class{onAdd(t){return this._map=t,this._container=e,this._container}onRemove(){this._container.parentNode.removeChild(this._container),this._map=void 0}getDefaultPosition(){return t}}}
3,addControls(e){let t=this;if(this.interface.customControls&&this.interface.customControls.length)for(let t of this.interface.customControls){let a=hiveUtils.createElement(t.controlElement);this.mapboxControls[t.name]=this.createControl({container:a,position:t.position,map:e}),t.container?document.querySelector(t.container).appendChild(this.mapboxControls[t.name].onAdd(e)):e.addControl(this.mapboxControls[t.name],t.position)}if(this.interface.attributionControl.show&&(this.AttributionControl=new mapboxgl.AttributionControl(this.interface.attributionControl.options),e.addControl(this.AttributionControl,this.interface.attributionControl.position)),this.interface.navigationControl.show&&(this.NavigationControl=new mapboxgl.NavigationControl(this.interface.navigationControl.options),this.interface.navigationControl.container?document.querySelector(this.interface.navigationControl.container).appendChild(this.NavigationControl.onAdd(e)):e.addControl(this.NavigationControl,this.interface.navigationControl.position)),this.interface.homeControl.show){let t=hiveUtils.createElement('<button class="mapboxgl-ctrl-icon mapboxgl-ctrl-home" data-ui-id="mapboxgl-ctrl-home" type="button" aria-label="Home"><i class="hive-house-2"></i></button>');this.HomeControl=this.createControl({container:t,position:"top-right",map:e}),this.interface.homeControl.container?document.querySelector(this.interface.homeControl.container).appendChild(this.HomeControl.onAdd(e)):e.addControl(this.HomeControl,this.interface.homeControl.position),this.HomeControl._container.addEventListener("click",this.showHome)}this.setScaleControl(this.interface.scaleControl),this.setGeocoderControl(this.interface.geocoderControl),this.setGeolocateControl(this.interface.geolocateControl),this.interface.fullscreenControl.show&&(this.FullscreenControl=new mapboxgl.FullscreenControl(this.interface.fullscreenControl.options),e.addControl(this.FullscreenControl,this.interface.fullscreenControl.position)),this.interface.drawControl.show&&(this.MapboxDraw=new MapboxDraw(this.interface.drawControl.options),e.addControl(this.MapboxDraw,this.interface.drawControl.position),e.on("draw.create",(e=>{t.mapboxControlsData.isDrawNewFeature=!0,t.drawOutput=t.MapboxDraw.getAll()})),e.on("draw.delete",(e=>{t.mapContainer.classList.remove("feature-selected"),t.drawOutput=t.MapboxDraw.getAll(),t.drawOutput.features.length||t.mapContainer.classList.remove("LineString","Polygon","Point")})),e.on("draw.combine",(e=>{t.drawOutput=t.MapboxDraw.getAll()})),e.on("draw.uncombine",(e=>{t.drawOutput=t.MapboxDraw.getAll()})),e.on("draw.update",(e=>{t.drawOutput=t.MapboxDraw.getAll(),t.setDrawFeature(e)})),e.on("draw.selectionchange",(e=>{t.mapboxControlsData.drawFeatureIdsSelected=e.features.map((e=>e.id)),t.setDrawFeature(e),t.mapContainer.classList.toggle("feature-selected",e.features.length)})),e.on("draw.modechange",(e=>{this.setDrawMode(e.mode)})),e.on("draw.actionable",(e=>{})),e.on("draw.render",(e=>{this.setDrawMode()})))},showHome(){this.map.stop().easeTo({center:this.mapOptions.center,zoom:this.mapOptions.zoom,bearing:this.mapOptions.bearing,pitch:this.mapOptions.pitch})}},data(){return{uniqueId:`map-${(0,r.A)(1e7)}`,mapContainer:null,mapboxControls:{},mapboxControlsData:{drawFeatureIdsSelected:[],drawFeatureTypeSelected:!1,drawFeatureIdSelected:"",isDrawNewFeature:!1},mapboxPopup:null}},activated(){this.map.resize(),this.showHome()},created(){},mounted(){this.map=this.mapInit(),this.addControls(this.map),this.registerEvents(this.map)},beforeDestroy(){this.map instanceof mapboxgl.Map&&this.map.remove(),this.HomeControl&&this.HomeControl._container.removeEventListener("click",this.showHome)},destroyed(){}},h=u,b=a(85072),y=a.n(b),g=a(36488),v={insert:"head",singleton:!1},f=(y()(g.A,v),g.A.locals,(0,a(14486).A)(h,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"microapp-mapbox",style:`min-height:${e.mapSize}`,attrs:{id:e.mapId+"-container"},on:{click:e.handleClick}},[e.mapOptions?t("div",e._g({staticClass:"mapbox",attrs:{id:e.options.container||e.uniqueId}},e.$listeners)):e._e(),e._v(" "),e._t("default")],2)}
3),[],!1,null,"6dd09468",null).exports)},95602:function(e,t,a){a.r(t),a.d(t,{default:function(){return H}});a(25509),a(65223),a(60321),a(41927),a(11632),a(64377),a(66771),a(12516),a(68931),a(52514),a(35694),a(52774),a(49536),a(21926),a(16864),a(16215);var o,s,r,i,n,l,p,c,m,d,u=a(57413),h=a(92387),b=a(23041),y=a(39367),g=a(46996),v=a(52290),f=a(98528),x=a(63366),w=a(87842),C=a(66401),k=a(52993),S=a(57879),A=a(91650),M=a(33102),I=a(77386),P={name:"SmallDisplayPopup",props:["featureProperties","isMobile"],data(){return{isViewSubmissionExpanded:!1,isTruncated:!1}},methods:{close(){this.isViewSubmissionExpanded=!1,this.$emit("closePopup")},truncate:function(e,t,a){a=a||"...";var o=document.createElement("div");o.innerHTML=e;var s=o.textContent;return s.length>t?(this.isTruncated=!0,s.slice(0,t)+a):(this.isTruncated=!1,s)}}},j=a(14486),L=(0,j.A)(P,(function(){var e=this,t=e._self._c;return t("div",{class:[{"mobile inset map-panels":e.isMobile,desktop:!e.isMobile,"inset-bottom":!e.isViewSubmissionExpanded,"full-height":e.isViewSubmissionExpanded}]},[t("div",{ref:"panel",class:[{collapsed:e.isMobile&&!e.isViewSubmissionExpanded,expanded:e.isMobile&&e.isViewSubmissionExpanded},"view-hive-submission pin-details-wrapper panel-full panel-right"]},[t("div",{class:[{"has-thumbnail":e.featureProperties.hiveFeatureMedia},"pin-details container-fluid"]},[e.isTruncated||e.featureProperties.hiveFeatureDescription?t("button",{staticClass:"handle-bar hidden-sm hidden-md hidden-lg",on:{click:function(t){e.isViewSubmissionExpanded=!0}}},[t("i",{staticClass:"fa-solid fa-chevron-up",attrs:{"aria-hidden":"true"}}),e._v("\n "+e._s(e.$t("readMore"))+"\n ")]):e._e(),e._v(" "),t("div",{staticClass:"row"},[t("div",{staticClass:"col-xs-12"},[t("div",{staticClass:"pin-body"},[t("div",{directives:[{name:"show",rawName:"v-show",value:!!e.featureProperties.hiveFeatureMedia,expression:"!!featureProperties.hiveFeatureMedia"}],staticClass:"pin-media"},[t("button",{class:["btn btn-close",{"btn-inverse":e.featureProperties.hiveFeatureMedia&&e.isMobile&&e.isViewSubmissionExpanded||e.featureProperties.hiveFeatureMedia&&!e.isMobile}],attrs:{type:"button","aria-label":e.$t("close")},on:{click:e.close}},[t("i",{staticClass:"fa-solid fa-xmark",attrs:{"aria-hidden":"true"}})]),e._v(" "),t("button",{staticClass:"btn btn-collapse btn-close btn-inverse hidden-sm hidden-md hidden-lg",attrs:{type:"button","aria-label":e.$t("collapse")},on:{click:function(t){e.isViewSubmissionExpanded=!1}}},[t("i",{staticClass:"fa-solid fa-chevron-down",attrs:{"aria-hidden":"true"}})]),e._v(" "),e.featureProperties.hiveFeatureMedia?t("div",{staticClass:"pin-image",style:`background-image: url(${e.featureProperties.hiveFeatureMedia})`}):e._e()]),e._v(" "),t("button",{directives:[{name:"show",rawName:"v-show",value:!e.featureProperties.hiveFeatureMedia,expression:"!featureProperties.hiveFeatureMedia"}],staticClass:"btn btn-close btn-cancel",attrs:{type:"button","aria-label":e.$t("close")},on:{click:e.close}},[t("i",{staticClass:"fa-solid fa-xmark",attrs:{"aria-hidden":"true"}})]),e._v(" "),t("button",{directives:[{name:"show",rawName:"v-show",value:!e.featureProperties.hiveFeatureMedia,expression:"!featureProperties.hiveFeatureMedia"}],staticClass:"btn btn-collapse btn-close hidden-sm hidden-md hidden-lg",attrs:{type:"button","aria-label":e.$t("collapse")},on:{click:function(t){e.isViewSubmissionExpanded=!1}}},[t("i",{staticClass:"fa-solid fa-chevron-down",attrs:{"aria-hidden":"true"}})]),e._v(" "),t("div",{class:["pin-content",{"no-media":!e.featureProperties.hiveFeatureMedia}]},[t("div",{staticClass:"submission-body"},[e.featureProperties.hiveFeatureTitle?t("h4",{staticClass:"submission-title ljs"},[e._v(e._s(e.isViewSubmissionExpanded||!e.isMobile?e.featureProperties.hiveFeatureTitle:e.truncate(e.featureProperties.hiveFeatureTitle,200)))]):e._e(),e._v(" "),!e.featureProperties.hiveFeatureDescription||!e.isViewSubmissionExpanded&&e.isMobile?e._e():t("p",{staticClass:"submission-description ljs",domProps:{innerHTML:e._s(e.featureProperties.hiveFeatureDescription)}})])])])])])])])])}),[],!1,null,null,null).exports;const _=["hiveFeatureTitle","name","hiveFeatureDescription","description","hiveFeatureMedia"];function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var o,s,r,i,n=[],l=!0,p=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(o=r.call(a)).done)&&(n.push(o.value),n.length!==t);l=!0);}catch(e){p=!0,s=e}
3finally{try{if(!l&&null!=a.return&&(i=a.return(),Object(i)!==i))return}finally{if(p)throw s}}return n}}(e,t)||function(e,t){if(e){if("string"==typeof e)return F(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?F(e,t):void 0}}(e,t)||function(){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 F(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,o=Array(t);a<t;a++)o[a]=e[a];return o}function T(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function D(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){z(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function z(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var o=a.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var B={name:"WebmapViewer",inheritAttrs:!1,props:{id:{type:String,default:()=>`map-${(0,f.A)(1e7)}`},blockMeta:Object,blockData:Object,blockSets:Object,blockDefaults:Object,blockPreview:{type:Boolean,default:!1}},components:{Mapbox:A.default,SmallDisplayPopup:L,Overlay:()=>a.e(563).then(a.bind(a,57563))},data(){return{webmapId:`webmap-${this.blockMeta["unique-id"]}`,mapboxSymbols:[],mapboxStyleModel:{version:8,name:"",metadata:{layers:{}},center:[0,0],zoom:0,bearing:0,pitch:0,sources:{},sprite:"",glyphs:"",layers:[]},mapboxStyleObject:{},mapboxDefaultStyles:{MapboxStreets:"streets-v11",MapboxLight:"light-v10",MapboxDark:"dark-v10",MapboxSatellite:"satellite-v9",MapboxHybrid:"satellite-streets-v11"},mapboxCenterMarker:null,googleMapStyles:{GoogleRoadmap:"m",GoogleSatellite:"s",GoogleHybrid:"y"},featureProperties:null,showSmallDisplayPopup:!1,isSmallMapHeight:!1,clickedFeaturePopup:null,clickedFeatureLocation:null,selectedLayerIds:[],status:[],mapLoadError:!1,observers:{},isMobile:null,isTablet:null,isTouch:null,isHighDensity:null,isLandscape:null,isGeolocationCapable:null,showOverlay:!1,fullscreen:null,ftLocalStorage:JSON.parse(localStorage.getItem("the_hive_web_map"))||{},ally:{entry:null,maintain:{hidden:null,disabled:null,tabFocus:null}},overlayComponent:{name:"Overlay",props:{parentId:this.mapId,overlayClasses:["the-hive-web-map"],isInteractable:!1},show:!1,defaultSlot:"",showTimeout:null,hideTimeout:null}}},watch:{selectedLayerIds:function(e){this.updateLayerVisibility(e)},isMobile(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","mapSize"],upsert:!0,value:e?"80vh":this.model.mapSize})}},computed:{dev(){return"development"==window.app.hive.env},blockUrl(){return this.model.collectionLink||window.location.href},googleMapsAPIKey(){return this.blockSets.googleMapsAPIKey},mapId(){return`viewer-${this.id}`},user:{get(){return u.rS.getState({storeId:this.mapId,object:this.blockPreview?"blockFormdata":"blockOverride",objectPath:["user"]})},set(e){u.z4.setState({storeId:this.mapId,object:this.blockPreview?"blockFormdata":"blockOverride",objectPath:["user"],upsert:!0,value:e})}},mapbox:{get(){return S.rS.getState({storeId:this.mapId,object:"ui",objectPath:["mapbox"]})},set(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox"],value:e,upsert:!0})}},blockFormdata(){return u.rS.getState({storeId:this.mapId,object:"blockFormdata"})},blockOverride(){return u.rS.getState({storeId:this.mapId,object:"blockOverride"})},model(){let e=D(D(D(D({},this.blockDefaults),this.blockSets),this.blockData),this.blockPreview?this.blockFormdata:this.blockOverride);
3for(let t in e)switch(t){case"mapLon":case"mapLat":case"mapZoomLevel":case"mapBearing":case"mapPitch":e[t]=Number(e[t]);break;case"mapBounds":e[t]=e[t]?Array.isArray(e[t])?e[t]:JSON.parse(e[t]):[];break;case"mapScrollZoom":e[t]=!!+e[t]}return e.layers&&Array.isArray(e.layers)&&(e.layers=e.layers.filter((e=>"carto"!=e.layerType))),e},customLayers(){return this.model.layers?this.model.layers.filter((e=>"custom"==e.layerType)):[]},mapSources(){return this.mapboxStyleObject.sources},mapLayers(){return this.mapboxStyleObject.layers.filter((e=>!e.id.startsWith("hive-mask")))||[]},maskLayer(){return this.mapboxStyleObject.layers.filter((e=>e.id.startsWith("hive-mask")))||[]},hasMaskLayer(){return!!this.model.layers&&!!this.model.layers.find((e=>"mask"==e.layerType))},isMaskInverted(){return!!this.hasMaskLayer&&!!this.model.layers.find((e=>"mask"==e.layerType&&!!+e.styleInvert))},hiveLayers(){return this.model.layers&&this.model.layers.filter((e=>"mask"!=e.layerType))},hiveMaskLayer(){return this.model.layers&&this.model.layers.find((e=>"mask"==e.layerType))},defaultBasemap:{get(){return this.model.defaultBasemap},set(e){u.z4.setState({storeId:this.mapId,object:this.blockPreview?"blockFormdata":"blockOverride",objectPath:["defaultBasemap"],upsert:!0,value:e})}},isFirstVisit(){return(0,C.A)(this.ftLocalStorage)||(0,C.A)(this.ftLocalStorage[this.blockMeta["b-id"]])||!this.ftLocalStorage[this.blockMeta["b-id"]].visited},animationDuration(){return this.isMobile?200:300},blockElements(){let e=this;return{mapWrapper(){return e.$el.querySelector(".map-wrapper")},mapBody(){return e.$el.querySelector(".map-body")},map(){return e.$el.querySelector(".mapboxgl-wrapper")},mapSpinner(){return e.$el.querySelector(".map .mapboxgl-loading")},mapPanels(){return e.isMobile?e.$el.querySelector(".map-panels.mobile"):e.$el.querySelector(".map-panels.desktop")},mapTopbar(){return e.$el.querySelector(".map-top-bar")},mapDock(){return e.$el.querySelector(".map-dock")},mapBtns(){return e.$el.querySelector(".map-wrapper .btn-map")},wrappers(){return e.$el.querySelector('.panel-right[class*="wrapper"], .panel-left[class*="wrapper"]')},baseMapsWrapper(){return e.$el.querySelector(".map-base-wrapper")},basemapsInput(){return e.$el.querySelector('.map-base-wrapper input[name="baseMap"]')},mapInfoWrapper(){return e.$el.querySelector(".map-info-wrapper")},layersWrapper(){return e.$el.querySelector(".map-layers-wrapper")},layersInput(){return e.$el.querySelector(".map-layers-wrapper input")},mapOverlay(){return e.$el.querySelector(".map-overlay")},mapOverlayContent(){return e.$el.querySelector(".map-overlay-content")}}},layerProps(){return this.mapboxStyleObject.metadata.layers&&Object.keys(this.mapboxStyleObject.metadata.layers).length&&[...new Set(Object.values(this.mapboxStyleObject.metadata.layers).map((e=>e.layerProps)).reduce(((e,t)=>e.concat(t)),[]))]},filters(){return this.layerProps&&this.layerProps.length&&this.layerProps.map((e=>["all",["has",e],["!=",e,""]]))},isRasterBasemap(){return!this.defaultBasemap.startsWith("Mapbox")}},methods:{disengageAlly(){this.ally.maintain.tabFocus&&(this.ally.maintain.tabFocus.disengage(),this.ally.maintain.tabFocus=null),this.ally.maintain.disabled&&(this.ally.maintain.disabled.disengage(),this.ally.maintain.disabled=null),this.ally.maintain.hidden&&(this.ally.maintain.hidden.disengage(),this.ally.maintain.hidden=null)},updateLayerVisibility:async function(e){const t=this.mapbox&&this.mapbox.map;if(!(t instanceof mapboxgl.Map))return void console.warn("Map not ready when updating layer visibility");let a=this;try{await window.hiveUtils.waitForCondition((()=>a.status.includes("idle")))&&!this.mapboxStyleObject.layers.every((e=>t.getLayer(e.id)))&&console.error("All layers not available"),this.mapboxStyleObject.layers.forEach((a=>t.setLayoutProperty(a.id,"visibility",e.includes(String(a.id).replace("-stroke",""))?"visible":"none")))}catch(e){return void console.error("Layer visibility update timeout:",e)}},nonCompositeLayerIDs(){const e=this.mapbox&&this.mapbox.map;return e instanceof mapboxgl.Map?this.mapboxStyleObject.layers.reduce(((t,a)=>
3(e.getLayer(a.id)&&t.push(a.id),t)),[]):[]},queryableNonCompositeLayerIDs(){const e=this.mapbox&&this.mapbox.map;if(!(e instanceof mapboxgl.Map))return[];let t=Object.keys(this.mapboxStyleObject.metadata.layers);return this.mapboxStyleObject.layers.reduce(((a,o)=>(e.getLayer(o.id)&&(o.id.startsWith("hive-custom")||t.includes(o.id))&&a.push(o.id),a)),[])},resizeMapbox(){var e;const t=this.mapbox&&this.mapbox.map;if(!(t instanceof mapboxgl.Map))return void console.warn("Map not ready during resizeMapbox");t.setMaxBounds().resize();const a=null!==(e=this.model.mapBounds)&&void 0!==e&&e.length?this.model.mapBounds:t.getBounds();+this.model.lockExtent&&a&&t.setMaxBounds(a)},setOverlay({show:e,content:t,interactable:a,hideAfter:o,showAfter:s}={}){let r=this;e?(clearTimeout(r.overlayComponent.hideTimeout),r.overlayComponent.showTimeout=null,r.overlayComponent.showTimeout=setTimeout((function(){r.overlayComponent.defaultSlot=t||"",r.overlayComponent.show=!0,r.overlayComponent.props.isInteractable=!!a}),s||0)):(clearTimeout(r.overlayComponent.showTimeout),r.overlayComponent.hideTimeout=null,r.overlayComponent.hideTimeout=setTimeout((function(){r.overlayComponent.defaultSlot="",r.overlayComponent.show=!1}),o||0))},resetOverlay(){this.overlayComponent={name:"Overlay",props:{parentId:this.mapId,overlayClasses:["the-hive-social-map"],isInteractable:!1},show:!1,defaultSlot:"",showTimeout:null,hideTimeout:null}},isJsonString(e){try{let t=JSON.parse(e);if(t&&"object"==typeof t)return!0}catch(e){console.error(e)}return!1},toggleFullscreen(e){let t=this;if(this.blockPreview)return!1;this.fullscreen=!this.fullscreen,this.$nextTick((()=>t.resizeMapbox()))},hasLegendList(e){const t=Object.keys(e.legend).length&&e.legend.data;if(!t||!t.length)return!1;const a=t.length&&t[0],o=["LineString","MultiLineString"].includes(e.geometry);let s=[a.title,a.strokeColor,...o?[]:[a.fillColor]].map((e=>"string"==typeof e&&e.toUpperCase())),r=[e.layerLabel,e.strokeColor,...o?[]:[e.fillColor]].map((e=>"string"==typeof e&&e.toUpperCase()));return t.length>1||1==t.length&&!(0,g.A)(s,r)},bsModalHack(e){e.target.style.zIndex="show"==e.type?1301:""},generateFeaturePopup(e){let t=e.properties,a=t.hiveFeatureTitle,o=t.name,s=t.hiveFeatureDescription,r=t.description,i=t.hiveFeatureMedia,n=function(e,t){if(null==e)return{};var a,o,s=function(e,t){if(null==e)return{};var a={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;a[o]=e[o]}return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(o=0;o<r.length;o++)a=r[o],-1===t.indexOf(a)&&{}.propertyIsEnumerable.call(e,a)&&(s[a]=e[a])}return s}(t,_),l={title:a||o||"",description:s||r||"",media:Number.isInteger(i)?`${CCM_APPLICATION_URL}/download_file/view_inline/${i}`:i,properties:n};return(0,w.A)('<div class="feature-popup light with-media">\n <div class="feature-popup-inner ljs">\n <% if (!!media) { %>\n <div class="feature-popup-media">\n <img\n src="<%= media %>"\n alt="<%= title || \'\' %>"\n />\n </div>\n <% } %>\n <% if (!!title || !!description || Object.keys(properties).length) { %>\n <div class="feature-popup-content<% if (!media) { %> no-media<% } %>">\n <% if (!!title) { %>\n <h4 class="feature-title"><%= title %></h4>\n <% } %>\n <% if (!!description) { %>\n <div class="feature-description">\n <div class="feature-description-content"><%= description %></div>\n </div>\n <% } %>\n <% if (Object.keys(properties).length) { %>\n <div class="feature-properties table-hover table-condensed table-responsive">\n <table class="table table-bordered">\n <% $.each( properties, function( key, value ) { %>\n <tr>\n <th><%- key %></th>\n <td><%- value %></td>\n </tr>\n <% }); %>\n </table>\n </div>\n <% } %>\n </div>\n <% } %>\n </div>\n </div>')(l)},resetMap(){this.blockElements.map().removeEventListener("mousemove",this.markerCursor)},reverseGeocode(e,t,a){let o=this;return a=a||{access_token:o.model.accessToken,country:o.model.countryCode,marker:!1,limit:1},new Promise((function(s,r){if(!t||!e){let e=o.$t("invalidCoordinatesDesc");HiveAlerts.error({title:o.$t("invalidCoordinates"),message:e}),r(Error(e))}b.A.get(`https://api.mapbox.com/geocoding/v5/mapbox.places/${t},${e}.json`,{params:a}).then((e=>{"OK"==e.statusText?e.data.features.length?s(e.data.features):s("No results found"):r(Error("Geocoder failed due to: "+status))})).catch((e=>r(Error(e))))}))},toggleStatus(e,t){this.setStatus(e,this.status.includes(e)?"remove":"add",t)},setStatus(e,t,a){let o=this;if("add"==t){if(this.status.includes(e))return;switch(!0){case e.startsWith("display-popout"):this.status=(0,k.Q)(o.status.filter((e=>!e.startsWith("display-popout"))).concat(e));break;case e.startsWith("display-panel"):this.status=(0,k.Q)(o.status.filter((e=>!e.startsWith("display-panel"))).concat(e));break;case"display-panel-form"==e:"undefined"!=typeof onLoadRecaptchaCallback&&onLoadRecaptchaCallback();break;default:this.status.push(e)}}else if("remove"==t&&(this.status=this.status.filter((t=>t!=e)),!0==("display-panel-form"==e)))this.resetAll();e.startsWith("display-")&&o.$emit("interact",{ui:{statusName:e,action:t,originalEvent:a}})},centerActiveMarker(e,t){const a=this.mapbox&&this.mapbox.map;if(a instanceof mapboxgl.Map){var o=t+50,s=a.getCanvasContainer().offsetWidth;e.length&&(e=e.map(Number)),a.stop().easeTo({center:e,zoom:a.getZoom()}),!this.isMobile&&s/2<o&&a.once("moveend",(()=>{a.panBy([o-s/2,0],{center:e,zoom:a.getZoom()})}))}
3else console.warn("Map not ready for centerActiveMarker")},detectDeviceFeatures(e,t){this.observers.deviceFeaturesObserver=t;let a=[].slice.call(document.documentElement.classList);this.isMobile=["mq-extraSmall","mq-small"].some((e=>a.includes(e))),this.isTablet=["mq-medium","mq-large"].some((e=>a.includes(e))),this.isTouch=a.includes("touch"),this.isHighDensity=a.includes("mq-highdensity"),this.isLandscape=a.includes("mq-landscape"),this.isGeolocationCapable=a.includes("geolocation");const o=this.mapbox&&this.mapbox.map;o instanceof mapboxgl.Map?o.resize():console.warn("Map not ready during detectDeviceFeatures")},setMapCenterMarker(e){if(this.mapboxCenterMarker instanceof mapboxgl.Marker&&this.mapboxCenterMarker.remove(),!+e)return;const t=this.mapbox&&this.mapbox.map;if(!(t instanceof mapboxgl.Map))return void console.warn("Map not ready for setMapCenterMarker");let a=hiveUtils.createElement('<div class="marker center"></div>');this.mapboxCenterMarker=new mapboxgl.Marker(a).setLngLat([Number(this.model.mapLon),Number(this.model.mapLat)]).addTo(t)},goToBookmark(e){const t=this.mapbox&&this.mapbox.map;if(!(t instanceof mapboxgl.Map))return void console.warn("Map not ready when running goToBookmark");let a=JSON.parse(e.target.value),o=a.bookmarkLon,s=a.bookmarkLat,r=a.bookmarkZoomLevel,i=a.bookmarkBearing,n=void 0===i?t.getBearing():i,l=a.bookmarkPitch,p=void 0===l?t.getPitch():l;t.stop().flyTo({center:[o,s],zoom:r,bearing:n,pitch:p})},getBasemap(e=this.model.defaultBasemap){let t;if(e.startsWith("Mapbox")){let a,o,s="mapbox";"MapboxCustom"===e?(s=this.model.baseMapsArray.basemap.MapboxCustom.options.username,a=this.model.baseMapsArray.basemap.MapboxCustom.options.styleID,o=""):(a=this.mapboxDefaultStyles[e],o="optimize=true"),t=`mapbox://styles/${s}/${a}?${o}`}else t=Object.assign({},this.mapboxStyleModel,{name:this.model.defaultBasemap,center:[Number(this.model.mapLon),Number(this.model.mapLat)],zoom:this.model.mapZoomLevel,bearing:this.model.mapBearing,pitch:this.model.mapPitch,glyphs:"mapbox://fonts/mapbox/{fontstack}/{range}.pbf",sprite:`mapbox://sprites/mapbox/${this.mapboxDefaultStyles.MapboxStreets}`,sources:D({},this.getBasemapSource(this.model.defaultBasemap)),layers:[...this.getBasemapLayer(this.model.defaultBasemap)]});return t},getBasemapFormat(e){return this.mapboxDefaultStyles[e]||"MapboxCustom"==e?"vector":"raster"},getBasemapSource(e){return"disabled"==e||e.startsWith("Mapbox")?{}:{basemap:D({type:this.getBasemapFormat(e)},"vector"==this.getBasemapFormat(e)?{url:`mapbox://styles/mapbox.${this.mapboxDefaultStyles[e]}`}:{tileSize:256,tiles:[...e.startsWith("Google")?[`https://mt0.google.com/vt/lyrs=${this.googleMapStyles[e]}&hl=en&x={x}&y={y}&z={z}&s=Ga`]:[],...e.startsWith("Stamen")?[`https://tiles.stadiamaps.com/tiles/stamen_toner/{z}/{x}/{y}@2x.png?api_key=${this.model.stadia_api_key}`]:[],...e.startsWith("OSM")?["https://a.tile.openstreetmap.org/{z}/{x}/{y}.png","https://b.tile.openstreetmap.org/{z}/{x}/{y}.png","https://c.tile.openstreetmap.org/{z}/{x}/{y}.png"]:[],..."WMS"==e?[this.model.baseMapsArray.basemap.WMS.options.url]:[]]})}},getBasemapLayer(e){return"disabled"==this.model.defaultBasemap||this.model.defaultBasemap.startsWith("Mapbox")?[]:[D(D({id:"basemap",type:"raster"},"vector"==this.getBasemapFormat(this.model.defaultBasemap)?{"source-layer":"basemap"}:{}),{},{source:"basemap",minzoom:0,maxzoom:20})]},prepareStyle(e){let t=(0,k.Q)(this.mapboxStyleModel);if(e.startsWith("Mapbox")){let a,o;"MapboxCustom"==e&&this.model.baseMapsArray.basemap.MapboxCustom&&(a=this.model.baseMapsArray.basemap.MapboxCustom.options.username,o=this.model.baseMapsArray.basemap.MapboxCustom.options.styleID),type={MapboxStreets:"streets",MapboxSatellite:"satellite",MapboxHybrid:"satellite-streets",MapboxLight:"light",MapboxDark:"dark"},a=a||"mapbox",o=o||type[e]+"-v9",t="mapbox://styles/"+a+"/"+o}else t={version:8,glyphs:"mapbox://fonts/mapbox/{fontstack}/{range}.pbf",sprite:"mapbox://sprites/mapbox/bright-v8",sources:{"raster-tiles":{type:"raster",tiles:[],tileSize:256}},layers:[{id:"raster-tiles",type:"raster",source:"raster-tiles",minzoom:0,maxzoom:20}]},e.startsWith("Google")?(type={GoogleRoadmap:"m",GoogleSatellite:"s",GoogleHybrid:"y"},t.sources["raster-tiles"].tiles=["https://mt0.google.com/vt/lyrs="+type[e]+"&hl=en&x={x}&y={y}&z={z}&s=Ga","https://mt0.google.com/vt/lyrs="+type[e]+"&hl=en&x={x}&y={y}&z={z}&s=Ga"]):e.startsWith("Stamen")?(type={StamenToner:"toner"},t.sources["raster-tiles"].tiles=["https://stamen-tiles.a.ssl.fastly.net/"+type[e]+"/{z}/{x}/{y}.png"]):e.startsWith("OSM")?(type={OSMStandard:"openstreetmap.org"},t.sources["raster-tiles"].tiles=["https://a.tile."+type[e]+"/{z}/{x}/{y}.png","https://b.tile."+type[e]+"/{z}/{x}/{y}.png","https://c.tile."+type[e]+"/{z}/{x}/{y}.png"]):"WMS"==e?t.sources["raster-tiles"].tiles=[this.model.baseMapsArray.basemap.WMS.options.url]:"disabled"==e&&(t.sources={},t.layers=[]);return{style:t,styleOptions:{diff:!0}}},getSources:async function(e){if(!e)return Promise.resolve(!0);this.setStatus("getting-sources","add");let t=await Promise.all(e.map((e=>this.prepareSource(e))));return t=t.reduce(((e,t)=>(e[t.id]=(0,k.Q)(t),delete e[t.id].id,e)),{}),this.mapboxStyleObject.sources=(0,k.Q)(t),this.setStatus("getting-sources","remove"),Promise.resolve(!0)},prepareSource:async function(e){if(this.dev,!e.file&&!e.layerData)return;let t=this.getExtension(e.file),a={id:`hive-${e.layerType}-${e.layerID}`};switch(e.layerType){case"mask":let o="zip"==t?"shp":"geojson",s="shp"==o?await this.fetchLayerSource(e.file):await b.A.get(e.file,{responseType:"json"});a.data="shp"==o?s:s.data,a.data=0==e.styleInvert?(0,M.A)(a.data):a.data,a.type="geojson";break;case"image":a.url=e.file+"?js",a.coordinates=[[parseFloat(e.Lon2),parseFloat(e.Lat2)],[parseFloat(e.Lon1),parseFloat(e.Lat2)],[parseFloat(e.Lon1),parseFloat(e.Lat1)],[parseFloat(e.Lon2),parseFloat(e.Lat1)]],a.type="image";break;case"shp":a.data=await this.fetchLayerSource(e.file),a.type="geojson";break;
3case"custom":a.data=JSON.parse(e.layerData),a.type="geojson";break;case"geojson":let r=await b.A.get(e.file,{responseType:"json"});a.data=r.data,a.type="geojson";break;default:console.error("Layer type unknown")}return a},getLayers:async function(e){if(!e)return Promise.resolve(!0);this.setStatus("getting-layers","add");let t=(0,k.Q)(e).filter((e=>["Polygon","MultiPolygon"].includes(e.geometry)&&e.strokeWidth&&e.strokeOpacity)).map((e=>(e.layerID=`${e.layerID}-stroke`,e.geometry=e.geometry.replace(/Polygon/g,"LineString"),e)));return e=(0,k.Q)(e.concat(t)),e=(0,v.A)(e,(e=>parseInt(e.layerOrder))),this.mapboxStyleObject.metadata.layers={},this.mapboxStyleObject.layers=await Promise.all(e.map((e=>this.prepareLayer(e,this.mapboxSymbols)))),this.setStatus("getting-layers","remove"),Promise.resolve(!0)},prepareLayer:async function(e,t){if(this.dev,!e.file&&!e.layerData)return;let a=this,o={id:`hive-${e.layerType}-${e.layerID}`,source:`hive-${e.layerType}-${String(e.layerID).replace("-stroke","")}`};return o.type=function(e,t,a){if("image"==e)return"raster";return{Point:a?"symbol":"circle",MultiPoint:a?"symbol":"circle",LineString:"line",MultiLineString:"line",Polygon:"fill",MultiPolygon:"fill"}[t]||!1}(e.layerType,e.geometry,e.markerURL),o.paint=function(e,t,a){let o={};switch(t=t.toLowerCase(),e){case"circle":o=D(D({},o),{},{"circle-radius":parseInt(a.pointSize)||10,"circle-color":a.fillColor||"#ffffff","circle-opacity":parseFloat(a.fillOpacity),"circle-stroke-width":parseInt(a.strokeWidth),"circle-stroke-color":a.strokeColor||"#000000","circle-stroke-opacity":parseFloat(a.strokeOpacity)});break;case"line":{let e=a.dashArray?a.dashArray.toString().split(",").map(Number):[1,0];o=D(D({},o),{},{"line-color":a.strokeColor,"line-width":parseInt(a.strokeWidth),"line-opacity":parseFloat(a.strokeOpacity),"line-offset":-a.strokeWidth/2},e&&Array.isArray(e)&&0!=e[1]?{"line-dasharray":e}:{});break}case"fill":o=D(D({},o),{},{"fill-color":a.fillColor,"fill-opacity":parseFloat(a.fillOpacity)})}return o}(o.type,e.layerType,{pointSize:e.pointSize,fillColor:e.fillColor,fillOpacity:e.fillOpacity,dashArray:e.dashArray,strokeOpacity:e.strokeOpacity,strokeWidth:e.strokeWidth,strokeColor:e.strokeColor}),o.layout=function(e,t,o,s){let r={visibility:a.selectedLayerIds.find((t=>e.startsWith(t)))?"visible":"none"};if(!0==("symbol"==t))r=D(D({},r),{},{"icon-image":`hive-${o}-${s}`,"text-allow-overlap":!0,"icon-allow-overlap":!0,"icon-ignore-placement":!0,"icon-anchor":"bottom","icon-offset":[0,17]});return r}(o.id,o.type,e.layerType,e.layerID),+e.layerPopup&&(this.mapboxStyleObject.metadata.layers=this.mapboxStyleObject.metadata.layers||{},this.$set(this.mapboxStyleObject.metadata.layers,o.id,{layerPopupFields:e.layerPopupFields&&Array.isArray(e.layerPopupFields)?e.layerPopupFields:a.isJsonString(e.layerPopupFields)?JSON.parse(e.layerPopupFields):[],layerProps:e.layerProps&&Array.isArray(e.layerProps)?e.layerProps:a.isJsonString(e.layerProps)?JSON.parse(e.layerProps):[]})),o},fetchLayerSource:async function(e){let t=this.getExtension(e);if(this.isURL(e)&&["zip"].includes(t))return"zip"===t?await(0,I.Ay)(e):void 0},addLayerSource:async function(e,t){const a=this.mapbox&&this.mapbox.map;return a instanceof mapboxgl.Map?await a.addSource(e,t):(console.warn(`Map not ready when adding source ${e}`),null)},getSymbols:async function({customLayers:e}){let t=this;return t.setStatus("getting-symbols","add"),t.mapboxSymbols=await Promise.all([...e?e.map((e=>t.prepareSymbol({symbolId:`hive-${e.layerType}-${e.layerID}`,symbolSrc:e.markerURL,symbolType:"feature"}))):[]]),S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","symbols"],value:t.mapboxSymbols,upsert:!0}),t.setStatus("getting-symbols","remove"),Promise.resolve(!0)},prepareSymbol:async function({symbolId:e,symbolSrc:t,symbolType:a}={}){this.dev;return{symbolId:e,symbolType:a,symbolElement:await this.createSymbolImage(t),symbolOptions:{pixelRatio:2}}},createSymbolImage(e){return this.dev,new Promise(((t,a)=>{let o=new Image(64,90);o.crossOrigin="Anonymous",o.onload=()=>t(o),o.onerror=a,o.src=e}))},registerMapEvents(e){let t=this;e instanceof mapboxgl.Map?(e.on("mousemove",(0,x.A)(t.onMapMouseMove,50)),e.on("click",t.onMapClick),e.on("idle",(0,x.A)(t.onMapIdle,500)),e.on("move",t.onMapMove),e.on("moveend",(0,x.A)(t.onMapMoveend,50)),e.on("touchstart",t.onMapTouchstart),e.on("touchmove",(0,x.A)(t.onMapTouchmove,250)),e.on("touchend",t.onMapTouchend)):console.warn("Attempted to register map events before Mapbox instance was ready")},onMapMouseMove(e){const t=this.mapbox&&this.mapbox.map;
3if(!(t instanceof mapboxgl.Map))return void console.warn("Map not ready when handling onMapMouseMove");let a=t.queryRenderedFeatures(e.point,{layers:this.queryableNonCompositeLayerIDs(),filter:["any",["all",["has","hiveFeatureTitle"],["!=","hiveFeatureTitle",""]],["all",["has","hiveFeatureDescription"],["!=","hiveFeatureDescription",""]],["all",["has","hiveFeatureMedia"],["!=","hiveFeatureMedia",""]],...this.filters||[]]});t.getCanvas().style.cursor=a.length?"pointer":""},onMapClick(e){let t=this;const a=this.mapbox&&this.mapbox.map;if(!(a instanceof mapboxgl.Map))return void console.warn("Map not ready when handling onMapClick");t.$emit("interact",{map:e}),t.clickedFeaturePopup instanceof mapboxgl.Popup&&(t.clickedFeaturePopup.remove(),t.clickedFeaturePopup=null,t.clickedFeatureLocation=null);let o=a.queryRenderedFeatures(e.point,{layers:t.queryableNonCompositeLayerIDs(),filter:["any",["all",["has","hiveFeatureTitle"],["!=","hiveFeatureTitle",""]],["all",["has","hiveFeatureDescription"],["!=","hiveFeatureDescription",""]],["all",["has","hiveFeatureMedia"],["!=","hiveFeatureMedia",""]],...t.filters||[]]})[0];if(!o)return void(t.showSmallDisplayPopup=!1);t.featureProperties=o.properties;let s,r=String(o.source).replace("-stroke","");if(Object.keys(t.mapboxStyleObject.metadata.layers).length&&r in t.mapboxStyleObject.metadata.layers){let e=t.mapboxStyleObject.metadata.layers[r].layerPopupFields,a=t.mapboxStyleObject.metadata.layers[r].layerProps;if(s=D({},o),s.properties)for(let t in s.properties)s.properties.hasOwnProperty(t)&&e.includes(t)&&!a.includes(t)&&delete s.properties[t]}const i=a.getCanvas().offsetHeight;t.isSmallMapHeight=i<460,t.isSmallMapHeight?(t.showSmallDisplayPopup=!0,a.stop().easeTo({center:e.lngLat})):(t.clickedFeatureLocation=e.lngLat,t.clickedFeaturePopup=new mapboxgl.Popup({closeButton:!0,closeOnClick:!0,className:"hiveFeatureContent",maxWidth:"200px"}).setLngLat(e.lngLat).setMaxWidth("320").setHTML(t.generateFeaturePopup(s||o)).addTo(a),t.$nextTick((()=>{var s=0;const r=document.querySelector(`#${t.webmapId} .mapboxgl-popup`),i=r.querySelector(`#${t.webmapId} .mapboxgl-popup .feature-popup-content`),n=i?i.offsetHeight:0,l=r.querySelector(".mapboxgl-popup-tip").offsetHeight;if(o.properties.hiveFeatureMedia){s=180+n+l}else s=n+l;if(s&&s>150){const t=s/2;a.stop().easeTo({center:e.lngLat,offset:[0,t]})}else a.stop().easeTo({center:e.lngLat})})))},onMapIdle(){this.setStatus("idle","add")},onMapTouchstart(e){let t=this;const a=this.mapbox&&this.mapbox.map;if(!(a instanceof mapboxgl.Map))return void console.warn("Map not ready when handling onMapTouchstart");let o=e.originalEvent;a.dragPan.disable(),o&&"touches"in o&&(o.touches.length>1?a.dragPan.enable():t.setOverlay({show:!0,content:t.$t("touchMovePrompt"),showAfter:300}))},onMapTouchmove(e){let t=this,a=e.originalEvent;a&&"touches"in a&&(1!=a.touches.length||a.target.classList.contains("mapboxgl-canvas")||t.setOverlay({show:!0,content:t.$t("touchMovePrompt")}))},onMapTouchend(e){this.setOverlay({show:!1})},onMapMove(e){this.setOverlay({show:!1})},onMapMoveend(e){this.updateGeocoderProximity()},updateGeocoderProximity(){if("function"!=typeof this.mapbox.plugins.MapboxGeocoder.setProximity)return;const e=this.mapbox&&this.mapbox.map;if(!(e instanceof mapboxgl.Map))return void console.warn("Map not ready when updating geocoder proximity");let t=e.getZoom(),a=e.getCenter();t>9?this.mapbox.plugins.MapboxGeocoder.setProximity({longitude:a.lng,latitude:a.lat}):this.mapbox.plugins.MapboxGeocoder.setProximity(null)},init:async function(e){e=e||{fetch:{symbols:!0,sources:!0,layers:!0},prepare:{symbols:!0,sources:!0,layers:!0},render:{layers:!0}};try{e.fetch&&await this.fetch(e.fetch),e.prepare&&await this.prepare(e.prepare),e.render&&await this.render(e.render),this.mapLoadError=!1,h.l.$emit("viewer-init-complete")}catch(e){console.error("Map initialization failed:",e),this.mapLoadError=!0,this.setStatus("idle","add")}},fetch:async function(e=(o={},s=o.symbols,symbols=void 0===s||s,r=o.sources,sources=void 0===r||r,i=o.layers,layers=void 0===i||i,o)){let t=this;return t.dev,t.setStatus("idle","remove"),await Promise.all([...e.symbols?[t.getSymbols({customLayers:t.customLayers.filter((e=>e.markerURL))})]:[],...e.sources?[t.getSources(t.model.layers)]:[],...e.layers?[t.getLayers(t.model.layers)]:[]]),Promise.resolve(!0)},prepare:async function(e=(n={},l=n.symbols,symbols=void 0===l||l,p=n.sources,sources=void 0===p||p,c=n.layers,layers=void 0===c||c,n)){let t=this;t.dev,t.setStatus("idle","remove"),await hiveUtils.waitForElement(`#${this.mapId}`,`#${this.webmapId}`);try{await hiveUtils.waitForCondition((function(){return t.mapbox.map.areTilesLoaded()&&t.mapbox.map.isStyleLoaded()&&t.mapbox.map.loaded()}))}catch(e){throw console.error("Map prepare timeout:",e),t.mapLoadError=!0,t.setStatus("idle","add"),e}if(e.symbols&&(this.dev,this.mapboxSymbols.map((e=>{t.mapbox.map.hasImage(e.symbolId)?t.mapbox.map.updateImage(e.symbolId,e.symbolElement):t.mapbox.map.addImage(e.symbolId,e.symbolElement,e.symbolOptions)}))),e.sources&&(this.dev,Object.keys(this.mapSources).map((e=>{let a=t.mapbox.map.getSource(e);if(a){if(a)switch(a.type){case"geojson":t.mapbox.map.getSource(e).setData(t.mapSources[e].data);break;case"image":t.mapbox.map.getSource(e).updateImage(t.mapSources[e])}}else t.mapbox.map.addSource(e,t.mapSources[e])}))),t.mapbox&&t.mapbox.map instanceof mapboxgl.Map){let e=t.nonCompositeLayerIDs(),a=t.mapbox.map.getStyle().layers.filter((e=>e.id.startsWith("hive-")));
3a.length&&(a.forEach((a=>{!e.includes(a.id)&&t.mapbox.map.getLayer(a.id)&&(t.mapbox.map.removeLayer(a.id),this.$delete(t.mapboxStyleObject.metadata.layers,a.id))})),a.filter((e=>!e.id.endsWith("-stroke"))).forEach((a=>{!e.includes(a.id)&&t.mapbox.map.getSource(a.id)&&t.mapbox.map.removeSource(a.id)})),a.filter((e=>!e.id.endsWith("-stroke"))).forEach((a=>{!e.includes(a.id)&&t.mapbox.map.hasImage(a.id)&&t.mapbox.map.removeImage(a.id)})))}return Promise.resolve(!0)},render:async function(e=(m={},d=m.layers,layers=void 0===d||d,m)){let t=this;t.dev,t.setStatus("idle","remove");try{await hiveUtils.waitForCondition((function(){let e=t.mapboxSymbols.every((e=>t.mapbox.map.hasImage(e.symbolId))),a=Object.keys(t.mapboxStyleObject.sources).every((e=>!!t.mapbox.map.getSource(e)));return!!e&&!!a&&t.mapbox.map.areTilesLoaded()&&t.mapbox.map.isStyleLoaded()&&t.mapbox.map.loaded()}))}catch(e){throw console.error("Map render timeout:",e),t.mapLoadError=!0,t.setStatus("idle","add"),e}if(e.layers){this.mapbox.map.getStyle().layers.filter((e=>e.id.startsWith("hive-"))).map((e=>t.mapbox.map.removeLayer(e.id))),this.mapboxStyleObject.layers.reverse().map((e=>t.mapbox.map.addLayer(e)))}return this.setMapCenterMarker(this.model.mapCentrePin),Promise.resolve(!0)},isURL(e){try{return Boolean(new URL(e))}catch(e){return!1}},getExtension(e){return!!e&&e.split(".").pop().toLowerCase()}},created(){let e=this;(0,u.mj)({storeId:this.mapId}),(0,S.mj)({storeId:this.mapId}),this.$watch("model.displayAdditionalControls",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","interface","geocoderControl","show"],value:!!+e}),S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","interface","geolocateControl","show"],value:!!+e&&!+this.model.lockExtent})})),this.$watch("model.mapScrollZoom",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options","scrollZoom"],value:!!+e})})),this.$watch("model.mapScale",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","interface","scaleControl","show"],value:!!+e})})),this.$watch("model.mapSize",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","mapSize"],upsert:!0,value:e})})),this.$watch("model.defaultBasemap",(function(e){const t=this.mapbox&&this.mapbox.map;t instanceof mapboxgl.Map?(t.setStyle(this.getBasemap(e),{diff:!0}),t.once("idle",(()=>this.init()))):console.warn("Map not ready when switching basemap")})),this.$watch("model.mapLocation",(function(e){var t;const a=this.mapbox&&this.mapbox.map;if(!(a instanceof mapboxgl.Map))return void console.warn("Map not ready when updating mapLocation");const o=[Number(this.model.mapLon),Number(this.model.mapLat)];+this.model.lockExtent&&a.setMaxBounds(),S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options","center"],value:o,upsert:!0}),this.mapboxCenterMarker instanceof mapboxgl.Marker&&this.mapboxCenterMarker.setLngLat(o);const s=null!==(t=this.model.mapBounds)&&void 0!==t&&t.length?this.model.mapBounds:a.getBounds();+this.model.lockExtent&&s&&(a.stop().jumpTo({zoom:Number(this.model.mapZoomLevel),bearing:Number(this.model.mapBearing),pitch:Number(this.model.mapPitch)}),a.once("idle",(()=>a.setMaxBounds(s))))})),this.$watch("model.mapZoomLevel",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options","zoom"],value:e,upsert:!0})})),this.$watch("model.mapBearing",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options","bearing"],value:e,upsert:!0})})),this.$watch("model.mapPitch",(function(e){S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options","pitch"],value:e,upsert:!0})})),this.$watch("model.mapCentrePin",(function(e){this.setMapCenterMarker(e)})),this.$watch("model.layers",{handler:(0,x.A)((function(e,t){let a=(0,y.A)(e,t,"layerID");!a.length&&(0,g.A)(e,t)||(this.selectedLayerIds.push(...a.map((e=>`hive-${e.layerType}-${e.layerID}`))),this.init())}),1e3),deep:!0}),hiveUtils.attributeObserver(document.documentElement,["class"],this.detectDeviceFeatures,0),document.documentElement.classList.add("vue"),this.user=this.$root.$data.user;
3let t={map:null,status:null,accessToken:this.model.accessToken,mapId:this.mapId,options:{minZoom:1,maxZoom:this.isRasterBasemap?19:20,doubleClickZoom:!0,scrollZoom:this.model.mapScrollZoom,container:this.mapId,center:[Number(this.model.mapLon),Number(this.model.mapLat)],zoom:this.model.mapZoomLevel,bearing:this.model.mapBearing,pitch:this.model.mapPitch,maxBounds:null,attributionControl:!1,style:this.getBasemap(),accessToken:this.model.accessToken,transformRequest:(e,t)=>{if("MapboxCustom"===this.model.defaultBasemap&&this.model.baseMapsArray.basemap.MapboxCustom)return{url:e.replace(new RegExp(this.model.accessToken,"g"),this.model.baseMapsArray.basemap.MapboxCustom.options.accessToken)}},locale:{"AttributionControl.ToggleAttribution":this.$t("mapbox.toggleAttribution"),"AttributionControl.MapFeedback":this.$t("mapbox.mapFeedback"),"GeolocateControl.FindMyLocation":this.$t("mapbox.findMyLocation"),"GeolocateControl.LocationNotAvailable":this.$t("mapbox.locationNotAvailable"),"LogoControl.Title":this.$t("mapbox.mapboxLogo"),"NavigationControl.ResetBearing":this.$t("mapbox.resetBearing"),"NavigationControl.ZoomIn":this.$t("mapbox.zoomIn"),"NavigationControl.ZoomOut":this.$t("mapbox.zoomOut")}},mapSize:this.isMobile?"80vh":this.model.mapSize,interface:{navigationControl:{show:!0,position:"top-right",container:`#${this.webmapId} .map-nav`},homeControl:{show:!0,position:"top-right",container:`#${this.webmapId} .map-nav .mapboxgl-ctrl-group`},scaleControl:{show:this.model.mapScale,position:"bottom-left",options:{maxWidth:"100",unit:"metric"}},attributionControl:{show:!0,position:"bottom-right",options:{compact:!0}},geolocateControl:{show:!!+this.model.displayAdditionalControls&&!+this.model.lockExtent,position:"top-left",options:{positionOptions:{enableHighAccuracy:!1},fitBoundsOptions:{maxZoom:20},trackUserLocation:!0,showUserLocation:!0},container:`#${this.webmapId} .geolocate-wrapper`},fullscreenControl:{show:!1,position:"top-right"},geocoderControl:{show:!!+this.model.displayAdditionalControls||!1,position:"top-right",options:{placeholder:this.$t("mapbox.enterAddress")},container:`#${this.webmapId} .location-search-wrapper`},drawControl:{show:!1,position:"top-right",options:{keybindings:!0,touchEnabled:!1,boxSelect:!0,clickBuffer:2,touchBuffer:25,controls:{point:!0,line_string:!0,polygon:!0,trash:!0,combine_features:!1,uncombine_features:!1},displayControlsDefault:!0,defaultMode:"simple_select",userProperties:!0}}},controls:{NavigationControl:{},GeolocateControl:{},ScaleControl:{},FullscreenControl:{},BookmarksControl:{}},plugins:{MapboxGeocoder:{},MapboxDraw:{}},symbols:[],elements:[],markers:[],popups:[],sources:{},layers:[],geographicRegion:{countryCode:this.model.countryCode,mapLat:this.model.mapLat,mapLon:this.model.mapLon,mapLocation:this.model.mapLocation,mapZoomLevel:this.model.mapZoomLevel},drawOutput:{}};this.mapbox=t,this.mapboxStyleObject=Object.assign({},this.mapboxStyleModel),this.model.layers&&(this.selectedLayerIds=this.model.layers.map((e=>`hive-${e.layerType}-${e.layerID}`))),this.init(),this.$once("interact",(()=>{_paq.push(["trackEvent","the_hive_web_map","interact",e.blockMeta["b-id"]])})),this.$on("interact",(e=>{if(!e.ui)return;let t=this;t.disengageAlly(),t.$nextTick((function(){let a=this.$el,o=[];if("remove"==e.ui.action)return ally.element.focus(this.ally.entry);switch("add"==e.ui.action&&(this.ally.entry=e.ui.originalEvent?e.ui.originalEvent.target:this.ally.entry),e.ui.statusName){case"display-bar-share":a=t.$el.querySelector(".map-share-wrapper");break;case"display-popout-layers":a=t.$el.querySelector(".map-layers-wrapper");break;case"display-popout-basemaps":a=t.$el.querySelector(".map-base-wrapper")}a&&(this.ally.maintain.tabFocus=ally.maintain.tabFocus({context:a})),o.length&&(this.ally.maintain.hidden=ally.maintain.hidden({filter:o}))}))})),h.l.$on("viewer-init-complete",(t=>{this.dev;const a=e.mapbox&&e.mapbox.map;a instanceof mapboxgl.Map?(a.resize(),e.registerMapEvents(a),!this.blockPreview&&this.isFirstVisit&&(+this.model.displayLayersPanelOnLoad&&this.setStatus("display-popout-layers","add",t),this.ftLocalStorage[this.blockMeta["b-id"]].visited=!0,localStorage.setItem("the_hive_web_map",JSON.stringify(this.ftLocalStorage))),this.$watch("model.lockExtent",{handler:function(e){var t;const a=this.mapbox&&this.mapbox.map;
3if(!(a instanceof mapboxgl.Map))return void console.warn("Map not ready when updating lockExtent");const o=null!==(t=this.model.mapBounds)&&void 0!==t&&t.length?this.model.mapBounds:a.getBounds();S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","options","maxBounds"],value:+e?o:null,upsert:!0}),+this.model.displayAdditionalControls&&S.z4.setState({storeId:this.mapId,object:"ui",objectPath:["mapbox","interface","geolocateControl","show"],value:!+e})},immediate:!0}),this.$nextTick((()=>{e.setStatus("idle","add")}))):console.warn("Map not ready during viewer-init-complete")})),$(window).on("jl_magic_tabs_show",this.resizeMapbox),this.ftLocalStorage[this.blockMeta["b-id"]]=this.ftLocalStorage[this.blockMeta["b-id"]]||{}},mounted(){this.blockPreview&&($(document).on("show.bs.modal",".modal",this.bsModalHack),$(document).on("hide.bs.modal",".modal",this.bsModalHack))},beforeDestroy(){$(document).off("show.bs.modal",".modal",this.bsModalHack),$(document).off("hide.bs.modal",".modal",this.bsModalHack),(0,u.TF)({storeId:this.mapId}),$(window).off("jl_magic_tabs_show",this.resizeMapbox),this.dise
3ngageAlly()},destroyed(){if(Object.keys(this.observers).length)for(let t of Object.entries(this.observers)){var e=O(t,2);e[0];let a=e[1];a instanceof MutationObserver&&a.disconnect()}}},E=B,N=a(85072),G=a.n(N),q=a(49884),W={insert:"head",singleton:!1},H=(G()(q.A,W),q.A.locals,(0,j.A)(E,(function(){var e=this,t=e._self._c;return t("div",{class:[{"hive-block-web-map-slim":!+e.model.displayAdditionalControls,fullscreen:e.fullscreen},"hive-block hive-block-web-map"],attrs:{id:e.webmapId}},[+e.model.displayMapTitle||+e.model.displayMapDescription?t("div",{class:[{"hive-block-head":!!+e.model.displayAdditionalControls}]},[e.model.mapTitle&&+e.model.displayMapTitle?t("div",{staticClass:"hive-block-title ljs"},[t("h3",[e._v(e._s(e.model.mapTitle))])]):e._e(),e._v(" "),e.model.mapDescription&&+e.model.displayMapDescription?t("div",{staticClass:"hive-block-description ljs",domProps:{innerHTML:e._s(e.model.mapDescription)}}):e._e()]):e._e(),e._v(" "),t("div",{staticClass:"hive-block-body"},[t("div",{staticClass:"hive-block-inner"},[t("div",{staticClass:"map-wrapper"},[+e.model.displayAdditionalControls?t("div",{staticClass:"map-top-bar"},[t("div",{staticClass:"top-bar-left"},[t("div",{class:[{fw:!+e.model.displayBookmarks},"location-search-wrapper"]}),e._v(" "),+e.model.lockExtent?e._e():t("div",{staticClass:"geolocate-wrapper"})]),e._v(" "),t("div",{class:[{"display-bookmarks":!!+e.model.displayBookmarks&&e.model.bookmarks&&e.model.bookmarks.length},"top-bar-right"]},[+e.model.displayBookmarks&&e.model.bookmarks&&e.model.bookmarks.length?t("div",{staticClass:"bookmarks-wrapper"},[t("label",{staticClass:"sr-only",attrs:{for:`bookmarks-${e.id}`}},[e._v(e._s(e.$t("locations")))]),e._v(" "),e.model.bookmarks&&e.model.bookmarks.length?t("select",{ref:"map-bookmarks",staticClass:"form-control map-bookmarks",attrs:{name:"map-boomarks"},on:{change:e.goToBookmark}},[t("option",{attrs:{selected:"true",disabled:"disabled"}},[e._v(e._s(e.$t("locations")))]),e._v(" "),t("option",{domProps:{value:JSON.stringify({bookmarkLat:e.model.mapLat,bookmarkLon:e.model.mapLon,bookmarkZoomLevel:e.model.mapZoomLevel,bookmarkBearing:e.model.mapBearing,bookmarkPitch:e.model.mapPitch})}},[e._v(e._s(e.$t("home")))]),e._v(" "),e._l(e.model.bookmarks,(function(a){return t("option",{key:a.bookmarkID,staticClass:"ljs",domProps:{value:JSON.stringify((({bookmarkLat:e,bookmarkLon:t,bookmarkZo
3omLevel:a})=>({bookmarkLat:e,bookmarkLon:t,bookmarkZoomLevel:a}))(a))}},[e._v(e._s(a.bookmarkTitle))])}))],2):e._e()]):e._e(),e._v(" "),t("button",{class:[{selected:e.status.includes(e.isMobile?"display-popout-share":"display-bar-share")},"btn-map btn-map-share hidden-xs"],attrs:{type:"button","data-wrapper":"map-share-wrapper",title:e.$t("share")},on:{click:function(t){return e.toggleStatus(e.isMobile?"display-popout-share":"display-bar-share",t)}}},[t("i",{staticClass:"hive-share",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",{staticClass:"sr-only"},[e._v(e._s(e.$t("share")))])]),e._v(" "),t("button",{staticClass:"btn-map btn-map-fullscreen hidden-xs",attrs:{type:"button",title:e.$t("toggleFullscreen"),"aria-pressed":e.fullscreen?"true":"false"},on:{click:e.toggleFullscreen}},[t("i",{class:e.fullscreen?"hive-shrink-3":"hive-expand-4",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",{staticClass:"sr-only"},[e._v(e._s(e.$t("toggleFullscreen")))])])])]):e._e(),e._v(" "),t("div",{staticClass:"map-body"},[t("div",{staticClass:"map-dock"},[e.mapLayers.length?t("button",{class:[{selected:e.status.includes("display-popout-layers")},"btn-map btn-map-layers"],attrs:{type:"button","aria-expanded":e.status.includes("display-popout-layers")?"true":"false","data-wrapper":"map-layers-wrapper",title:e.$t("layers")},on:{click:function(t){return e.toggleStatus("display-popout-layers",t)}}},[t("i",{staticClass:"hive-layers",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",{staticClass:"sr-only"},[e._v(e._s(e.$t("layers")))])]):e._e(),e._v(" "),e.model.baseMapsArray&&e.model.baseMapsArray.basemap&&Object.keys(e.model.baseMapsArray.basemap).length>1?t("button",{class:[{selected:e.status.includes("display-popout-basemaps")},"btn-map btn-map-base"],attrs:{type:"button","aria-expanded":e.status.includes("display-popout-basemaps")?"true":"false","data-wrapper":"map-base-wrapper",title:e.$t("basemap")},on:{click:function(t){return e.toggleStatus("display-popout-basemaps",t)}}},[t("i",{staticClass:"hive-maps",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",{staticClass:"sr-only"},[e._v(e._s(e.$t("basemap")))])]):e._e(),e._v(" "),t("button",{class:[{selected:e.status.includes(e.isMobile?"display-popout-share":"display-bar-share")},"btn-map btn-map-share hidden-sm hidden-md hidden-lg"],attrs:{type:"button","aria-expanded":e.status.includes(e.isMobile?"display-popout-share":"display-bar-share")?"true":"false","data-wrapper":"map-share-wrapper",title:e.$t("share")},on:{click:function(t){return e.toggleStatus(e.isMobile?"display-popout-share":"display-bar-share",t)}}},[t("i",{staticClass:"hive-share",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",{staticClass:"sr-only"},[e._v(e._s(e.$t("share")))])])]),e._v(" "),t("div",{staticClass:"map-nav"}),e._v(" "),t("div",{class:["mapboxgl-wrapper",...e.status],style:"min-height:"+(e.isMobile?"80vh":e.model.mapSize)},[t("div",{directives:[{name:"show",rawName:"v-show",value:!e.status.includes("idle"),expression:"!status.includes('idle')"}],staticClass:"mapboxgl-loading"},[t("i",{staticClass:"fa fa-spinner fa-spin",attrs:{"aria-hidden":"true"}})]),e._v(" "),t(e.overlayComponent.name,e._b({directives:[{name:"show",rawName:"v-show",value:e.overlayComponent.show,expression:"overlayComponent.show"}],ref:"overlayComponent",tag:"component"},"component",e.overlayComponent.props,!1),[t("div",{staticClass:"v-overlay-content",domProps:{innerHTML:e._s(e.overlayComponent.defaultSlot)}})]),e._v(" "),t("Mapbox",e._b({},"Mapbox",e.mapbox,!1)),e._v(" "),t("div",{class:[e.isMobile?"mobile inset":"desktop","map-panels"]},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.status.includes(e.isMobile?"display-popout-share":"display-bar-share"),expression:"\n status.includes(\n isMobile\n ? 'display-popout-share'\n : 'display-bar-share'\n )\n "}],staticClass:"map-share-wrapper panel-left",attrs:{"data-wrapper-name":"map-share-wrapper","data-panel-direction":"left"}},[t("ul",{staticClass:"map-share-links"},[t("li",[t("a",{attrs:{href:`https://www.facebook.com/sharer/sharer.php?u=${e.blockUrl}`,title:"Facebook",target:"_blank"}},[t("i",{staticClass:"fab fa-facebook",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",[e._v("Facebook")])])]),e._v(" "),t("li",[t("a",{attrs:{href:`https://www.twitter.com/intent/tweet?url=${e.blockUrl}`,title:"X",target:"_blank"}},[t("i",{staticClass:"fab fa-x-twitter",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",[e._v("X")])])]),e._v(" "),t("li",[t("a",{attrs:{href:`https://www.linkedin.com/shareArticle?mini-true&url=${e.blockUrl}`,title:"LinkedIn",target:"_blank"}},[t("i",{staticClass:"fab fa-linkedin",attrs:{"aria-hidden":"true"}}),e._v(" "),t("span",[e._v("LinkedIn")])])])]),e._v(" "),t("button",{staticClass:"btn btn-close btn-cancel",attrs:{type:"button","aria-label":e.$t("close")},on:{click:function(t){return e.setStatus(e.isMobile?"display-popout-share":"display-bar-share","remove",t)}}},[t("i",{staticClass:"fa-solid fa-xmark",attrs:{"data-v-0de54094":"","aria-hidden":"true"}})])]),e._v(" "),e.model.baseMapsArray&&e.model.baseMapsArray.basemap&&Object.keys(e.model.baseMapsArray.basemap).length>1?[t("div",{directives:[{name:"show",rawName:"v-show",value:e.status.includes("display-popout-basemaps"),expression:"\n status.includes(\n 'display-popout-basemaps'\n )\n "}],staticClass:"map-base-wrapper panel-left panel-popout",attrs:{"data-wrapper-name":"map-base-wrapper","data-panel-direction":"left"}},[t("h5",[e._v(e._s(e.$t("basemaps")))]),e._v(" "),t("fieldset",[t("legend",{staticClass:"sr-only"},[e._v("\n "+e._s(e.$t("selectBasemap"))+"\n ")]),e._v(" "),t("div",{staticClass:"map-base-grid"},e._l(e.model.baseMapsArray.basemap,(function(a,o){return t("div",{key:o,staticClass:"text-center"},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.defaultBasemap,expression:"defaultBasemap"}],staticClass:"image-checkbox-input",attrs:{type:"radio",id:`${e.id}-${o}`,name:"baseMap","aria-label":a.name},domProps:{value:o,checked:e._q(e.defaultBasemap,o)},on:{change:function(t){e.defaultBasemap=o}}}),e._v(" "),t("label",{class:[{"image-checkbox-checked":o==e.model.defaultBasemap},"image-checkbox"],attrs:{for:`${e.id}-${o}`}},[t("img",{staticClass:"img-responsive",attrs:{src:`${e.model.packagePath}/images/the_hive_web_map/basemap_${o}.jpg`,alt:a.name}}),e._v("\n "+e._s(a.name)+"\n "),t("i",{staticClass:"hive-check hidden"})])])})),0)]),e._v(" "),t("button",{staticClass:"btn btn-close btn-cancel",attrs:{type:"button","aria-label":e.$t("close")},on:{click:function(t){return e.setStatus("display-popout-basemaps","remove",t)}}},[t("i",{staticClass:"fa-solid fa-xmark",attrs:{"data-v-0de54094":"","aria-hidden":"true"}})])])]:e._e(),e._v(" "),e.hiveLayers?[t("div",{directives:[{name:"show",rawName:"v-show",value:e.status.includes("display-popout-layers"),expression:"\n status.includes(\n 'display-popout-layers'\n )\n "}],staticClass:"map-layers-wrapper panel-left panel-popout",attrs:{"data-wrapper-name":"map-layers-wrapper","data-panel-direction":"left"}},[t("h5",[e._v(e._s(e.$t("layers")))]),e._v(" "),t("fieldset",[t("legend",{staticClass:"sr-only"},[e._v("\n "+e._s(e.$t("selectLayers"))+"\n ")]),e._v(" "),e._l(e.hiveLayers,(function(a){return t("div",{key:a.layerID,staticClass:"layer"},[t("div",{staticClass:"layer-info togglable"},[Object.keys(a.legend).length&&1==a.legend.data.length&&!e.hasLegendList(a)?t("span",{staticClass:"legend-item"},["circle"==a.legend.data[0].style?t("span",{staticClass:"legend-symbol circle",style:`background-color: ${a.legend.data[0].fillColor}; border: 2px solid ${a.legend.data[0].strokeColor}; border-radius: 50%;`}
3):e._e()]):e._e(),e._v(" "),t("label",{staticClass:"check-switch ljs",attrs:{for:`${e.mapId}-${a.layerType}-${a.layerID}`}},[e._v("\n "+e._s(a.layerLabel||a.layerType)+"\n "),t("input",{directives:[{name:"model",rawName:"v-model",value:e.selectedLayerIds,expression:"\n selectedLayerIds\n "}],attrs:{type:"checkbox",id:`${e.mapId}-${a.layerType}-${a.layerID}`,"data-toggle-type":"layer"},domProps:{value:`hive-${a.layerType}-${a.layerID}`,checked:Array.isArray(e.selectedLayerIds)?e._i(e.selectedLayerIds,`hive-${a.layerType}-${a.layerID}`)>-1:e.selectedLayerIds},on:{change:function(t){var o=e.selectedLayerIds,s=t.target,r=!!s.checked;if(Array.isArray(o)){var i=`hive-${a.layerType}-${a.layerID}`,n=e._i(o,i);s.checked?n<0&&(e.selectedLayerIds=o.concat([i])):n>-1&&(e.selectedLayerIds=o.slice(0,n).concat(o.slice(n+1)))}else e.selectedLayerIds=r}}}),e._v(" "),t("span",{attrs:{"aria-hidden":"true"}})])]),e._v(" "),e.hasLegendList(a)?t("ul",{staticClass:"legend-list"},e._l(a.legend.data,(function(a){return t("li",{key:a.legendID,staticClass:"legend-item ljs"},["circle"==a.style?t("span",{staticClass:"legend-symbol circle",style:`background-color: ${a.fillColor}; border: 2px solid ${a.strokeColor}; border-radius: 50%;`}):e._e(),e._v("\n "+e._s(a.title)+"\n ")])})),0):e._e()])}))],2),e._v(" "),t("button",{staticClass:"btn btn-close btn-cancel",attrs:{type:"button","aria-label":e.$t("close")},on:{click:function(t){return e.setStatus("display-popout-layers","remove",t)}}},[t("i",{staticClass:"fa-solid fa-xmark",attrs:{"data-v-0de54094":"","aria-hidden":"true"}})])])]:e._e()],2),e._v(" "),e.showSmallDisplayPopup&&e.isSmallMapHeight&&e.featureProperties?t("SmallDisplayPopup",{attrs:{isMobile:e.isMobile,featureProperties:e.featureProperties},on:{closePopup:function(t){e.showSmallDisplayPopup=!1}}}):e._e()],1)])])])])])}),[],!1,null,"45f0c1d0",null).exports)}}]); 4//# debugId=f19557a6-c2e8-5ead-957b-193925864adf
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.