function () { var STYLE_ID = 'uber-nav-overlay-style'; var ROOT_CLASS = 'uber-custom-nav'; var LOGO_URL = 'https://waimao.office.163.com/material/api/pub/resource/download?nodeId=740339001503858717'; var MENU_BG = 'https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?auto=format&fit=crop&w=2000&q=85'; /* * 页面发布后，在这里填写正式链接。 */ var NAV_URLS = { home: 'https://www.globalfactorylink.com/uber-smart-hydraulics', about: 'http://globalfactorylink.com/uber-smart-hydraulics/about-us.html', products: 'https://www.globalfactorylink.com/uber-smart-hydraulics/productList.html', capabilities: 'https://www.globalfactorylink.com/uber-smart-hydraulics/customized-service.html', markets: 'https://www.globalfactorylink.com/uber-smart-hydraulics/news.html', contact: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/70b14948b21e49eb.html', structural_components: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/b3925435860f43d4.html', mast_assemblies: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/db1751fde66a48a0.html', lithium_ion_battery_systems: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/6c60398e44ab499c.html', tanks_reservoirs: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/fbafab0851304564.html', wire_harness_assemblies: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/adcbebb75a8148ae.html', fluid_hydraulic_piping: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/928011056ce442e9.html', heavy_fabrication: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/b41db05496124dd7.html', robotic_welding: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/4f274aab5fe44c7a.html', precision_cnc: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/66c70af868a64524.html', advanced_metrology: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/603d6dbafff74b22.html', fluid_validation: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/122eee0cf5ea4cd9.html', surface_treatment: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/5858d728be974ed8.html', precision_fabrication: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/f469ae44e22249f4.html', li_ion_energy_systems: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/50448e5011b34c89.html', material_handling_forklifts: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/f800c3ee60144ac9.html', intelligent_logistics_agv_amr: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/0909dddf984946c3.html', construction_machinery: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/990e077c30264eff.html', energy_special_vehicles: 'https://www.globalfactorylink.com/uber-smart-hydraulics/site-page/eebfff85912f4010.html' }; var NAV_ACTIVE = 'home'; var NAV_ITEMS = [ { key: 'home', label: 'HOME' }, { key: 'about', label: 'ABOUT US' }, { key: 'products', label: 'PRODUCTS', children: [ { key: 'structural_components', label: 'STRUCTURAL COMPONENTS' }, { key: 'mast_assemblies', label: 'MAST ASSEMBLIES' }, { key: 'lithium_ion_battery_systems', label: 'LITHIUM-ION BATTERY SYSTEMS' }, { key: 'tanks_reservoirs', label: 'TANKS & RESERVOIRS' }, { key: 'wire_harness_assemblies', label: 'WIRE HARNESS ASSEMBLIES' }, { key: 'fluid_hydraulic_piping', label: 'FLUID & HYDRAULIC PIPING COMPONENTS' } ] }, { key: 'capabilities', label: 'CAPABILITIES', children: [ { key: 'heavy_fabrication', label: 'HEAVY FABRICATION', children: [ { key: 'precision_fabrication', label: 'PRECISION FABRICATION' }, { key: 'li_ion_energy_systems', label: 'LI-ION ENERGY SYSTEMS' } ] }, { key: 'robotic_welding', label: 'ROBOTIC WELDING' }, { key: 'precision_cnc', label: 'PRECISION CNC' }, { key: 'advanced_metrology', label: 'ADVANCED METROLOGY' }, { key: 'fluid_validation', label: 'FLUID VALIDATION' }, { key: 'surface_treatment', label: 'SURFACE TREATMENT' } ] }, { key: 'markets', label: 'MARKETS', children: [ { key: 'material_handling_forklifts', label: 'MATERIAL HANDLING & FORKLIFTS' }, { key: 'intelligent_logistics_agv_amr', label: 'INTELLIGENT LOGISTICS & AGV/AMR' }, { key: 'construction_machinery', label: 'CONSTRUCTION MACHINERY' }, { key: 'energy_special_vehicles', label: 'ENERGY & SPECIAL VEHICLES' } ] }, { key: 'contact', label: 'CONTACT' } ]; var CSS_TEMPLATE = [ '.', ROOT_CLASS, '{', '--uber-primary:#2e1d6f;', '--uber-orange:#f97316;', '--uber-orange-dark:#ea580c;', '--uber-ink:#0f172a;', '--uber-text:#334155;', '--uber-muted:#64748b;', '--uber-line:#e2e8f0;', 'display:block;', 'width:100%;', 'height:92px;', // 调低 PC 端高度 (102px -> 92px) 'background:#ffffff;', 'font-family:Arial,Helvetica,sans-serif;', 'box-sizing:border-box;', 'overflow:visible;', '}', '.', ROOT_CLASS, ' *,.', ROOT_CLASS, ' *::before,.', ROOT_CLASS, ' *::after{box-sizing:border-box;}', '.', ROOT_CLASS, ' .un-header{', 'display:flex;', 'align-items:center;', // 改为居中对齐，移除 padding-top 依赖 'justify-content:space-between;', 'width:100%;', 'height:92px;', // 调低 PC 端高度 (102px -> 92px) 'padding:0 40px;', // 仅保留左右内边距 'background:#ffffff !important;', 'border:0;', 'box-shadow:none !important;', '}', '.', ROOT_CLASS, ' .un-logo-link{display:inline-flex;align-items:center;text-decoration:none !important;}', '.', ROOT_CLASS, ' .un-header-logo{', 'display:block;', 'width:auto !important;', 'height:76px !important;', // 锁定 Logo 高度不变 'max-width:280px !important;', 'object-fit:contain;', 'object-position:left center;', '}', '.', ROOT_CLASS, ' .un-hamburger{', 'display:flex;', 'flex-direction:column;', 'align-items:center;', 'justify-content:center;', 'gap:6px;', 'width:62px;', // 锁定汉堡栏尺寸不变 'height:62px;', 'padding:0;', 'border:0;', 'border-radius:0;', 'outline:none;', 'background:var(--uber-orange) !important;', 'cursor:pointer;', 'transition:background-color .25s ease,transform .2s ease;', '-webkit-tap-highlight-color:transparent;', '}', '.', ROOT_CLASS, ' .un-hamburger:hover,.', ROOT_CLASS, ' .un-hamburger:focus-visible{background:var(--uber-orange-dark) !important;}', '.', ROOT_CLASS, ' .un-hamburger:active{transform:scale(.95);}', '.', ROOT_CLASS, ' .un-hamburger span{display:block;width:28px;height:2px;background:#ffffff !important;}', '.', ROOT_CLASS, ' .un-menu-overlay{', 'position:fixed;', 'inset:0;', 'z-index:100000;', 'display:flex;', 'flex-direction:column;', 'width:auto;', 'height:auto;', 'overflow-y:auto;', 'background:#ffffff;', 'opacity:0;', 'visibility:hidden;', 'pointer-events:none;', 'transition:opacity .45s cubic-bezier(.22,.61,.36,1),visibility 0s linear .45s;', '}', '.', ROOT_CLASS, ' .un-menu-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s cubic-bezier(.22,.61,.36,1);}', '.', ROOT_CLASS, ' .un-menu-bg{', 'position:fixed;', 'inset:0;', 'z-index:0;', 'background-position:right center;', 'background-size:cover;', 'transform:scale(1.045);', 'transition:transform .9s cubic-bezier(.22,.61,.36,1);', '}', '.', ROOT_CLASS, ' .un-menu-overlay.is-active .un-menu-bg{transform:scale(1);}', '.', ROOT_CLASS, ' .un-menu-gradient{', 'position:fixed;', 'inset:0;', 'z-index:1;', 'background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.98) 25%,rgba(255,255,255,.88) 43%,rgba(255,255,255,.42) 66%,rgba(46,29,111,.12) 100%);', '}', '.', ROOT_CLASS, ' .un-menu-top{', 'position:relative;', 'z-index:2;', 'display:flex;', 'align-items:center;', 'justify-content:space-between;', 'flex:0 0 110px;', // 稍微压缩菜单顶部高度 'width:100%;', 'padding:0 48px;', '}', '.', ROOT_CLASS, ' .un-menu-logo{', 'display:block;', 'width:auto !important;', 'height:92px !important;', 'max-width:330px !important;', 'object-fit:contain;', 'object-position:left center;', '}', '.', ROOT_CLASS, ' .un-close-btn{', 'position:relative;', 'display:flex;', 'align-items:center;', 'justify-content:center;', 'width:62px;', 'height:62px;', 'padding:0;', 'border:0;', 'border-radius:0;', 'outline:none;', 'background:var(--uber-orange) !important;', 'cursor:pointer;', 'transition:background-color .25s ease,transform .2s ease;', '}', '.', ROOT_CLASS, ' .un-close-btn:hover,.', ROOT_CLASS, ' .un-close-btn:focus-visible{background:var(--uber-orange-dark) !important;}', '.', ROOT_CLASS, ' .un-close-btn:active{transform:scale(.95);}', '.', ROOT_CLASS, ' .un-close-btn::before,.', ROOT_CLASS, ' .un-close-btn::after{', 'content:"";', 'position:absolute;', 'width:29px;', 'height:2px;', 'background:#ffffff !important;', '}', '.', ROOT_CLASS, ' .un-close-btn::before{transform:rotate(45deg);}', '.', ROOT_CLASS, ' .un-close-btn::after{transform:rotate(-45deg);}', '.', ROOT_CLASS, ' .un-menu-main{', 'position:relative;', 'z-index:2;', 'display:flex;', 'align-items:center;', 'flex:1 1 auto;', 'min-height:390px;', 'padding:10px 4% 24px;', '}', '.', ROOT_CLASS, ' .un-nav-list{', 'position:relative;', 'display:flex;', 'flex-direction:column;', 'justify-content:center;', 'width:300px;', 'min-height:330px;', '}', '.', ROOT_CLASS, ' .un-nav-item{position:relative;display:block;width:100%;}', '.', ROOT_CLASS, ' .un-nav-row{', 'display:grid;', 'grid-template-columns:minmax(0,1fr) 38px;', 'align-items:center;', 'width:100%;', 'min-height:50px;', '}', '.', ROOT_CLASS, ' .un-nav-item:not(.has-sub)>.un-nav-row{grid-template-columns:1fr;}', '.', ROOT_CLASS, ' .un-nav-link{', 'position:relative;', 'display:flex;', 'align-items:center;', 'min-height:50px;', 'padding-left:0;', 'color:var(--uber-ink) !important;', '-webkit-text-fill-color:var(--uber-ink) !important;', 'text-decoration:none !important;', 'font-size:21px;', 'line-height:1.2;', 'font-weight:700;', 'letter-spacing:.15px;', 'transition:color .25s ease,padding-left .25s ease;', '}', '.', ROOT_CLASS, ' .un-nav-link::before{', 'content:"";', 'position:absolute;', 'left:0;', 'width:0;', 'height:25px;', 'background:var(--uber-orange);', 'transition:width .25s ease;', '}', '.', ROOT_CLASS, ' .un-nav-item.is-current>.un-nav-row .un-nav-link,.', ROOT_CLASS, ' .un-nav-link:hover{', 'padding-left:20px;', 'color:var(--uber-primary) !important;', '-webkit-text-fill-color:var(--uber-primary) !important;', '}', '.', ROOT_CLASS, ' .un-nav-item.is-current>.un-nav-row .un-nav-link::before,.', ROOT_CLASS, ' .un-nav-link:hover::before{width:7px;}', '.', ROOT_CLASS, ' .un-sub-toggle{', 'position:relative;', 'display:flex;', 'align-items:center;', 'justify-content:center;', 'width:38px;', 'height:38px;', 'padding:0;', 'border:0;', 'background:transparent !important;', 'cursor:pointer;', '}', '.', ROOT_CLASS, ' .un-sub-toggle::before,.', ROOT_CLASS, ' .un-sub-toggle::after{', 'content:"";', 'position:absolute;', 'width:12px;', 'height:1.5px;', 'background:var(--uber-primary) !important;', 'transition:transform .25s ease;', '}', '.', ROOT_CLASS, ' .un-sub-toggle::after{transform:rotate(90deg);}', '.', ROOT_CLASS, ' .un-nav-item.is-open>.un-nav-row .un-sub-toggle::after{transform:rotate(0);}', '.', ROOT_CLASS, ' .un-submenu{', 'position:absolute;', 'top:0;', 'left:100%;', 'z-index:4;', 'width:430px;', 'padding:16px 22px;', 'background:rgba(255,255,255,.96);', 'border-left:3px solid var(--uber-orange);', 'opacity:0;', 'visibility:hidden;', 'pointer-events:none;', 'transform:translateX(16px);', 'transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;', '}', '.', ROOT_CLASS, ' .un-nav-item:hover>.un-submenu,.', ROOT_CLASS, ' .un-nav-item:focus-within>.un-submenu,.', ROOT_CLASS, ' .un-nav-item.is-open>.un-submenu{', 'opacity:1;', 'visibility:visible;', 'pointer-events:auto;', 'transform:translateX(0);', 'transition:opacity .28s ease,transform .28s ease;', '}', '.', ROOT_CLASS, ' .un-submenu .un-nav-row{min-height:41px;}', '.', ROOT_CLASS, ' .un-submenu .un-nav-link{', 'min-height:41px;', 'font-size:13px;', 'line-height:1.35;', 'font-weight:700;', 'letter-spacing:.35px;', '}', '.', ROOT_CLASS, ' .un-submenu .un-nav-link::before{height:19px;}', '.', ROOT_CLASS, ' .un-submenu .un-submenu{left:100%;top:-16px;width:300px;}', '.', ROOT_CLASS, ' .un-submenu .un-submenu .un-nav-link{font-size:12px;color:var(--uber-text) !important;-webkit-text-fill-color:var(--uber-text) !important;}', '.', ROOT_CLASS, ' .un-menu-footer{', 'position:relative;', 'z-index:2;', 'display:grid;', 'grid-template-columns:1.55fr 1fr 1fr 1.15fr;', 'gap:28px;', 'flex:0 0 auto;', 'width:auto;', 'margin:0 3% 32px;', 'padding:26px 28px;', 'border-top:1px solid rgba(46,29,111,.14);', 'background:rgba(255,255,255,.93);', '}', '.', ROOT_CLASS, ' .un-footer-item{display:flex;align-items:flex-start;gap:13px;min-width:0;text-decoration:none !important;}', '.', ROOT_CLASS, ' .un-footer-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;}', '.', ROOT_CLASS, ' .un-footer-icon svg{display:block;width:32px !important;height:32px !important;}', '.', ROOT_CLASS, ' .un-footer-icon svg path,.', ROOT_CLASS, ' .un-footer-icon svg circle{', 'fill:none !important;', 'stroke:var(--uber-orange) !important;', 'stroke-width:1.8;', 'stroke-linecap:round;', 'stroke-linejoin:round;', '}', '.', ROOT_CLASS, ' .un-footer-copy{display:flex;flex-direction:column;min-width:0;}', '.', ROOT_CLASS, ' .un-footer-label{', 'display:block;', 'margin:0 0 5px;', 'color:var(--uber-muted) !important;', '-webkit-text-fill-color:var(--uber-muted) !important;', 'font-size:12px;', 'line-height:1.25;', 'font-weight:800;', 'letter-spacing:.45px;', 'text-transform:uppercase;', '}', '.', ROOT_CLASS, ' .un-footer-val{', 'display:block;', 'margin:0;', 'color:var(--uber-ink) !important;', '-webkit-text-fill-color:var(--uber-ink) !important;', 'font-size:15px;', 'line-height:1.45;', 'font-weight:600;', 'word-break:break-word;', '}', '.', ROOT_CLASS, ' a.un-footer-item:hover .un-footer-val{color:var(--uber-primary) !important;-webkit-text-fill-color:var(--uber-primary) !important;}', '@media (max-width:1100px){', '.', ROOT_CLASS, ' .un-header{height:88px;padding:0 28px;}', '.', ROOT_CLASS, '{height:88px;}', '.', ROOT_CLASS, ' .un-hamburger{margin-top:0;}', '.', ROOT_CLASS, ' .un-header-logo{height:66px !important;max-width:240px !important;}', '.', ROOT_CLASS, ' .un-menu-top{flex-basis:104px;padding:0 28px;}', '.', ROOT_CLASS, ' .un-menu-logo{height:78px !important;max-width:280px !important;}', '.', ROOT_CLASS, ' .un-menu-main{align-items:flex-start;padding:8px 30px 28px;}', '.', ROOT_CLASS, ' .un-nav-list{width:280px;}', '.', ROOT_CLASS, ' .un-submenu{width:370px;}', '.', ROOT_CLASS, ' .un-submenu .un-submenu{position:relative;left:auto;top:auto;width:100%;margin-top:4px;border-left:1px solid rgba(46,29,111,.18);}', '.', ROOT_CLASS, ' .un-menu-footer{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 24px 24px;}', '}', '@media (max-width:700px){', '.', ROOT_CLASS, '{height:74px;}', '.', ROOT_CLASS, ' .un-header{height:74px;padding:0 18px;}', '.', ROOT_CLASS, ' .un-header-logo{height:56px !important;max-width:190px !important;}', '.', ROOT_CLASS, ' .un-hamburger,.', ROOT_CLASS, ' .un-close-btn{width:52px;height:52px;}', '.', ROOT_CLASS, ' .un-hamburger span{width:24px;}', '.', ROOT_CLASS, ' .un-menu-top{flex-basis:86px;padding:0 18px;}', '.', ROOT_CLASS, ' .un-menu-logo{height:64px !important;max-width:220px !important;}', '.', ROOT_CLASS, ' .un-menu-gradient{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 74%,rgba(46,29,111,.32) 100%);}', '.', ROOT_CLASS, ' .un-menu-main{display:block;min-height:0;padding:8px 20px 28px;}', '.', ROOT_CLASS, ' .un-nav-list{width:100%;min-height:0;}', '.', ROOT_CLASS, ' .un-nav-link{font-size:17px;min-height:46px;}', '.', ROOT_CLASS, ' .un-nav-row{min-height:46px;}', '.', ROOT_CLASS, ' .un-submenu{position:relative;left:auto;top:auto;width:100%;max-height:0;padding:0 0 0 18px;border-left:1px solid rgba(46,29,111,.18);opacity:0;visibility:hidden;transform:none;overflow:hidden;}', '.', ROOT_CLASS, ' .un-nav-item:hover>.un-submenu{max-height:0;opacity:0;visibility:hidden;}', '.', ROOT_CLASS, ' .un-nav-item.is-open>.un-submenu{max-height:850px;padding-top:6px;padding-bottom:10px;opacity:1;visibility:visible;}', '.', ROOT_CLASS, ' .un-submenu .un-nav-link{font-size:12px;min-height:38px;}', '.', ROOT_CLASS, ' .un-submenu .un-nav-row{min-height:38px;}', '.', ROOT_CLASS, ' .un-menu-footer{grid-template-columns:1fr;gap:17px;margin:0 16px 18px;padding:22px 18px;}', '.', ROOT_CLASS, ' .un-footer-val{font-size:14px;}', '}', '@media (prefers-reduced-motion:reduce){', '.', ROOT_CLASS, ' .un-menu-overlay,.', ROOT_CLASS, ' .un-menu-bg,.', ROOT_CLASS, ' .un-hamburger,.', ROOT_CLASS, ' .un-close-btn,.', ROOT_CLASS, ' .un-nav-link,.', ROOT_CLASS, ' .un-submenu{transition:none !important;}', '}' ].join(''); function injectStyle() { if (document.getElementById(STYLE_ID)) return; var style = document.createElement('style'); style.id = STYLE_ID; style.appendChild(document.createTextNode(CSS_TEMPLATE)); document.head.appendChild(style); } function syncShapeGeometry(host) { var parent = host.parentNode; if (!parent || parent.nodeType !== 1) { host.style.setProperty('margin-left', '0', 'important'); host.style.setProperty('width', '100%', 'important'); host.style.setProperty('max-width', '100%', 'important'); return; } var parentRect = parent.getBoundingClientRect(); var parentStyle = window.getComputedStyle(parent); var contentLeft = parentRect.left + (parseFloat(parentStyle.borderLeftWidth) || 0) + (parseFloat(parentStyle.paddingLeft) || 0); var viewportWidth = document.documentElement.clientWidth || window.innerWidth; host.style.setProperty('margin-left', (-contentLeft) + 'px', 'important'); host.style.setProperty('margin-right', '0', 'important'); host.style.setProperty('width', viewportWidth + 'px', 'important'); host.style.setProperty('max-width', viewportWidth + 'px', 'important'); } function morphHost(host) { var overrides = { 'background': '#ffffff', 'background-image': 'none', 'border': 'none', 'border-radius': '0', 'box-shadow': 'none', 'height': 'auto', 'min-height': '0', 'max-height': 'none', 'padding': '0', 'margin-top': '0', 'margin-bottom': '0', 'position': 'relative', 'overflow': 'visible', 'display': 'block', 'z-index': '9999' }; var key; for (key in overrides) { if (overrides.hasOwnProperty(key)) host.style.setProperty(key, overrides[key], 'important'); } } function flattenAncestors(host) { var node = host.parentNode; var depth = 0; while (node && node.nodeType === 1 && depth < 3) { var cls = typeof node.className === 'string' ? node.className : ''; if (cls.indexOf('templates-wrapper') !== -1) break; node.style.setProperty('height', 'auto', 'important'); node.style.setProperty('min-height', '0', 'important'); node.style.setProperty('max-height', 'none', 'important'); node = node.parentNode; depth++; } } function makeLabel(item, level) { var url = NAV_URLS[item.key] || ''; var cls = 'un-nav-link un-nav-link-level-' + String(level); if (url) { return '' + item.label + ''; } return '' + item.label + ''; } function buildMenu(items, level) { var html = []; var i; for (i = 0; i < items.length; i++) { var item = items[i]; var hasChildren = item.children && item.children.length; var isCurrent = item.key === NAV_ACTIVE; html.push('

'); html.push('

'); html.push(makeLabel(item, level)); if (hasChildren) { html.push(''); } html.push('

'); if (hasChildren) { html.push('

'); html.push(buildMenu(item.children, level + 1)); html.push('

'); } html.push('

'); } return html.join(''); } function iconMarkup(type) { if (type === 'phone') { return ''; } if (type === 'whatsapp') { return ''; } if (type === 'email') { return ''; } return ''; } function buildFooterItem(type, label, value, href, external) { var start = ''; if (href) { start = ''; } return [ start, '', '', end ].join(''); } function buildLogo(className) { var image = ' UBER Smart Equipment

'; if (NAV_URLS.home) { return '' + image + ''; } return '' + image + ''; } function buildHTML() { var mapUrl = 'https://www.google.com/maps/search/?api=1&query=' + encodeURIComponent('No. 229 Shijin Road, Xukou Town, Wuzhong District, Suzhou, Jiangsu Province, China'); return [ '

', '

', buildLogo('un-header-logo'), '', '

', '

', '', '', '', '', '', '

', '

' ].join(''); } function findParent(node, className, stopNode) { var current = node; while (current && current !== stopNode) { if (current.classList && current.classList.contains(className)) return current; current = current.parentNode; } return null; } var config = { onMount: function (context) { try { injectStyle(); var container = document.getElementById(context.id) || document.querySelector('[data-id="' + context.id + '"]') || document.querySelector('[data-node-id="' + context.id + '"]') || document.querySelector('.' + context.id); if (!container) return; container.innerHTML = buildHTML(); morphHost(container); syncShapeGeometry(container); flattenAncestors(container); var root = container.querySelector('.' + ROOT_CLASS); var overlay = root.querySelector('.un-menu-overlay'); var openButton = root.querySelector('.un-hamburger'); var closeButton = root.querySelector('.un-close-btn'); var menuOpen = false; var savedOverflow = document.body.style.overflow || ''; function setMenu(open) { menuOpen = !!open; if (menuOpen) { savedOverflow = document.body.style.overflow || ''; overlay.classList.add('is-active'); overlay.setAttribute('aria-hidden', 'false'); openButton.setAttribute('aria-expanded', 'true'); document.body.style.setProperty('overflow', 'hidden', 'important'); window.setTimeout(function () { try { closeButton.focus(); } catch (e) {} }, 60); } else { overlay.classList.remove('is-active'); overlay.setAttribute('aria-hidden', 'true'); openButton.setAttribute('aria-expanded', 'false'); document.body.style.overflow = savedOverflow; } } function onRootClick(event) { var toggle = findParent(event.target, 'un-sub-toggle', root); if (toggle) { event.preventDefault(); var item = findParent(toggle, 'un-nav-item', root); if (!item) return; var open = item.classList.contains('is-open'); item.classList.toggle('is-open', !open); toggle.setAttribute('aria-expanded', open ? 'false' : 'true'); return; } var forceLink = findParent(event.target, 'un-footer-item', root); if (!forceLink) forceLink = findParent(event.target, 'un-nav-link', root); if (!forceLink) forceLink = findParent(event.target, 'un-logo-link', root); if (forceLink && forceLink.tagName && forceLink.tagName.toLowerCase() === 'a') { var href = forceLink.getAttribute('href'); if (!href) return; event.preventDefault(); setMenu(false); if (forceLink.getAttribute('target') === '_blank') { window.open(href, '_blank'); } else { try { window.top.location.href = href; } catch (e0) { window.location.href = href; } } } } function onKeydown(event) { if ((event.key === 'Escape' || event.keyCode === 27) && menuOpen) { event.preventDefault(); setMenu(false); try { openButton.focus(); } catch (e) {} } } function onResize() { try { syncShapeGeometry(container); } catch (e) {} } openButton.addEventListener('click', function () { setMenu(true); }); closeButton.addEventListener('click', function () { setMenu(false); }); root.addEventListener('click', onRootClick); document.addEventListener('keydown', onKeydown); window.addEventListener('resize', onResize); if (window.requestAnimationFrame) { window.requestAnimationFrame(function () { try { syncShapeGeometry(container); flattenAncestors(container); } catch (e) {} }); } config._cleanup = function () { setMenu(false); root.removeEventListener('click', onRootClick); document.removeEventListener('keydown', onKeydown); window.removeEventListener('resize', onResize); }; } catch (e) { if (window && window.console) window.console.warn('[UBER Navigation onMount]', e); } }, onUnmount: function (context) { try { if (config._cleanup) config._cleanup(); document.body.style.overflow = ''; var style = document.getElementById(STYLE_ID); if (style && style.parentNode) style.parentNode.removeChild(style); var container = document.getElementById(context.id); if (container) container.innerHTML = ''; } catch (e) {} } }; return config; }