https://www.mullerthal.lu/_assets/6d62c6bba06369fdc43580a1a9813d3c…/ListMap/Components/Atoms/Map.js?1790574605

1(()=>{var e={5365:(e,t,r)=>{"use strict";var o=r(99148);const s=r(58611),a=r(20083);s.documentReady((()=>{const e=document.getElementsByClassName("map");Array.from(e).forEach((e=>(e=>{a.addListener({type:"viewport",node:e,initCallback:()=>{const t=new o.T(e);e.addEventListener("newItemsLoaded",(()=>{t.createMap(!0)}))}})})(e)))}))},19481:()=>{},20083:(e,t,r)=>{var o=r(58611);e.exports=function(){const e=e=>{switch(e.type){case"viewport":h.viewport||(h.viewport=!0,t());break;case"hover":r(e);break;case"click":s(e)}},t=()=>{const e=()=>{const e=window.pageYOffset,t=window.innerHeight;for(let r of p.viewport){const s=r.node.offsetHeight,i=o.offsetTop(r.node);e+t>=i&&e<i+s&&(r.rendered?n(r):a(r))}};window.addEventListener("scroll",e),window.addEventListener("resize",e),o.documentReady(e)},r=e=>{e.node.addEventListener("mouseover",(()=>{e.rendered?n(e):a(e)}))},s=e=>{e.node.addEventListener("click",(()=>{e.rendered?n(e):a(e)}))},a=e=>{e.rendered=!0,console.log("imx_init: firing init",e.node),e.node.dispatchEvent(c),"function"==typeof e.initCallback&&e.initCallback(),e.node.setAttribute("data-imx_init","init")},n=e=>{e.node.dispatchEvent(l),"function"==typeof e.updateCallback&&e.updateCallback()},i=e=>{if("function"==typeof window.Event)return new Event(e);{const t=document.createEvent("Event");return t.initEvent(e,!1,!0),t}},c=i("imx_init"),l=i("imx_update"),d=["viewport","hover","click"],h={viewport:!1},p={};return{addListener:t=>{const r=o.extendObject(t,{type:"viewport",node:null,initCallback:null,updateCallback:null});return-1!==d.indexOf(r.type)&&((t=>{"object"!=typeof p[t.type]&&(p[t.type]=[]),t.rendered=!1,e(t),p[t.type].push(t)})(r),r)}}}()},20111:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});class o{constructor(e,t){this.gpx=e,this.map=t,this.vector=this.addVector()}addVector(){var e={Point:new ol.style.Style({image:new ol.style.Circle({fill:new ol.style.Fill({color:"rgba(255,255,255,1)"}),radius:10,stroke:new ol.style.Stroke({color:"#0099FF",width:1})})}),LineString:new ol.style.Style({stroke:new ol.style.Stroke({color:"#0099FF",width:3})}),MultiLineString:new ol.style.Style({stroke:new ol.style.Stroke({color:"#0099FF",width:3})})},t=new ol.layer.Vector({source:new ol.source.Vector({url:"//"+window.location.host+this.gpx,format:new ol.format.GPX}),style:function(t){return e[t.getGeometry().getType()]}});return this.map.addLayer(t)}}},47533:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var o=r(77502),s=r(58611),a=r.n(s);class n{constructor(e,t){this.mapInstance=e,this.mapMarkerTargetNode=t,this.listNode=t.parentElement,this.listItemNodeCollection=Array.from(this.listNode.children),this.listItemActiveClassName="-js-listItem--active",this.mapMarkerObject=this._createMarkerObject(),this._registerEventsOnMarker(),this._registerEventsOnMarkerTargetVertical(),this._registerEventsOnMarkerTargetHorizontal()}_createMarkerObject(){return new o.A(this.mapMarkerTargetNode,this.mapInstance,this)}getMarkerObject(){return this.mapMarkerObject}_registerEventsOnMarker(){this.mapMarkerObject.getMapMarker().element.addEventListener("click",(e=>(this.listNode.classList.contains("tns-slider")?this.scrollToMapMarkerTargetNodeHorizontal():this.scrollToMapMarkerTargetNodeVertical(),this.mapMarkerTargetNode.click())),!1)}scrollToMapMarkerTargetNodeVertical(){const e=this.mapMarkerTargetNode,t

1=window.innerHeight,r=a().offsetTop(this.listNode),o=this.listNode.offsetHeight,s=e.offsetHeight,n=a().offsetTop(e)-t/2+s/2,i=r+o-t,c=n<r?r:n>i?i:n;window.scrollTo({top:c,behavior:"smooth"})}scrollToMapMarkerTargetNodeHorizontal(){const e=this.mapMarkerTargetNode,t=window.innerHeight,r=a().offsetTop(this.listNode)-t/2;window.scrollTo({top:r,behavior:"smooth"}),this.listNode.dispatchEvent(new CustomEvent("tnsRemoteSlide",{detail:{targetIndex:Array.from(this.listNode.children).indexOf(e)}}))}_registerEventsOnMarkerTargetVertical(){this.mapMarkerTargetNode.addEventListener("click",(e=>{this.listNode.classList.contains("tns-slider")||this.mapMarkerTargetNode.classList.contains(this.listItemActiveClassName)||(e.preventDefault(),this.activate())}))}_registerEventsOnMarkerTargetHorizontal(){this.listNode.addEventListener("tnsIndexChanged",(e=>{e.detail.targetIndex===this.listItemNodeCollection.indexOf(this.mapMarkerTargetNode)&&this.activate()}))}activate(){this.listItemNodeCollection.forEach((e=>e.classList.remove(this.listItemActiveClassName))),this.mapMarkerTargetNode.classList.add(this.listItemActiveClassName),this.mapInstance._inactivateAllMarkers(),this.mapMarkerObject.setActive(),this.mapInstance.mapInstance.getView().setCenter(this.mapMarkerObject.getMapMarker().getPosition())}}},58611:e=>{e.exports={offsetTop:function(e){var t=document.querySelector("body");return e.getBoundingClientRect().top-t.getBoundingClientRect().top},offsetLeft:function(e){var t=document.querySelector("body");return e.getBoundingClientRect().left-t.getBoundingClientRect().left},scrollTo:function(e,t,r){var o=function(){return{x:window.pageXOffset,y:window.pageYOffset}},s=o(),a={x:(e-s.x)/(r/15),y:(t-s.y)/(r/15)},n=setInterval((function(){!function(){var r=o(),s={x:!1,y:!1};return a.x<0?r.x+a.x<=e&&(s.x=!0):r.x+a.x>=e&&(s.x=!0),a.y<0?r.y+a.y<=t&&(s.y=!0):r.y+a.y>=t&&(s.y=!0),!(!s.x||!s.y)}()?window.scrollBy(a.x,a.y):(clearInterval(n),window.scrollTo(e,t))}),15)},scrollElementTo:function(e,t,r,o){var s=function(){return{x:o.scrollLeft,y:o.scrollTop}},a=s(),n=(e-a.x)/(r/15),i=(t-a.y)/(r/15),c=setInterval((function(){!function(){var r=s(),o={x:!1,y:!1};return n<0?r.x+n<=e&&(o.x=!0):r.x+n>=e&&(o.x=!0),i<0?r.y+i<=t&&(o.y=!0):r.y+i>=t&&(o.y=!0),!(!o.x||!o.y)}()?(o.scrollLeft+=n,o.scrollTop+=i):(clearInterval(c),o.scrollLeft=e,o.scrollTop+=t)}),15)},accessDataset:function(e,t){return e.dataset?e.dataset[t]:e.getAttribute("data-"+t)},extendObject:function(e,t){for(var r in t)e.hasOwnProperty(r)||(e[r]=t[r]);return e},documentReady:function(e){let t=!1;"undefined"!=typeof less&&"object"==typeof less.pageLoadFinished&&(t=!0);var r=function(){t?less.pageLoadFinished.then((()=>{setTimeout(e)})):setTimeout(e)},o=function(){document.removeEventListener("DOMContentLoaded",o),window.removeEventListener("load",o),r()};"complete"===document.readyState?r():(document.addEventListener("DOMContentLoaded",o),window.addEventListener("load",o))}}},77502:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var o=r(20111);const s=r(58611);class a{constructor(e,t,r){this.targetNode=e,this.map=t,this.coords=this._getCoords(),this.gpx=this._getGpx(),this.active=!1,this.connector=r,this.id=this.targetNode.getAttribute("id")||"",this.defaultIcon="poiMarker_dot",this.icon=this._getIcon(),this.activeIcon=t?.rootNode?s.accessDataset(t.rootNode,"activeIcon"):void 0,this.inactiveIcon=t?.rootNode?s.accessDataset(t.rootNode,"inactiveIcon"):void 0,this.mapMarker=this._addMarkerToMap(t.mapInstance)}_getCoords(){let e=s.accessDataset(this.targetNode,"latitude"),t=s.accessDataset(this.targetNode,"longitude");return"NaN"!==e&&"NaN"!==t&&[parseFloat(t),parseFloat(e)]}_getGpx(){let e=s.accessDataset(this.targetNode,"gpx");return"NaN"!==e&&e}_getIcon(){let e=s.accessDataset(this.targetNode,"icon");return e&&"NaN"!==e?e:this.defaultIcon}_addMarkerToMap(e){let t=this.coords,r=this.gpx;if(t){r&&new o.A(r,e);const s=e.showMarker({position:t,positionSrs:4326,positioning:"bottom-center",iconURL:this.inactiveIcon,click:!0,onClick:this.connector?.handleMarkerClick?.bind(this.connector,this),id:this.id});

1return s&&s.element&&(s.element.id=`${this.id}`,s.element.classList.add("map-marker"),s.element.innerHTML=`\n          <span class="marker-icon-wrapper">\n            <svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M13 0C5.83176 0 0 5.84874 0 13.0378C0 21.9596 11.6337 35.0574 12.129 35.6106C12.5943 36.1303 13.4066 36.1294 13.871 35.6106C14.3663 35.0574 26 21.9596 26 13.0378C25.9999 5.84874 20.1682 0 13 0Z" fill="#575656"/>\n            </svg>\n            <span class="icon icon-${this.icon}"></span>\n          </span>\n        `,s.element.querySelector(".marker-icon-wrapper").addEventListener("click",this.connector?.handleMarkerClick?.bind(this.connector,this))),s}}setActive(){this.active=!0,this.mapMarker.element.classList.add("-js-marker-active"),this.mapMarker.element.querySelector(".marker-icon-wrapper").classList.add("-js-marker-active"),this.map.mapInstance.getView().setCenter(this.mapMarker.getPosition())}setInactive(){this.active=!1,this.mapMarker.element.classList.remove("-js-marker-active"),this.mapMarker.element.querySelector(".marker-icon-wrapper").classList.remove("-js-marker-active")}getMapMarker(){return this.mapMarker}}},99148:(e,t,r)=>{"use strict";r.d(t,{T:()=>a});var o=r(47533);const s=r(58611);class a{constructor(e){this.connectors=[],this.rootNode=e,this.mapInstance=null,imxGeoPortalLoader.loadGeoPortal(),this.createMap()}createMap(e){return!(null!==this.mapInstance&&!e||(this._createMap(),0))}async _createMap(){const e=JSON.parse(s.accessDataset(this.rootNode,"coords")),t=new Promise(((e,t)=>{const r=()=>{if("undefined"!=typeof lux&&lux instanceof Object)return e(lux),!0;setTimeout(r,1e3)};r()}));await t;const r={target:this.rootNode,bgLayer:"basemap_2015_global",zoom:18,easting:e.lng,northing:e.lat,callback:this._addGpx};this.rootNode.dataset.bgLayerStyle&&(r.bgLayerStyle=this.rootNode.dataset.bgLayerStyle),this.mapInstance=new lux.Map(r),this.rootNode.dataset.layerIds&&this.rootNode.dataset.layerIds.split(",").filter((e=>e)).forEach((e=>{this.mapInstance.addLayerById(e.trim())})),this.setZoom(),this._createMapMarker()}_addGpx(){let e=this.getTarget(),t=s.accessDataset(e,"gpx");if(void 0!==t){var r={Point:new ol.style.Style({image:new ol.style.Circle({fill:new ol.style.Fill({color:"rgba(255,255,255,1)"}),radius:10,stroke:new ol.style.Stroke({color:"#09f",width:1})})}),LineString:new ol.style.Style({stroke:new ol.style.Stroke({color:"#09f",width:3})}),MultiLineString:new ol.style.Style({stroke:new ol.style.Stroke({color:"#09f",width:3})})},o=new ol.layer.Vector({source:new ol.source.Vector({url:"//"+window.location.host+t,format:new ol.format.GPX}),style:function(e){return r[e.getGeometry().getType()]}});this.addLayer(o)}}_createMapMarker(){this.connectors=[];const e=this.rootNode.parentNode.nextElementSibling;(void 0!==e?Array.from(e.querySelectorAll("li.listItem")):[]).forEach((e=>{s.accessDataset(e,"latitude")>0&&this._createConnector(e)})),this.connectors.length>0&&this.connectors[0].activate()}_inactivateAllMarkers(){this.connectors.forEach((e=>e.getMarkerObject().setInactive(!0)))}_createConnector(e){let t=new o.A(this,e);this.connectors.push(t)}setZoom(){const e=this.mapInstance.getView();e.setMinZoom(10),e.setZoom(12)}fitView(){const e=this._getBounds(),t=this.mapInstance.getView();this.setZoom(),t.fit(e,this.mapInstance.getSize())}_getBounds(){const e=parseFloat(s.accessDataset(this.rootNode,"lat")),t=parseFloat(s.accessDataset(this.rootNode,"lng"));let r=e,o=e+.5,a=t,n=t+.5;const i=this.connectors;return i&&i.length>0&&(r=Number.MAX_VALUE,o=Number.MIN_VALUE,a=Number.MAX_VALUE,n=Number.MIN_VALUE,i.forEach((e=>{let t=e.getMarkerObject();const s=ol.proj.fromLonLat(t.coords);r=Math.min(r,s[1]),o=Math.max(o,s[1]),a=Math.min(a,s[0]),n=Math.max(n,s[0])}))),ol.extent.boundingExtent([[a,r],[n,o]])}}}},t={};function r(o){var s=t[o];if(void 0!==s)return s.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r(19481),r(47533),r(20111),r(99148),r(77502),r(5365)})();