https://www.atlasbase.com/_nuxt/CeW7eUPm.js

1import{_ as Se}from"./CniH_2NS.js";import{_ as Te}from"./DZIRCw_9.js";import{_ as Me}from"./SQmEJ4Wb.js";import{p as we,z as $e,d as Ue,B as Ee,A as Pe,w as Y,x,o as We,a as ze,b as l,c as d,F as N,e as i,f as _,g as u,Q as Oe,y as Ye,r as q,l as H,h as E,t as C,n as y,u as n,H as te,k as v,m as V,q as c,s as oe,_ as qe}from"./DilY6c_1.js";import{_ as ke}from"./_rl15VM3.js";import{s as Ve}from"./qHEMVz8e.js";import{u as Re}from"./Ds8RmXp_.js";import{u as Ke}from"./DIvlFXk1.js";import{u as je}from"./BvrL4Duj.js";const Qe=we("/header-menu.svg"),Ge=we("/header-close.svg"),ne={navigationItems:[{cards:[{description:"",href:"/storage",id:"storage",image:{alt:"Storage",height:900,src:"/homepage/storage.webp",width:1440},title:"Storage"},{description:"",href:"/compute",id:"compute",image:{alt:"Compute",height:900,src:"/homepage/compute-photo.webp",width:1440},title:"Compute"}],id:"products",kind:"dropdown",label:"Products"},{cards:[],href:"/technology",id:"technology",kind:"link",label:"Technology"},{cards:[],href:"/about",id:"company",kind:"link",label:"About Us"},{cards:[],href:"/blog",id:"knowledge-hub",kind:"link",label:"Blog"}],contactUs:{backgroundColor:"#FFFFFF",href:"/contact",hidden:!1,textColor:"#1A1B1D"},signIn:{backgroundColor:"#292A2C",href:"",hidden:!0,textColor:"#FFFFFF"}};function Je(){const R=$e(),F=Re(),P=!!(R.public.sanity.projectId&&R.public.sanity.dataset);return Ke("header",async()=>P&&await F("/api/header")||ne,{default:()=>ne})}const Xe=["onMouseenter","onMouseleave"],Ze=["aria-expanded","aria-controls","onClick"],et=["id"],tt={class:"BlogArticleHeader-dropdownCopy"},ot={class:"BlogArticleHeader-dropdownTitle"},nt={key:0,class:"BlogArticleHeader-dropdownDescription"},at=["href"],it=["href"],rt=["aria-expanded"],lt={class:"BlogArticleHeader-mobileNavigationContent"},st={class:"BlogArticleHeader-mobileNavigationHeader"},dt={class:"BlogArticleHeader-mobileNavigationBody"},ct={"aria-label":"Primary navigation"},ut={class:"BlogArticleHeader-mobileNavigationList"},ft=["aria-expanded","aria-controls","onClick"],gt=["id"],pt={class:"BlogArticleHeader-mobileActions"},vt=["href"],mt=["href"],ht=1170,yt=4,bt=Ue({__name:"article-header",async setup(R){let F,P;const{data:s}=([F,P]=Ee(()=>Je()),F=await F,P(),F),D=Pe(),ae=je(),m=c(),A=c(),k=c(!1),W=c(!1),I=c(!1),ie=c(!1),K=c(null),L=c(null),re=c(null),j=c(null),Q=c(null),le=c(null),se=c(null),de=c(null),ce=c(null),G=new Map;let w=0,S,T,J,p,X;const Z=oe(()=>s.value.navigationItems.slice(0,7).filter(e=>!e.id||!e.label?.trim()?!1:e.kind==="dropdown"?Array.isArray(e.cards)&&e.cards.length>=2:!!e.href?.trim()).map(e=>({...e,cards:(Array.isArray(e.cards)?e.cards:[]).slice(0,4).filter(t=>!!(t.id&&t.title?.trim()&&t.href?.trim()&&t.image))})).filter(e=>e.kind!=="dropdown"||e.cards.length>=2)),M=oe(()=>!s.value.signIn.hidden&&!!s.value.signIn.href.trim()),$=oe(()=>!s.value.contactUs.hidden&&!!s.value.contactUs.href.trim());function ue(e,t){return/^#[0-9a-f]{6}$/i.test(e)?e.toUpperCase():t}function fe(e){return[Number.parseInt(e.slice(1,3),16),Number.parseInt(e.slice(3,5),16),Number.parseInt(e.slice(5,7),16)]}function Be(e,t,r){return`#${e.map((f,g)=>Math.round(f*(1-r)+t[g]*r).toString(16).padStart(2,"0")).join("")}`}function z(e,t,r,f){const g=ue(e,r),o=ue(t,f),a=fe(g);return{"--HeaderAction-background":g,"--HeaderAction-foreground":o,"--HeaderAction-hover":Be(a,fe(o),.12)}}function _e(e){if(!/^https?:\/\//i.test(e))return e.split(/[?#]/,1)[0]||"/"}function b(e){const t=_e(e);return t?t==="/blog"?D.path===t||D.path.startsWith(`${t}/`):D.path===t:!1}function ge(e){return e.replace(/[^a-z0-9_-]/gi,"-")}function pe(e){return`desktop-navigation-dropdown-${ge(e)}`}function ve(e){return`mobile-navigation-dropdown-${ge(e)}`}function He(e,t){t instanceof HTMLButtonElement?G.set(e,t):G.delete(e)}function me(e){p!==void 0&&(window.clearTimeout(p),p=void 0),m.value=e}function B(e=!1){p!==void 0&&(window.clearTimeout(p),p=void 0);const t=m.value;m.value=void 0,e&&t&&x(()=>G.get(t)?.focus())}function Ce(e){e.kind==="dropdown"&&me(e.id)}function Fe(e){m.value===e.id&&(p=window.setTimeout(()=>{p=void 0,B()},150))}function Ie(e){A.value=A.value===e?void 0:e}function he(e){m.value&&e.target instanceof Node&&!re.value?.contains(e.target)&&B()}function ye(e,t=!1){D.path==="/"&&Ve(e,"overview",{updateHash:!1}),t&&h(!1)}function ee(){const e=Math.max(document.documentElement.scrollHeight-window.innerHeight,0);return{maxScrollY:e,scrollY:Math.min(Math.max(window.scrollY,0),e)}}function be(){const{maxScrollY:e,scrollY:t}=ee();if(w=Math.min(Math.max(w,0),e),t<=1||k.value||m.value){I.value=!1,w=t;return}const r=t-w;Math.abs(r)<yt||(I.value=r>0,w=t)}function Ae(){S===void 0&&(S=window.requestAnimationFrame(()=>{S=void 0,be()}

1))}function xe(){if(T=void 0,!L.value||window.innerWidth<ht){W.value=!0;return}const e=window.getComputedStyle(L.value),t=L.value.clientWidth-Number.parseFloat(e.paddingLeft)-Number.parseFloat(e.paddingRight),r=K.value?.querySelector(".BlogArticleHeader-brand")?.offsetWidth,f=j.value?.scrollWidth??0,g=Q.value?.scrollWidth??0,o=f+Math.max(r??0,g)*2+48;W.value=t<o,!W.value&&k.value&&h(!1)}function U(){T===void 0&&(T=window.requestAnimationFrame(xe))}function Ne(){B(),A.value=void 0,k.value=!0,I.value=!1,x(()=>se.value?.focus())}function h(e=!0){k.value=!1,A.value=void 0,e&&x(()=>{O(!1),le.value?.focus()})}function O(e){const t=K.value?.parentElement;for(const r of Array.from(t?.children||[]))r instanceof HTMLElement&&r!==de.value&&(r.inert=e)}function De(e){if(e.key==="Escape"){h();return}if(e.key!=="Tab")return;const t=Array.from(ce.value?.querySelectorAll("a[href], button:not([disabled])")??[]),r=t[0],f=t.at(-1);!r||!f||(e.shiftKey&&document.activeElement===r?(e.preventDefault(),f.focus()):!e.shiftKey&&document.activeElement===f&&(e.preventDefault(),r.focus()))}return Y(I,e=>{ae.value=e}),Y(k,e=>{document.body.classList.toggle("isPrimaryNavigationOpen",e),x(()=>O(e))}),Y(()=>[Z.value,M.value,$.value],()=>x(U),{deep:!0}),Y(()=>D.fullPath,()=>{B(),h(!1),I.value=!1,x(()=>{O(!1),w=ee().scrollY})}),We(()=>{w=ee().scrollY,be(),window.addEventListener("scroll",Ae,{passive:!0}),window.addEventListener("resize",U,{passive:!0}),document.addEventListener("pointerdown",he),X=new ResizeObserver(U);for(const e of[L.value,j.value,Q.value])e&&X.observe(e);U(),J=window.setTimeout(()=>{ie.value=!0},50)}),ze(()=>{J!==void 0&&window.clearTimeout(J),p!==void 0&&window.clearTimeout(p),S!==void 0&&window.cancelAnimationFrame(S),T!==void 0&&window.cancelAnimationFrame(T),X?.disconnect(),window.removeEventListener("scroll",Ae),window.removeEventListener("resize",U),document.removeEventListener("pointerdown",he),document.body.classList.remove("isPrimaryNavigationOpen"),O(!1),ae.value=!1}),(e,t)=>{const r=Se,f=Te,g=Me;return l(),d(N,null,[i("header",{ref_key:"header",ref:K,class:y(["BlogArticleHeader",{isCompact:n(W),isScrollHidden:n(I),isVisible:n(ie)}]),"data-scroll-header":""},[i("div",{ref_key:"headerContent",ref:L,class:"BlogArticleHeader-content"},[_(r,{class:"BlogArticleHeader-brand BlogArticleHeader-entry BlogArticleHeader-entry--brand",to:"/",onClick:ye},{default:u(()=>[...t[9]||(t[9]=[i("img",{src:ke,width:"182",height:"48",alt:"AtlasBase"},null,-1)])]),_:1}),i("nav",{ref_key:"desktopNavigation",ref:re,class:"BlogArticleHeader-navigation BlogArticleHeader-entry BlogArticleHeader-entry--navigation","aria-label":"Primary navigation",onKeydown:t[2]||(t[2]=Oe(Ye(o=>B(!0),["prevent"]),["esc"]))},[i("ul",{ref_key:"desktopNavigationList",ref:j},[(l(!0),d(N,null,q(n(Z),o=>(l(),d("li",{key:o.id,class:"BlogArticleHeader-navigationSection",onMouseenter:a=>Ce(o),onMouseleave:a=>Fe(o)},[o.kind==="link"&&o.href?(l(),H(r,{key:0,class:y(["BlogArticleHeader-navigationItem",{isActive:b(o.href)}]),to:o.href,"aria-current":b(o.href)?"page":void 0,onClick:t[0]||(t[0]=a=>B())},{default:u(()=>[E(C(o.label),1)]),_:2},1032,["class","to","aria-current"])):(l(),d("button",{key:1,ref_for:!0,ref:a=>He(o.id,a),class:y(["BlogArticleHeader-navigationItem",{isOpen:n(m)===o.id}]),type:"button","aria-expanded":n(m)===o.id,"aria-controls":pe(o.id),onClick:a=>me(o.id)},[E(C(o.label)+" ",1),t[10]||(t[10]=i("span",{class:"BlogArticleHeader-dropdownIcon BlogArticleHeader-dropdownIcon--desktop","aria-hidden":"true"},null,-1))],10,Ze)),_(te,{name:"header-dropdown"},{default:u(()=>[o.kind==="dropdown"&&n(m)===o.id?(l(),d("div",{key:0,id:pe(o.id),class:"BlogArticleHeader-dropdown"},[i("ul",null,[(l(!0),d(N,null,q(o.cards,a=>(l(),d("li",{key:a.id},[_(r,{class:y(["BlogArticleHeader-dropdownCard",{isActive:b(a.href)}]),to:a.href,"aria-current":b(a.href)?"page":void 0,onClick:t[1]||(t[1]=Le=>B())},{default:u(()=>[a.image?(l(),H(f,{key:0,class:"BlogArticleHeader-dropdownImage",image:a.image,alt:a.image.alt||a.title,width:108,height:108},null,8,["image","alt"])):v("",!0),i("span",tt,[i("span",ot,C(a.title),1),a.description?(l(),d("span",nt,C(a.description),1)):v("",!0)])]),_:2},1032,["class","to","aria-current"])]))),128))])],8,et)):v("",!0)]),_:2},1024)],40,Xe))),128))],512)],544),n(M)||n($)?(l(),d("div",{key:0,ref_key:"desktopActions",ref:Q,class:"BlogArticleHeader-actions BlogArticleHeader-entry BlogArticleHeader-entry--actions"},[n(M)?(l(),H(g,{key:0,class:"BlogArticleHeader-actionCapsule BlogArticleHeader-actionCapsule--signIn",style:V(z(n(s).signIn.backgroundColor,n(s).signIn.textColor,"#292A2C","#FFFFFF"))},{default:u(()=>[i("a",{class:"BlogArticleHeader-action",href:n(s).signIn.href},"Sign In",8,at)]),_:1},8,["style"])):v("",!0),n($)?(l(),H(g,{key:1,class:"BlogArticleHeader-actionCapsule BlogArticleHeader-actionCapsule--contact",style:V(z(n(s).contactUs.backgroundColor,n(s).contactUs.textColor,"#FFFFFF","#1A1B1D"))},{default:u(()=>[i("a",{class:"BlogArticleHeader-action",href:n(s).contactUs.href}," Contact Us ",8,it)]),_:1},8,["style"])):v("",!0)],512)):v("",!0),i("button",{ref_key:"menuButton",ref:le,class:"BlogArticleHeader-menuButton BlogArticleHeader-entry BlogArticleHeader-entry--menuButton",type:"button","aria-expanded":n(k),"aria-controls":"primary-mobile-navigation","aria-label":"Open primary navigation",onClick:Ne},[...t[11]||(t[11]=[i("img",{src:Qe,width:"42",height:"42",alt:"","aria-hidden":"true"},null,-1)])],8,rt)],512)],2),_(te,{name:"primary-navigation"},{default:u(()=>[n(k)?(l(),d("div",{key:0,ref_key:"mobileLayer",ref:de,class:"BlogArticleHeader-mobileLayer"},[i("div",{id:"primary-mobile-navigation",ref_key:"mobileNavigation",ref:ce,class:"BlogArticleHeader-mobileNavigation",role:"dialog","aria-modal":"true","aria-label":"Primary navigation",onKeydown:De},[i("div",lt,[i("div",st,[_(r,{class:"BlogArticleHeader-brand",to:"/",onClick:t[3]||(t[3]=o=>ye(o,!0))},{default:u(()=>[...t[12]||(t[12]=[i("img",{src:ke,width:"182",height:"48",alt:"AtlasBase"},null,-1)])]),_:1}),i("button",{ref_key:"closeButton",ref:se,class:"BlogArticleHeader-menuButton",type:"button","aria-label":"Close primary navigation",onClick:t[4]||(t[4]=o=>h())},[...t[13]||(t[13]=[i("img",{src:Ge,width:"42",height:"42",alt:"","aria-hidden":"true"},null,-1)])],512)]),i("div",dt,[i("nav",ct,[i("ul",ut,[(l(!0),d(N,null,q(n(Z),o=>(l(),d("li",{key:o.id,class:"BlogArticleHeader-mobileNavigationSection"},[o.kind==="link"&&o.href?(l(),H(r,{key:0,class:y(["BlogArticleHeader-mobileNavigationItem",{isActive:b(o.href)}]),to:o.href,"aria-current":b(o.href)?"page":void 0,onClick:t[5]||(t[5]=a=>h(!1))},{default:u(()=>[E(C(o.label),1)]),_:2},1032,["class","to","aria-current"])):(l(),d(N,{key:1},[i("button",{class:y(["BlogArticleHeader-mobileNavigationItem",{isOpen:n(A)===o.id}]),type:"button","aria-expanded":n(A)===o.id,"aria-controls":ve(o.id),onClick:a=>Ie(o.id)},[E(C(o.label)+" ",1),t[14]||(t[14]=i("span",{class:"BlogArticleHeader-dropdownIcon BlogArticleHeader-dropdownIcon--mobile","aria-hidden":"true"},null,-1))],10,ft),_(te,{name:"mobile-dropdown"},{default:u(()=>[n(A)===o.id?(l(),d("ul",{key:0,id:ve(o.id),class:"BlogArticleHeader-mobileDropdown"},[(l(!0),d(N,null,q(o.cards,a=>(l(),d("li",{key:a.id},[_(r,{class:y(["BlogArticleHeader-mobileDropdownLink",{isActive:b(a.href)}]),to:a.href,"aria-current":b(a.href)?"page":void 0,onClick:t[6]||(t[6]=Le=>h(!1))},{default:u(()=>[E(C(a.title),1)]),_:2},1032,["class","to","aria-current"])]))),128))],8,gt)):v("",!0)]),_:2},1024)],64))]))),128))])]),i("div",pt,[n(M)?(l(),H(g,{key:0,class:y(["BlogArticleHeader-mobileActionCapsule BlogArticleHeader-mobileActionCapsule--signIn",{isFullWidth:!n($)}]),style:V(z(n(s).signIn.backgroundColor,n(s).signIn.textColor,"#292A2C","#FFFFFF"))},{default:u(()=>[i("a",{class:"BlogArticleHeader-mobileAction",href:n(s).signIn.href,onClick:t[7]||(t[7]=o=>h(!1))}," Sign In ",8,vt)]),_:1},8,["class","style"])):v("",!0),n($)?(l(),H(g,{key:1,class:y(["BlogArticleHeader-mobileActionCapsule BlogArticleHeader-mobileActionCapsule--contact",{isFullWidth:!n(M)}]),style:V(z(n(s).contactUs.backgroundColor,n(s).contactUs.textColor,"#FFFFFF","#1A1B1D"))},{default:u(()=>[i("a",{class:"BlogArticleHeader-mobileAction",href:n(s).contactUs.href,onClick:t[8]||(t[8]=o=>h(!1))}," Contact Us ",8,mt)]),_:1},8,["class","style"])):v("",!0)])])])],544)],512)):v("",!0)]),_:1})],64)}}}),xt=Object.assign(qe(bt,[["__scopeId","data-v-c51e49d4"]]),{__name:"BlogArticleHeader"});export{xt as _};