import la from"./Dk2LEmLl.js";import ca from"./BsYfCL9r.js";import ra from"./1EMdMTST.js";import sa from"./DK3VdvcG.js";import{D as da,e as ga,a8 as ua,t as P,h as va,v as H,i as fa,X,o as c,c as M,b as d,a9 as k,u as t,a3 as ma,a4 as _a,f as i,n as ha,m as g,F as O,Z as ba,aa as pa,a as D,Y as p,l as v,d as x,j as y,q as ya,ab as wa,ac as Da,ad as ka,_ as xa}from"./DihIj5KI.js";import Na from"./CBBLMpbV.js";import j from"./DAXvZEoC.js";import{C as La}from"./DN6ZdvQK.js";import{H as Ma}from"./Cb52iTI4.js";import{u as $}from"./GSQT9IDc.js";import{d as Ga}from"./BMyR6M34.js";import"./BQzDAgEK.js";import"./CvgIemOv.js";import"./DFUCK31R.js";import"./dPnNSR81.js";import"./DAclPi2r.js";import"./6nMrlTX6.js";import"./l_G0njAJ.js";import"./mhrwBUP6.js";import"./BhrS8wV0.js";import"./CTAa0JoJ.js";import"./BqFFb_eK.js";const Ia={class:"navigation"},Ta=["aria-label"],za={class:"slp-flex"},Ca=["onMouseleave","onMouseenter"],Sa=["id","aria-labelledby","aria-label"],Oa={class:"navigation__dropdown-content"},$a={style:{flex:"1"}},Ea=["aria-label"],Ba=da({__name:"Navigation",props:{navigationData:{},freeTrialVariant:{}},setup(e){const{t:_,locale:q}=ga(),E=ua(),G=y(null),N=y(null),h=y(null),u=y(!1),I=y(68),T=y([]),z=y(!1),B=ya(()=>q.value==="en-us"),C=n=>!!n.menu?.columns?.length,L=n=>h.value===n,F=n=>`navigation-submenu-${n}`,R=n=>`navigation-submenu-trigger-${n}`,V=()=>{u.value=!u.value},b=n=>{h.value=n},A=(n,o)=>{b(C(o)?n:null)},K=(n,o)=>{C(o)&&b(n)},U=(n,o)=>{requestAnimationFrame(()=>{const m=document.activeElement,s=T.value[o],l=n.currentTarget;m&&(l.contains(m)||s?.contains(m))||b(null)})},Y=n=>{const o=n.target;!o||!G.value||G.value.contains(o)||b(null)},Z=n=>{n.key==="Escape"&&(h.value!==null&&b(null),u.value&&(u.value=!1))},f=()=>{if(!N.value){I.value=68;return}const n=N.value.getBoundingClientRect();I.value=Math.max(0,Math.round(n.top+N.value.offsetHeight))},W=()=>{z.value=!z.value},J=()=>{if(typeof document>"u"||typeof window>"u")return;const n=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",n>0&&(document.body.style.paddingRight=`${n}px`)},Q=()=>{typeof document>"u"||(document.body.style.overflow="",document.body.style.paddingRight="")},S=()=>{if(h.value===null)return;const n=T.value[h.value];if(!n)return;n.style.transform="translateX(0px)";const o=n.getBoundingClientRect(),m=window.innerWidth;let s=0;o.right>m&&(s=m-o.right-8),o.left<0&&(s=-o.left+8),n.style.transform=`translatex(${s}px)`},aa=ga(s,60);return P(u,n=>{if(!(typeof document>"u")&&(document.body.style.overflow=n?"hidden":"",!(typeof window>"u"))){if(n){f(),window.addEventListener("resize",f),window.addEventListener("scroll",f,{passive:!0});return}window.removeEventListener("resize",f),window.removeEventListener("scroll",f)}}),P(h,n=>{H(S),n!==null?J():Q()}),$(document,"click",Y),$(document,"keydown",Z),$(window,"resize",aa),va(()=>{H(()=>{S()}),f()}),fa(()=>{typeof document<"u"&&(document.body.style.overflow=""),typeof window<"u"&&(window.removeeventlistener("resize",f),window.removeeventlistener("scroll",f))}),(n,o)=>{const m=la,s=X("SlpIcon"),l=X("SlpButton"),na=ca,ea=ra,ta=sa,oa=ka,ia=Na;return c(),M(O,null,[d("div",{class:k(["navigation__overlay",{"navigation__overlay--visible":t(h)!==null}])},null,2),ma(i(m,ha(e.navigationData.search,{onClose:W}),null,16),[[_a,t(z)]]),d("header",Ia,[d("nav",{ref_key:"navigationRef",ref:G,class:"navigation__desktop","aria-label":t(_)("navigation.navigation")},[d("div",za,[i(l,{variant:"icon",class:"navigation__logo",href:e.navigationData.logo.config.href,tabindex:"0","aria-label":t(_)("navigation.home"),"data-ga-name":e.navigationData.logo.config.dataGaName,"data-ga-location":e.navigationData.logo.config.dataGaLocation},{default:g(()=>[i(s,{icon:t(j),size:"lg"},null,8,["icon"])]),_:1},8,["href","aria-label","data-ga-name","data-ga-location"]),d("ul",{class:"navigation__menu",role:"menubar",onMouseleave:o[0]||(o[0]=a=>b(null))},[(c(!0),M(O,null,ba(e.navigationData.items,(a,r)=>(c(),M("li",{key:a.config?.href||a.text,class:k(["navigation__menu-item",{"navigation__menu-item--localized":!t(B)}]),role:"none",tabindex:"-1",onMouseleave:w=>L(r)&&b(null),onMouseenter:w=>A(r,a)},[C(a)?(c(),M(O,{key:0},[i(l,{id:R(r),variant:"ghost",class:"navigation__menu-trigger",name:a.text,"aria-expanded":L(r),"aria-haspopup":"true","aria-controls":F(r),"data-ga-name":a.config?.dataGaName||a.text,"data-ga-location":a.config?.dataGaLocation||"header","data-nav-levelone":a.config.dataNavLevelOne,role:"menuitem",tabindex:"0",onFocusin:w=>K(r,a),onFocusout:w=>U(w,r)},{default:g(()=>[d("span",null,p(a.text),1),i(s,{icon:t(wa),size:"xs","aria-hidden":"true",class:k(["navigation__chevron",{"navigation__chevron--rotated":L(r)}])},null,8,["icon","class"])]),_:2},1032,["id","name","aria-expanded","aria-controls","data-ga-name","data-ga-location","data-nav-levelone","onFocusin","onFocusout"]),d("div",{id:F(r),ref_for:!0,ref:w=>t(T)[r]=w,class:k(["navigation__dropdown",{"navigation__dropdown--open":L(r)}]),role:"region","aria-labelledby":R(r),"aria-label":`${a.text} links`,"aria-live":"polite"},[d("div",Oa,[d("div",$a,[a.menu?.type==="cards"?(c(),v(na,{key:0,menu:a.menu,"data-nav-level-one":a.config.dataNavLevelOne},null,8,["menu","data-nav-level-one"])):a.menu?.type==="lists"?(c(),v(ea,{key:1,menu:a.menu,"data-nav-level-one":a.config.dataNavLevelOne},null,8,["menu","data-nav-level-one"])):x("",!0),a.menu?.link?(c(),v(l,{key:2,variant:"tertiary",class:"slp-mx-32 slp-my-16",href:a.menu.link.config.href,name:a.menu.link.text,"data-ga-name":a.menu.link.config.dataGaName||a.menu.link.text,"data-ga-location":a.menu.link.config.dataGaLocation||"header","data-nav-level-one":a.config.dataNavLevelOne,"data-nav-level-two":a.menu.link.text,tabindex:"0"},{default:g(()=>[D(p(a.menu.link.text)+" ",1),i(s,{icon:t(Da),size:"sm"},null,8,["icon"])]),_:2},1032,["href","name","data-ga-name","data-ga-location","data-nav-level-one","data-nav-level-two"])):x("",!0)]),a.menu?.feature?(c(),v(ta,{key:0,feature:a.menu.feature,"data-nav-level-one":a.config.dataNavLevelOne},null,8,["feature","data-nav-level-one"])):x("",!0)])],10,Sa)],64)):(c(),v(l,{key:1,variant:"ghost",class:"navigation__menu-link",href:a.config.href,name:a.text,tabindex:"0","data-ga-name":a.config.dataGaName,"data-ga-location":a.config.dataGaLocation,"data-nav-levelone":a.config.dataNavLevelOne},{default:g(()=>[D(p(a.text),1)]),_:2},1032,["href","name","data-ga-name","data-ga-location","data-nav-levelone"]))],42,Ca))),128))],32)]),d("div",{class:k(["navigation__actions",{"navigation__actions--localized":!t(B)}])},[i(l,{variant:"icon",tabindex:"0","aria-label":t(_)("navigation.search"),"data-ga-name":"site search","data-ga-location":"header",class:"navigation__search",onClick:W},{default:g(()=>[i(s,{icon:t(pa),size:"sm"},null,8,["icon"])]),_:1},8,["aria-label"]),i(l,{href:e.navigationData.sales.config.href,variant:"secondary",tabindex:"0","data-ga-name":e.navigationData.sales.config.dataGaName,"data-ga-location":e.navigationData.sales.config.dataGaLocation,name:e.navigationData.sales.text},{default:g(()=>[D(p(e.navigationData.sales.text),1)]),_:1},8,["href","data-ga-name","data-ga-location","name"]),i(l,{href:e.navigationData.freeTrial.config.href,tabindex:"0","data-ga-name":e.navigationData.freeTrial.config.dataGaName,"data-ga-location":e.navigationData.freeTrial.config.dataGaLocation},{default:g(()=>[D(p(e.navigationData.freeTrial.text),1)]),_:1},8,["href","data-ga-name","data-ga-location"]),i(l,{href:e.navigationData.login.config.href,class:"navigation__login",tabindex:"0","data-ga-name":e.navigationData.login.config.dataGaName,"data-ga-location":e.navigationData.login.config.dataGaLocation,variant:"ghost"},{default:g(()=>[D(p(e.navigationData.login.text),1)]),_:1},8,["href","data-ga-name","data-ga-location"]),t(E).length&&t(E).length>1?(c(),v(oa,{key:0,align:"left","no-text":""})):x("",!0)],2)],8,Ta),d("nav",{ref_key:"mobileNavRef",ref:N,class:"navigation__mobile","aria-label":t(_)("navigation.navigation")},[i(l,{variant:"primary",class:"navigation__mobile-trial-button",href:e.navigationData.freeTrial.config.href,name:e.navigationData.freeTrial.text,"data-ga-name":e.navigationData.freeTrial.config.dataGaName,"data-ga-location":e.navigationData.freeTrial.config.dataGaLocation},{default:g(()=>[D(p(e.navigationData.freeTrial.text),1)]),_:1},8,["href","name","data-ga-name","data-ga-location"]),i(l,{variant:"icon",class:"navigation__mobile-logo",href:e.navigationData.logo.config.href,"aria-label":t(_)("navigation.home"),"data-ga-name":e.navigationData.logo.config.dataGaName,"data-ga-location":e.navigationData.logo.config.dataGaLocation},{default:g(()=>[i(s,{icon:t(j),size:"lg"},null,8,["icon"])]),_:1},8,["href","aria-label","data-ga-name","data-ga-location"]),i(l,{variant:"icon",class:"navigation__mobile-menu-toggle","aria-label":t(u)?t(_)("navigation.close"):t(_)("navigation.mainMenu"),"data-ga-name":t(u)?"close mobile menu":"open mobile menu","data-ga-location":"header",onClick:V},{default:g(()=>[t(u)?(c(),v(La,{key:0,fill:"#171321",size:24})):(c(),v(Ma,{key:1,size:24}))]),_:1},8,["aria-label","data-ga-name"])],8,Ea),t(u)?(c(),v(ia,{key:0,"navigation-data":e.navigationData,"top-offset":t(I),onClose:V},null,8,["navigation-data","top-offset"])):x("",!0)])],64)}}}),cn=Object.assign(xa(Ba,[["__scopeId","data-v-7b732b26"]]),{__name:"NavigationMainNavigation"});export{cn as default};

AltStyle によって変換されたページ (->オリジナル) /