https://www.visitparksvillequalicumbeach.com/dist/scripts/ConventionCenterMap.470e73927b9412dfadec.min.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8227],{3320:function(e,t,i){i.r(t),i.d(t,{default:function(){return B}});var s=i(7154),n=i.n(s),o=i(4575),a=i.n(o),l=i(3913),r=i.n(l),h=i(9713),c=i.n(h),v=i(7041),u=i(4260),d=i.n(u),p=i(840),m=i.n(p),y=i(296),g=i(9669),f=i.n(g),E="convention-center-map",L="loading",b="hover",B=function(){function e(t){a()(this,e),c()(this,"parentEl",void 0),c()(this,"el",void 0),c()(this,"innerEl",null),c()(this,"listenerBoss",void 0),c()(this,"panZoom",void 0),c()(this,"jsonData",void 0),c()(this,"svgData",void 0),c()(this,"svgEl",null),c()(this,"ariaLiveEl",null),c()(this,"overlayOpenButton",null),c()(this,"overlayCloseButton",null),c()(this,"isOverlayMode",!1),c()(this,"isOverlayClosed",!1),c()(this,"isSvgLoaded",!1),c()(this,"isJsonLoaded",!1),c()(this,"isPanZoomSetUp",!1),c()(this,"jsonUrl","/ajax/convention-center-links.json"),c()(this,"svgUrl","/svg/convention-center-map.svg"),c()(this,"mouseClickThreshold",6),c()(this,"lastMouseX",void 0),c()(this,"lastMouseY",void 0),this.parentEl=t,this.listenerBoss=new v.Z,this.isOverlayMode="iframe"==this.parentEl.tagName.toLowerCase(),this.isOverlayMode&&(this.parentEl=this.parentEl.parentElement,this.parentEl.classList.add(E+"-overlay-holder")),this.el=document.createElement("div"),this.el.classList.add(E),this.el.classList.add(L),this.el.classList.add(E+"--".concat(this.isOverlayMode?"overlay":"full")),this.parentEl.appendChild(this.el),this.ariaLiveEl=document.createElement("div"),this.ariaLiveEl.setAttribute("aria-live","polite"),this.ariaLiveEl.classList.add(E+"__live"),this.el.appendChild(this.ariaLiveEl),this.ariaLiveEl.innerText="Loading the interactive map",this.innerEl=document.createElement("div"),this.innerEl.classList.add(E+"__inner"),this.el.appendChild(this.innerEl),this.loadTheJson(),this.loadTheSvg()}return r()(e,[{key:"loadTheSvg",value:function(){var e=this;f().get(this.svgUrl).then((function(t){e.svgData=t.data,e.isSvgLoaded=!0,e.setUpTheSvg()})).catch((function(e){console.error(e)}))}},{key:"loadTheJson",value:function(){var e=this;f().get(this.jsonUrl,{headers:{"X-Requested-With":"XMLHttpRequest"}}).then((function(t){e.jsonData=t.data,e.isJsonLoaded=!0,e.setUpTheSvg()})).catch((function(e){console.error(e)}))}},{key:"setUpTheSvg",value:function(){this.isJsonLoaded&&this.isSvgLoaded&&(this.el.classList.remove(L),this.innerEl.innerHTML=this.svgData,this.svgData="",this.svgEl=this.innerEl.querySelector("svg"),this.setUpLocationInteractivity(),this.setUpPanZoom(),this.isOverlayMode&&this.setUpOverlayFunctionality())}},{key:"setUpLocationInteractivity",value:function(){var e=this,t=this.svgEl.querySelectorAll('[id^="location-"]'),i=0;t.forEach((function(t){var s=t.getAttribute("id").replace("location-",""),n=e.svgEl.querySelector("#hover-"+s);if(n&&e.jsonData.hasOwnProperty(s)){i++;var o=e.jsonData[s],a=o.link===window.location.href;n.classList.add("active"),t.classList.add("active"),n.setAttribute("aria-label",o.label),n.setAttribute("title",o.label),a?(t.classList.add("selected"),n.classList.add("selected")):(n.setAttribute("role","button"),n.setAttribute("tabindex","0"),e.listenerBoss.register(n,"mousedown",(function(t){e.lastMouseX=t.pageX,e.lastMouseY=t.pageY})),e.listenerBoss.register(n,"mouseup",(function(t){var i=Math.abs(t.pageX-e.lastMouseX),s=Math.abs(t.pageY-e.lastMouseY);i<e.mouseClickThreshold&&s<e.mouseClickThreshold&&e.goToLink(o.link,o.target)})),e.listenerBoss.register(n,"mouseenter",(function(){t.classList.add(b)})),e.listenerBoss.register(n,"mouseleave",(function(){t.classList.remove(b)})))}else if(t.classList.add("not-active"),n){var l=s.replace("-"," ");n.setAttribute("aria-label",l),n.setAttribute("title",l)}})),this.ariaLiveEl.innerText=i+" locations set up in the interactive map";var s=this.svgEl.querySelectorAll("#labels > [id]");s.length&&s.forEach((function(e){var t=e.getAttribute("id");if("room-labels"!==t&&"streets"!==t){var i=t.replace("-"," ");e.setAttribute("aria-label",i),e.setAttribute("title",i)}}))}},{key:"setUpPanZoom",value:function(){var e=this;this.isPanZoomSetUp||(this.isPanZoomSetUp=!0,this.panZoom=d()(this.svgEl,{beforePan:function(e,t){var i=this.getSizes(),s=.1*i.width,n=.1*i.height,o=-(i.viewBox.x+i.viewBox.width)*i.realZoom+s,a=i.width-s-i.viewBox.x*i.realZoom,l=-(i.viewBox.y+i.viewBox.height)*i.realZoom+n,r=i.height-n-i.viewBox.y*i.realZoom;return{x:Math.max(o,Math.min(a,t.x)),y:Math.max(l,Math.min(r,t.y))}},contain:!0,controlIconsEnabled:!1,customEventsHandler:{haltEventListeners:["touchstart","touchend","touchmove","touchleave","touchcancel"],init:function(e){var t=e.instance,i=1,s=0,n=0;this.hammer=m()(e.svgElement,{preventDefaults:!0,inputClass:m().SUPPORT_POINTER_EVENTS?m().PointerEventInput:m().TouchInput}),this.hammer.get("pinch").set({enable:!0}),this.hammer.on("panstart panmove",(function(e){"panstart"===e.type&&(s=0,n=0),t.panBy({x:e.deltaX-s,y:e.deltaY-n}),s=e.deltaX,n=e.deltaY})),this.hammer.on("pinchstart pinchmove",(function(e){"pinchstart"===e.type&&(i=t.getZoom(),t.zoom(i*e.scale)),t.zoom(i*e.scale)})),e.svgElement.addEventListener("ptouchmove",(function(e){e.preventDefault()}))},destroy:function(){this.hammer.destroy()}},dblClickZoomEnabled:!1,fit:!0,maxZoom:5,minZoom:.75,zoomScaleSensitivity:.2}),this.listenerBoss.register(window,"resize",(0,y.debounce)((function(){e.resetPosition()}),250,!1)))}},{key:"resetPosition",value:function(){this.panZoom.resize(),this.panZoom.fit(),this.panZoom.center()}},{key:"goToLink",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];n()(document.createElement("a"),{target:t?"_blank":"_self",href:e}).click()}},{key:"setUpOverlayFunctionality",value:function(){var e=this;this.overlayOpenButton=document.createElement("button"),this.overlayOpenButton.classList.add("btn"),this.overlayOpenButton.classList.add("btn--icon-only"),this.overlayOpenButton.classList.add("btn--link"),this.overlayOpenButton.classList.add(E+"__overlay-open"),this.overlayOpenButton.setAttribute("aria-label","open map overlay"),this.overlayOpenButton.innerHTML='<svg class="icon icon-zoom-in" role="presentation"><use href="#zoom-in"></use></svg> ',this.el.appendChild(this.overlayOpenButton),this.listenerBoss.register(this.overlayOpenButton,"click",(function(){e.openOverlay()})),this.overlayCloseButton=document.createElement("button"),this.overlayCloseButton.classList.add("close-button"),this.overlayCloseButton.classList.add(E+"__overlay-close"),this.overlayOpenButton.setAttribute("aria-label","close map overlay"),this.overlayCloseButton.innerHTML='<svg class="icon icon-ex" role="presentation"><use href="#ex"></use></svg>',this.el.appendChild(this.overlayCloseButton),this.listenerBoss.register(this.overlayCloseButton,"click",(function(){e.closeOverlay()})),this.closeOverlay()}},{key:"openOverlay",value:function(){var e=this;this.isOverlayClosed=!0,this.el.classList.add(E+"--isOpen"),this.overlayOpenButton.hidden=!0,this.overlayCloseButton.hidden=!1,this.innerEl.inert=!1,requestAnimationFrame((function(){e.resetPosition()})),this.ariaLiveEl.innerText="Map overlay opened"}},{key:"closeOverlay",value:function(){var e=this;this.isOverlayClosed=!1,this.el.classList.remove(E+"--isOpen"),this.overlayOpenButton.hidden=!1,this.overlayCloseButton.hidden=!0,this.innerEl.inert=!0,requestAnimationFrame((function(){e.resetPosition()})),this.ariaLiveEl.innerText="Map overlay closed"}}]),e}()}}]);