https://www.r3.org.uk/wp-content/plugins/ollie-menu-designer/build…/mega-menu/view.js?ver=17edf5b425865a39b471

1import{getContext as e,getElement as t,store as n,withScope as s,withSyncEvent as o}from"@wordpress/interactivity";const i=150,l=300,c=2,u=200,a=400,r=1,d="rgba(255, 255, 255, 1)",p=".wp-block-ollie-mega-menu__menu-container",m=".wp-block-navigation",f=".wp-block-navigation__responsive-container",g=e=>e.querySelector(p),M=(e,t)=>e.classList.contains({custom:"menu-width-custom",content:"menu-width-content",wide:"menu-width-wide",full:"menu-width-full"}[t]);let h=null,y=null;const v=new WeakMap,{state:w,actions:k}=n("ollie/mega-menu",{state:{get isMenuOpen(){return Object.values(w.menuOpenedBy).filter(Boolean).length>0},get menuOpenedBy(){return e().menuOpenedBy},get isDesktop(){return window.innerWidth>=600},hoverTimeout:null,get dynamicHoverDelay(){const t=(e().topSpacing||0)*c;return l+t},isProcessingClick:!1},actions:{closeAllMenus(){k.closeMenu("click"),k.closeMenu("focus"),k.closeMenu("hover")},applyMobileBackgroundColor(e){if(!w.isDesktop&&w.isMenuOpen){const o=(e=>e.closest(f))(e);if(o){const i=(e=>{if(!e||"transparent"===e||"rgba(0, 0, 0, 0)"===e)return null;const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)/);if(t){const[,e,n,s,o]=t;return{r:e,g:n,b:s,a:o||1}}return null})(window.getComputedStyle(o).backgroundColor);e.style.backgroundColor=i?(t=i.r,n=i.g,s=i.b,`rgba(${t}, ${n}, ${s}, ${r})`):d}}else e.style.backgroundColor="";var t,n,s},applyTopSpacing(e){const t=e.dataset.topSpacing;t&&parseInt(t)>0&&w.isDesktop?e.style.top=`${t}px`:w.isDesktop||(e.style.top="")},applyMenuWidth(e){if(M(e,"custom")){const t=e.dataset.customWidth;t&&parseInt(t)>0&&(e.style.width=`${t}px`,e.style.maxWidth=`${t}px`)}else(M(e,"content")||M(e,"wide")||M(e,"full"))&&(e.style.width="",e.style.maxWidth="")},determineJustification:(e,t)=>e.classList.contains("menu-justified-center")?"center":e.classList.contains("menu-justified-right")?"right":e.classList.contains("menu-justified-left")?"left":t.classList.contains("items-justified-center")||t.classList.contains("items-justified-space-between")?"center":t.classList.contains("items-justified-right")?"right":"left",getMenuMeasurements(e,t){const n=window.innerWidth;let s=e.offsetWidth;return M(e,"custom")&&e.dataset.customWidth&&(s=parseInt(e.dataset.customWidth)),{windowSpace:n,originalMenuWidth:s,menuRect:e.getBoundingClientRect(),navBlockRect:t.getBoundingClientRect(),leftOffset:t.getBoundingClientRect().left,leftSpace:(n-s)/2}},resetMenuPositionStyles(e){e.style.left="",e.style.width="",e.style.maxWidth=""},adjustMegaMenu(){const{ref:e}=t(),n=g(e);if(!n)return;const s=(e=>e.closest(m))(n);if(!s)return;k.applyTopSpacing(n),k.applyMobileBackgroundColor(n),k.applyMenuWidth(n);const o=k.determineJustification(n,s),i=k.getMenuMeasurements(n,s);k.applyJustificationPositioning(n,o,i.windowSpace,i.originalMenuWidth,i.menuRect,i.leftOffset,i.leftSpace,i.navBlockRect)},applyJustificationPositioning(e,t,n,s,o){const i=u;if(s>n){const t=Math.max(n,i);e.style.width=`${t}px`,s=t}if(M(e,"full"))return e.style.width=`${n}px`,e.style.maxWidth=`${n}px`,void(e.style.left=-o.left+"px");if(M(e,"wide")){if("center"===t){const t=n/2-s/2-o.left,i=parseFloat(e.style.left||0)+t;e.style.left=`${i}px`}}else if("center"===t&&M(e,"custom")&&parseInt(e.dataset.customWidth)&&(e.style.left=`calc( ( -1 * ${s}px / 2 ) + 50% )`),M(e,"content")||M(e,"custom")){const o=e.getBoundingClientRect(),i=o.left,l=o.right;if(i<0||l>n)if("center"===t){let t=0;if(i<0?t=Math.abs(i):l>n&&(t=-(l-n)),M(e,"custom"))e.style.left=`calc( ( -1 * ${s}px / 2 ) + 50% + ${t}px )`;else{const n=parseFloat(e.style.left||window.getComputedStyle(e).left||0);e.style.left=`${n+t}px`}}else{let o=s,c=!1;if(i<0){const e=Math.abs(i);o=Math.min(o,s-e)}if(l>n){const e=l-n;o=Math.min(o,s-e)}if(c=o<a,c&&"true"!==e.dataset.justificationSwapped){const n="left"===t?"right":"left";return e.classList.remove("menu-justified-left","menu-justified-right","menu-justified-center"),e.classList.add(`menu-justified-${n}`),e.dataset.justificationSwapped="true",e.style.width="",e.style.left="",e.style.maxWidth="",k.adjustMegaMenu()}if(!c){const t=Math.max(o,u);e.style.width=`${t}px`}}}},handleResize(){const{ref:e}=t(),n=g(e);if(!n)return;k.clearHoverTimeout(),!w.isDesktop&&w.menuOpenedBy.hover&&k.closeMenu("hover");const o=v.get(e);o&&cancelAnimationFrame(o),v.set(e,requestAnimationFrame(s(()=>{delete n.dataset.justificationSwapped,k.resetMenuPositionStyles(n),k.adjustMegaMenu(),w.isMenuOpen&&k.applyMobileBackgroun

1dColor(n),v.delete(e)})))},toggleMenuOnClick:o(n=>{const s=e(),{ref:o}=t();w.isProcessingClick=!0,s.showOnHover&&s.url&&w.isDesktop?w.isProcessingClick=!1:(n&&n.preventDefault&&n.preventDefault(),window.document.activeElement!==o&&o.focus(),y&&y!==s&&(y.menuOpenedBy.click=!1,y.menuOpenedBy.focus=!1),w.menuOpenedBy.click?(k.closeMenu("click"),k.closeMenu("focus")):(k.closeMenu("focus"),s.previousFocus=o,k.openMenu("click"),y=s),setTimeout(()=>{w.isProcessingClick=!1},100))}),closeMenuOnClick(){k.closeMenu("click"),k.closeMenu("focus")},clearHoverTimeout(){w.hoverTimeout&&(clearTimeout(w.hoverTimeout),w.hoverTimeout=null)},setHoverTimeout(e,t){k.clearHoverTimeout(),w.hoverTimeout=setTimeout(s(e),t)},shouldActivateHover:()=>e().showOnHover&&w.isDesktop,handleMouseEnter(){k.shouldActivateHover()&&k.setHoverTimeout(()=>{w.menuOpenedBy.click||(h&&h!==e()&&(h.menuOpenedBy.hover=!1),h=e(),k.openMenu("hover"))},i)},handleMouseLeave(){k.shouldActivateHover()&&k.setHoverTimeout(()=>{k.closeMenu("hover")},w.dynamicHoverDelay)},handleMenuMouseEnter(){k.shouldActivateHover()&&k.clearHoverTimeout()},handleMenuMouseLeave(){k.shouldActivateHover()&&k.setHoverTimeout(()=>{k.closeMenu("hover")},l)},openMenuOnFocus(){w.isMenuOpen||w.isDesktop&&k.openMenu("focus")},handleMenuKeydown(e){(w.menuOpenedBy.click||w.menuOpenedBy.focus)&&"Escape"===e?.key&&(k.closeMenu("click"),k.closeMenu("focus"))},handleMenuFocusout(n){if(w.isProcessingClick)return;const o=e(),{ref:i}=t(),l=o.megaMenu?.querySelector(".wp-block-ollie-mega-menu__menu-container");n.relatedTarget&&(n.relatedTarget.classList?.contains("wp-block-navigation__responsive-close")||n.relatedTarget===i)||(null!==n.relatedTarget?l?.contains(n.relatedTarget)||n.target===window.document.activeElement||k.closeAllMenus():setTimeout(s(()=>{document.hasFocus()&&(l?.contains(window.document.activeElement)||window.document.activeElement===i||k.closeAllMenus())}),0))},openMenu(e="click"){w.menuOpenedBy[e]=!0},closeMenu(t="click"){const n=e();if(w.menuOpenedBy[t]=!1,!w.isMenuOpen){if(h===n&&(h=null),y===n&&(y=null),n.megaMenu?.contains(window.document.activeElement)&&n.previousFocus?.focus(),n.previousFocus=null,n.megaMenu){const e=g(n.megaMenu);e&&delete e.dataset.justificationSwapped}n.megaMenu=null}}},callbacks:{initMenu(){const n=e(),{ref:s}=t();if(w.isMenuOpen){n.megaMenu=s;const e=g(s);e&&k.applyMobileBackgroundColor(e)}},initMenuLayout(){"complete"===document.readyState?k.adjustMegaMenu():window.addEventListener("load",s(()=>{k.adjustMegaMenu()}),{once:!0})}}});