/* Breadcrumb component JS */ const acceptedUrls = [ // Global "https://fr.lexus.be/", "https://nl.lexus.be/", "https://www.lexus.lu/", "belgium/fr/", "belgium/nl/", "luxemburg/fr/", "https://be-fr.dxp-prod-preview.lexus.eu/", "https://be-nl.dxp-prod-preview.lexus.eu/", "https://lu-fr.dxp-prod-preview.lexus.eu/", ] const excludedUrls = [ // Build pages "/configurateur", "/configurator", "/build" ] const exactExcludedUrls = [ // B2B Homepage "https://fr.lexus.be/professionnels", "https://nl.lexus.be/business", "https://www.lexus.lu/professionnels", "https://aem-author-prod.toyota.eu/content/lexus/belgium/fr/business.html", "https://aem-author-prod.toyota.eu/content/lexus/belgium/nl/business.html", "https://aem-author-prod.toyota.eu/content/lexus/luxemburg/fr/business.html", "https://be-fr.dxp-prod-preview.lexus.eu/professionnels", "https://be-nl.dxp-prod-preview.lexus.eu/business", "https://lu-fr.dxp-prod-preview.lexus.eu/professionnels" ]; const professionalsUrls = [ "https://fr.lexus.be/professionnels", "https://nl.lexus.be/business", "https://www.lexus.lu/professionnels", "https://aem-author-prod.toyota.eu/content/lexus/belgium/fr/business", "https://aem-author-prod.toyota.eu/content/lexus/belgium/nl/business", "https://aem-author-prod.toyota.eu/content/lexus/luxemburg/fr/business", "https://be-fr.dxp-prod-preview.lexus.eu/professionnels", "https://be-nl.dxp-prod-preview.lexus.eu/business", "https://lu-fr.dxp-prod-preview.lexus.eu/professionnels" ]; function getBreadcrumbFromJSONLD() { const scripts = document.querySelectorAll('script[type="application/ld+json"]'); let breadcrumbData = null; scripts.forEach(script => { try { const data = JSON.parse(script.textContent.trim()); // Some pages have multiple JSON-LD blocks, check if this one is BreadcrumbList if (data['@type'] === 'BreadcrumbList') { breadcrumbData = data.itemListElement; } } catch (e) { // Ignore invalid JSON-LD blocks } }); return breadcrumbData; } function createBreadcrumbContainer() { const nav = document.createElement("nav"); nav.className = "breadcrumb"; const container = document.createElement("div"); container.className = "breadcrumb-container"; const ul = document.createElement("ul"); ul.className = "breadcrumb-list"; container.appendChild(ul); nav.appendChild(container); return nav; } function addHomeLink(list, url = null) { const listHomeItem = document.createElement("li"); listHomeItem.className = "breadcrumb-item"; listHomeItem.innerHTML = ``; list.appendChild(listHomeItem); } function addMoreLink(list) { const listMoreLinkItem = document.createElement("li"); listMoreLinkItem.className = "breadcrumb-more-link"; listMoreLinkItem.innerHTML = `...`; list.appendChild(listMoreLinkItem); } function showMobileBreadcrumb() { document.querySelector('.breadcrumb-more-link')?.classList.add('hide-mobile'); document.querySelector('.breadcrumb-list')?.classList.add('show-mobile'); } function addBreadcrumbListItems(breadcrumb, currentUrl) { const list = document.querySelector(".breadcrumb-list"); let url = null; addMoreLink(list); if (professionalsUrls.some(value => currentUrl.includes(value))) { url = breadcrumb[0].item; breadcrumb.shift(); } addHomeLink(list, url); breadcrumb.forEach((item, index) => { const itemName = item.name.split("|")[0].trim(); const listItem = document.createElement("li"); listItem.className = "breadcrumb-item"; if (index === breadcrumb.length - 1) { listItem.innerHTML = `${itemName}`; } else { listItem.innerHTML = ``; } list?.appendChild(listItem); }); } function appendBreadcrumb(breadcrumb) { // Check if element is present to append the breadcrumb let appendTarget; const appendableHeroSelectors = [ ".hero-component" ]; appendTarget = appendableHeroSelectors .map(selector => document.querySelector(selector)) .find(el => el !== null); if (!appendTarget) { // Append to the top of the responsive grid by default const defaultAppendTarget = document.querySelector(".responsivegrid-top > .aem-Grid"); appendTarget = defaultAppendTarget; } appendTarget?.prepend(breadcrumb); } document.addEventListener("DOMContentLoaded", function () { const currentUrl = window.location.href.split(/[?#]/)[0]; // Only create breadcrumb on specific page in admin if (!exactExcludedUrls.some(value => value === currentUrl)) { if (!excludedUrls.some(value => currentUrl.includes(value))) { if (acceptedUrls.some(value => currentUrl.includes(value))) { const breadcrumbFromJSONLD = getBreadcrumbFromJSONLD(); if (breadcrumbFromJSONLD) { // Create breadcrumb container const breadcrumb = createBreadcrumbContainer(); // Append breadcrumb to the page appendBreadcrumb(breadcrumb); // Build breadcrumb HTML from JSON-LD addBreadcrumbListItems(breadcrumbFromJSONLD, currentUrl); // Add event listener to "..." link document.querySelector('.breadcrumb-more-link')?.addEventListener("click", showMobileBreadcrumb); } } } } });