quirk-ui 0.0.458 → 0.0.459
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index33.css');const e=require("react/jsx-runtime"),r=require("react"),_=require("react-dom"),h=require("../../../x-Dft9NVe_.cjs"),j="_overlay_140ia_1",x="_modal_140ia_16",b="_closeButton_140ia_26",g="_content_140ia_37",o={overlay:j,modal:x,closeButton:b,content:g};function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index33.css');const e=require("react/jsx-runtime"),r=require("react"),_=require("react-dom"),h=require("../../../x-Dft9NVe_.cjs"),j="_overlay_140ia_1",x="_modal_140ia_16",b="_closeButton_140ia_26",g="_content_140ia_37",o={overlay:j,modal:x,closeButton:b,content:g};function $({content:u,trigger:m,isOpen:c,onOpen:n,onClose:s,className:i}){const[t,f]=r.useState(!1),a=c!==void 0,d=a?c:t,l=()=>{a?t?s==null||s():n==null||n():f(!d)};r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=t?"hidden":"",()=>{document.body.style.overflow=""}},[t]);const y=d?e.jsx("div",{className:o.overlay,onClick:l,children:e.jsxs("div",{className:`${i??""} ${o.modal}`,onClick:v=>v.stopPropagation(),children:[e.jsx("button",{"aria-label":"Close",className:`${o.closeButton} modalClose`,onClick:l,children:e.jsx(h.X,{size:21})}),e.jsx("div",{className:`${o.content} modalContent`,children:u})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i??void 0,onClick:l,children:m}),typeof window<"u"&&_.createPortal(y,document.body)]})}exports.Modal=$;
|
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as _, jsx as
|
|
1
|
+
import { jsxs as r, Fragment as _, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { useState as h, useEffect as p } from "react";
|
|
3
|
-
import { createPortal as
|
|
4
|
-
import { X as
|
|
5
|
-
import '../../../assets/index33.css';const
|
|
6
|
-
overlay:
|
|
7
|
-
modal:
|
|
8
|
-
closeButton:
|
|
3
|
+
import { createPortal as b } from "react-dom";
|
|
4
|
+
import { X as C } from "../../../x-CnsEH4Ox.js";
|
|
5
|
+
import '../../../assets/index33.css';const g = "_overlay_140ia_1", k = "_modal_140ia_16", w = "_closeButton_140ia_26", B = "_content_140ia_37", e = {
|
|
6
|
+
overlay: g,
|
|
7
|
+
modal: k,
|
|
8
|
+
closeButton: w,
|
|
9
9
|
content: B
|
|
10
10
|
};
|
|
11
|
-
function
|
|
11
|
+
function P({
|
|
12
12
|
content: m,
|
|
13
|
-
trigger:
|
|
14
|
-
isOpen:
|
|
13
|
+
trigger: f,
|
|
14
|
+
isOpen: i,
|
|
15
15
|
onOpen: n,
|
|
16
16
|
onClose: l,
|
|
17
17
|
className: s
|
|
18
18
|
}) {
|
|
19
|
-
const [
|
|
20
|
-
|
|
19
|
+
const [t, u] = h(!1), a = i !== void 0, d = a ? i : t, c = () => {
|
|
20
|
+
a ? t ? l == null || l() : n == null || n() : u(!d);
|
|
21
21
|
};
|
|
22
22
|
p(() => {
|
|
23
23
|
if (typeof document < "u")
|
|
24
|
-
return document.body.style.overflow =
|
|
25
|
-
document.body.style.overflow = ""
|
|
24
|
+
return document.body.style.overflow = t ? "hidden" : "", () => {
|
|
25
|
+
document.body.style.overflow = "";
|
|
26
26
|
};
|
|
27
|
-
}, [
|
|
28
|
-
const v =
|
|
27
|
+
}, [t]);
|
|
28
|
+
const v = d ? /* @__PURE__ */ o("div", { className: e.overlay, onClick: c, children: /* @__PURE__ */ r(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
|
-
className: `${s ?? ""} ${
|
|
31
|
+
className: `${s ?? ""} ${e.modal}`,
|
|
32
32
|
onClick: (y) => y.stopPropagation(),
|
|
33
33
|
children: [
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ o(
|
|
35
35
|
"button",
|
|
36
36
|
{
|
|
37
37
|
"aria-label": "Close",
|
|
38
|
-
className: `${
|
|
38
|
+
className: `${e.closeButton} modalClose`,
|
|
39
39
|
onClick: c,
|
|
40
|
-
children: /* @__PURE__ */
|
|
40
|
+
children: /* @__PURE__ */ o(C, { size: 21 })
|
|
41
41
|
}
|
|
42
42
|
),
|
|
43
|
-
/* @__PURE__ */
|
|
43
|
+
/* @__PURE__ */ o("div", { className: `${e.content} modalContent`, children: m })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
46
|
) }) : null;
|
|
47
47
|
return /* @__PURE__ */ r(_, { children: [
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
typeof window < "u" &&
|
|
48
|
+
/* @__PURE__ */ o("div", { className: s ?? void 0, onClick: c, children: f }),
|
|
49
|
+
typeof window < "u" && b(v, document.body)
|
|
50
50
|
] });
|
|
51
51
|
}
|
|
52
52
|
export {
|
|
53
|
-
|
|
53
|
+
P as Modal
|
|
54
54
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ae=require("../Modal/index.cjs"),O=require("../../../index-DpYgzTme.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-By_lBPb-.cjs"),I=require("../../../external-link-DDShu-48.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ae=require("../Modal/index.cjs"),O=require("../../../index-DpYgzTme.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-By_lBPb-.cjs"),I=require("../../../external-link-DDShu-48.cjs"),ve=require("../../../x-Dft9NVe_.cjs"),D=require("../../../createLucideIcon-DpotSgUx.cjs"),pe=require("../../../chevron-down-DfK1XBl3.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
*
|
|
14
14
|
* This source code is licensed under the ISC license.
|
|
15
15
|
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const Ce=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Le=D.createLucideIcon("search",Ce),_e={standard:e.styles.standard,transparent:e.styles.transparent},Se={left:e.styles.left,center:e.styles.center,right:e.styles.right},Ee=({spotlight:a,renderText:b})=>{var t,C,v,p,j,L,x,_,S,E,d;const w=(t=a.image)==null?void 0:t.asset.altText,f=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let u="#";return((v=a.callToAction.linkOptions)==null?void 0:v.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(j=a.callToAction.linkOptions)==null?void 0:j.externalUrl:((L=a.callToAction.linkOptions)==null?void 0:L.linkType)==="internal"&&((_=(x=a.callToAction.linkOptions)==null?void 0:x.internalUrl)!=null&&_.slug.current)&&(u=`/${(E=(S=a.callToAction.linkOptions)==null?void 0:S.internalUrl)==null?void 0:E.slug.current}`),s.jsxs("div",{className:e.styles.spotlight,children:[a.image&&s.jsx("div",{className:e.styles.imageWrapper,children:s.jsx("img",{src:(a==null?void 0:a.image.imageUrl)??"",alt:w||a.image.asset.description||"Content image",width:600,height:400})}),s.jsxs("div",{className:e.styles.content,children:[a.title&&s.jsx("div",{className:e.styles.title,children:b==null?void 0:b(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:b==null?void 0:b(a.description,e.styles.description)})]}),((d=a.callToAction)==null?void 0:d.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(O.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:u,target:f?"_blank":"_self",rel:f?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Me({renderText:a,title:b,logo:w,items:f,groups:u,utilityItems:t,isSticky:C=!1,showSearch:v=!0,showLocaleSelect:p=!0,alignment:j="right",variant:L="standard",navigationType:x="default",searchComponent:_,localeSelectComponent:S,className:E}){const[d,G]=r.useState(!1),[U,m]=r.useState(null),[ie,ce]=r.useState(0),[re,oe]=r.useState(!1),[de,ye]=r.useState(null),[o,N]=r.useState([]),[M,q]=r.useState(0),[ue,X]=r.useState(null),[$,he]=r.useState(!1),[A,T]=r.useState("forward"),B=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Le,{size:16})}),content:_})})}),H=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"menuitem",className:e.styles.locale,children:s.jsx($e,{size:16})}),content:S})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;he(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const be=()=>{N([])},me=n=>{T("forward"),N([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},V=n=>{T("forward"),N(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},fe=()=>{T("backward"),N(n=>n.slice(0,-1))},F=r.useRef(null),g=r.useRef(null),W=r.useRef(new Map),xe=()=>{G(n=>{const l=!n;return l||(N([]),T("forward"),m(null)),l})},J=n=>{const l=W.current.get(n);if(l&&g.current){const y=l.getBoundingClientRect(),h=g.current.getBoundingClientRect(),c=y.left-h.left+y.width/2;ye(c)}},ve=n=>{m(l=>l===n?null:n)},K=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&m(null)},[]),Q=r.useCallback(()=>{Y(),typeof window<"u"&&window.innerWidth>768&&(G(!1),m(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Y=r.useCallback(()=>{if(g.current){const n=g.current.getBoundingClientRect().width;ce(n),oe(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",Q),l&&document.addEventListener("click",K),Y(),()=>{n&&window.removeEventListener("resize",Q),l&&document.removeEventListener("click",K)}},[]),r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=d?"hidden":"",document.documentElement.style.overflow=d?"hidden":"",()=>{document.body.style.overflow="",document.documentElement.style.overflow=""}},[d]);const je=n=>n.map((l,y)=>{var Z,P,ee,se,ne;const h=`group-${y}`,z=ue===y,c=(Z=l.primaryItems)==null?void 0:Z[M??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(y),m(h),J(h)},onMouseLeave:()=>{X(null),q(0),m(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{W.current.set(h,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":z,"aria-controls":`submenu-${y}`,className:`${e.styles.sublinkToggle} ${z?e.styles.open:""} `,children:[l.title,s.jsx(pe.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${y}`,className:`${e.styles.sublinks} ${z?e.styles.show:""}`,role:"menu","aria-label":`${l.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${l.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(P=l.primaryItems)==null?void 0:P.map((i,k)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${M===k?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var le;m(null),(le=i.onClick)==null||le.call(i)},onMouseEnter:()=>i.sublinks?q(k):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]}),i.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??k):s.jsx("button",{className:`${e.styles.sublinkToggle} ${M===k?e.styles.open:""}`,onMouseEnter:()=>q(k),children:s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]})},i._key??k))]}),(c==null?void 0:c.sublinks)&&((ee=c==null?void 0:c.sublinks)==null?void 0:ee.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(c==null?void 0:c.description)&&s.jsxs("div",{className:e.styles.sublinksDescription,children:[s.jsx("p",{children:"TEXT HERE"}),a==null?void 0:a(c.description)]}),(c==null?void 0:c.sublinks)&&R(c.sublinks,`${h}-${M}`)]},`${c.label}-${(se=c==null?void 0:c.sublinks)==null?void 0:se.length}`),(l==null?void 0:l.secondaryItems)&&((ne=l==null?void 0:l.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&R(l.secondaryItems,`${h}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Ee,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${y}`)}),R=(n,l="")=>n.map(y=>{const h=`${l}/${y.label}`;return s.jsx(e.NavLink,{link:y,path:h,parentPath:l,openPath:U,togglePath:ve,updateTriangleIndicator:J,setOpenPath:m,renderLinks:R,buttonRefs:W},y._key??h)});return s.jsx("header",{ref:F,className:`${E??""} ${Se[j]} ${_e[L]} ${e.styles.navbar} ${C?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&j!=="center"?e.styles.twoColumn:""}`,children:[w?s.jsx("div",{className:e.styles.logo,children:w}):s.jsx("div",{className:e.styles.title,children:b}),s.jsx("nav",{ref:g,style:{left:j==="center"?`calc(50% - ${ie/2}px)`:"0"},className:`${e.styles.nav} ${d?e.styles.open:""} ${re?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${de}px`},className:`${e.styles.triangle} ${U?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),x==="default"&&f&&s.jsxs("div",{className:e.styles.grid,children:[f&&f.length>0&&R(f),v&&!$&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),!$&&x==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&je(u),v&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),$&&x==="advanced"&&d&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>me(n),children:n.title})},n._key??l))}),$&&x==="advanced"&&d&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{className:e.styles.back,onClick:o.length===1?be:fe,children:s.jsx(O.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]})}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]}),n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`primary-${l}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:n.label}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[n.label,n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`secondary-${l}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:t.map((n,l)=>s.jsx(O.CallToAction,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel??n.label,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel??n.label}):n.label},n._key||l))})}),t&&t.length>0&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${d?e.styles.open:""}`,children:s.jsx(te.ButtonGroup,{alignment:"center",children:s.jsx(O.CallToAction,{as:"a",href:t[1].href??"/",variant:t[1].variant??"primary",displayType:t[1].displayType??"text",imageSrc:t[1].imageSrc,imageAlt:t[1].imageAlt,"aria-label":t[1].ariaLabel??t[1].label,icon:t[1].icon,iconAlignment:t[1].iconAlignment,children:t[1].imageSrc?s.jsx("img",{src:t[1].imageSrc,"aria-label":t[1].imageAlt??t[1].ariaLabel??t[1].label}):t[1].label})})}),s.jsxs("div",{className:e.styles.mobileButtons,children:[$&&v&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:xe,"aria-label":d?"Close menu":"Open menu","aria-expanded":d,"aria-controls":"main-menu",children:d?s.jsx(ke.X,{size:24}):s.jsx(we,{size:24})})]})]})})}exports.Navbar=Me;
|
|
16
|
+
*/const Ce=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Le=D.createLucideIcon("search",Ce),_e={standard:e.styles.standard,transparent:e.styles.transparent},Se={left:e.styles.left,center:e.styles.center,right:e.styles.right},Me=({spotlight:a,renderText:b})=>{var t,C,j,p,k,L,m,_,S,M,y;const w=(t=a.image)==null?void 0:t.asset.altText,x=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let u="#";return((j=a.callToAction.linkOptions)==null?void 0:j.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(k=a.callToAction.linkOptions)==null?void 0:k.externalUrl:((L=a.callToAction.linkOptions)==null?void 0:L.linkType)==="internal"&&((_=(m=a.callToAction.linkOptions)==null?void 0:m.internalUrl)!=null&&_.slug.current)&&(u=`/${(M=(S=a.callToAction.linkOptions)==null?void 0:S.internalUrl)==null?void 0:M.slug.current}`),s.jsxs("div",{className:e.styles.spotlight,children:[a.image&&s.jsx("div",{className:e.styles.imageWrapper,children:s.jsx("img",{src:(a==null?void 0:a.image.imageUrl)??"",alt:w||a.image.asset.description||"Content image",width:600,height:400})}),s.jsxs("div",{className:e.styles.content,children:[a.title&&s.jsx("div",{className:e.styles.title,children:b==null?void 0:b(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:b==null?void 0:b(a.description,e.styles.description)})]}),((y=a.callToAction)==null?void 0:y.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(O.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:u,target:x?"_blank":"_self",rel:x?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ee({renderText:a,title:b,logo:w,items:x,groups:u,utilityItems:t,isSticky:C=!1,showSearch:j=!0,showLocaleSelect:p=!0,alignment:k="right",variant:L="standard",navigationType:m="default",searchComponent:_,localeSelectComponent:S,className:M}){const[y,G]=r.useState(!1),[U,f]=r.useState(null),[ie,ce]=r.useState(0),[re,oe]=r.useState(!1),[de,ye]=r.useState(null),[o,N]=r.useState([]),[E,q]=r.useState(0),[ue,X]=r.useState(null),[$,he]=r.useState(!1),[A,T]=r.useState("forward"),B=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Le,{size:16})}),content:_})})}),H=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"menuitem",className:e.styles.locale,children:s.jsx($e,{size:16})}),content:S})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;he(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const be=()=>{N([])},fe=n=>{T("forward"),N([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},V=n=>{T("forward"),N(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},xe=()=>{T("backward"),N(n=>n.slice(0,-1))},F=r.useRef(null),g=r.useRef(null),W=r.useRef(new Map),me=()=>{G(n=>{const l=!n;return l||(N([]),T("forward"),f(null)),l})},J=n=>{const l=W.current.get(n);if(l&&g.current){const d=l.getBoundingClientRect(),h=g.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=n=>{f(l=>l===n?null:n)},K=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&f(null)},[]),Q=r.useCallback(()=>{Y(),typeof window<"u"&&window.innerWidth>768&&(G(!1),f(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Y=r.useCallback(()=>{if(g.current){const n=g.current.getBoundingClientRect().width;ce(n),oe(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",Q),l&&document.addEventListener("click",K),Y(),()=>{n&&window.removeEventListener("resize",Q),l&&document.removeEventListener("click",K)}},[]),r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=y?"hidden":"",()=>{document.body.style.overflow=""}},[y]);const ke=n=>n.map((l,d)=>{var Z,P,ee,se,ne;const h=`group-${d}`,z=ue===d,c=(Z=l.primaryItems)==null?void 0:Z[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(d),f(h),J(h)},onMouseLeave:()=>{X(null),q(0),f(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{W.current.set(h,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":z,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${z?e.styles.open:""} `,children:[l.title,s.jsx(pe.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${z?e.styles.show:""}`,role:"menu","aria-label":`${l.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${l.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(P=l.primaryItems)==null?void 0:P.map((i,v)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${E===v?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var le;f(null),(le=i.onClick)==null||le.call(i)},onMouseEnter:()=>i.sublinks?q(v):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]}),i.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{className:`${e.styles.sublinkToggle} ${E===v?e.styles.open:""}`,onMouseEnter:()=>q(v),children:s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]})},i._key??v))]}),(c==null?void 0:c.sublinks)&&((ee=c==null?void 0:c.sublinks)==null?void 0:ee.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(c==null?void 0:c.description)&&s.jsxs("div",{className:e.styles.sublinksDescription,children:[s.jsx("p",{children:"TEXT HERE"}),a==null?void 0:a(c.description)]}),(c==null?void 0:c.sublinks)&&R(c.sublinks,`${h}-${E}`)]},`${c.label}-${(se=c==null?void 0:c.sublinks)==null?void 0:se.length}`),(l==null?void 0:l.secondaryItems)&&((ne=l==null?void 0:l.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&R(l.secondaryItems,`${h}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Me,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${d}`)}),R=(n,l="")=>n.map(d=>{const h=`${l}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:l,openPath:U,togglePath:je,updateTriangleIndicator:J,setOpenPath:f,renderLinks:R,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${M??""} ${Se[k]} ${_e[L]} ${e.styles.navbar} ${C?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&k!=="center"?e.styles.twoColumn:""}`,children:[w?s.jsx("div",{className:e.styles.logo,children:w}):s.jsx("div",{className:e.styles.title,children:b}),s.jsx("nav",{ref:g,style:{left:k==="center"?`calc(50% - ${ie/2}px)`:"0"},className:`${e.styles.nav} ${y?e.styles.open:""} ${re?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${de}px`},className:`${e.styles.triangle} ${U?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),m==="default"&&x&&s.jsxs("div",{className:e.styles.grid,children:[x&&x.length>0&&R(x),j&&!$&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),!$&&m==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ke(u),j&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),$&&m==="advanced"&&y&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>fe(n),children:n.title})},n._key??l))}),$&&m==="advanced"&&y&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{className:e.styles.back,onClick:o.length===1?be:xe,children:s.jsx(O.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]})}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]}),n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`primary-${l}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:n.label}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[n.label,n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`secondary-${l}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:t.map((n,l)=>s.jsx(O.CallToAction,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel??n.label,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel??n.label}):n.label},n._key||l))})}),t&&t.length>0&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${y?e.styles.open:""}`,children:s.jsx(te.ButtonGroup,{alignment:"center",children:s.jsx(O.CallToAction,{as:"a",href:t[1].href??"/",variant:t[1].variant??"primary",displayType:t[1].displayType??"text",imageSrc:t[1].imageSrc,imageAlt:t[1].imageAlt,"aria-label":t[1].ariaLabel??t[1].label,icon:t[1].icon,iconAlignment:t[1].iconAlignment,children:t[1].imageSrc?s.jsx("img",{src:t[1].imageSrc,"aria-label":t[1].imageAlt??t[1].ariaLabel??t[1].label}):t[1].label})})}),s.jsxs("div",{className:e.styles.mobileButtons,children:[$&&j&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:me,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":"main-menu",children:y?s.jsx(ve.X,{size:24}):s.jsx(we,{size:24})})]})]})})}exports.Navbar=Ee;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as a, jsxs as c, Fragment as oe } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as f, useEffect as U, useRef as I, useCallback as G } from "react";
|
|
3
3
|
import { Modal as te } from "../Modal/index.mjs";
|
|
4
|
-
import { a as
|
|
4
|
+
import { a as Le, C as H } from "../../../index-CIb65n0z.js";
|
|
5
5
|
import { ButtonGroup as de } from "../ButtonGroup/index.mjs";
|
|
6
|
-
import { s as e, N as
|
|
6
|
+
import { s as e, N as Me } from "../../../NavLink-CQpDLYjg.js";
|
|
7
7
|
import { E as X } from "../../../external-link-BOPobeQJ.js";
|
|
8
|
-
import { X as
|
|
8
|
+
import { X as Ee } from "../../../x-CnsEH4Ox.js";
|
|
9
9
|
import { c as V } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
10
10
|
import { C as Ae } from "../../../chevron-down-DSUzBz9F.js";
|
|
11
11
|
/**
|
|
@@ -57,15 +57,15 @@ const Re = [
|
|
|
57
57
|
spotlight: s,
|
|
58
58
|
renderText: u
|
|
59
59
|
}) => {
|
|
60
|
-
var i,
|
|
61
|
-
const
|
|
60
|
+
var i, E, N, w, $, A, p, _, S, z, h;
|
|
61
|
+
const M = (i = s.image) == null ? void 0 : i.asset.altText, k = ((E = s.callToAction.linkOptions) == null ? void 0 : E.linkType) === "external";
|
|
62
62
|
let m = "#";
|
|
63
63
|
return ((N = s.callToAction.linkOptions) == null ? void 0 : N.linkType) === "external" && ((w = s.callToAction.linkOptions) != null && w.externalUrl) ? m = ($ = s.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((A = s.callToAction.linkOptions) == null ? void 0 : A.linkType) === "internal" && ((_ = (p = s.callToAction.linkOptions) == null ? void 0 : p.internalUrl) != null && _.slug.current) && (m = `/${(z = (S = s.callToAction.linkOptions) == null ? void 0 : S.internalUrl) == null ? void 0 : z.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
|
|
64
64
|
s.image && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
|
|
65
65
|
"img",
|
|
66
66
|
{
|
|
67
67
|
src: (s == null ? void 0 : s.image.imageUrl) ?? "",
|
|
68
|
-
alt:
|
|
68
|
+
alt: M || s.image.asset.description || "Content image",
|
|
69
69
|
width: 600,
|
|
70
70
|
height: 400
|
|
71
71
|
}
|
|
@@ -74,7 +74,7 @@ const Re = [
|
|
|
74
74
|
s.title && /* @__PURE__ */ a("div", { className: e.title, children: u == null ? void 0 : u(s.title, e.title) }),
|
|
75
75
|
s.description && /* @__PURE__ */ a("div", { className: e.description, children: u == null ? void 0 : u(s.description, e.description) })
|
|
76
76
|
] }),
|
|
77
|
-
((
|
|
77
|
+
((h = s.callToAction) == null ? void 0 : h.linkOptions) && /* @__PURE__ */ a("div", { className: e.actions, children: /* @__PURE__ */ a(
|
|
78
78
|
H,
|
|
79
79
|
{
|
|
80
80
|
as: "a",
|
|
@@ -91,11 +91,11 @@ const Re = [
|
|
|
91
91
|
function Je({
|
|
92
92
|
renderText: s,
|
|
93
93
|
title: u,
|
|
94
|
-
logo:
|
|
94
|
+
logo: M,
|
|
95
95
|
items: k,
|
|
96
96
|
groups: m,
|
|
97
97
|
utilityItems: i,
|
|
98
|
-
isSticky:
|
|
98
|
+
isSticky: E = !1,
|
|
99
99
|
showSearch: N = !0,
|
|
100
100
|
showLocaleSelect: w = !0,
|
|
101
101
|
alignment: $ = "right",
|
|
@@ -105,9 +105,9 @@ function Je({
|
|
|
105
105
|
localeSelectComponent: S,
|
|
106
106
|
className: z
|
|
107
107
|
}) {
|
|
108
|
-
const [
|
|
108
|
+
const [h, q] = f(!1), [J, v] = f(null), [he, me] = f(0), [be, fe] = f(!1), [ue, ve] = f(null), [t, y] = f([]), [x, F] = f(
|
|
109
109
|
0
|
|
110
|
-
), [ke, K] =
|
|
110
|
+
), [ke, K] = f(null), [C, pe] = f(!1), [R, T] = f("forward"), B = () => /* @__PURE__ */ a(
|
|
111
111
|
"div",
|
|
112
112
|
{
|
|
113
113
|
className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
|
|
@@ -177,15 +177,15 @@ function Je({
|
|
|
177
177
|
]);
|
|
178
178
|
}, ge = () => {
|
|
179
179
|
T("backward"), y((n) => n.slice(0, -1));
|
|
180
|
-
}, j = I(null),
|
|
180
|
+
}, j = I(null), L = I(null), D = I(/* @__PURE__ */ new Map()), we = () => {
|
|
181
181
|
q((n) => {
|
|
182
182
|
const l = !n;
|
|
183
183
|
return l || (y([]), T("forward"), v(null)), l;
|
|
184
184
|
});
|
|
185
185
|
}, Z = (n) => {
|
|
186
186
|
const l = D.current.get(n);
|
|
187
|
-
if (l &&
|
|
188
|
-
const
|
|
187
|
+
if (l && L.current) {
|
|
188
|
+
const d = l.getBoundingClientRect(), b = L.current.getBoundingClientRect(), o = d.left - b.left + d.width / 2;
|
|
189
189
|
ve(o);
|
|
190
190
|
}
|
|
191
191
|
}, ye = (n) => {
|
|
@@ -195,9 +195,9 @@ function Je({
|
|
|
195
195
|
}, []), ee = G(() => {
|
|
196
196
|
ne(), typeof window < "u" && window.innerWidth > 768 && (q(!1), v(null), typeof document < "u" && (document.body.style.overflow = ""));
|
|
197
197
|
}, []), ne = G(() => {
|
|
198
|
-
if (
|
|
199
|
-
const n =
|
|
200
|
-
me(n),
|
|
198
|
+
if (L.current) {
|
|
199
|
+
const n = L.current.getBoundingClientRect().width;
|
|
200
|
+
me(n), fe(!0);
|
|
201
201
|
}
|
|
202
202
|
}, []);
|
|
203
203
|
U(() => {
|
|
@@ -207,19 +207,19 @@ function Je({
|
|
|
207
207
|
};
|
|
208
208
|
}, []), U(() => {
|
|
209
209
|
if (typeof document < "u")
|
|
210
|
-
return document.body.style.overflow =
|
|
211
|
-
document.body.style.overflow = ""
|
|
210
|
+
return document.body.style.overflow = h ? "hidden" : "", () => {
|
|
211
|
+
document.body.style.overflow = "";
|
|
212
212
|
};
|
|
213
|
-
}, [
|
|
214
|
-
const Ce = (n) => n.map((l,
|
|
213
|
+
}, [h]);
|
|
214
|
+
const Ce = (n) => n.map((l, d) => {
|
|
215
215
|
var ae, le, se, ie, ce;
|
|
216
|
-
const
|
|
216
|
+
const b = `group-${d}`, W = ke === d, o = (ae = l.primaryItems) == null ? void 0 : ae[x ?? 0];
|
|
217
217
|
return /* @__PURE__ */ c(
|
|
218
218
|
"div",
|
|
219
219
|
{
|
|
220
220
|
className: `${e.linkWrapper} ${e.parent}`,
|
|
221
221
|
onMouseEnter: () => {
|
|
222
|
-
K(
|
|
222
|
+
K(d), v(b), Z(b);
|
|
223
223
|
},
|
|
224
224
|
onMouseLeave: () => {
|
|
225
225
|
K(null), F(0), v(null);
|
|
@@ -229,12 +229,12 @@ function Je({
|
|
|
229
229
|
"button",
|
|
230
230
|
{
|
|
231
231
|
ref: (r) => {
|
|
232
|
-
D.current.set(
|
|
232
|
+
D.current.set(b, r);
|
|
233
233
|
},
|
|
234
234
|
role: "menuitem",
|
|
235
235
|
"aria-haspopup": "true",
|
|
236
236
|
"aria-expanded": W,
|
|
237
|
-
"aria-controls": `submenu-${
|
|
237
|
+
"aria-controls": `submenu-${d}`,
|
|
238
238
|
className: `${e.sublinkToggle} ${W ? e.open : ""} `,
|
|
239
239
|
children: [
|
|
240
240
|
l.title,
|
|
@@ -245,7 +245,7 @@ function Je({
|
|
|
245
245
|
/* @__PURE__ */ a(
|
|
246
246
|
"div",
|
|
247
247
|
{
|
|
248
|
-
id: `submenu-${
|
|
248
|
+
id: `submenu-${d}`,
|
|
249
249
|
className: `${e.sublinks} ${W ? e.show : ""}`,
|
|
250
250
|
role: "menu",
|
|
251
251
|
"aria-label": `${l.title} submenu`,
|
|
@@ -316,7 +316,7 @@ function Je({
|
|
|
316
316
|
] }),
|
|
317
317
|
(o == null ? void 0 : o.sublinks) && O(
|
|
318
318
|
o.sublinks,
|
|
319
|
-
`${
|
|
319
|
+
`${b}-${x}`
|
|
320
320
|
)
|
|
321
321
|
]
|
|
322
322
|
},
|
|
@@ -326,7 +326,7 @@ function Je({
|
|
|
326
326
|
"div",
|
|
327
327
|
{
|
|
328
328
|
className: `${e.sublinksColumn} ${e.secondaryColumn}`,
|
|
329
|
-
children: l.secondaryItems && l.secondaryItems.length > 0 && O(l.secondaryItems, `${
|
|
329
|
+
children: l.secondaryItems && l.secondaryItems.length > 0 && O(l.secondaryItems, `${b}-secondary`)
|
|
330
330
|
}
|
|
331
331
|
),
|
|
332
332
|
l.spotlight && /* @__PURE__ */ a(
|
|
@@ -349,15 +349,15 @@ function Je({
|
|
|
349
349
|
)
|
|
350
350
|
]
|
|
351
351
|
},
|
|
352
|
-
l._key ?? `group-${
|
|
352
|
+
l._key ?? `group-${d}`
|
|
353
353
|
);
|
|
354
|
-
}), O = (n, l = "") => n.map((
|
|
355
|
-
const
|
|
354
|
+
}), O = (n, l = "") => n.map((d) => {
|
|
355
|
+
const b = `${l}/${d.label}`;
|
|
356
356
|
return /* @__PURE__ */ a(
|
|
357
|
-
|
|
357
|
+
Me,
|
|
358
358
|
{
|
|
359
|
-
link:
|
|
360
|
-
path:
|
|
359
|
+
link: d,
|
|
360
|
+
path: b,
|
|
361
361
|
parentPath: l,
|
|
362
362
|
openPath: J,
|
|
363
363
|
togglePath: ye,
|
|
@@ -366,29 +366,29 @@ function Je({
|
|
|
366
366
|
renderLinks: O,
|
|
367
367
|
buttonRefs: D
|
|
368
368
|
},
|
|
369
|
-
|
|
369
|
+
d._key ?? b
|
|
370
370
|
);
|
|
371
371
|
});
|
|
372
372
|
return /* @__PURE__ */ a(
|
|
373
373
|
"header",
|
|
374
374
|
{
|
|
375
375
|
ref: j,
|
|
376
|
-
className: `${z ?? ""} ${We[$]} ${Oe[A]} ${e.navbar} ${
|
|
376
|
+
className: `${z ?? ""} ${We[$]} ${Oe[A]} ${e.navbar} ${E ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
|
|
377
377
|
"aria-label": "Main navigation",
|
|
378
378
|
children: /* @__PURE__ */ c(
|
|
379
379
|
"div",
|
|
380
380
|
{
|
|
381
381
|
className: `${e.container} ${(!i || i.length === 0) && $ !== "center" ? e.twoColumn : ""}`,
|
|
382
382
|
children: [
|
|
383
|
-
|
|
383
|
+
M ? /* @__PURE__ */ a("div", { className: e.logo, children: M }) : /* @__PURE__ */ a("div", { className: e.title, children: u }),
|
|
384
384
|
/* @__PURE__ */ a(
|
|
385
385
|
"nav",
|
|
386
386
|
{
|
|
387
|
-
ref:
|
|
387
|
+
ref: L,
|
|
388
388
|
style: {
|
|
389
389
|
left: $ === "center" ? `calc(50% - ${he / 2}px)` : "0"
|
|
390
390
|
},
|
|
391
|
-
className: `${e.nav} ${
|
|
391
|
+
className: `${e.nav} ${h ? e.open : ""} ${be ? e.visible : e.hidden}`,
|
|
392
392
|
id: "main-menu",
|
|
393
393
|
role: "menubar",
|
|
394
394
|
"aria-label": "Main navigation",
|
|
@@ -429,7 +429,7 @@ function Je({
|
|
|
429
429
|
] }),
|
|
430
430
|
w && /* @__PURE__ */ a(Q, {})
|
|
431
431
|
] }),
|
|
432
|
-
C && p === "advanced" &&
|
|
432
|
+
C && p === "advanced" && h && t.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
|
|
433
433
|
"div",
|
|
434
434
|
{
|
|
435
435
|
className: `${e.mobileMenuItem} ${R === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
@@ -444,7 +444,7 @@ function Je({
|
|
|
444
444
|
},
|
|
445
445
|
n._key ?? l
|
|
446
446
|
)) }),
|
|
447
|
-
C && p === "advanced" &&
|
|
447
|
+
C && p === "advanced" && h && t.length > 0 && /* @__PURE__ */ c(
|
|
448
448
|
"div",
|
|
449
449
|
{
|
|
450
450
|
className: `${e.mobileMenuSlide} `,
|
|
@@ -455,7 +455,7 @@ function Je({
|
|
|
455
455
|
className: e.back,
|
|
456
456
|
onClick: t.length === 1 ? Ne : ge,
|
|
457
457
|
children: /* @__PURE__ */ a(
|
|
458
|
-
|
|
458
|
+
Le,
|
|
459
459
|
{
|
|
460
460
|
size: 18,
|
|
461
461
|
"aria-hidden": "true",
|
|
@@ -583,7 +583,7 @@ function Je({
|
|
|
583
583
|
"nav",
|
|
584
584
|
{
|
|
585
585
|
"aria-label": "Utility navigation",
|
|
586
|
-
className: `${e.utilityMobile} ${
|
|
586
|
+
className: `${e.utilityMobile} ${h ? e.open : ""}`,
|
|
587
587
|
children: /* @__PURE__ */ a(de, { alignment: "center", children: /* @__PURE__ */ a(
|
|
588
588
|
H,
|
|
589
589
|
{
|
|
@@ -614,10 +614,10 @@ function Je({
|
|
|
614
614
|
{
|
|
615
615
|
className: e.menuToggle,
|
|
616
616
|
onClick: we,
|
|
617
|
-
"aria-label":
|
|
618
|
-
"aria-expanded":
|
|
617
|
+
"aria-label": h ? "Close menu" : "Open menu",
|
|
618
|
+
"aria-expanded": h,
|
|
619
619
|
"aria-controls": "main-menu",
|
|
620
|
-
children:
|
|
620
|
+
children: h ? /* @__PURE__ */ a(Ee, { size: 24 }) : /* @__PURE__ */ a(xe, { size: 24 })
|
|
621
621
|
}
|
|
622
622
|
)
|
|
623
623
|
] })
|