https://www.frankenmuth.org/dist/scripts/GroupedMap.68ea25ad028925a05ed6.min.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[5356],{3784:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var s=n(7154),r=n.n(s),i=n(4575),l=n.n(i),o=n(3913),a=n.n(o),u=n(1506),c=n.n(u),p=n(2205),d=n.n(p),h=n(8585),g=n.n(h),v=n(9754),m=n.n(v),f=n(9713),E=n.n(f),b=n(4579),k={fullscreenEnabled:0,fullscreenElement:1,requestFullscreen:2,exitFullscreen:3,fullscreenchange:4,fullscreenerror:5,fullscreen:6},L=["webkitFullscreenEnabled","webkitFullscreenElement","webkitRequestFullscreen","webkitExitFullscreen","webkitfullscreenchange","webkitfullscreenerror","-webkit-full-screen"],y=["mozFullScreenEnabled","mozFullScreenElement","mozRequestFullScreen","mozCancelFullScreen","mozfullscreenchange","mozfullscreenerror","-moz-full-screen"],x=["msFullscreenEnabled","msFullscreenElement","msRequestFullscreen","msExitFullscreen","MSFullscreenChange","MSFullscreenError","-ms-fullscreen"],F="undefined"!=typeof window&&void 0!==window.document?window.document:{},I="fullscreenEnabled"in F&&Object.keys(k)||L[0]in F&&L||y[0]in F&&y||x[0]in F&&x||[],M={requestFullscreen:function(e){return e[I[k.requestFullscreen]]()},requestFullscreenFunction:function(e){return e[I[k.requestFullscreen]]},get exitFullscreen(){return F[I[k.exitFullscreen]].bind(F)},get fullscreenPseudoClass(){return":"+I[k.fullscreen]},addEventListener:function(e,t,n){return F.addEventListener(I[k[e]],t,n)},removeEventListener:function(e,t,n){return F.removeEventListener(I[k[e]],t,n)},get fullscreenEnabled(){return Boolean(F[I[k.fullscreenEnabled]])},set fullscreenEnabled(e){},get fullscreenElement(){return F[I[k.fullscreenElement]]},set fullscreenElement(e){},get onfullscreenchange(){return F[("on"+I[k.fullscreenchange]).toLowerCase()]},set onfullscreenchange(e){return F[("on"+I[k.fullscreenchange]).toLowerCase()]=e},get onfullscreenerror(){return F[("on"+I[k.fullscreenerror]).toLowerCase()]},set onfullscreenerror(e){return F[("on"+I[k.fullscreenerror]).toLowerCase()]=e}};var S=n(296),T=n.n(S),C=n(1782),w=n(3104),B=n(1106);function A(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,s=m()(e);if(t){var r=m()(this).constructor;n=Reflect.construct(s,arguments,r)}else n=s.apply(this,arguments);return g()(this,n)}}var P=function(e){d()(n,e);var t=A(n);function n(e){var s,r=e.el,i=e.mapOptionOverrides,o=void 0===i?{}:i,a=e.mapElSelector,u=void 0===a?"[data-map]":a,p=e.listingSelector,d=void 0===p?"[data-map-item]":p,h=e.groupDisabledClass,g=void 0===h?"group--disabled":h,v=e.padIndex,m=void 0!==v&&v,f=e.animationProperty,b=void 0===f?"left":f;return l()(this,n),s=t.call(this,{el:r,mapOptionOverrides:o,mapElSelector:u,listingSelector:d}),E()(c()(s),"ariaLiveEl",null),E()(c()(s),"popoverEl",null),E()(c()(s),"popoverContentEl",null),E()(c()(s),"groupsHolderEl",null),E()(c()(s),"groupsEl",null),E()(c()(s),"groupsToggleEl",null),E()(c()(s),"openListingButtonEl",null),E()(c()(s),"openMarker",null),E()(c()(s),"restoreFocusEl",null),E()(c()(s),"listingButtons",[]),E()(c()(s),"map",null),E()(c()(s),"groupDisabledClass",void 0),E()(c()(s),"listingElHoverClass","hover"),E()(c()(s),"animationDuration",500),E()(c()(s),"animationProperty",void 0),E()(c()(s),"fauxFullscreenDocumentClass","fullscreen--map"),E()(c()(s),"fauxFullscreenClass","grouped-map--fullscreen"),E()(c()(s),"padIndex",void 0),E()(c()(s),"inertBoss",void 0),E()(c()(s),"placeholderEl",null),E()(c()(s),"fauxFullscreenIsOpen",!1),s.groupDisabledClass=g,s.padIndex=m,s.animationProperty=b,s.inertBoss=new C.Z,s.ariaLiveEl=document.createElement("div"),s.ariaLiveEl.setAttribute("aria-live","polite"),s.el.appendChild(s.ariaLiveEl),s.ariaLiveEl.innerText="Loading the grouped map.",s.setUpPopover(),s.setUpMap(),s}return a()(n,[{key:"handleMapReady",value:function(e,t){this.map=e,this.markers=t,this.setUpMarkersAndListings(),this.setUpGroups(),this.setUpFullscreenToggle(),this.setUpLocationToggle(

1)}},{key:"setUpFullscreenToggle",value:function(){var e=this,t=document.createElement("button");t.innerHTML="Toggle Fullscreen",t.classList.add("custom-map-control"),this.map.controls[google.maps.ControlPosition.TOP_RIGHT].push(t);var n=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];e?(t.innerHTML='<svg class="icon icon--shrink" role="presentation"><use xlink:href="/svg/sprite.svg#shrink"></use></svg>',t.setAttribute("title","Exit fullscreen mode")):(t.innerHTML='<svg class="icon icon--enlarge" role="presentation"><use xlink:href="/svg/sprite.svg#enlarge"></use></svg>',t.setAttribute("title","Enter fullscreen mode"))};this.listenerBoss.register(M,"fullscreenchange",(function(){var e=null!==M.fullscreenElement;n(e)})),this.listenerBoss.register(window,"keydown",(function(t){e.fauxFullscreenIsOpen&&("Escape"!==t.key&&"Esc"!==t.key&&27!==t.keyCode||e.closeFauxFullscreen())})),this.listenerBoss.register(t,"click",(function(){if(M.fullscreenEnabled)null!==M.fullscreenElement?M.exitFullscreen():M.requestFullscreen(e.el);else{var s=!document.documentElement.classList.contains(e.fauxFullscreenDocumentClass);s?e.openFauxFullscreen():e.closeFauxFullscreen(),t.focus(),n(s)}})),n(!1)}},{key:"openFauxFullscreen",value:function(){this.placeholderEl||(this.placeholderEl=document.createElement("div"),this.placeholderEl.classList.add("grouped-map__placeholder")),document.documentElement.classList.add(this.fauxFullscreenDocumentClass),this.el.parentNode.insertBefore(this.placeholderEl,this.el),document.body.append(this.el),this.el.classList.add(this.fauxFullscreenClass),this.inertBoss.makeBodyDirectChildrenInertExcept(this.el),this.fauxFullscreenIsOpen=!0}},{key:"closeFauxFullscreen",value:function(){this.inertBoss.makeBodyDirectChildrenNotInert(),document.documentElement.classList.remove(this.fauxFullscreenDocumentClass),this.el.classList.remove(this.fauxFullscreenClass),this.placeholderEl.parentNode.insertBefore(this.el,this.placeholderEl),this.el.parentNode.removeChild(this.placeholderEl),this.fauxFullscreenIsOpen=!1,this.el.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}},{key:"setUpLocationToggle",value:function(){var e=this;if(navigator.geolocation){var t=!1,n=null,s=document.createElement("button");s.innerHTML='<svg class="icon icon--target" role="presentation"><use xlink:href="/svg/sprite.svg#target"></use></svg>',s.classList.add("custom-map-control"),this.map.controls[google.maps.ControlPosition.TOP_RIGHT].push(s);var r="custom-map-control--active-location",i=function(e){e?(s.classList.add(r),s.setAttribute("title","Hide your location")):(s.classList.remove(r),s.setAttribute("title","Show your location"))};this.listenerBoss.register(s,"click",(function(){if(t){if(n){var s=!n.getVisible();n.setVisible(s),i(s),e.basicMapInstance.updateMapBounds(!0),e.basicMapInstance.centerMap(),s?(requestAnimationFrame((function(){n.setAnimation(google.maps.Animation.DROP)})),e.ariaLiveEl.innerText="Your location marker has been re-added to the map."):e.ariaLiveEl.innerText="Your location marker has been removed from the map."}}else navigator.geolocation.getCurrentPosition((function(s){t=!0,n=new google.maps.Marker({map:e.map,position:{lat:s.coords.latitude,lng:s.coords.longitude},title:"My location",zIndex:900}),e.setUpMarkerIconAndLabel(n,"blue","Me"),e.basicMapInstance.markers.push(n),i(!0),e.basicMapInstance.updateMapBounds(!0),e.basicMapInstance.centerMap(),requestAnimationFrame((function(){n.setAnimation(google.maps.Animation.DROP)})),e.ariaLiveEl.innerText="Your location marker has been added to the map."}),(function(){alert("The geolocation service failed. Please make sure your browser has location privileges.")}))}))}}},{key:"setUpGroups",value:function(){var e=this,t=this.el.querySelectorAll("[data-map-group]"),n=t.length,s=0;t.forEach((function(t){var n=t.getAttribute("data-map-group"),r=t.getAttribute("data-group-heading"),i=t.querySelector("[data-map-group-toggle]"),l=t.querySelector("[data-map-group-items]"),o=t.querySelector("[data-map-group-count]"),a=0;if(o){var u=l.querySelectorAll("[data-map-item]");a=u.length,s+=a,a&&(o.innerText="(".concat(a,")"),o.setAttribute("aria-label",a+" points"))}e.listenerBoss.register(i,"change",(function(){i.checked?(t.classList.remove(e.groupDisabledClass),l.hidden=!1,e.setGroupMarkersVisibility(n,!0),e.ariaLiveEl.innerText="The ".concat(r," group is enabled. Showing its ").concat(a," locations.")):(t.classList.add(e.groupDisabledClass),l.hidden=!0,e.setGroupMarkersVisibility(n,!1),e.ariaLiveEl.innerText="The ".concat(r," group is disabled. Hiding its ").concat(a," locations."))}))})),s&&(this.ariaLiveEl.innerText="Set up ".concat(n," groups with a total of ").concat(s," locations")),this.groupsHolderEl=this.el.querySelector("[data-grouped-map-groups-holder]"),this.groupsEl=this.el.querySelector("[data-grouped-map-groups]"),this.groupsToggleEl=this.el.querySelector("[data-grouped-map-groups-toggle]"),this.groupsToggleEl&&this.listenerBoss.register(this.groupsToggleEl,"click",(function(){"false"===e.groupsToggleEl.getAttribute("aria-expanded")?e.openGroups():e.closeGroups()})),this.groupsToggleEl.hidden=!1;var r=function(){var t;t=e.groupsToggleEl,"none"==window.getComputedStyle(t).display?e.groupsEl.setAttribute("aria-hidden","false"):e.closeGroups()};this.listenerBoss.register(window,"resize",(function(){T()((function(){r()}),100)})),r()}},{key:"openGroups",value:function(){this.groupsToggleEl.setAttribute("aria-expanded","true"),this.groupsEl.setAttribute("aria-hidden","false"),this.groupsToggleEl.innerHTML='<svg class="icon icon--enlarge" role="presentation"><use xlink:href="/svg/sprite.svg#arrow-down"></use></svg> Hide List',this.groupsHolderEl.classList.add("isOpen")}},{key:"closeGroups",value:function(){this.groupsToggleEl.setAttribute("aria-expanded","fal

1se"),this.groupsEl.setAttribute("aria-hidden","true"),this.groupsToggleEl.innerHTML='<svg class="icon icon--enlarge" role="presentation"><use xlink:href="/svg/sprite.svg#arrow-up"></use></svg> Show List',this.groupsHolderEl.classList.remove("isOpen")}},{key:"setGroupMarkersVisibility",value:function(e,t){var n=this;this.markers.forEach((function(n){n.customGroupId===e&&n.setVisible(t)})),requestAnimationFrame((function(){n.basicMapInstance.updateMapBounds(!0),n.basicMapInstance.centerMap()}))}},{key:"setUpMarkersAndListings",value:function(){var e=this;this.listingEls.length&&this.listingEls.forEach((function(t,n){var s=String(n+1);e.padIndex&&(s=s.padStart(2,"0")),t.setAttribute("data-map-item",s);var r=t.querySelector("[data-map-item-icon]");r&&(r.innerText=s)}));var t=this.markers.length;t&&this.markers.forEach((function(n,s){var i=n.point.listingEl,l=i.querySelector("[data-map-item-button]"),o=i.querySelector("[data-map-item-content]");l.marker=n;var a=i.getAttribute("data-map-item"),u=(0,w.d)("--marker-color",i,"#00f"),c=(0,w.d)("--marker-hover-color",i,"#f00"),p=i.getAttribute("data-group");n.customGroupId=p,l.customGroupId=p;var d=i.getAttribute("data-title");d&&n.setTitle(d),l.isSelected=!1,n.isSelected=!1,e.setUpMarkerIconAndLabel(n,u,a);var h=n.getIcon(),g=r()({},h);(0,B.setMarkerUrlColor)(h,u),n.customDefaultIcon=h,(0,B.setMarkerUrlColor)(g,c),n.customHoverIcon=g,n.customZIndex=t-s,n.setZIndex(n.customZIndex),n.addListener("mouseover",(function(){e.selectPair(l,n)})),n.addListener("mouseout",(function(){e.deselectPair(l,n)})),n.addListener("click",(function(){i.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}),e.openListingInPopover(l,o,n)}))})),this.listingEls.length&&this.listingEls.forEach((function(t){var n,s=t.querySelector("[data-map-item-button]");e.listingButtons.push(s);var r=null!==(n=null==s?void 0:s.marker)&&void 0!==n?n:null,i=t.querySelector("[data-map-item-content]");e.listenerBoss.register(s,"mouseover",(function(){e.selectPair(s,r)})),e.listenerBoss.register(s,"mouseout",(function(){e.deselectPair(s,r)})),e.listenerBoss.register(s,"click",(function(){"false"===s.getAttribute("aria-expanded")?e.openListingInPopover(s,i,r):e.closePopover(!1)}))}))}},{key:"setUpPopover",value:function(){var e=this;this.popoverEl=this.el.querySelector("[data-map-popover]"),this.popoverContentEl=this.popoverEl.querySelector("[data-map-popover-content]");var t=this.popoverEl.querySelector("[data-close]");this.listenerBoss.register(t,"click",(function(){e.closePopover()}))}},{key:"openListingInPopover",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;this.restoreFocusEl=document.activeElement;var s=!this.popoverEl.hidden;this.closePopover(!1,!1),this.openListingButtonEl=e,this.openMarker=n,this.selectPair(e,n,901),e.setAttribute("aria-expanded","true"),this.popoverContentEl.innerHTML=t.innerHTML,this.popoverEl.hidden=!1,this.ariaLiveEl.innerText="Opened the location details dialog";var r=this.popoverEl.querySelector("h1");r?r.setAttribute("tabindex","-1"):this.popoverEl.querySelector("[data-close]"),r&&r.focus(),s||this.popoverEl.animate([E()({},this.animationProperty,"-100%"),E()({},this.animationProperty,0)],{duration:this.animationDuration,easing:"ease"})}},{key:"closePopover",value:function(){var e=this,t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],s=!this.popoverEl.hidden;if(this.openListingButtonEl&&this.openListingButtonEl.setAttribute("aria-expanded","false"),this.openListingButtonEl&&this.openMarker&&this.deselectPair(this.openListingButtonEl,this.openMarker,!0),this.openListingButtonEl=null,this.openMarker=null,t&&this.restoreFocusEl&&this.restoreFocusEl.focus(),s&&n){var r=this.popoverEl.animate([E()({},this.animationProperty,0),E()({},this.animationProperty,"-100%")],{duration:this.animationDuration,easing:"ease"});r.addEventListener("finish",(function(){e.popoverEl.hidden=!0,e.popoverContentEl.innerHTML=""}),{once:!0,passive:!0})}else this.popoverEl.hidden=!0,this.popoverContentEl.innerHTML="";s||(this.ariaLiveEl.innerText="Closed the location detail dialog")}},{key:"selectPair",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:900;

1if(this.deselectAll(),e.isSelected=!0,e.classList.add(this.listingElHoverClass),t){t.isSelected=!0,t.setIcon(t.customHoverIcon);var s=t.getLabel();s.className="marker-label hover",t.setLabel(s),t.setZIndex(n)}}},{key:"deselectPair",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if((e!==this.openListingButtonEl||n)&&(e.isSelected=!1,e.classList.remove(this.listingElHoverClass),t)){t.isSelected=!1,t.setIcon(t.customDefaultIcon);var s=t.getLabel();s.className="marker-label",t.setLabel(s),t.setZIndex(t.customZIndex)}}},{key:"deselectAll",value:function(){var e=this;this.listingButtons.length&&this.listingButtons.forEach((function(t){t.isSelected&&t!==e.openListingButtonEl&&(t.classList.remove(e.listingElHoverClass),t.isSelected=!1)})),this.markers.length&&this.markers.forEach((function(t){t.isSelected&&t!==e.openMarker&&(t.setIcon(t.customDefaultIcon),t.isSelected=!1)}))}}]),n}(b.Z)}}]);