https://cdn.shopify.com/shopifycloud/world/brochure/production-blog/assets/Header-ByIWsJ4g.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RightClickSaveMenu-CSzdo1qj.js","assets/chunk-62JRHF6Z-CS0B5gRj.js","assets/useSignup-By7IaEZI.js","assets/paths-CTMSnpBZ.js","assets/Wrapper-Qou99p7r.js","assets/I18N-DbcewOge.js","assets/jsx-runtime-Dv7-ob3D.js","assets/documentInlineStylesheet-D3gcTLE2.js","assets/twMerge-VtgQyl3D.js","assets/Pause-Bq3IT50O.js","assets/Play-Co5cWGXv.js"])))=>i.map(i=>d[i]);
2import{H as e,R as t,z as n}from"./chunk-62JRHF6Z-CS0B5gRj.js";import{D as r}from"./paths-CTMSnpBZ.js";import{t as i}from"./jsx-runtime-Dv7-ob3D.js";import{C as a,T as o,b as s,f as c,i as l,l as u,m as d,o as f,s as p,w as m,x as h}from"./Wrapper-Qou99p7r.js";import{n as g,v as _}from"./I18N-DbcewOge.js";import{t as v}from"./ShopifyLogo-DGQSu7ut.js";import{t as y}from"./Image-DUxjwT_L.js";import{A as b,C as x,D as S,E as C,M as w,O as T,b as E,k as D,t as O,v as ee,x as k,y as A}from"./useSignup-By7IaEZI.js";import{a as te,c as ne,d as j,f as M,h as re,i as ie,l as ae,m as N,n as oe,o as se,p as P,r as ce,s as le,u as ue}from"./NavigationSearch-DXn_9sL1.js";import{t as F}from"./useReducedMotion-BQnVnw2V.js";import{t as I}from"./usePreventBodyScroll-Ccczez88.js";var L=e(n(),1),R=e(d(),1);function z(e){return`label`in e}var B=i(),V={cs:1280,da:1280,ko:1280,nb:1280,ro:1330,th:1330,tr:1330,hu:1330,pl:1330,sv:1330,ru:1380,bg:1380,fi:1380,el:1380,lt:1380,ja:1420},H={de:1420,es:1380,fr:1380,nl:1280,pt:1420};function U(e,t){let n,r;switch(V[e]??H[t]){case 1280:n=`min-[1280px]:inline-flex`,r=`lg:max-[1280px]:px-2`;break;case 1330:n=`min-[1330px]:inline-flex`,r=`lg:max-[1330px]:px-2`;break;case 1380:n=`min-[1380px]:inline-flex`,r=`lg:max-[1380px]:px-2`;break;case 1420:n=`min-[1420px]:inline-flex`,r=`lg:max-[1420px]:px-2`;break}return{minWidthDisplay:n,minWidthPadding:r}}var W=h(`group flex items-center py-2 pl-[13px] pr-[13px] gap-x-1 ring-0 hover:ring-0 focus:ring-0`,{variants:{mode:{dark:[`bg-transparent text-white border-white/50`,`hover:bg-transparent hover:text-white hover:border-white`,`focus:bg-transparent focus:text-white focus:border-white`],light:[`bg-transparent text-black border-[#D4D4D8]`,`hover:bg-transparent hover:text-black hover:border-black`,`focus:bg-transparent focus:text-black focus:border-black`]}}});function G({className:e,children:t,href:n,mode:r}){let{site:i}=_(),{minWidthDisplay:a,minWidthPadding:s}=U(i.locale,i.languageCode);return(0,B.jsxs)(k,{intent:`secondary`,mode:r,href:n,size:`small`,border:!0,className:o(W({mode:r}),s,e),children:[(0,B.jsx)(y,{src:`https://cdn.shopify.com/b/shopify-brochure2-assets/d35240ac8553d40d3c6f986b3a47e8bb.png?originalWidth=36&originalHeight=36`,srcSet:`https://cdn.shopify.com/b/shopify-brochure2-assets/d35240ac8553d40d3c6f986b3a47e8bb.png?originalWidth=18&originalHeight=18 1x, https://cdn.shopify.com/b/shopify-brochure2-assets/d35240ac8553d40d3c6f986b3a47e8bb.png?originalWidth=36&originalHeight=36 2x`,width:18,height:18,className:`w-[18px] h-[18px] shrink-0 pointer-events-none -translate-y-[.5px]`,alt:``}),(0,B.jsx)(`span`,{className:o(`pointer-events-none`,a&&`lg:hidden ${a}`),children:t})]})}function K({subSubNavItem:e,subNavItem:t,darkBackground:n,lightBackgroun

2d:r,getIconFn:i}){let a=(0,L.useRef)(null);return(0,B.jsxs)(`li`,{className:(0,R.default)(`flex mb-6 pr-4`,{[`border-r border-shade-30 last:border-0 ${j(e.columnSpan)}`]:(t.aside||t.simple)&&t.columnSpan===12}),ref:a,children:[t.simple&&e.icon&&i?.(e.icon),(0,B.jsxs)(A,{className:(0,R.default)(`group inline-block w-full`,{"text-white hover:text-white":n,"text-black hover:text-black":!n}),href:e.url??``,children:[(0,B.jsx)(`div`,{className:`text-base font-semi-medium`,children:(0,B.jsxs)(`span`,{className:(0,R.default)(`inline-block arrow-animation`),children:[e.content,(0,B.jsx)(`span`,{className:`sr-only`,children:`.`})]})}),e.description&&(0,B.jsx)(`div`,{className:(0,R.default)(`text-sm`,{"text-shade-70 group-hover:text-black":r},{"text-shade-30 group-hover:text-white":n}),children:e.description})]})]})}function q({background:e,openIndex:t,navItem:n,navItemIndex:i,prefersReducedMotion:s,getIconFn:c}){let l=e===r.Black||e===r.TransparentDark,u=e===r.White||e===r.TransparentLight;return(0,B.jsx)(`div`,{className:`absolute bottom-0 inset-x-0 overflow-hidden z-20`,children:(0,B.jsx)(a,{children:n.navItems?.filter(e=>e.aside&&e.columnSpan===12).map((n,r)=>(0,B.jsxs)(m,{"data-background":e,start:n.columnStart,span:n.columnSpan,className:o((0,R.default)({"pt-8":!(n.aside&&n.columnSpan===12)},{"scheme-white:bg-shade-10 scheme-transparent-light:bg-shade-10 scheme-black:bg-shade-90 scheme-transparent-dark:bg-shade-90 pl-10 relative after:absolute after:left-full after:top-[-1px] after:w-[100vw] after:h-[calc(100%+1px)] scheme-white:after:bg-shade-10 scheme-transparent-light:after:bg-shade-10 scheme-black:after:bg-shade-90 scheme-transparent-dark:after:bg-shade-90 scheme-black:text-white scheme-transparent-dark:text-white":n.aside},{"-ml-[var(--margin)] -mt-8 md:mt-0 pl-[var(--margin)] pt-6 before:content-[''] before:absolute before:right-full before:top-[-1px] before:w-[100vw] before:h-[calc(100%+1px)] scheme-white:before:bg-shade-10 scheme-transparent-light:before:bg-shade-10 scheme-black:before:bg-shade-90 scheme-transparent-dark:before:bg-shade-90 border-t scheme-white:border-shade-20 scheme-transparent-light:border-shade-20 scheme-black:border-shade-70 scheme-transparent-dark:border-shade-70 before:border-t scheme-white:before:border-shade-20 scheme-transparent-light:before:border-shade-20 scheme-black:before:border-shade-70 scheme-transparent-dark:before:border-shade-70 after:border-t scheme-white:after:border-shade-20 scheme-transparent-light:after:border-shade-20 scheme-black:after:border-shade-70 scheme-transparent-dark:after:border-shade-70":n.aside&&n.columnSpan===12},{"border-l scheme-white:border-shade-20 scheme-transparent-light:border-shade-20 scheme-black:border-shade-70 scheme-transparent-dark:border-shade-70":n.aside&&n.columnSpan!==12},{"text-black":n.aside&&l,"text-white":!n.aside&&l},{"-translate-y-[30px]":t===-1&&!s},{"translate-y-[30px]":t>-1&&i!==t&&!s},{"translate-y-0":i===t&&!s})),children:[n.content&&(0,B.jsxs)(`div`,{className:(0,R.default)(`flex items-center border-shade-30 mb-6 border-b pb-4 text-lg`,{"border-shade-70":l}),children:[n.icon&&c?.(n.icon),(0,B.jsx)(`span`,{id:P(`subNavItem-${n.content}`),className:(0,R.default)(`text-t7 inline-block`,{"text-white":l}),children:n.content})]}),(0,B.jsx)(`ul`,{className:(0,R.default)({"pb-2":n.columnSpan!==12,"columns-2":n.splitColumns,"grid grid-cols-12 gap-x-gutter gap-y-0 pb-0":(n.aside||n.simple)&&n.columnSpan===12}),"aria-labelledby":n.content?P(`subNavItem-${n.content}`):void 0,children:n.navItems?.map(e=>(0,B.jsx)(K,{subSubNavItem:e,subNavItem:n,darkBackground:l,lightBackgroun

2d:u},e.content))})]},`${n.content||`content`}${r}`))})})}function J({background:e,openIndex:t,navItem:n,navItemIndex:i,prefersReducedMotion:s,prevOpenIndex:c,subNavRefs:l,getIconFn:u=()=>null}){let d=e===r.Black||e===r.TransparentDark,f=e===r.White||e===r.TransparentLight,p=n.navItems?.some(e=>e.aside&&e.columnSpan===12),h={background:e,openIndex:t,navItem:n,navItemIndex:i,prefersReducedMotion:s};return(0,B.jsxs)(`div`,{ref:l.current[i],id:n.content?`${n.content}DesktopMenu`:`DesktopMenu${i}`,className:(0,R.default)(`absolute inset-x-0 top-global-header z-[21]`,`transition-transform duration-[452ms] ease-[cubic-bezier(0.26,1.00,0.48,1.00)] motion-reduce:transition-none`,`before:absolute before:inset-x-0 before:top-0 before:w-full before:h-full before:left-0`,`before:shadow-xl before:pointer-events-none before:z-10`,{"transition-[opacity] duration-[277ms]":c.current>-1},{"bg-white text-black":f},{"bg-black text-white":d,"bg-white text-black":f},{"opacity-0 pointer-events-none":i!==t},{"opacity-100 pointer-events-auto":i===t},{"-translate-y-[10px]":t===-1&&!s},{"translate-y-0":i===t&&!s}),children:[(0,B.jsx)(`div`,{className:(0,R.default)(`relative no-scrollbar overflow-y-auto overflow-x-clip max-h-[calc(100vh-72px)] z-20`,{"pb-28":p}),children:(0,B.jsx)(a,{children:n.navItems?.filter(e=>!(e.aside&&e.columnSpan===12)).map((n,r)=>(0,B.jsxs)(m,{"data-background":e,start:n.columnStart,span:n.columnSpan,className:o((0,R.default)(`pt-8`,{"scheme-white:bg-shade-10 scheme-transparent-light:bg-shade-10 scheme-black:bg-shade-90 scheme-transparent-dark:bg-shade-90 pl-10 relative after:absolute after:left-full after:top-[-1px] after:w-[100vw] after:h-[calc(100%+1px)] scheme-white:after:bg-shade-10 scheme-transparent-light:after:bg-shade-10 scheme-black:after:bg-shade-90 scheme-transparent-dark:after:bg-shade-90 scheme-black:text-white scheme-transparent-dark:text-white":n.aside},{"border-l scheme-white:border-shade-20 scheme-transparent-light:border-shade-20 scheme-black:border-shade-70 scheme-transparent-dark:border-shade-70":n.aside&&n.columnSpan!==12},{"text-black":n.aside&&d,"text-white":!n.aside&&d},{"-translate-y-[30px]":t===-1&&!s},{"translate-y-[30px]":t>-1&&i!==t&&!s},{"translate-y-0":i===t&&!s})),children:[n.content&&(0,B.jsxs)(`div`,{className:(0,R.default)(`flex items-center border-shade-30 mb-6 border-b pb-4 text-lg`,{"border-shade-70":d}),children:[n.icon&&u(n.icon),(0,B.jsx)(`span`,{id:P(`subNavItem-${n.content}`),className:(0,R.default)(`text-t7 inline-block`,{"text-white":d}),children:n.content})]}),(0,B.jsx)(`ul`,{className:(0,R.default)({"pb-2":n.columnSpan!==12,"columns-2":n.splitColumns,"grid grid-cols-12 gap-x-gutter gap-y-0 pb-0":(n.aside||n.simple)&&n.columnSpan===12}),"aria-labelledby":n.content?P(`subNavItem-${n.content}`):void 0,children:n.navItems?.map(e=>(0,B.jsx)(K,{subSubNavItem:e,subNavItem:n,darkBackground:d,lightBackgroun

2d:f,getIconFn:u},e.content))})]},`${n.content||`content`}${r}`))})}),p&&(0,B.jsx)(q,{...h,getIconFn:u})]})}var Y=[`lg:group-hover:opacity-50 lg:group-hover:hover:opacity-100`,`lg:[.level1-item:hover_&]:opacity-100`,`lg:transition-opacity lg:duration-300`];function de({openIndex:e,setOpenIndex:t,background:n,mainNav:i,getIconFn:a}){let{t:o}=g(),s=F(!1),c=(0,L.useRef)(-1),l=(0,L.useRef)();l.current=i.map((e,t)=>l?.current?.[t]??(0,L.createRef)())??[(0,L.createRef)()];let d=(0,L.useRef)();d.current=i.map((e,t)=>d?.current?.[t]??(0,L.createRef)())??[(0,L.createRef)()];let f=n===r.Black||n===r.TransparentDark,m=n===r.White||n===r.TransparentLight,h=f?u.Dark:u.Light,_=()=>{(0,L.startTransition)(()=>{t(-1)}),l?.current[e]?.current.focus()};return E(`Escape`,()=>e>-1&&_()),ee(_),(0,L.useEffect)(()=>{c.current=e,d.current.forEach(e=>{e.current&&(e.current.scrollTop=0)})},[e]),(0,B.jsx)(`nav`,{className:`max-lg:hidden flex h-full grow`,"aria-label":o(`shared/global/translations:ariaLabels.header.mainNav`),itemScope:!0,itemType:`https://schema.org/SiteNavigationElement`,"data-click-outside":`dismiss`,"data-component-name":`desktop-main-navigation`,"data-viewable-component":!0,children:i.length>0&&(0,B.jsx)(B.Fragment,{children:(0,B.jsx)(`ul`,{className:`flex h-full group`,children:i.map((r,i)=>{let o=z(r),g=`children`in r,_=o?r.label:r.content,v=r.url?.includes(`editions`),y=o&&r.isEditions;return v&&!y?null:(0,B.jsx)(`li`,{className:(0,R.default)(`text-base`,o?`shrink-0 mr-7 min-[1300px]:mr-8`:`mr-8`,o&&r.url&&Y,o&&g&&[`level1-item z-30 hover:z-40`,`before:absolute before:bottom-0 before:left-0 before:w-full`,`before:h-6 before:pointer-events-none`,`hover:before:pointer-events-auto`],o&&!g&&`z-20`),onMouseEnter:!s&&o&&g&&r.layout!==w.Media?S:void 0,children:r.url?(0,B.jsx)(`div`,{className:`flex h-full items-center`,children:y?(0,B.jsx)(G,{mode:h,href:r.url,children:_}):(0,B.jsx)(A,{className:(0,R.default)(`flex items-center`,{"hover:underline":!o,"text-black hover:text-black":m,"text-white hover:text-white":f}),href:r.url,children:_})}):(0,B.jsxs)(B.Fragment,{children:[o?(0,B.jsxs)(`div`,{className:(0,R.default)(`relative flex h-full items-center gap-x-0.5`,Y,`before:absolute before:top-0 before:left-0`,`before:w-[calc(100%+4rem)] before:h-full`,`before:-translate-x-8`),children:[(0,B.jsx)(`span`,{className:`font-semi-medium whitespace-nowrap`,children:_}),(0,B.jsx)(D,{id:p.Chevron,className:(0,R.default)(`w-4 h-4 mt-[3px] shrink-0 transition-transform duration-200`,`[.level1-item:hover_&]:-scale-y-100`,`[.level1-item:focus-within_&]:-scale-y-100`,h===u.Dark?`text-white`:`text-black`)})]}):(0,B.jsx)(`div`,{className:(0,R.default)(`relative flex h-full`,`after:block after:h-[3px] after:w-full after:absolute`,`after:bottom-0 after:scale-0 after:origin-left`,`after:transition-transform after:duration-[350ms]`,`after:ease-[bezier(0.66,0.66,0.34,1.00)]`,`after:motion-reduce:transition-none`,i===e&&`after:scale-100`,i!==e&&`hover:underline`,m&&`after:bg-black text-black`,f&&`after:bg-white text-white`),children:(0,B.jsxs)(`button`,{ref:l.current[i],type:`button`,className:`bg-transparent whitespace-nowrap`,onClick:()=>(0,L.startTransition)(()=>{t(i===e?-1:i)}),"data-component-name":`${_}-toggle-${i===e?`close`:`open`}`,"aria-expanded":i===e,"aria-haspopup":`true`,children:[(0,B.jsx)(`span`,{className:`font-semi-medium mr-3`,children:_}),(0,B.jsx)(N,{isActive:i===e,background:n})]})}),o?(0,B.jsx)(C,{item:r,mode:h}):(0,B.jsx)(J,{background:n,openIndex:e,navItem:r,navItemIndex:i,prefersReducedMotion:s,prevOpenIndex:c,subNavRefs:d,getIconFn:a})]})},_)})})})})}var X=({url:e,componentName:t,buttonText:n,intent:r=`primary`,darkBackground:i}

2)=>(0,B.jsx)(`li`,{className:`py-1 sm:grow sm:pt-2`,children:(0,B.jsx)(k,{href:e,mode:i?`dark`:`light`,intent:r,componentName:t,className:`w-full py-2 px-5 text-base`,children:n})}),Z=({darkBackground:e})=>{let{loginText:t,loginUrl:n}=c();return(0,B.jsx)(X,{url:n,componentName:`login`,buttonText:t,intent:`secondary`,darkBackground:e})},Q=({darkBackground:e})=>{let{signupText:t}=c(),{signupUrl:n,signupName:r}=O();return(0,B.jsx)(X,{url:n,componentName:r,buttonText:t,darkBackground:e})};function fe({darkBackground:e}){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(Z,{darkBackground:e}),(0,B.jsx)(Q,{darkBackground:e})]})}function pe({navItem:e,navItemIndex:t,openIndex:n,darkBackground:r,lightBackground:i,getIconFn:a}){let o=e=>(0,B.jsx)(`ul`,{className:`sm:columns-2`,children:e.navItems?.map((t,n)=>(0,B.jsxs)(`li`,{className:(0,R.default)(`flex break-inside-avoid last:pb-0`,{"pt-5":t.description,"pt-0 first:mt-3":!t.description}),children:[e.simple&&t.icon&&a(t.icon),(0,B.jsxs)(A,{href:t.url??``,className:(0,R.default)(`mb-1 block`,{"text-black":!r||r&&e.aside,"text-white":r&&!e.aside,"pt-3 pb-2.5 last:-mb-1.5":!t.description}),children:[(0,B.jsxs)(`p`,{className:`text-base font-semi-medium`,children:[t.content,(0,B.jsx)(`span`,{className:`sr-only`,children:`.`})]}),t.description&&(0,B.jsx)(`p`,{className:`text-sm`,children:t.description})]})]},`${t.content||`content`}${n}`))});return(0,B.jsx)(`div`,{className:`overflow-hidden`,children:(0,B.jsx)(`div`,{id:e.content?`${e.content}MobileMenu`:`MobileMenu${t}`,className:(0,R.default)(`transition-all duration-500 ease-out motion-reduce:transition-none`,{"-mb-[2000px] max-h-0 invisible":t!==n},{"max-h-[10000px] visible":t===n}),children:e.navItems?.map((e,t)=>(0,B.jsx)(`div`,{className:`mt-6 first:mt-4`,children:e.aside?(0,B.jsxs)(`div`,{className:(0,R.default)(`text-shade-100 bg-shade-10 rounded-lg border px-6 pb-5`,{"border-black":r},{"border-shade-30":i}),children:[e.content&&(0,B.jsxs)(`div`,{className:`flex items-center text-shade-100 pt-6`,children:[e.icon&&a(e.icon),(0,B.jsx)(`span`,{className:`inline-block text-lg sm:text-xl`,children:e.content})]}),o(e)]}):(0,B.jsxs)(`div`,{className:(0,R.default)(`border-l-[1px] pl-6`,{"border-shade-70":r},{"border-shade-20":i}),children:[e.content&&(0,B.jsxs)(`div`,{className:`flex items-center`,children:[e.icon&&a(e.icon),(0,B.jsx)(`span`,{className:`inline-block text-lg sm:text-xl`,children:e.content})]}),o(e)]})},`${e.content||`content`}${t}`))})})}function me({logo:e,mobileCtaLinklist:t,CustomMobileMenuCtaLinklist:n,openIndex:i,setOpenIndex:a,isMobileMenuOpen:o,background:s,setIsMobileMenuOpen:c,setActiveDesktopMainNavigationIndex:l,setActiveMobileMainNavigationIndex:d,mainNav:m,getIconFn:h}){let{t:_}=g(),v=s||r.TransparentLight,y=(0,L.useRef)(o);I(o),(0,L.useEffect)(()=>{y.current=o},[o]);let b=v===r.Black||v===r.TransparentDark,x=v===r.White||v===r.TransparentLight,S=b?u.Dark:u.Light,w=n===void 0?(0,B.jsx)(fe,{darkBackground:b}):n;return(0,B.jsxs)(`div`,{id:`MobileDrawer`,className:(0,R.default)(`fixed top-0 bottom-0 lg:hidden flex w-full flex-col z-50`,`transition-opacity ease-[cubic-bezier(0.87,0,0.13,1)]`,b?`bg-[#02090A] text-white`:`bg-white text-shade-90`,o?`opacity-100 pointer-events-auto z-modal`:`opacity-0 pointer-events-none`,`duration-500`),"data-component-name":`mobile-navigation-drawer`,"data-viewable-component":!0,children:[(0,B.jsx)(`div`,{className:(0,R.default)(`transition-colors duration-700`,[o&&!b&&`bg-white`,`relative`,`before:absolute before:top-0 before:left-0 before:will-change-opacity`,`before:pointer-events-none before:h-full before:w-full before:z-100`,`before:transition-opacity before:duration-200 before:opacity-0`,`before:translate-y-full`,`md:max-lg:[&:has(+_nav_input:checked~_.level2-media-container)]:before:content-none`,o&&`before:opacity-100`,o&&b&&`before:bg-[linear-gradient(180deg,#02090A_0px,transparent_40px)]`,o&&x&&`before:bg-[linear-gradient(180deg,#fff_0px,transparent_40px)]`,o&&b&&`bg-[#02090A]`]),children:(0,B.jsxs)(`div`,{className:`h-global-header container flex items-center`,children:[e&&e,(0,B.jsxs)(`ul`,{className:`lg:hidden mr-[-15px] ml-auto flex items-center`,children:[t&&t,(0,B.jsx)(`li`,{children:(0,B.jsx)(ae,{background:v,isActive:o,onToggle:()=>{(0,L.startTransition)(()=>{c(!o),l(-1),d(-1)})}})})]})]})}),m.length>0&&(0,B.jsx)(`nav`,{id:`MobileNavigation`,"aria-label":_(`shared/global/translations:ariaLabels.header.mainNav`),itemScope:!0,itemType:`https://schema.org/SiteNavigationElement`,className:`no-scrollbar overflow-y-auto relative h-full pt-6`,children:(0,B.jsx)(`ul`,{className:`mb-8 sm:mb-10 mx-margin`,children:m.map((e,t)=>{let n=z(e),r=n?e.label:e.content,o=n?`label`:`button`,s=o===`button`;return(0,B.jsx)(`li`,{className:(0,R.default)(`text-base`,{"is-active":t===i,"border-b":!0,"border-[#1A292C]":S===u.Dar

2k,"border-shade-20":S===u.Light}),children:e.url?(0,B.jsx)(A,{onClick:()=>(0,L.startTransition)(()=>{c(!1)}),href:e.url,className:(0,R.default)(b?`text-white`:`text-black`,`py-4 flex items-center font-[330] text-2xl md:text-3xl`),...e.isExternal?{target:`_blank`,rel:`noopener noreferrer`}:{},children:r}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`div`,{children:(0,B.jsxs)(o,{className:`flex items-center py-4 justify-between`,"data-component-name":`${r}-toggle-${t===i?`close`:`open`}`,"aria-expanded":s?t===i:void 0,"aria-haspopup":s?`true`:void 0,htmlFor:n?`${f.Prefix}-${r}`:void 0,onClick:n?void 0:()=>(0,L.startTransition)(()=>{a(t===i?-1:t)}),children:[(0,B.jsx)(`span`,{className:`font-[330] text-2xl md:text-3xl`,children:r}),(0,B.jsx)(D,{id:p.Arrow,className:`w-6 h-6 rtl:-scale-x-100`})]})}),n?(0,B.jsx)(C,{item:e,mode:S}):(0,B.jsx)(pe,{navItem:e,navItemIndex:t,openIndex:i,darkBackground:b,lightBackground:x,getIconFn:h??(()=>null)})]})},`${r||`content`}${t}`)})})}),w&&(0,B.jsx)(`ul`,{className:(0,R.default)(`relative mt-auto flex flex-col sm:flex-row`,`sm:gap-5 border-t py-3.5 sm:py-4 px-4 text-center`,`before:absolute before:top-[-1px] before:left-0 before:block`,`before:h-12 before:w-full before:-translate-y-12`,`before:bg-gradient-to-b before:from-transparent`,b?`before:to-black`:`before:to-white`,b&&`border-[#1A292C]`,x&&`border-shade-20`),"data-component-name":`mobile-navigation-drawer-lower`,children:w})]})}function he(){let{getUrl:e}=_();return{componentName:`CoreGuideDownload`,href:e(`/download-information`)}}var ge=({darkBackground:e})=>{let{headerPdfCta:t}=c(),n=M(l()),r=he();return n?(0,B.jsx)(`li`,{className:`me-8 text-base`,children:(0,B.jsx)(A,{className:(0,R.default)(`whitespace-nowrap hover:underline`,{"text-white":e,"text-black":!e}),...r,children:t})}):null},$=({darkBackground:e})=>{let{loginUrl:t,loginText:n}=c();return(0,B.jsx)(`li`,{className:`me-8 text-base`,children:(0,B.jsx)(A,{className:(0,R.default)(`whitespace-nowrap hover:underline`,{"text-white":e,"text-black":!e}),href:t,componentName:`login`,children:n||`Log in`})})},_e=({darkBackground:e,clickHandler:t})=>{let{signupText:n}=c(),{signupUrl:r,signupName:i}=O();return(0,B.jsx)(`li`,{className:`leading-[0]`,children:(0,B.jsx)(k,{href:r,mode:e?`dark`:`light`,size:`small`,componentName:i,className:`py-2 px-5 text-base whitespace-nowrap`,onClick:t,children:n||`Start free trial`})})};

2function ve({darkBackground:e}){return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(ge,{darkBackground:e}),(0,B.jsx)($,{darkBackground:e}),(0,B.jsx)(_e,{darkBackground:e})]})}function ye({darkBackground:e,...t}){let{signupUrl:n,signupName:r}=O(),{signupText:i}=c();return(0,B.jsx)(A,{href:n,className:(0,R.default)(`mr-4 text-base underline`,{"text-white":e,"text-black":!e}),componentName:r,...t,children:i})}function be({darkBackground:e}){return(0,B.jsx)(`li`,{children:(0,B.jsx)(ye,{darkBackground:e})})}function xe(e){let[t,n]=(0,L.useState)(e),[r,i]=(0,L.useState)(!1),[a,o]=(0,L.useState)(-1),[s,c]=(0,L.useState)(-1);return e!==null&&e!==t&&(0,L.startTransition)(()=>{e&&!t?(o(-1),c(-1)):!e&&t&&(i(!1),o(-1),c(-1)),n(e)}),{activeDesktopMainNavIdx:a,activeMobileMainNavIdx:s,isMobileMenuOpen:r,setActiveDesktopMainNavIdx:o,setActiveMobileMainNavIdx:c,setIsMobileMenuOpen:i}}function Se({containerRef:e,setIsScrolled:t}){let n=(0,L.useRef)(),r=(0,L.useCallback)(e=>{e.forEach(e=>{t(r=>r.onePx===!e.isIntersecting?r:(n.current&&clearTimeout(n.current),e.isIntersecting&&(n.current=setTimeout(()=>{t(e=>({...e,reset:!1}))},100)),{onePx:!e.isIntersecting,mainNav:r.mainNav,secondaryNav:r.secondaryNav,reset:e.isIntersecting||r.reset}))})},[t]);function i(){return T(e,r),null}return{Observe:i}}var Ce=s(()=>t(()=>import(`./RightClickSaveMenu-CSzdo1qj.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10])));function we({CustomDesktopCtaLinklist:e,CustomMobileCtaLinklist:t,CustomMobileMenuCtaLinklist:n,mainNavFn:i,secondaryNavFn:a,background:s,className:c,logo:l,navigationSearch:u=null,mainNavData:d,secondaryNavData:f=null,getIconFn:p,extraMetadata:m}){let h=g(),_=b(ne.max.lg),[y,S]=(0,L.useState)(null),{isOpen:C,openMenu:w,closeMenu:T}=x(),D=h.site.locale===`ja`,{activeDesktopMainNavIdx:O,activeMobileMainNavIdx:ee,isMobileMenuOpen:k,setActiveDesktopMainNavIdx:A,setActiveMobileMainNavIdx:j,setIsMobileMenuOpen:M}=xe(_),N=(0,L.useRef)(null),P=(0,L.useRef)(null),F=(0,L.useMemo)(()=>i?i(h):d?D&&!_?d.filter(e=>e.content!==h.t(`shared/global/translations:globalNav.headerPdfCta`)):d:[],[i,h,d,_,D]),I=(0,L.useMemo)(()=>{if(a)return{...a(h),moreText:h.t(`shared/global/translations:nav.more`)};if(f)return f},[a,h,f]),R=(I?.links&&I.links.length>0)??!1;if(R&&P.current&&y===null){let e=P.current.getBoundingClientRect().height;e>0&&S(e)}let{initScrollVals:z,isScrolled:V,resetScroll:H,scrollDirection:U,setIsScrolled:W}=le({hasSecondaryNav:R,primaryNavHeight:y}),G=s||r.TransparentLight,K=G===r.Black||G===r.TransparentDark;E(`Escape`,()=>{M(!1),A(-1),j(-1),T()});let{Observe:q}=Se({containerRef:N,setIsScrolled:W}),J=l||(0,B.jsxs)(`div`,{className:`relative flex shrink-0 items-center mr-8`,children:[(0,B.jsx)(v,{theme:K?`light`:`dark`,linkClassName:`relative z-20`,className:`lg:h-9`,onContextMenu:w}),C&&(0,B.jsx)(L.Suspense,{fallback:null,children:(0,B.jsx)(Ce,{open:C,onClose:T,theme:K?`dark`:`light`})})]}),Y=e===void 0?(0,B.jsx)(ve,{darkBackground:K}):e,X=typeof t==`function`?t({darkBackground:K}):t,Z=X===void 0?(0,B.jsx)(be,{darkBackground:K}):X,Q=F.length>0||n!==null,fe=(0,L.useMemo)(()=>(0,B.jsx)(de,{mainNav:F.filter(e=>e.data?.gaAction!==`JP Download Document`),openIndex:O,setOpenIndex:A,background:G,getIconFn:p}),[F,O,A,G,p]);return(0,B.jsxs)(B.Fragment,{children:[!R&&(0,B.jsx)(q,{}),(0,B.jsxs)(`header`,{ref:N,className:o(ie({hasSecondaryNav:R}),c),"data-component-name":`global-nav`,"data-viewable-component":!0,"data-component-extra-variant":m?.variant??`brochureV2-newNav-header`,"data-has-secondary-navigation":R,children:[(0,B.jsx)(`div`,{ref:P,className:o(ce({backgroundColorScheme:G,hasSecondaryNav:R,isDesktopMenuOpen:O>=0,isMobileMenuOpen:k,isScrolled1px:V.onePx,isScrolledMainNav:V.mainNav,isScrolledSecondaryNav:V.secondaryNav,resetScroll:R?H:V.reset,scrollDirection:U}),K?`after:bg-[#02090A]`:``),children:(0,B.jsxs)(`div`,{className:`h-global-header px-margin xl:px-auto-xl flex items-center z-20 relative`,children:[J,!_&&fe,(0,B.jsxs)(`div`,{className:oe({hasSecondaryNav:R,isScrolledNav1x:V.mainNav,scrollDirection:U}),children:[!!Y&&(0,B.jsx)(`ul`,{className:`lg:flex hidden items-center`,children:Y}),(0,B.jsxs)(`ul`,{className:te({hasHamburger:Q}),children:[Z,Q&&(0,B.jsx)(`li`,{children:(0,B.jsx)(ae,{background:G,isActive:k,onToggle:()=>{M(!k),A(-1),j(-1)}})})]})]})]})}),R&&(0,B.jsx)(`div`,{className:o(se({backgroundColorScheme:G,isDesktopMenuOpen:O>=0,isScrolled1px:V.onePx,isScrolledMainNav:V.mainNav,isScrolledSecondaryNav:V.secondaryNav,resetScroll:R?H:V.reset,isMobileMenuOpen:k,scrollDirection:U,loaded:!z}),K?`after:bg-[#02090A]`:``),children:(0,B.jsx)(`div`,{className:`h-global-header container flex items-center relative z-20`,children:(0,B.jsx)(re,{secondaryNav:I,customDesktopCtaLinklist:e,mode:K?`dark`:`light`,showGlobals:V.mainNav&&U===ue.down,navigationSearch:u,isMobile:_})})}),_&&(0,B.jsx)(me,{logo:J,mobileCtaLinklist:Z,CustomMobileMenuCtaLinklist:n,openIndex:ee,setOpenIndex:j,isMobileMenuOpen:k,background:G,setIsMobileMenuOpen:M,setActiveDesktopMainNavigationIndex:A,setActiveMobileMainNavigationIndex:j,mainNav:F,getIconFn:p})]})]})}export{_e as i,ye as n,$ as r,we as t};
3//# sourceMappingURL=Header-ByIWsJ4g.js.map