https://campusmap.mtsac.edu/js/698.1f42d2fdc3145bf1b258.js

1"use strict";(self.webpackChunkmap_ui=self.webpackChunkmap_ui||[]).push([[698],{55698(t,e,a){a.r(e),a.d(e,{default:()=>v});var o=a(74848),s=a(96540),i=a(61225),n=a(6525),c=a(2064),r=a(43482),l=a(37111),p=a(168),d=a(32485),u=a.n(d);const m=t=>{var{id:e,icon:a,title:s,clickHandler:i,className:n,active:d}=t,m=function(t,e){var a={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(a[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(t);s<o.length;s++)e.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(t,o[s])&&(a[o[s]]=t[o[s]])}return a}(t,["id","icon","title","clickHandler","className","active"]);const{showTooltip:h,onMouseEnterTooltip:b,onMouseLeaveTooltip:g,onFocusTooltip:f,onBlurTooltip:v}=(0,l.default)({delay:1e3}),M=u()("map-layers map-control-btn",n,{active:d});return(0,o.jsxs)("li",{className:"mapbox-control-btn",children:[(0,o.jsx)("button",Object.assign({id:e,className:M,onClick:i,"aria-labelledby":`${e}-tooltip`,onKeyDown:t=>(0,c.handleKeyDown)(t,i),onMouseEnter:b,onMouseLeave:g,onFocus:f,onBlur:v},m,{children:a})),(0,o.jsx)(r.default,{visible:h,position:p.TooltipPositions.LEFT,id:`${e}-tooltip`,children:s})]})};var h=a(11635),b=a(1306),g=(a(36474),a(94790)),f=a(72962);const v=({map:t})=>{const e=(0,i.useDispatch)(),[a,c]=s.useState(!0),[r,l]=s.useState(90),p=(0,g.useAriaLiveMessage)();(0,s.useEffect)((()=>{const e=()=>{const{transform:{pitch:e,bearing:a}}=t;c(0===e),l(a)};return t&&(e(),t.on("move",e)),()=>t&&t.off("move",e)}),[t]);const d=()=>{e((0,b.setAutoNavigationActive)(!1))};return(0,o.jsxs)(s.Fragment,{children:[(0,o.jsx)(m,{id:"map-rotate-btn","data-cy":"map-rotate-btn",title:"Rotate the map",icon:(0,o.jsx)("img",{src:"assets/icons/rotate-icon.svg",alt:""}),clickHandler:()=>{d(),n.default.push("Rotate Map","Clicked"),t.rotateTo(t.transform.bearing-90,{duration:500}),p({ariaLiveMessage:"Map rotated 90 degrees clockwise",reset:!0})},className:"rotate-icon"}),(0,o.jsx)(m,{id:"map-pitch-btn","data-cy":"map-pitch-btn",title:"Toggle pitch",icon:(0,o.jsx)("img",{src:`assets/icons/${a?"pitch-down-icon":"pitch-up-icon"}.svg`,alt:""}),clickHandler:()=>{const{transform:{pitch:e,bearing:a}}=t,o=e>0,s=o?"up":"down";o?(t.rotateTo(a,{pitch:0}),p({ariaLiveMessage:"Map pitched up"})):(t.rotateTo(a,{pitch:h.DefaultMapDownPitch}),p({ariaLiveMessage:"Map pitched down"})),n.default.push(f.GaEvents.MAP_TOGGLE_PITCH,s)},className:a?"pitch-down-icon":"pitch-up-icon"}),(0,o.jsx)(m,{id:"map-compass-btn","data-cy":"map-compass-btn",title:"Rotate north",icon:(0,o.jsx)("img",{src:"assets/icons/compass.svg",alt:"",style:{transform:`rotate(${-r}deg)`}}),clickHandler:()=>{d(),t.rotateTo(0);const e=t.transform.bearing;p(0===e?{ariaLiveMessage:"Map facing north",reset:!0}:{ariaLiveMessage:`Map rotated ${e>0?"clockwise":"counterclockwise"} ${Math.abs(e).toFixed(0)} degrees`,reset:!0})},className:"compass"})]})}}}]);