https://myxtur.com/cdn/shop/t/75/assets/custom-menu-api.js?v=74659635942546161011775406829

1const[menuJsonObjectKey,menuMobileTemplateKey,menuDesktopTemplateKey]=["myxtur-menu-schema","myxtur-menu-mobile","myxtur-menu-desktop"],iconArrow='<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"><path d="M21 11.9437H3.99997"stroke="black"stroke-width="2"stroke-linejoin="round"/><path d="M12 4L4.0454 11.8766C3.98877 11.9325 3.98463 12.0239 4.03574 12.0797L11.9876 20"stroke="black"stroke-width="2"/></svg>',iconCaret='<svg aria-hidden="true"focusable="false"class="icon icon-caret"viewBox="0 0 10 6"><path fill-rule="evenodd"clip-rule="evenodd"d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"fill="currentColor"></svg>',newCollectionTemplate='<span class="new-collection">New</span>',hotDealTemplate='<span class="hot-deal">Hot Deals</span>';function getMenuItemFromSession(key){return sessionStorage.getItem(key)}function setMenuItemToSession(key,value){sessionStorage.setItem(key,value)}async function getMenuSchema(){let cacheResult=getMenuItemFromSession(menuJsonObjectKey);return cacheResult?JSON.parse(cacheResult):fetch(window.navigationUrlPath).then(data=>data.json()).then(data=>(setMenuItemToSession(menuJsonObjectKey,JSON.stringify(data)),data))}function getHighlightTemplate(value){switch(value=value.replaceAll(" ","").toLowerCase(),value){case"new":return newCollectionTemplate;case"hotdeals":return hotDealTemplate;default:return""}}function getImageSourcePath(fileName){return window.fileUrlPath+fileName}function levelTwoModalBodyTemplate(item){return`<div class="child-submenu">${"<ul>"+item.items.map((childItem,idx)=>`<li id="childmenu-${idx}"><span data-navigation-url='${childItem.url}'
2title="${childItem.title}"
3onclick="navigateToUrl(event);"
4class="menu-drawer__menu-item link link--text list-menu__item focus-inset">${childItem.title}</span></li>`).join("")+"</ul>"}</div>`}function navigateToUrl(event){let navigationUrl=event.target.getAttribute("data-navigation-url");closeMenuDrawer(),hideAndResetModal(),window.location.href=navigationUrl}function openSubMenuOnModal(rootTitle,parentTitle,replaceBackBtn=!1){menuSchema=JSON.parse(getMenuItemFromSession(menuJsonObjectKey));let menuItem=menuSchema.find(root=>root.title===rootTitle).items.find(parent=>parent.title===parentTitle),template=levelTwoModalBodyTemplate(menuItem);openModelContainer(template,"submenu-modal",menuItem.title,!0,replaceBackBtn)}function setModelNameInSession(brand,model){sessionStorage.setItem("currentCaseType",JSON.stringify({brand,model}))}function closeMenuDrawer(){let subMenuDrawerRef=document.querySelector("details.menu-opening");subMenuDrawerRef&&(subMenuDrawerRef.removeAttribute("open"),subMenuDrawerRef.classList.remove("menu-opening"));let menuDrawerRef=document.getElementById("Details-menu-drawer-container");menuDrawerRef.removeAttribute("open"),menuDrawerRef.getElementsByTagName("summary")[0].setAttribute("aria-expanded",!1)}function levelOneItemMobileTemplate(item,index,parentTitle){let innerHtml="";return item.items&&item.items.length?innerHtml+=`<span id="Details-menu-drawer-submenu-${index}"class="menu-drawer__menu-item link link--text list-menu__item focus-inset"onclick="openSubMenuOnModal('${parentTitle}', '${item.title}', true)"><div class="item-title">${item.highlightTitle?getHighlightTemplate(item.highlightTitle):""}<span class="item-name">${item.title}</span></div>${item.menuIcon?`<img class="menu-highlight-image"src="${getImageSourcePath(item.menuIcon)}"alt="${item.title}"width="80"height="80"loading="lazy">`:""}</span>`:innerHtml=`<a href="${item.url}"title="${item.title}"class="menu-drawer__menu-item link link--text list-menu__item focus-inset"onclick="closeMenuDrawer()"><div class="item-title">${item.highlightTitle?getHighlightTemplate(item.highlightTitle):""}<span class="item-name">${item.title}</span></div>${item.menuIcon?`<img class="menu-highlight-image"src="${getImageSourcePath(item.menuIcon)}"alt="${item.title}"width="80"height="80"loading="lazy">`:""}</a>`,`<li>${innerHtml}</li>`}async function prepateTemplateForMobile(){let isSeparatorAdded=!1,existingTemplate=getMenuItemFromSession(menuMobileTemplateKey);if(existingTemplate)return existingTemplate;let template='<ul class="menu-drawer__menu has-submenu list-menu header__hasimage"role="list">'+(await getMenuSchema()).map((levelZeroItem,idx)=>{if(levelZeroItem.isForDesktopView)return"";let innerHtml;return levelZeroItem.items?innerHtml=`<details id="Details-menu-drawer-menu-item-${idx}"><summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><div class="item-title">${levelZeroItem.highlightTitle?getHighlightTemplate(levelZeroItem.highlightTitle):""}
5${levelZeroItem.title}</div>${levelZeroItem.menuIcon?`<img class="menu-highlight-image"src="${getImageSourcePath(levelZeroItem.menuIcon)}"alt="${levelZeroItem.title}"width="80"height="80"loading="lazy">`:""}</summary><div id="link-${levelZeroItem.title.replaceAll("","")}"class="menu-drawer__submenu has-submenu gradient motion-reduce"tabindex="-1"><div class="menu-drawer__inner-submenu"><button class="menu-drawer__close-button link link--text focus-inset"aria-expanded="true">${iconArrow}<span class="menu-title">${levelZeroItem.title}</span></button><ul class="menu-drawer__menu list-menu ${levelZeroItem.items.some(childItem=>childItem.menuIcon)?"header__hasimage":"header__noimage"}"role="list"tabindex="-1">${levelZeroItem.items.map((levelOneItem,index)=>levelOneItemMobileTemplate(levelOneItem,index,levelZeroItem.title)).join("")}</ul></div></div></details>`:innerHtml=`<a href="${levelZeroItem.url}"class="menu-drawer__menu-item list-menu__item link link--text focus-inset"onclick="closeMenuDrawer()"><div class="item-title">${levelZeroItem.highlightTitle?getHighlightTemplate(levelZeroItem.highlightTitle):""}
6${levelZeroItem.title}</div>${levelZeroItem.menuIcon?`<img class="menu-highlight-image"src="${getImageSourcePath(levelZeroItem.menuIcon)}"alt="${levelZeroItem.title}"width="80"height="80"loading="lazy">`:""}</a>`,levelZeroItem.addSeparator?(isSeparatorAdded=!0,`<li class="menu-line-break"><hr></li><li ${isSeparatorAdded?'class="separator-added"':""}>${innerHtml}</li>`):`<li ${isSeparatorAdded?'class="separator-added"':""}>${innerHtml}</li>`}).join("")+"</ul>";setMenuItemToSession(menuMobileTemplateKey,template)}function levelOneItemDesktopTemplate(item,index,parentTitle){if(item.isForMobileView)return"";let innerHtml="";return item.items&&item.items.length?innerHtml+=`<span id="Details-HeaderSubMenu-${index}"class="header__menu-item list-menu__item link link--text list-menu__item focus-inset"onclick="openSubMenuOnModal('${parentTitle}', '${item.title}')"><span class="menu-item-title">${item.title}</span>${item.highlightTitle?getHighlightTemplate(item.highlightTitle):""}
7${item.menuIcon?`<img class="menu-highlight-image"src="${getImageSourcePath(item.menuIcon)}"alt="${item.title}"width="80"height="80"loading="lazy">`:""}</span>`:innerHtml+=`<a href="${item.url}"title="${item.title}"class="header__menu-item list-menu__item link link--text focus-inset caption-large"><span class="menu-item-title">${item.title}</span>${item.highlightTitle?getHighlightTemplate(item.highlightTitle):""}
8${item.menuIcon?`<img class="menu-highlight-image"src="${getImageSourcePath(item.menuIcon)}"alt="${item.title}"width="80"height="80"loading="lazy">`:""}</a>`,`<li>${innerHtml}</li>`}async function prepateTemplateForDesktop(){let existingTemplate=getMenuItemFromSession(menuDesktopTemplateKey);if(existingTemplate)return existingTemplate;let template='<ul class="list-menu list-menu--inline"role="list">'+(await getMenuSchema()).map((item,idx)=>item.isForMobileView?"":item.items?`<li>${item.highlightTitle?getHighlightTemplate(item.highlightTitle):""}<header-menu><details id="Details-HeaderMenu-${idx}"><summary class="header__menu-item list-menu__item link focus-inset"><span>${item.title}</span></summary><ul id="HeaderMenu-MenuList-${idx}"class="header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup ${item.items.some(childItem=>childItem.menuIcon)?"header__hasimage":"header__noimage"}"role="list"tabindex="-1">${item.items.map((levelOneItem,index)=>levelOneItemDesktopTemplate(levelOneItem,index,item.title)).join("")}</ul></details></header-menu></li>`:`<li>${item.highlightTitle?getHighlightTemplate(item.highlightTitle):""}<a href="${item.url}"class="header__menu-item list-menu__item link link--text focus-inset"><span>${item.title}</span></a></li>`).join("")+"</ul>";setMenuItemToSession(menuDesktopTemplateKey,template)}async function getMenuTemplateForMobile(){let template=getMenuItemFromSession(menuMobileTemplateKey);return template||(template=await prepateTemplateForMobile()),template}async function getMenuTemplateForDesktop(){let template=getMenuItemFromSession(menuDesktopTemplateKey);return template||(template=await prepateTemplateForDesktop()),template}window.innerWidth<1024?prepateTemplateForMobile():prepateTemplateForDesktop();
9//# sourceMappingURL=/cdn/shop/t/75/assets/custom-menu-api.js.map?v=74659635942546161011775406829