/* ff-header — reorderable nav, dark/light on scroll, mega menus, mobile drawer. Scoped to this widget instance via `root`; reads config from `__WIDGET_PROPS__`. */ (function () { var scope = (typeof root !== 'undefined' && root) ? root : document; var props = (typeof __WIDGET_PROPS__ !== 'undefined' && __WIDGET_PROPS__) ? __WIDGET_PROPS__ : {}; var content = props.content || {}; var header = scope.querySelector('[data-header]'); var drawer = scope.querySelector('[data-mobile-drawer]'); var wrap = scope.querySelector('[data-mega-wrap]'); var scrim = scope.querySelector('[data-scrim]'); var megas = scope.querySelectorAll('.mega'); var navCenter = scope.querySelector('[data-nav-center]'); var DEFAULT_NAV = [ { key: 'robotics', label: 'EAI Robotics' }, { key: 'automotive', label: 'EAI Automotive' }, { key: 'discovery', label: 'Discovery' }, { key: 'education', label: 'Education', link: '#' } ]; var ICON_CLOSE = ''; var ICON_MENU = ''; function navItems() { var items = props.navItems; return (Array.isArray(items) && items.length) ? items : DEFAULT_NAV; } function isLinkNavItem(key) { return key === 'education' || key === 'customLink'; } function esc(s) { return String(s == null ? '' : s) .replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } /* ---- Menu palette: theme.enabled prop (boolean) → theme-dark / theme-light ---- */ function isDarkTheme() { var t = props.theme; if (t && typeof t === 'object' && !Array.isArray(t)) { return t.enabled === true || t.enabled === 'true'; } return t === true || t === 'true'; } function trim(s) { return String(s == null ? '' : s).trim(); } /* Accept pasted CSS from tools like cssgradient.io (trailing ;, background: prefix, multi-line). */ function normalizeGradient(raw) { var s = trim(raw); if (!s) return ''; var lines = s.split(/\r?\n/).map(trim).filter(Boolean); if (lines.length > 1) { for (var i = lines.length - 1; i >= 0; i--) { if (/gradient\s*\(/i.test(lines[i])) { s = lines[i]; break; } } } s = s.replace(/^background(?:-image)?\s*:\s*/i, ''); s = s.replace(/;+\s*$/, ''); return s.trim(); } function applyTheme() { var dark = isDarkTheme(); [header, drawer].forEach(function (el) { if (!el) return; el.classList.toggle('theme-dark', dark); el.classList.toggle('theme-light', !dark); }); } applyTheme(); /* ---- Optional bar / mega gradients (override solid theme colors when set) ---- */ function applyThemeGradients() { var t = props.theme || {}; var barGrad = normalizeGradient(t.barBgGradient); var megaGrad = normalizeGradient(t.megaBgGradient); var host = (typeof root !== 'undefined' && root) ? root : scope; if (host && host.style) { if (barGrad) host.style.setProperty('--theme-barBgGradient', barGrad); else host.style.removeProperty('--theme-barBgGradient'); if (megaGrad) host.style.setProperty('--theme-megaBgGradient', megaGrad); else host.style.removeProperty('--theme-megaBgGradient'); } if (header) { header.classList.toggle('has-bar-gradient', !!barGrad); header.classList.toggle('has-mega-gradient', !!megaGrad); } if (wrap) wrap.classList.toggle('has-mega-gradient', !!megaGrad); if (drawer) drawer.classList.toggle('has-mega-gradient', !!megaGrad); } applyThemeGradients(); /* ---- App webview top padding (APPONLY=1 in URL, same as MenuBar / pathUtils) ---- */ function isAppOnly() { if (typeof window === 'undefined' || !window.location) return false; try { return new URLSearchParams(window.location.search).get('APPONLY') === '1'; } catch (e) { return /(?:^|[?&])APPONLY=1(?:&|$)/.test(window.location.search || ''); } } function applyAppTopPadding() { var host = (typeof root !== 'undefined' && root) ? root : scope; var padding = trim((props.theme || {}).barTopPaddingApp); var isApp = isAppOnly(); if (!host) return; host.classList.toggle('is-app', isApp); if (host.style) { if (isApp && padding) host.style.setProperty('--hd-bar-top-padding', padding); else host.style.removeProperty('--hd-bar-top-padding'); } if (typeof document !== 'undefined' && document.documentElement) { document.documentElement.classList.toggle('ff-app-only', isApp); if (document.documentElement.style) { if (isApp && padding) { document.documentElement.style.setProperty('--ff-header-app-padding', padding); } else { document.documentElement.style.removeProperty('--ff-header-app-padding'); } } } } applyAppTopPadding(); /* ---- Logo: image or text (logo.type prop) ---- */ var BRAND_LOGO_URL = 'https://genesis-cdn.ff.com/ff.svg'; var PLACEHOLDER_IMG_RE = /^data:image\/gif;base64,R0lGODlhAQAB/i; function resolveLogoImage(url) { var s = String(url || '').trim(); if (!s || PLACEHOLDER_IMG_RE.test(s)) return BRAND_LOGO_URL; return s; } function applyLogo() { var logoEl = scope.querySelector('[data-logo]'); var logo = props.logo || {}; if (!logoEl) return; var type = String(logo.type || 'image').toLowerCase(); var isText = type === 'text'; logoEl.classList.toggle('is-text', isText); logoEl.classList.toggle('is-image', !isText); if (logo.link) logoEl.href = logo.link; var img = logoEl.querySelector('[data-logo-img]'); var textEl = logoEl.querySelector('[data-logo-text]'); if (img) img.src = resolveLogoImage(logo.image); if (img && logo.alt != null) img.alt = logo.alt; if (textEl && logo.text != null) textEl.textContent = logo.text; } applyLogo(); /* ---- Optional second buttons on robotics mega menu tabs 2–4 ---- */ var mmBtn2Map = { brain: ['brainBtn2', 'brainLink2'], data: ['dataBtn2', 'dataLink2'], extra: ['extraBtn2', 'extraLink2'] }; scope.querySelectorAll('[data-mm-btn2]').forEach(function (el) { var keys = mmBtn2Map[el.getAttribute('data-mm-btn2')]; if (!keys) return; var label = trim(content[keys[0]]); el.style.display = label ? '' : 'none'; if (label && content[keys[1]]) el.href = trim(content[keys[1]]); }); /* ---- Optional per-tab colors on robotics mega menu tabs 2–4 ---- */ var mmTabColorMap = { brain: ['brainTitleColor', 'brainDescColor', 'brainBtnTextColor', 'brainBtnBgColor'], data: ['dataTitleColor', 'dataDescColor', 'dataBtnTextColor', 'dataBtnBgColor'], extra: ['extraTitleColor', 'extraDescColor', 'extraBtnTextColor', 'extraBtnBgColor'] }; var mmTabColorVars = ['--mm-title-color', '--mm-desc-color', '--mm-btn-text', '--mm-btn-bg']; scope.querySelectorAll('[data-mm-tab-colors]').forEach(function (el) { var keys = mmTabColorMap[el.getAttribute('data-mm-tab-colors')]; if (!keys) return; keys.forEach(function (key, i) { var val = trim(content[key]); if (val) el.style.setProperty(mmTabColorVars[i], val); }); if (trim(content[keys[2]]) || trim(content[keys[3]])) { el.classList.add('has-custom-btn-colors'); } }); /* ---- Amazon button: URL-routed optional CTA (amazonButtonRules prop) ---- */ function normalizePath(raw) { var s = trim(raw).toLowerCase(); if (!s) return '/'; if (s.charAt(0) !== '/') s = '/' + s; return s.replace(/\/+$/, '') || '/'; } function normalizeHost(raw) { return trim(raw).toLowerCase(); } function pathMatchesRule(path, rulePath) { var rule = normalizePath(rulePath); if (rule === '/') return path === '/'; return path === rule || path.indexOf(rule + '/') === 0; } function pathWithoutFirstSegment(path) { var normalized = normalizePath(path); var parts = normalized.split('/').filter(Boolean); if (parts.length <= 1) return normalized; return '/' + parts.slice(1).join('/'); } function pathSlug(path) { var parts = normalizePath(path).split('/').filter(Boolean); return parts.length ? parts[parts.length - 1] : ''; } function pathsMatchForRule(pagePath, rulePath, relaxed) { if (pathMatchesRule(pagePath, rulePath)) return true; if (!relaxed) return false; var pageTail = pathWithoutFirstSegment(pagePath); var ruleTail = pathWithoutFirstSegment(rulePath); if (pathMatchesRule(pageTail, ruleTail)) return true; if (pathMatchesRule(pagePath, ruleTail)) return true; if (pathMatchesRule(pageTail, rulePath)) return true; var pageSlug = pathSlug(pagePath); var ruleSlug = pathSlug(rulePath); return !!(pageSlug && ruleSlug && pageSlug === ruleSlug); } function isPreviewRequest() { if (typeof window === 'undefined' || !window.location) return false; var search = window.location.search || ''; return /(?:^|[?&])preview=1(?:&|$)/.test(search) || /(?:^|[?&])v=DRAFT(?:&|$)/.test(search); } function isStagingOrGenesisHost(host) { if (!host) return false; if (host === 'localhost' || host === '127.0.0.1') return true; if (host === 'genesis.ff.com' || host === 'genesis.ffau.to') return true; return host.indexOf('.ffau.to') !== -1; } function shouldIgnoreHostForMatching() { if (typeof window === 'undefined' || !window.location) return false; if (isPreviewRequest()) return true; return isStagingOrGenesisHost(normalizeHost(window.location.hostname)); } function getPageMatchPaths() { var paths = []; var seen = Object.create(null); function addPath(raw) { var p = normalizePath(raw); if (seen[p]) return; seen[p] = true; paths.push(p); } addPath(window.location.pathname); if (shouldIgnoreHostForMatching()) { addPath(pathWithoutFirstSegment(window.location.pathname)); var canonical = document.querySelector('link[rel="canonical"]'); if (canonical && canonical.href) { try { var canonicalPath = new URL(canonical.href).pathname; addPath(canonicalPath); addPath(pathWithoutFirstSegment(canonicalPath)); } catch (e) { /* ignore invalid canonical */ } } } return paths; } function ruleMatchesPage(rule, paths, host, ignoreHost) { var target = parseRulePageTarget(rule); if (!target) return false; if (!ignoreHost && target.host && target.host !== host) return false; for (var i = 0; i < paths.length; i++) { if (pathsMatchForRule(paths[i], target.path, ignoreHost)) return true; } return false; } function parseRulePageTarget(rule) { if (!rule) return null; var pageUrl = trim(rule.pageUrl); if (pageUrl) { if (pageUrl.charAt(0) === '/') { return { host: '', path: normalizePath(pageUrl) }; } var urlStr = /^https?:\/\//i.test(pageUrl) ? pageUrl : 'https://' + pageUrl; try { var u = new URL(urlStr); return { host: normalizeHost(u.hostname), path: normalizePath(u.pathname) }; } catch (e) { return null; } } /* Legacy preset fields — still supported if present */ var pathMatch = trim(rule.pathMatch); if (!pathMatch) return null; return { host: normalizeHost(rule.hostMatch), path: normalizePath(pathMatch) }; } function getValidAmazonRules(rules) { if (!Array.isArray(rules) || !rules.length) return []; return rules.filter(function (rule) { if (!rule || typeof rule !== 'object') return false; if (!trim(rule.link)) return false; return !!parseRulePageTarget(rule); }); } function setAmazonButtonVisible(anchor, visible) { if (!anchor) return; if (visible) { anchor.classList.add('is-amazon-visible'); } else { anchor.classList.remove('is-amazon-visible'); var iconEl = anchor.querySelector('[data-amazon-icon]'); if (iconEl) iconEl.remove(); anchor.classList.remove('has-icon'); } } function findAmazonRule(rules) { var validRules = getValidAmazonRules(rules); if (!validRules.length) return null; if (typeof window === 'undefined' || !window.location) return null; var host = normalizeHost(window.location.hostname); var ignoreHost = shouldIgnoreHostForMatching(); var paths = getPageMatchPaths(); for (var i = 0; i < validRules.length; i++) { var rule = validRules[i]; if (ruleMatchesPage(rule, paths, host, ignoreHost)) return rule; } return null; } function resolveAmazonIcon(rule) { if (rule && rule.icon != null && trim(rule.icon) !== '') { var ruleIcon = trim(rule.icon); if (!PLACEHOLDER_IMG_RE.test(ruleIcon)) return ruleIcon; } if (content.amazonIcon != null && trim(content.amazonIcon) !== '') { var contentIcon = trim(content.amazonIcon); if (!PLACEHOLDER_IMG_RE.test(contentIcon)) return contentIcon; } return ''; } function resolveAmazonIconAlt(rule) { if (rule && rule.iconAlt != null && trim(rule.iconAlt) !== '') return trim(rule.iconAlt); return trim(content.amazonIconAlt) || 'Amazon'; } function applyAmazonButtonIcon(anchor, icon, iconAlt) { var iconEl = anchor.querySelector('[data-amazon-icon]'); var labelEl = anchor.querySelector('[data-amazon-label]'); if (icon) { if (!iconEl) { iconEl = document.createElement('img'); iconEl.className = 'nav-amazon-btn-icon'; iconEl.setAttribute('data-amazon-icon', ''); if (labelEl) anchor.insertBefore(iconEl, labelEl); else anchor.appendChild(iconEl); } iconEl.src = icon; iconEl.alt = iconAlt; anchor.classList.add('has-icon'); } else { if (iconEl) iconEl.remove(); anchor.classList.remove('has-icon'); } } function applyAmazonButtonToAnchor(anchor, rule) { if (!anchor) return; var labelEl = anchor.querySelector('[data-amazon-label]'); var label = trim(rule.label) || trim(content.amazonLabel) || 'Available at Amazon'; var bg = trim(rule.bgColor) || trim(content.amazonBgColor) || '#232F3E'; var color = trim(rule.textColor) || trim(content.amazonTextColor) || '#ffffff'; var icon = resolveAmazonIcon(rule); anchor.href = trim(rule.link); anchor.style.backgroundColor = bg; anchor.style.color = color; if (labelEl) labelEl.textContent = label; applyAmazonButtonIcon(anchor, icon, resolveAmazonIconAlt(rule)); setAmazonButtonVisible(anchor, true); } function applyAmazonButton() { var amazonBtn = scope.querySelector('[data-amazon-btn]'); var rule = findAmazonRule(props.amazonButtonRules); if (!rule) { setAmazonButtonVisible(amazonBtn, false); return; } applyAmazonButtonToAnchor(amazonBtn, rule); } applyAmazonButton(); /* ---- App webview: FF Shop + Amazon open in external browser (APPONLY=1) ---- */ function isUsableExternalHref(href) { href = trim(href); return href && href !== '#'; } /* ---- Custom nav link buttons (customNavLink / customNavLink2 props) ---- */ function setCustomNavLinkVisible(anchor, visible) { if (!anchor) return; if (visible) { anchor.classList.add('is-custom-nav-link-visible'); } else { anchor.classList.remove('is-custom-nav-link-visible'); anchor.classList.remove('is-custom-nav-link-mobile-only'); var iconEl = anchor.querySelector('[data-custom-nav-link-icon]'); if (iconEl) iconEl.remove(); anchor.classList.remove('has-icon'); } } function applyCustomNavLinkIcon(anchor, icon, iconAlt) { var iconEl = anchor.querySelector('[data-custom-nav-link-icon]'); var labelEl = anchor.querySelector('[data-custom-nav-link-label]'); if (icon) { if (!iconEl) { iconEl = document.createElement('img'); iconEl.className = 'nav-custom-link-btn-icon'; iconEl.setAttribute('data-custom-nav-link-icon', ''); if (labelEl) anchor.insertBefore(iconEl, labelEl); else anchor.appendChild(iconEl); } iconEl.src = icon; iconEl.alt = iconAlt; anchor.classList.add('has-icon'); } else { if (iconEl) iconEl.remove(); anchor.classList.remove('has-icon'); } } function applyCustomNavLinkToAnchor(anchor, cfg) { if (!anchor) return; cfg = cfg || {}; var enabled = cfg.enabled === true || cfg.enabled === 'true'; var link = trim(cfg.link); if (!enabled || !isUsableExternalHref(link)) { setCustomNavLinkVisible(anchor, false); return; } var labelEl = anchor.querySelector('[data-custom-nav-link-label]'); var label = trim(cfg.label); var bg = trim(cfg.bgColor) || '#232F3E'; var color = trim(cfg.textColor) || '#ffffff'; var iconRaw = cfg.icon != null ? trim(cfg.icon) : ''; var icon = iconRaw && !PLACEHOLDER_IMG_RE.test(iconRaw) ? iconRaw : ''; var iconAlt = trim(cfg.iconAlt) || label || ''; var openInNewTab = cfg.openInNewTab === true || cfg.openInNewTab === 'true'; var mobileOnly = cfg.mobileOnly === true || cfg.mobileOnly === 'true'; anchor.href = link; anchor.style.backgroundColor = bg; anchor.style.color = color; if (labelEl) labelEl.textContent = label; if (openInNewTab) { anchor.setAttribute('target', '_blank'); anchor.setAttribute('rel', 'noopener noreferrer'); } else { anchor.removeAttribute('target'); anchor.removeAttribute('rel'); } if (mobileOnly) anchor.classList.add('is-custom-nav-link-mobile-only'); else anchor.classList.remove('is-custom-nav-link-mobile-only'); applyCustomNavLinkIcon(anchor, icon, iconAlt); setCustomNavLinkVisible(anchor, true); } function applyCustomNavLinks() { applyCustomNavLinkToAnchor(scope.querySelector('[data-custom-nav-link="1"]'), props.customNavLink || {}); applyCustomNavLinkToAnchor(scope.querySelector('[data-custom-nav-link="2"]'), props.customNavLink2 || {}); } applyCustomNavLinks(); function resolveExternalHref(anchor) { var raw = trim(anchor.getAttribute('href') || ''); if (!isUsableExternalHref(raw)) return ''; var href = anchor.href || raw; if (!href || !/^https?:\/\//i.test(href)) return ''; return href; } function openExternalBrowserHref(href, e) { if (!href) return; if (typeof window.android !== 'undefined' && typeof window.android.openExternalBrowser === 'function') { if (e) e.preventDefault(); window.android.openExternalBrowser(href); return; } if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.openExternalBrowser) { if (e) e.preventDefault(); window.webkit.messageHandlers.openExternalBrowser.postMessage(href); return; } if (e) { e.preventDefault(); window.open(href, '_blank', 'noopener,noreferrer'); } } function wireAppExternalBrowserLinks() { if (!isAppOnly()) return; scope.querySelectorAll('.nav-shop-btn, [data-amazon-btn], [data-custom-nav-link]').forEach(function (anchor) { if (anchor.getAttribute('data-app-external-wired') === '1') return; anchor.setAttribute('data-app-external-wired', '1'); anchor.addEventListener('click', function (e) { if (anchor.hasAttribute('data-amazon-btn') && !anchor.classList.contains('is-amazon-visible')) return; if (anchor.hasAttribute('data-custom-nav-link') && !anchor.classList.contains('is-custom-nav-link-visible')) return; var href = resolveExternalHref(anchor); if (!href) return; openExternalBrowserHref(href, e); }); }); } wireAppExternalBrowserLinks(); /* ---- Build desktop nav + reorder mobile nav from navItems array ---- */ function renderNav() { var items = navItems(); if (navCenter) { navCenter.innerHTML = items.map(function (item) { var key = item.key; var label = esc(item.label || ''); if (isLinkNavItem(key)) { return '' + label + ''; } if (key === 'robotics' || key === 'automotive' || key === 'discovery') { return '' + label + ''; } return ''; }).join(''); } if (drawer) { var bottom = drawer.querySelector('.mob-bottom'); drawer.querySelectorAll('[data-mob-custom-link]').forEach(function (el) { el.remove(); }); var nodes = { robotics: drawer.querySelector('[data-mob-section="robotics"]'), automotive: drawer.querySelector('[data-mob-section="automotive"]'), discovery: drawer.querySelector('[data-mob-section="discovery"]'), education: drawer.querySelector('[data-mob-link="education"]') }; Object.keys(nodes).forEach(function (nodeKey) { if (nodes[nodeKey]) nodes[nodeKey].style.display = 'none'; }); var educationUsed = false; function createMobileDrawerLink(item) { var link = document.createElement('a'); link.className = 'mobile-drawer-link'; link.setAttribute('data-mob-custom-link', ''); link.href = item.link || '#'; var labelEl = document.createElement('span'); labelEl.className = 'mob-label'; labelEl.textContent = item.label || ''; link.appendChild(labelEl); return link; } function placeMobileEl(el) { if (bottom) drawer.insertBefore(el, bottom); else drawer.appendChild(el); } function applySectionLabel(el, item) { var mobLabel = el.querySelector('.mob-label'); if (mobLabel) mobLabel.textContent = item.label || ''; } items.forEach(function (item) { var key = item.key; var el; if (key === 'robotics' || key === 'automotive' || key === 'discovery') { el = nodes[key]; if (!el) return; applySectionLabel(el, item); } else if (key === 'education') { if (!educationUsed && nodes.education) { el = nodes.education; educationUsed = true; el.href = item.link || '#'; applySectionLabel(el, item); } else { el = createMobileDrawerLink(item); } } else if (key === 'customLink') { el = createMobileDrawerLink(item); } else { return; } el.style.display = ''; placeMobileEl(el); }); } } renderNav(); /* ---- Dark over the hero, light over content ---- */ if (header) { function scrollTarget() { if (root && root.closest && root.closest('.js-controls')) { return document.getElementById('pageEditorScrollable') || window; } return window; } function currentScrollY() { var target = scrollTarget(); return target === window ? window.scrollY : target.scrollTop; } function threshold() { var t = content.lightThreshold; return (typeof t === 'number') ? t : Math.max(0, window.innerHeight * 0.5 - 56); } function updateHeader() { if (currentScrollY() > threshold()) { header.classList.remove('header-dark'); header.classList.add('header-light'); } else { header.classList.add('header-dark'); header.classList.remove('header-light'); } } var scrollEl = scrollTarget(); scrollEl.addEventListener('scroll', updateHeader, { passive: true }); window.addEventListener('scroll', updateHeader, { passive: true }); window.addEventListener('resize', updateHeader, { passive: true }); updateHeader(); } /* ---- Mega menu (hover open/close with grace delay) ---- */ var closeTimer = null; (function ensureNavChatSuppressStyle() { if (document.getElementById('ff-nav-chat-suppress')) return; var st = document.createElement('style'); st.id = 'ff-nav-chat-suppress'; /* Unscoped global rule — widget CSS cannot target html.ff-nav-open + external SDK */ st.textContent = 'html.ff-nav-open .ffrobot-chat-root{visibility:hidden!important;pointer-events:none!important;}'; document.head.appendChild(st); })(); function syncNavOpen() { var megaOpen = !!(wrap && wrap.classList.contains('open')); var drawerOpen = !!(drawer && drawer.classList.contains('open')); document.documentElement.classList.toggle('ff-nav-open', megaOpen || drawerOpen); } function openMega(name) { if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; } closeRegion(); megas.forEach(function (m) { m.classList.toggle('active', m.getAttribute('data-mega') === name); }); scope.querySelectorAll('.nav-trigger[data-menu]').forEach(function (t) { t.classList.toggle('open', t.getAttribute('data-menu') === name); }); if (header) header.classList.add('mega-open'); if (wrap) wrap.classList.add('open'); if (scrim) scrim.classList.add('show'); syncNavOpen(); } function closeMega() { if (header) header.classList.remove('mega-open'); if (wrap) wrap.classList.remove('open'); if (scrim) scrim.classList.remove('show'); scope.querySelectorAll('.nav-trigger[data-menu]').forEach(function (t) { t.classList.remove('open'); }); syncNavOpen(); } function scheduleClose() { if (closeTimer) clearTimeout(closeTimer); closeTimer = setTimeout(closeMega, 200); } scope.querySelectorAll('.nav-trigger[data-menu]').forEach(function (tr) { tr.addEventListener('mouseenter', function () { var name = tr.getAttribute('data-menu'); setTimeout(function () { openMega(name); }, 80); }); tr.addEventListener('mouseleave', scheduleClose); }); if (wrap) { wrap.addEventListener('mouseenter', function () { if (closeTimer) { clearTimeout(closeTimer); closeTimer = null; } }); wrap.addEventListener('mouseleave', scheduleClose); } if (scrim) scrim.addEventListener('click', closeMega); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') { closeMega(); closeRegion(); closeLinkPrompt(); } }); /* ---- Leaving-site link prompt (Discovery menu only) ---- */ var promptEl = scope.querySelector('[data-link-prompt]'); var promptTitle = scope.querySelector('[data-link-prompt-title]'); var promptMessage = scope.querySelector('[data-link-prompt-message]'); var promptCancelBtn = scope.querySelector('[data-link-prompt-cancel]'); var promptActionBtn = scope.querySelector('[data-link-prompt-action]'); var promptBackdrop = scope.querySelector('[data-link-prompt-backdrop]'); var pendingPromptHref = null; function normalizePrompt(p) { if (!p || !String(p.actionText || '').trim()) return null; return { title: p.title || '', message: p.message || '', actionText: p.actionText, cancelText: p.cancelText || 'Cancel' }; } function getPromptFromElement(el) { if (!el) return null; if (el.getAttribute('data-prompt-array') !== 'discoveryItems') return null; var idx = el.getAttribute('data-prompt-index'); if (idx == null || idx === '') return null; var arr = props.discoveryItems; var item = Array.isArray(arr) ? arr[parseInt(idx, 10)] : null; return normalizePrompt(item && item.prompt); } function closeLinkPrompt() { if (!promptEl) return; promptEl.classList.remove('open'); promptEl.setAttribute('hidden', ''); promptEl.setAttribute('aria-hidden', 'true'); pendingPromptHref = null; document.documentElement.classList.remove('ff-link-prompt-open'); } function openLinkPrompt(prompt, href) { if (!promptEl || !prompt) return; closeMega(); closeRegion(); if (drawer) { drawer.classList.remove('open'); if (header) header.classList.remove('drawer-open'); if (burger) burger.innerHTML = ICON_MENU; syncNavOpen(); } pendingPromptHref = href; if (promptTitle) promptTitle.textContent = prompt.title; if (promptMessage) promptMessage.textContent = prompt.message; if (promptCancelBtn) promptCancelBtn.textContent = prompt.cancelText; if (promptActionBtn) promptActionBtn.textContent = prompt.actionText; promptEl.removeAttribute('hidden'); promptEl.setAttribute('aria-hidden', 'false'); promptEl.classList.add('open'); document.documentElement.classList.add('ff-link-prompt-open'); if (promptActionBtn) promptActionBtn.focus(); } function handlePromptLinkClick(e) { var link = e.target.closest('[data-mm-link]'); if (!link || !scope.contains(link)) return; var prompt = getPromptFromElement(link); if (!prompt) return; var href = link.getAttribute('href'); if (!href || href === '#') return; e.preventDefault(); openLinkPrompt(prompt, href); } scope.addEventListener('click', handlePromptLinkClick); if (promptCancelBtn) promptCancelBtn.addEventListener('click', closeLinkPrompt); if (promptBackdrop) promptBackdrop.addEventListener('click', closeLinkPrompt); if (promptActionBtn) { promptActionBtn.addEventListener('click', function () { var href = pendingPromptHref; closeLinkPrompt(); if (href) window.location.href = href; }); } /* ---- Region dropdown (click) ---- */ var regionWrap = scope.querySelector('[data-region-wrap]'); var regionTrigger = scope.querySelector('[data-region-trigger]'); function closeRegion() { if (!regionWrap) return; regionWrap.classList.remove('open'); if (regionTrigger) regionTrigger.setAttribute('aria-expanded', 'false'); } function openRegion() { if (!regionWrap) return; closeMega(); regionWrap.classList.add('open'); if (regionTrigger) regionTrigger.setAttribute('aria-expanded', 'true'); } function toggleRegion() { if (!regionWrap) return; if (regionWrap.classList.contains('open')) closeRegion(); else openRegion(); } if (regionTrigger) { regionTrigger.addEventListener('click', function (e) { e.stopPropagation(); toggleRegion(); }); } document.addEventListener('click', function (e) { if (!regionWrap || !regionWrap.classList.contains('open')) return; if (!regionWrap.contains(e.target)) closeRegion(); }); /* ---- Robotics tab switching ---- */ var roboMega = scope.querySelector('.mega-robotics'); if (roboMega) { var tabs = roboMega.querySelectorAll('.mm-tab'); var panels = roboMega.querySelectorAll('.mm-panel'); tabs.forEach(function (tab) { tab.addEventListener('mouseenter', function () { var key = tab.getAttribute('data-cat'); tabs.forEach(function (t) { t.classList.toggle('active', t === tab); }); panels.forEach(function (p) { p.classList.toggle('active', p.getAttribute('data-panel') === key); }); }); }); } /* ---- Automotive tab switching ---- */ var autoMega = scope.querySelector('.mega-automotive'); if (autoMega) { var autoTabs = autoMega.querySelectorAll('.mm-tab'); var autoPanels = autoMega.querySelectorAll('.mm-panel'); if (autoTabs.length) { autoTabs[0].classList.add('active'); var defaultKey = autoTabs[0].getAttribute('data-cat'); autoPanels.forEach(function (p) { p.classList.toggle('active', p.getAttribute('data-panel') === defaultKey); }); } autoTabs.forEach(function (tab) { tab.addEventListener('mouseenter', function () { var key = tab.getAttribute('data-cat'); autoTabs.forEach(function (t) { t.classList.toggle('active', t === tab); }); autoPanels.forEach(function (p) { p.classList.toggle('active', p.getAttribute('data-panel') === key); }); }); }); } /* ---- Mobile burger + accordion ---- */ var burger = scope.querySelector('[data-burger]'); var drawerEl = drawer; if (burger && drawerEl) { burger.addEventListener('click', function () { var isOpen = drawerEl.classList.toggle('open'); if (header) header.classList.toggle('drawer-open', isOpen); burger.innerHTML = isOpen ? ICON_CLOSE : ICON_MENU; syncNavOpen(); }); drawerEl.querySelectorAll('.mob-trigger').forEach(function (trigger) { trigger.addEventListener('click', function () { var key = trigger.getAttribute('data-mob'); var panel = drawerEl.querySelector('[data-mob-panel="' + key + '"]'); var wasOpen = trigger.classList.contains('open'); drawerEl.querySelectorAll('.mob-trigger').forEach(function (t) { t.classList.remove('open'); }); drawerEl.querySelectorAll('.mob-panel').forEach(function (p) { p.classList.remove('open'); }); if (!wasOpen) { trigger.classList.add('open'); if (panel) panel.classList.add('open'); } }); }); } })();