quirk-ui 0.0.621 → 0.0.623
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.
- package/dist/assets/index58.css +1 -1
- package/dist/assets/index58.css.d.ts +10 -7
- package/dist/core/components/NavBar/index.cjs +3 -8
- package/dist/core/components/NavBar/index.mjs +116 -126
- package/dist/core/components/Sidebar/index.cjs +1 -1
- package/dist/core/components/Sidebar/index.mjs +64 -35
- package/dist/menu-CvQx3NZY.js +15 -0
- package/dist/menu-ufZEqSbc.cjs +6 -0
- package/dist/styles.css +2 -2
- package/dist/styles.css.d.ts +10 -7
- package/package.json +1 -1
package/dist/assets/index58.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_xhkx5_1 ul{list-style:none}._aside_xhkx5_1 ._nav_xhkx5_6{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);position:fixed;left:0;top:0;margin-top:var(--nav-height);margin-bottom:var(--nav-height);padding:var(--spacing-md);list-style:none}@media (max-width: 767px){._aside_xhkx5_1 ._nav_xhkx5_6{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh;transform:translate(100%);opacity:0;pointer-events:none}._aside_xhkx5_1 ._nav_xhkx5_6._open_xhkx5_31{transform:translate(0);opacity:1;pointer-events:auto}._aside_xhkx5_1 ._nav_xhkx5_6:before{border-radius:0}}._aside_xhkx5_1 ._parent_xhkx5_43{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_xhkx5_1 ._title_xhkx5_49{font-weight:700}._aside_xhkx5_1 ._children_xhkx5_53{padding:0 0 0 var(--spacing-xs)}._aside_xhkx5_1 ._link_xhkx5_57{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_xhkx5_1 ._link_xhkx5_57:hover{color:var(--color-primary-100)}._menuToggle_xhkx5_72{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_xhkx5_72 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_xhkx5_72{display:flex;align-items:center;justify-content:center}}._left_xhkx5_95{left:0}._right_xhkx5_99{right:0}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
2
|
+
readonly "_aside_xhkx5_1": string;
|
|
3
|
+
readonly "_children_xhkx5_53": string;
|
|
4
|
+
readonly "_left_xhkx5_95": string;
|
|
5
|
+
readonly "_link_xhkx5_57": string;
|
|
6
|
+
readonly "_menuToggle_xhkx5_72": string;
|
|
7
|
+
readonly "_nav_xhkx5_6": string;
|
|
8
|
+
readonly "_open_xhkx5_31": string;
|
|
9
|
+
readonly "_parent_xhkx5_43": string;
|
|
10
|
+
readonly "_right_xhkx5_99": string;
|
|
11
|
+
readonly "_title_xhkx5_49": string;
|
|
9
12
|
};
|
|
10
13
|
export = styles;
|
|
11
14
|
|
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ce=require("../Modal/index.cjs"),T=require("../../../index-Ch_zYffV.cjs"),re=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-0nvjz4-K.cjs"),G=require("../../utils/NoScroll/noScroll.cjs"),U=require("../../../external-link-DDShu-48.cjs"),ge=require("../../../x-Dft9NVe_.cjs"),we=require("../../../menu-ufZEqSbc.cjs"),oe=require("../../../createLucideIcon-DpotSgUx.cjs"),_e=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.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const
|
|
6
|
+
*/const Ce=[["path",{d:"M21.54 15H17a2 2 0 0 0-2 2v4.54",key:"1djwo0"}],["path",{d:"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",key:"1tzkfa"}],["path",{d:"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05",key:"14pb5j"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],Se=oe.createLucideIcon("earth",Ce);/**
|
|
7
7
|
* @license lucide-react v0.488.0 - ISC
|
|
8
8
|
*
|
|
9
9
|
* This source code is licensed under the ISC license.
|
|
10
10
|
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
-
*/const Se=[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]],Le=X.createLucideIcon("menu",Se);/**
|
|
12
|
-
* @license lucide-react v0.488.0 - ISC
|
|
13
|
-
*
|
|
14
|
-
* This source code is licensed under the ISC license.
|
|
15
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const Me=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Ee=X.createLucideIcon("search",Me),Ae={standard:e.styles.standard,transparent:e.styles.transparent},Re={left:e.styles.left,center:e.styles.center,right:e.styles.right},ze=({spotlight:a,renderText:m})=>{var t,C,b,k,j,S,p,L,v,M,E,A;const _=(t=a.image)==null?void 0:t.asset.altText,f=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let u="#";return((b=a.callToAction.linkOptions)==null?void 0:b.linkType)==="external"&&((k=a.callToAction.linkOptions)!=null&&k.externalUrl)?u=(j=a.callToAction.linkOptions)==null?void 0:j.externalUrl:((S=a.callToAction.linkOptions)==null?void 0:S.linkType)==="internal"&&((L=(p=a.callToAction.linkOptions)==null?void 0:p.internalUrl)!=null&&L.slug.current)&&(u=`/${(M=(v=a.callToAction.linkOptions)==null?void 0:v.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:((E=a==null?void 0:a.image.imageUrls)==null?void 0:E.medium)??"",alt:_||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:m==null?void 0:m(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:m==null?void 0:m(a.description,e.styles.description)})]}),((A=a.callToAction)==null?void 0:A.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(T.Button,{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 Be({renderText:a,title:m,logo:_,items:f,groups:u,utilityItems:t,isSticky:C=!1,showSearch:b=!0,showLocaleSelect:k=!0,showThemeToggle:j=!0,themeToggleComponent:S,alignment:p="right",variant:L="standard",navigationType:v="default",searchComponent:M,localeSelectComponent:E,className:A}){const[h,H]=r.useState(!1),[V,x]=r.useState(null),[de,ue]=r.useState(0),[ye,he]=r.useState(!1),[me,be]=r.useState(null),[o,$]=r.useState([]),[R,W]=r.useState(0),[xe,J]=r.useState(null),[g,fe]=r.useState(!1),[z,B]=r.useState("forward"),K=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,children:s.jsx("div",{className:`${e.styles.linkItem} ${e.styles.themeToggle}`,children:S})}),I=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(re.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{role:"button",title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Ee,{size:16})}),content:M})})}),Q=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(re.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"button",className:e.styles.locale,children:s.jsx(Ce,{size:16})}),content:E})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;fe(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const ke=()=>{$([])},je=n=>{B("forward"),$([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},Y=n=>{B("forward"),$(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},ve=()=>{B("backward"),$(n=>n.slice(0,-1))},F=r.useRef(null),w=r.useRef(null),D=r.useRef(new Map),pe=()=>{H(n=>{const l=!n;return l||($([]),B("forward"),x(null)),l})},Z=n=>{const l=D.current.get(n);if(l&&w.current){const d=l.getBoundingClientRect(),y=w.current.getBoundingClientRect(),c=d.left-y.left+d.width/2;be(c)}},Ne=n=>{x(l=>l===n?null:n)},P=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&x(null)},[]),ee=r.useCallback(()=>{se(),typeof window<"u"&&window.innerWidth>768&&(H(!1),x(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),se=r.useCallback(()=>{if(w.current){const n=w.current.getBoundingClientRect().width;ue(n),he(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",ee),l&&document.addEventListener("click",P),se(),()=>{n&&window.removeEventListener("resize",ee),l&&document.removeEventListener("click",P)}},[]),r.useEffect(()=>{if(typeof document<"u")return h?setTimeout(()=>{G.lockScroll()},0):G.unlockScroll(),()=>G.unlockScroll()},[h]);const $e=n=>n.map((l,d)=>{var ne,le,ae,te,ie;const y=`group-${d}`,q=xe===d,c=(ne=l.primaryItems)==null?void 0:ne[R??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{J(d),x(y),Z(y)},onMouseLeave:()=>{J(null),W(0),x(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{D.current.set(y,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":q,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${q?e.styles.open:""} `,children:[l.title,s.jsx(we.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${q?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}),(le=l.primaryItems)==null?void 0:le.map((i,N)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${R===N?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var ce;x(null),(ce=i.onClick)==null||ce.call(i)},onMouseEnter:()=>i.sublinks?W(N):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(U.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??N):s.jsx("button",{role:"menuitem",className:`${e.styles.sublinkToggle} ${R===N?e.styles.open:""}`,onMouseEnter:()=>W(N),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??N))]}),(c==null?void 0:c.sublinks)&&((ae=c==null?void 0:c.sublinks)==null?void 0:ae.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)&&O(c.sublinks,`${y}-${R}`)]},`${c.label}-${(te=c==null?void 0:c.sublinks)==null?void 0:te.length}`),(l==null?void 0:l.secondaryItems)&&((ie=l==null?void 0:l.secondaryItems)==null?void 0:ie.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&O(l.secondaryItems,`${y}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(ze,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${d}`)}),O=(n,l="")=>n.map(d=>{const y=`${l}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:y,parentPath:l,openPath:V,togglePath:Ne,updateTriangleIndicator:Z,setOpenPath:x,renderLinks:O,buttonRefs:D},d._key??y)});return s.jsx("header",{ref:F,className:`${A??""} ${Re[p]} ${Ae[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)&&p!=="center"?e.styles.twoColumn:""}`,children:[_?s.jsx("div",{className:e.styles.logo,children:_}):s.jsx("div",{className:e.styles.title,children:m}),s.jsx("nav",{ref:w,style:{left:p==="center"?`calc(50% - ${de/2}px)`:"0"},className:`${e.styles.nav} ${h?e.styles.open:""} ${ye?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:`${me}px`},className:`${e.styles.triangle} ${V?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"})}),v==="default"&&f&&s.jsxs("div",{className:e.styles.grid,children:[f&&f.length>0&&O(f),(b||k||j)&&s.jsx("span",{className:e.styles.separator}),j&&s.jsx(K,{}),b&&!g&&s.jsx(I,{}),k&&s.jsx(Q,{})]}),!g&&v==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&$e(u),(b||k||j)&&s.jsx("span",{className:e.styles.separator}),j&&s.jsx(K,{}),b&&s.jsx(I,{}),k&&s.jsx(Q,{})]}),g&&v==="advanced"&&h&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${z==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>je(n),children:n.title})},n._key??l))}),g&&v==="advanced"&&h&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{role:"menuitem",className:e.styles.back,onClick:o.length===1?ke:ve,children:s.jsx(T.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${z==="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} ${z==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>Y(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(U.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} ${z==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>Y(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(U.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,role:"menu","aria-label":"Utility navigation",children:s.jsx(oe.ButtonGroup,{children:t.map((n,l)=>s.jsx(T.Button,{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,role:"menuitem",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",{role:"menu","aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${h?e.styles.open:""}`,children:s.jsx(oe.ButtonGroup,{alignment:"center",children:s.jsx(T.Button,{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,role:"menuitem",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:[g&&b&&s.jsx(I,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:pe,"aria-label":h?"Close menu":"Open menu","aria-expanded":h,"aria-controls":"main-menu",children:h?s.jsx(ge.X,{size:24}):s.jsx(Le,{size:24})})]})]})})}exports.Navbar=Be;
|
|
11
|
+
*/const Le=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Me=oe.createLucideIcon("search",Le),Ee={standard:e.styles.standard,transparent:e.styles.transparent},Ae={left:e.styles.left,center:e.styles.center,right:e.styles.right},Re=({spotlight:a,renderText:m})=>{var t,C,b,j,k,S,p,L,v,M,E,A;const _=(t=a.image)==null?void 0:t.asset.altText,x=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let u="#";return((b=a.callToAction.linkOptions)==null?void 0:b.linkType)==="external"&&((j=a.callToAction.linkOptions)!=null&&j.externalUrl)?u=(k=a.callToAction.linkOptions)==null?void 0:k.externalUrl:((S=a.callToAction.linkOptions)==null?void 0:S.linkType)==="internal"&&((L=(p=a.callToAction.linkOptions)==null?void 0:p.internalUrl)!=null&&L.slug.current)&&(u=`/${(M=(v=a.callToAction.linkOptions)==null?void 0:v.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:((E=a==null?void 0:a.image.imageUrls)==null?void 0:E.medium)??"",alt:_||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:m==null?void 0:m(a.title,e.styles.title)}),a.description&&s.jsx("div",{className:e.styles.description,children:m==null?void 0:m(a.description,e.styles.description)})]}),((A=a.callToAction)==null?void 0:A.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(T.Button,{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 Be({renderText:a,title:m,logo:_,items:x,groups:u,utilityItems:t,isSticky:C=!1,showSearch:b=!0,showLocaleSelect:j=!0,showThemeToggle:k=!0,themeToggleComponent:S,alignment:p="right",variant:L="standard",navigationType:v="default",searchComponent:M,localeSelectComponent:E,className:A}){const[h,X]=r.useState(!1),[H,f]=r.useState(null),[de,ue]=r.useState(0),[ye,he]=r.useState(!1),[me,be]=r.useState(null),[o,$]=r.useState([]),[R,W]=r.useState(0),[fe,V]=r.useState(null),[g,xe]=r.useState(!1),[B,z]=r.useState("forward"),J=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,children:s.jsx("div",{className:`${e.styles.linkItem} ${e.styles.themeToggle}`,children:S})}),F=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ce.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{role:"button",title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Me,{size:16})}),content:M})})}),K=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ce.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"button",className:e.styles.locale,children:s.jsx(Se,{size:16})}),content:E})})});r.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;xe(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]);const je=()=>{$([])},ke=l=>{z("forward"),$([{title:l.title,primary:l.primaryItems??[],secondary:l.secondaryItems??[],description:""}])},Q=l=>{z("forward"),$(n=>[...n,{title:l.label,primary:l.sublinks??[],secondary:[],description:l.description}])},ve=()=>{z("backward"),$(l=>l.slice(0,-1))},I=r.useRef(null),w=r.useRef(null),D=r.useRef(new Map),pe=()=>{X(l=>{const n=!l;return n||($([]),z("forward"),f(null)),n})},Y=l=>{const n=D.current.get(l);if(n&&w.current){const d=n.getBoundingClientRect(),y=w.current.getBoundingClientRect(),c=d.left-y.left+d.width/2;be(c)}},Ne=l=>{f(n=>n===l?null:l)},Z=r.useCallback(l=>{I.current&&!I.current.contains(l.target)&&f(null)},[]),P=r.useCallback(()=>{ee(),typeof window<"u"&&window.innerWidth>768&&(X(!1),f(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),ee=r.useCallback(()=>{if(w.current){const l=w.current.getBoundingClientRect().width;ue(l),he(!0)}},[]);r.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",P),n&&document.addEventListener("click",Z),ee(),()=>{l&&window.removeEventListener("resize",P),n&&document.removeEventListener("click",Z)}},[]),r.useEffect(()=>{if(typeof document<"u")return h?setTimeout(()=>{G.lockScroll()},0):G.unlockScroll(),()=>G.unlockScroll()},[h]);const $e=l=>l.map((n,d)=>{var se,le,ne,ae,te;const y=`group-${d}`,O=fe===d,c=(se=n.primaryItems)==null?void 0:se[R??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{V(d),f(y),Y(y)},onMouseLeave:()=>{V(null),W(0),f(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{D.current.set(y,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":O,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${O?e.styles.open:""} `,children:[n.title,s.jsx(_e.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${O?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${n.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}),(le=n.primaryItems)==null?void 0:le.map((i,N)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${R===N?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var ie;f(null),(ie=i.onClick)==null||ie.call(i)},onMouseEnter:()=>i.sublinks?W(N):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(U.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??N):s.jsx("button",{role:"menuitem",className:`${e.styles.sublinkToggle} ${R===N?e.styles.open:""}`,onMouseEnter:()=>W(N),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??N))]}),(c==null?void 0:c.sublinks)&&((ne=c==null?void 0:c.sublinks)==null?void 0:ne.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)&&q(c.sublinks,`${y}-${R}`)]},`${c.label}-${(ae=c==null?void 0:c.sublinks)==null?void 0:ae.length}`),(n==null?void 0:n.secondaryItems)&&((te=n==null?void 0:n.secondaryItems)==null?void 0:te.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:n.secondaryItems&&n.secondaryItems.length>0&&q(n.secondaryItems,`${y}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Re,{spotlight:n.spotlight,renderText:a??(i=>String(i))})})]})})})]},n._key??`group-${d}`)}),q=(l,n="")=>l.map(d=>{const y=`${n}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:y,parentPath:n,openPath:H,togglePath:Ne,updateTriangleIndicator:Y,setOpenPath:f,renderLinks:q,buttonRefs:D},d._key??y)});return s.jsx("header",{ref:I,className:`${A??""} ${Ae[p]} ${Ee[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)&&p!=="center"?e.styles.twoColumn:""}`,children:[_?s.jsx("div",{className:e.styles.logo,children:_}):s.jsx("div",{className:e.styles.title,children:m}),s.jsx("nav",{ref:w,style:{left:p==="center"?`calc(50% - ${de/2}px)`:"0"},className:`${e.styles.nav} ${h?e.styles.open:""} ${ye?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:`${me}px`},className:`${e.styles.triangle} ${H?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"})}),v==="default"&&x&&s.jsxs("div",{className:e.styles.grid,children:[x&&x.length>0&&q(x),(b||j||k)&&s.jsx("span",{className:e.styles.separator}),k&&s.jsx(J,{}),b&&!g&&s.jsx(F,{}),j&&s.jsx(K,{})]}),!g&&v==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&$e(u),(b||j||k)&&s.jsx("span",{className:e.styles.separator}),k&&s.jsx(J,{}),b&&s.jsx(F,{}),j&&s.jsx(K,{})]}),g&&v==="advanced"&&h&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${B==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>ke(l),children:l.title})},l._key??n))}),g&&v==="advanced"&&h&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{role:"menuitem",className:e.styles.back,onClick:o.length===1?je:ve,children:s.jsx(T.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${B==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${B==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>Q(l),children:s.jsxs("span",{className:e.styles.linkContent,children:[l.label,l.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:l.subtitle})]})}):s.jsxs("a",{href:l.href,className:e.styles.link,target:l.isExternal?"_blank":"_self",rel:l.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[l.label,l.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:l.subtitle})]}),l.isExternal&&s.jsx(U.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},l._key??`primary-${n}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${B==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>Q(l),children:l.label}):s.jsxs("a",{href:l.href,className:e.styles.link,target:l.isExternal?"_blank":"_self",rel:l.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[l.label,l.isExternal&&s.jsx(U.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},l._key??`secondary-${n}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,role:"menu","aria-label":"Utility navigation",children:s.jsx(re.ButtonGroup,{children:t.map((l,n)=>s.jsx(T.Button,{as:"a",href:l.href??"/",variant:l.variant??"primary",displayType:l.displayType??"text",imageSrc:l.imageSrc,imageAlt:l.imageAlt,"aria-label":l.ariaLabel??l.label,icon:l.icon,iconAlignment:l.iconAlignment,role:"menuitem",children:l.imageSrc?s.jsx("img",{src:l.imageSrc,alt:l.imageAlt??l.ariaLabel??l.label}):l.label},l._key||n))})}),t&&t.length>0&&s.jsx("nav",{role:"menu","aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${h?e.styles.open:""}`,children:s.jsx(re.ButtonGroup,{alignment:"center",children:s.jsx(T.Button,{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,role:"menuitem",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:[g&&b&&s.jsx(F,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:pe,"aria-label":h?"Close menu":"Open menu","aria-expanded":h,"aria-controls":"main-menu",children:h?s.jsx(ge.X,{size:24}):s.jsx(we.Menu,{size:24})})]})]})})}exports.Navbar=Be;
|
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import { useState as u, useEffect as G, useRef as X, useCallback as H } from "react";
|
|
3
|
-
import { Modal as
|
|
3
|
+
import { Modal as de } from "../Modal/index.mjs";
|
|
4
4
|
import { C as Ae, B as q } from "../../../index-CpANRidP.js";
|
|
5
|
-
import { ButtonGroup as
|
|
5
|
+
import { ButtonGroup as me } from "../ButtonGroup/index.mjs";
|
|
6
6
|
import { s as e, N as _e } from "../../../NavLink-Bu44Atee.js";
|
|
7
|
-
import { lockScroll as Se, unlockScroll as
|
|
7
|
+
import { lockScroll as Se, unlockScroll as he } from "../../utils/NoScroll/noScroll.mjs";
|
|
8
8
|
import { E as V } from "../../../external-link-BOPobeQJ.js";
|
|
9
9
|
import { X as ze } from "../../../x-CnsEH4Ox.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { M as Re } from "../../../menu-CvQx3NZY.js";
|
|
11
|
+
import { c as ue } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
12
|
+
import { C as Oe } from "../../../chevron-down-DSUzBz9F.js";
|
|
12
13
|
/**
|
|
13
14
|
* @license lucide-react v0.488.0 - ISC
|
|
14
15
|
*
|
|
15
16
|
* This source code is licensed under the ISC license.
|
|
16
17
|
* See the LICENSE file in the root directory of this source tree.
|
|
17
18
|
*/
|
|
18
|
-
const
|
|
19
|
+
const Te = [
|
|
19
20
|
["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }],
|
|
20
21
|
[
|
|
21
22
|
"path",
|
|
@@ -26,18 +27,7 @@ const Re = [
|
|
|
26
27
|
],
|
|
27
28
|
["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }],
|
|
28
29
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
|
|
29
|
-
],
|
|
30
|
-
/**
|
|
31
|
-
* @license lucide-react v0.488.0 - ISC
|
|
32
|
-
*
|
|
33
|
-
* This source code is licensed under the ISC license.
|
|
34
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
35
|
-
*/
|
|
36
|
-
const Te = [
|
|
37
|
-
["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
|
|
38
|
-
["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
|
|
39
|
-
["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
|
|
40
|
-
], Be = J("menu", Te);
|
|
30
|
+
], Be = ue("earth", Te);
|
|
41
31
|
/**
|
|
42
32
|
* @license lucide-react v0.488.0 - ISC
|
|
43
33
|
*
|
|
@@ -47,7 +37,7 @@ const Te = [
|
|
|
47
37
|
const We = [
|
|
48
38
|
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
|
|
49
39
|
["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
|
|
50
|
-
],
|
|
40
|
+
], xe = ue("search", We), Fe = {
|
|
51
41
|
standard: e.standard,
|
|
52
42
|
transparent: e.transparent
|
|
53
43
|
}, De = {
|
|
@@ -56,33 +46,33 @@ const We = [
|
|
|
56
46
|
right: e.right
|
|
57
47
|
}, Ie = ({
|
|
58
48
|
spotlight: i,
|
|
59
|
-
renderText:
|
|
49
|
+
renderText: b
|
|
60
50
|
}) => {
|
|
61
|
-
var s, A,
|
|
62
|
-
const L = (s = i.image) == null ? void 0 : s.asset.altText,
|
|
51
|
+
var s, A, p, N, $, _, w, S, g, z, R, O;
|
|
52
|
+
const L = (s = i.image) == null ? void 0 : s.asset.altText, k = ((A = i.callToAction.linkOptions) == null ? void 0 : A.linkType) === "external";
|
|
63
53
|
let m = "#";
|
|
64
|
-
return ((
|
|
54
|
+
return ((p = i.callToAction.linkOptions) == null ? void 0 : p.linkType) === "external" && ((N = i.callToAction.linkOptions) != null && N.externalUrl) ? m = ($ = i.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((_ = i.callToAction.linkOptions) == null ? void 0 : _.linkType) === "internal" && ((S = (w = i.callToAction.linkOptions) == null ? void 0 : w.internalUrl) != null && S.slug.current) && (m = `/${(z = (g = i.callToAction.linkOptions) == null ? void 0 : g.internalUrl) == null ? void 0 : z.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
|
|
65
55
|
i.image && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
|
|
66
56
|
"img",
|
|
67
57
|
{
|
|
68
|
-
src: ((
|
|
58
|
+
src: ((R = i == null ? void 0 : i.image.imageUrls) == null ? void 0 : R.medium) ?? "",
|
|
69
59
|
alt: L || i.image.asset.description || "Content image",
|
|
70
60
|
width: 600,
|
|
71
61
|
height: 400
|
|
72
62
|
}
|
|
73
63
|
) }),
|
|
74
64
|
/* @__PURE__ */ c("div", { className: e.content, children: [
|
|
75
|
-
i.title && /* @__PURE__ */ a("div", { className: e.title, children:
|
|
76
|
-
i.description && /* @__PURE__ */ a("div", { className: e.description, children:
|
|
65
|
+
i.title && /* @__PURE__ */ a("div", { className: e.title, children: b == null ? void 0 : b(i.title, e.title) }),
|
|
66
|
+
i.description && /* @__PURE__ */ a("div", { className: e.description, children: b == null ? void 0 : b(i.description, e.description) })
|
|
77
67
|
] }),
|
|
78
|
-
((
|
|
68
|
+
((O = i.callToAction) == null ? void 0 : O.linkOptions) && /* @__PURE__ */ a("div", { className: e.actions, children: /* @__PURE__ */ a(
|
|
79
69
|
q,
|
|
80
70
|
{
|
|
81
71
|
as: "a",
|
|
82
72
|
variant: i.callToAction.variant ?? "primary",
|
|
83
73
|
href: m,
|
|
84
|
-
target:
|
|
85
|
-
rel:
|
|
74
|
+
target: k ? "_blank" : "_self",
|
|
75
|
+
rel: k ? "noopener noreferrer" : "",
|
|
86
76
|
"aria-label": i.callToAction.ariaLabel || i.callToAction.label,
|
|
87
77
|
children: i.callToAction.label
|
|
88
78
|
}
|
|
@@ -91,31 +81,31 @@ const We = [
|
|
|
91
81
|
};
|
|
92
82
|
function Pe({
|
|
93
83
|
renderText: i,
|
|
94
|
-
title:
|
|
84
|
+
title: b,
|
|
95
85
|
logo: L,
|
|
96
|
-
items:
|
|
86
|
+
items: k,
|
|
97
87
|
groups: m,
|
|
98
88
|
utilityItems: s,
|
|
99
89
|
isSticky: A = !1,
|
|
100
|
-
showSearch:
|
|
90
|
+
showSearch: p = !0,
|
|
101
91
|
showLocaleSelect: N = !0,
|
|
102
92
|
showThemeToggle: $ = !0,
|
|
103
93
|
themeToggleComponent: _,
|
|
104
|
-
alignment:
|
|
94
|
+
alignment: w = "right",
|
|
105
95
|
variant: S = "standard",
|
|
106
96
|
navigationType: g = "default",
|
|
107
97
|
searchComponent: z,
|
|
108
|
-
localeSelectComponent:
|
|
109
|
-
className:
|
|
98
|
+
localeSelectComponent: R,
|
|
99
|
+
className: O
|
|
110
100
|
}) {
|
|
111
|
-
const [
|
|
101
|
+
const [f, J] = u(!1), [K, v] = u(null), [fe, be] = u(0), [pe, ve] = u(!1), [ke, Ne] = u(null), [o, C] = u([]), [T, D] = u(
|
|
112
102
|
0
|
|
113
|
-
), [$e,
|
|
103
|
+
), [$e, Q] = u(null), [M, ge] = u(!1), [B, W] = u("forward"), Y = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent}`, children: /* @__PURE__ */ a("div", { className: `${e.linkItem} ${e.themeToggle}`, children: _ }) }), I = () => /* @__PURE__ */ a(
|
|
114
104
|
"div",
|
|
115
105
|
{
|
|
116
106
|
className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
|
|
117
107
|
children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
|
|
118
|
-
|
|
108
|
+
de,
|
|
119
109
|
{
|
|
120
110
|
className: e.searchModal,
|
|
121
111
|
trigger: /* @__PURE__ */ a(
|
|
@@ -125,15 +115,15 @@ function Pe({
|
|
|
125
115
|
title: "Search",
|
|
126
116
|
"aria-label": "Search",
|
|
127
117
|
className: e.search,
|
|
128
|
-
children: /* @__PURE__ */ a(
|
|
118
|
+
children: /* @__PURE__ */ a(xe, { size: 16 })
|
|
129
119
|
}
|
|
130
120
|
),
|
|
131
121
|
content: z
|
|
132
122
|
}
|
|
133
123
|
) })
|
|
134
124
|
}
|
|
135
|
-
),
|
|
136
|
-
|
|
125
|
+
), Z = () => /* @__PURE__ */ a("div", { className: `${e.linkWrapper} ${e.parent} `, children: /* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ a(
|
|
126
|
+
de,
|
|
137
127
|
{
|
|
138
128
|
className: e.localeModal,
|
|
139
129
|
trigger: /* @__PURE__ */ a(
|
|
@@ -143,10 +133,10 @@ function Pe({
|
|
|
143
133
|
"aria-label": "Locale Select",
|
|
144
134
|
role: "button",
|
|
145
135
|
className: e.locale,
|
|
146
|
-
children: /* @__PURE__ */ a(
|
|
136
|
+
children: /* @__PURE__ */ a(Be, { size: 16 })
|
|
147
137
|
}
|
|
148
138
|
),
|
|
149
|
-
content:
|
|
139
|
+
content: R
|
|
150
140
|
}
|
|
151
141
|
) }) });
|
|
152
142
|
G(() => {
|
|
@@ -158,10 +148,10 @@ function Pe({
|
|
|
158
148
|
return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
|
|
159
149
|
}
|
|
160
150
|
}, []);
|
|
161
|
-
const
|
|
151
|
+
const we = () => {
|
|
162
152
|
C([]);
|
|
163
|
-
},
|
|
164
|
-
|
|
153
|
+
}, ye = (n) => {
|
|
154
|
+
W("forward"), C([
|
|
165
155
|
{
|
|
166
156
|
title: n.title,
|
|
167
157
|
primary: n.primaryItems ?? [],
|
|
@@ -169,8 +159,8 @@ function Pe({
|
|
|
169
159
|
description: ""
|
|
170
160
|
}
|
|
171
161
|
]);
|
|
172
|
-
},
|
|
173
|
-
|
|
162
|
+
}, P = (n) => {
|
|
163
|
+
W("forward"), C((l) => [
|
|
174
164
|
...l,
|
|
175
165
|
{
|
|
176
166
|
title: n.label,
|
|
@@ -180,60 +170,60 @@ function Pe({
|
|
|
180
170
|
}
|
|
181
171
|
]);
|
|
182
172
|
}, Ce = () => {
|
|
183
|
-
|
|
184
|
-
},
|
|
185
|
-
|
|
173
|
+
W("backward"), C((n) => n.slice(0, -1));
|
|
174
|
+
}, U = X(null), E = X(null), j = X(/* @__PURE__ */ new Map()), Me = () => {
|
|
175
|
+
J((n) => {
|
|
186
176
|
const l = !n;
|
|
187
|
-
return l || (C([]),
|
|
177
|
+
return l || (C([]), W("forward"), v(null)), l;
|
|
188
178
|
});
|
|
189
|
-
},
|
|
190
|
-
const l =
|
|
179
|
+
}, ee = (n) => {
|
|
180
|
+
const l = j.current.get(n);
|
|
191
181
|
if (l && E.current) {
|
|
192
182
|
const d = l.getBoundingClientRect(), h = E.current.getBoundingClientRect(), t = d.left - h.left + d.width / 2;
|
|
193
183
|
Ne(t);
|
|
194
184
|
}
|
|
195
185
|
}, Ee = (n) => {
|
|
196
186
|
v((l) => l === n ? null : n);
|
|
197
|
-
},
|
|
198
|
-
|
|
187
|
+
}, ne = H((n) => {
|
|
188
|
+
U.current && !U.current.contains(n.target) && v(null);
|
|
189
|
+
}, []), ae = H(() => {
|
|
190
|
+
le(), typeof window < "u" && window.innerWidth > 768 && (J(!1), v(null), typeof document < "u" && (document.body.style.overflow = ""));
|
|
199
191
|
}, []), le = H(() => {
|
|
200
|
-
ie(), typeof window < "u" && window.innerWidth > 768 && (K(!1), v(null), typeof document < "u" && (document.body.style.overflow = ""));
|
|
201
|
-
}, []), ie = H(() => {
|
|
202
192
|
if (E.current) {
|
|
203
193
|
const n = E.current.getBoundingClientRect().width;
|
|
204
|
-
|
|
194
|
+
be(n), ve(!0);
|
|
205
195
|
}
|
|
206
196
|
}, []);
|
|
207
197
|
G(() => {
|
|
208
198
|
const n = typeof window < "u", l = typeof document < "u";
|
|
209
|
-
return n && window.addEventListener("resize",
|
|
210
|
-
n && window.removeEventListener("resize",
|
|
199
|
+
return n && window.addEventListener("resize", ae), l && document.addEventListener("click", ne), le(), () => {
|
|
200
|
+
n && window.removeEventListener("resize", ae), l && document.removeEventListener("click", ne);
|
|
211
201
|
};
|
|
212
202
|
}, []), G(() => {
|
|
213
203
|
if (typeof document < "u")
|
|
214
|
-
return
|
|
204
|
+
return f ? setTimeout(() => {
|
|
215
205
|
Se();
|
|
216
|
-
}, 0) :
|
|
217
|
-
}, [
|
|
206
|
+
}, 0) : he(), () => he();
|
|
207
|
+
}, [f]);
|
|
218
208
|
const Le = (n) => n.map((l, d) => {
|
|
219
|
-
var se, re, ce, te
|
|
220
|
-
const h = `group-${d}`, F = $e === d, t = (
|
|
209
|
+
var ie, se, re, ce, te;
|
|
210
|
+
const h = `group-${d}`, F = $e === d, t = (ie = l.primaryItems) == null ? void 0 : ie[T ?? 0];
|
|
221
211
|
return /* @__PURE__ */ c(
|
|
222
212
|
"div",
|
|
223
213
|
{
|
|
224
214
|
className: `${e.linkWrapper} ${e.parent}`,
|
|
225
215
|
onMouseEnter: () => {
|
|
226
|
-
|
|
216
|
+
Q(d), v(h), ee(h);
|
|
227
217
|
},
|
|
228
218
|
onMouseLeave: () => {
|
|
229
|
-
|
|
219
|
+
Q(null), D(0), v(null);
|
|
230
220
|
},
|
|
231
221
|
children: [
|
|
232
222
|
/* @__PURE__ */ a("div", { className: e.linkItem, children: /* @__PURE__ */ c(
|
|
233
223
|
"button",
|
|
234
224
|
{
|
|
235
225
|
ref: (r) => {
|
|
236
|
-
|
|
226
|
+
j.current.set(h, r);
|
|
237
227
|
},
|
|
238
228
|
role: "menuitem",
|
|
239
229
|
"aria-haspopup": "true",
|
|
@@ -242,7 +232,7 @@ function Pe({
|
|
|
242
232
|
className: `${e.sublinkToggle} ${F ? e.open : ""} `,
|
|
243
233
|
children: [
|
|
244
234
|
l.title,
|
|
245
|
-
/* @__PURE__ */ a(
|
|
235
|
+
/* @__PURE__ */ a(Oe, { size: 18, className: e.chevron })
|
|
246
236
|
]
|
|
247
237
|
}
|
|
248
238
|
) }),
|
|
@@ -264,19 +254,19 @@ function Pe({
|
|
|
264
254
|
className: `${e.sublinksColumn} ${e.primaryColumn}`,
|
|
265
255
|
children: [
|
|
266
256
|
/* @__PURE__ */ a("div", { className: e.linkItem }),
|
|
267
|
-
(
|
|
268
|
-
(r,
|
|
257
|
+
(se = l.primaryItems) == null ? void 0 : se.map(
|
|
258
|
+
(r, y) => r.href ? /* @__PURE__ */ c(
|
|
269
259
|
"a",
|
|
270
260
|
{
|
|
271
261
|
href: r.href,
|
|
272
|
-
className: `${e.link} ${
|
|
262
|
+
className: `${e.link} ${T === y ? e.open : ""}`,
|
|
273
263
|
target: r.isExternal ? "_blank" : "_self",
|
|
274
264
|
rel: r.isExternal ? "noopener noreferrer" : void 0,
|
|
275
265
|
onClick: () => {
|
|
276
|
-
var
|
|
277
|
-
v(null), (
|
|
266
|
+
var oe;
|
|
267
|
+
v(null), (oe = r.onClick) == null || oe.call(r);
|
|
278
268
|
},
|
|
279
|
-
onMouseEnter: () => r.sublinks ?
|
|
269
|
+
onMouseEnter: () => r.sublinks ? D(y) : null,
|
|
280
270
|
role: "menuitem",
|
|
281
271
|
children: [
|
|
282
272
|
/* @__PURE__ */ c("span", { className: e.linkContent, children: [
|
|
@@ -292,25 +282,25 @@ function Pe({
|
|
|
292
282
|
)
|
|
293
283
|
]
|
|
294
284
|
},
|
|
295
|
-
r._key ??
|
|
285
|
+
r._key ?? y
|
|
296
286
|
) : /* @__PURE__ */ a(
|
|
297
287
|
"button",
|
|
298
288
|
{
|
|
299
289
|
role: "menuitem",
|
|
300
|
-
className: `${e.sublinkToggle} ${
|
|
301
|
-
onMouseEnter: () =>
|
|
290
|
+
className: `${e.sublinkToggle} ${T === y ? e.open : ""}`,
|
|
291
|
+
onMouseEnter: () => D(y),
|
|
302
292
|
children: /* @__PURE__ */ c("span", { className: e.linkContent, children: [
|
|
303
293
|
r.label,
|
|
304
294
|
r.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: r.subtitle })
|
|
305
295
|
] })
|
|
306
296
|
},
|
|
307
|
-
r._key ??
|
|
297
|
+
r._key ?? y
|
|
308
298
|
)
|
|
309
299
|
)
|
|
310
300
|
]
|
|
311
301
|
}
|
|
312
302
|
),
|
|
313
|
-
(t == null ? void 0 : t.sublinks) && ((
|
|
303
|
+
(t == null ? void 0 : t.sublinks) && ((re = t == null ? void 0 : t.sublinks) == null ? void 0 : re.length) > 0 && /* @__PURE__ */ c(
|
|
314
304
|
"div",
|
|
315
305
|
{
|
|
316
306
|
className: `${e.sublinksColumn} ${e.fadeInFromLeft}`,
|
|
@@ -319,19 +309,19 @@ function Pe({
|
|
|
319
309
|
/* @__PURE__ */ a("p", { children: "TEXT HERE" }),
|
|
320
310
|
i == null ? void 0 : i(t.description)
|
|
321
311
|
] }),
|
|
322
|
-
(t == null ? void 0 : t.sublinks) &&
|
|
312
|
+
(t == null ? void 0 : t.sublinks) && x(
|
|
323
313
|
t.sublinks,
|
|
324
|
-
`${h}-${
|
|
314
|
+
`${h}-${T}`
|
|
325
315
|
)
|
|
326
316
|
]
|
|
327
317
|
},
|
|
328
|
-
`${t.label}-${(
|
|
318
|
+
`${t.label}-${(ce = t == null ? void 0 : t.sublinks) == null ? void 0 : ce.length}`
|
|
329
319
|
),
|
|
330
|
-
(l == null ? void 0 : l.secondaryItems) && ((
|
|
320
|
+
(l == null ? void 0 : l.secondaryItems) && ((te = l == null ? void 0 : l.secondaryItems) == null ? void 0 : te.length) > 0 && /* @__PURE__ */ a(
|
|
331
321
|
"div",
|
|
332
322
|
{
|
|
333
323
|
className: `${e.sublinksColumn} ${e.secondaryColumn}`,
|
|
334
|
-
children: l.secondaryItems && l.secondaryItems.length > 0 &&
|
|
324
|
+
children: l.secondaryItems && l.secondaryItems.length > 0 && x(l.secondaryItems, `${h}-secondary`)
|
|
335
325
|
}
|
|
336
326
|
),
|
|
337
327
|
l.spotlight && /* @__PURE__ */ a(
|
|
@@ -356,7 +346,7 @@ function Pe({
|
|
|
356
346
|
},
|
|
357
347
|
l._key ?? `group-${d}`
|
|
358
348
|
);
|
|
359
|
-
}),
|
|
349
|
+
}), x = (n, l = "") => n.map((d) => {
|
|
360
350
|
const h = `${l}/${d.label}`;
|
|
361
351
|
return /* @__PURE__ */ a(
|
|
362
352
|
_e,
|
|
@@ -364,12 +354,12 @@ function Pe({
|
|
|
364
354
|
link: d,
|
|
365
355
|
path: h,
|
|
366
356
|
parentPath: l,
|
|
367
|
-
openPath:
|
|
357
|
+
openPath: K,
|
|
368
358
|
togglePath: Ee,
|
|
369
|
-
updateTriangleIndicator:
|
|
359
|
+
updateTriangleIndicator: ee,
|
|
370
360
|
setOpenPath: v,
|
|
371
|
-
renderLinks:
|
|
372
|
-
buttonRefs:
|
|
361
|
+
renderLinks: x,
|
|
362
|
+
buttonRefs: j
|
|
373
363
|
},
|
|
374
364
|
d._key ?? h
|
|
375
365
|
);
|
|
@@ -377,23 +367,23 @@ function Pe({
|
|
|
377
367
|
return /* @__PURE__ */ a(
|
|
378
368
|
"header",
|
|
379
369
|
{
|
|
380
|
-
ref:
|
|
381
|
-
className: `${
|
|
370
|
+
ref: U,
|
|
371
|
+
className: `${O ?? ""} ${De[w]} ${Fe[S]} ${e.navbar} ${A ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
|
|
382
372
|
"aria-label": "Main navigation",
|
|
383
373
|
children: /* @__PURE__ */ c(
|
|
384
374
|
"div",
|
|
385
375
|
{
|
|
386
|
-
className: `${e.container} ${(!s || s.length === 0) &&
|
|
376
|
+
className: `${e.container} ${(!s || s.length === 0) && w !== "center" ? e.twoColumn : ""}`,
|
|
387
377
|
children: [
|
|
388
|
-
L ? /* @__PURE__ */ a("div", { className: e.logo, children: L }) : /* @__PURE__ */ a("div", { className: e.title, children:
|
|
378
|
+
L ? /* @__PURE__ */ a("div", { className: e.logo, children: L }) : /* @__PURE__ */ a("div", { className: e.title, children: b }),
|
|
389
379
|
/* @__PURE__ */ a(
|
|
390
380
|
"nav",
|
|
391
381
|
{
|
|
392
382
|
ref: E,
|
|
393
383
|
style: {
|
|
394
|
-
left:
|
|
384
|
+
left: w === "center" ? `calc(50% - ${fe / 2}px)` : "0"
|
|
395
385
|
},
|
|
396
|
-
className: `${e.nav} ${
|
|
386
|
+
className: `${e.nav} ${f ? e.open : ""} ${pe ? e.visible : e.hidden}`,
|
|
397
387
|
id: "main-menu",
|
|
398
388
|
role: "menubar",
|
|
399
389
|
"aria-label": "Main navigation",
|
|
@@ -401,8 +391,8 @@ function Pe({
|
|
|
401
391
|
/* @__PURE__ */ a(
|
|
402
392
|
"svg",
|
|
403
393
|
{
|
|
404
|
-
style: { left: `${
|
|
405
|
-
className: `${e.triangle} ${
|
|
394
|
+
style: { left: `${ke}px` },
|
|
395
|
+
className: `${e.triangle} ${K ? e.show : ""}`,
|
|
406
396
|
width: 16,
|
|
407
397
|
height: 12,
|
|
408
398
|
viewBox: "0 0 100 75",
|
|
@@ -418,37 +408,37 @@ function Pe({
|
|
|
418
408
|
)
|
|
419
409
|
}
|
|
420
410
|
),
|
|
421
|
-
g === "default" &&
|
|
422
|
-
|
|
423
|
-
(
|
|
424
|
-
$ && /* @__PURE__ */ a(
|
|
425
|
-
|
|
426
|
-
N && /* @__PURE__ */ a(
|
|
411
|
+
g === "default" && k && /* @__PURE__ */ c("div", { className: e.grid, children: [
|
|
412
|
+
k && k.length > 0 && x(k),
|
|
413
|
+
(p || N || $) && /* @__PURE__ */ a("span", { className: e.separator }),
|
|
414
|
+
$ && /* @__PURE__ */ a(Y, {}),
|
|
415
|
+
p && !M && /* @__PURE__ */ a(I, {}),
|
|
416
|
+
N && /* @__PURE__ */ a(Z, {})
|
|
427
417
|
] }),
|
|
428
418
|
!M && g === "advanced" && m && /* @__PURE__ */ c("div", { className: e.grid, children: [
|
|
429
419
|
m.length > 0 && Le(m),
|
|
430
|
-
(
|
|
431
|
-
$ && /* @__PURE__ */ a(
|
|
432
|
-
|
|
433
|
-
N && /* @__PURE__ */ a(
|
|
420
|
+
(p || N || $) && /* @__PURE__ */ a("span", { className: e.separator }),
|
|
421
|
+
$ && /* @__PURE__ */ a(Y, {}),
|
|
422
|
+
p && /* @__PURE__ */ a(I, {}),
|
|
423
|
+
N && /* @__PURE__ */ a(Z, {})
|
|
434
424
|
] }),
|
|
435
|
-
M && g === "advanced" &&
|
|
425
|
+
M && g === "advanced" && f && o.length === 0 && m && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: m.map((n, l) => /* @__PURE__ */ a(
|
|
436
426
|
"div",
|
|
437
427
|
{
|
|
438
|
-
className: `${e.mobileMenuItem} ${
|
|
428
|
+
className: `${e.mobileMenuItem} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
439
429
|
children: /* @__PURE__ */ a(
|
|
440
430
|
"button",
|
|
441
431
|
{
|
|
442
432
|
role: "menuitem",
|
|
443
433
|
className: e.sublinkToggle,
|
|
444
|
-
onClick: () =>
|
|
434
|
+
onClick: () => ye(n),
|
|
445
435
|
children: n.title
|
|
446
436
|
}
|
|
447
437
|
)
|
|
448
438
|
},
|
|
449
439
|
n._key ?? l
|
|
450
440
|
)) }),
|
|
451
|
-
M && g === "advanced" &&
|
|
441
|
+
M && g === "advanced" && f && o.length > 0 && /* @__PURE__ */ c(
|
|
452
442
|
"div",
|
|
453
443
|
{
|
|
454
444
|
className: `${e.mobileMenuSlide} `,
|
|
@@ -458,7 +448,7 @@ function Pe({
|
|
|
458
448
|
{
|
|
459
449
|
role: "menuitem",
|
|
460
450
|
className: e.back,
|
|
461
|
-
onClick: o.length === 1 ?
|
|
451
|
+
onClick: o.length === 1 ? we : Ce,
|
|
462
452
|
children: /* @__PURE__ */ a(
|
|
463
453
|
Ae,
|
|
464
454
|
{
|
|
@@ -472,7 +462,7 @@ function Pe({
|
|
|
472
462
|
o[o.length - 1].description && /* @__PURE__ */ a(
|
|
473
463
|
"div",
|
|
474
464
|
{
|
|
475
|
-
className: `${e.sublinksDescription} ${
|
|
465
|
+
className: `${e.sublinksDescription} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
476
466
|
children: i == null ? void 0 : i(
|
|
477
467
|
o[o.length - 1].description
|
|
478
468
|
)
|
|
@@ -481,13 +471,13 @@ function Pe({
|
|
|
481
471
|
o[o.length - 1].primary.map((n, l) => /* @__PURE__ */ a(
|
|
482
472
|
"div",
|
|
483
473
|
{
|
|
484
|
-
className: `${e.mobileMenuItem} ${
|
|
474
|
+
className: `${e.mobileMenuItem} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
485
475
|
children: n.sublinks ? /* @__PURE__ */ a(
|
|
486
476
|
"button",
|
|
487
477
|
{
|
|
488
478
|
role: "menuitem",
|
|
489
479
|
className: e.sublinkToggle,
|
|
490
|
-
onClick: () =>
|
|
480
|
+
onClick: () => P(n),
|
|
491
481
|
children: /* @__PURE__ */ c("span", { className: e.linkContent, children: [
|
|
492
482
|
n.label,
|
|
493
483
|
n.subtitle && /* @__PURE__ */ a("span", { className: e.subtitle, children: n.subtitle })
|
|
@@ -524,13 +514,13 @@ function Pe({
|
|
|
524
514
|
(n, l) => /* @__PURE__ */ a(
|
|
525
515
|
"div",
|
|
526
516
|
{
|
|
527
|
-
className: `${e.mobileMenuItem} ${
|
|
517
|
+
className: `${e.mobileMenuItem} ${B === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
528
518
|
children: n.sublinks ? /* @__PURE__ */ a(
|
|
529
519
|
"button",
|
|
530
520
|
{
|
|
531
521
|
role: "menuitem",
|
|
532
522
|
className: e.sublinkToggle,
|
|
533
|
-
onClick: () =>
|
|
523
|
+
onClick: () => P(n),
|
|
534
524
|
children: n.label
|
|
535
525
|
}
|
|
536
526
|
) : /* @__PURE__ */ c(
|
|
@@ -570,7 +560,7 @@ function Pe({
|
|
|
570
560
|
className: e.utility,
|
|
571
561
|
role: "menu",
|
|
572
562
|
"aria-label": "Utility navigation",
|
|
573
|
-
children: /* @__PURE__ */ a(
|
|
563
|
+
children: /* @__PURE__ */ a(me, { children: s.map((n, l) => /* @__PURE__ */ a(
|
|
574
564
|
q,
|
|
575
565
|
{
|
|
576
566
|
as: "a",
|
|
@@ -600,8 +590,8 @@ function Pe({
|
|
|
600
590
|
{
|
|
601
591
|
role: "menu",
|
|
602
592
|
"aria-label": "Utility navigation",
|
|
603
|
-
className: `${e.utilityMobile} ${
|
|
604
|
-
children: /* @__PURE__ */ a(
|
|
593
|
+
className: `${e.utilityMobile} ${f ? e.open : ""}`,
|
|
594
|
+
children: /* @__PURE__ */ a(me, { alignment: "center", children: /* @__PURE__ */ a(
|
|
605
595
|
q,
|
|
606
596
|
{
|
|
607
597
|
as: "a",
|
|
@@ -626,16 +616,16 @@ function Pe({
|
|
|
626
616
|
}
|
|
627
617
|
),
|
|
628
618
|
/* @__PURE__ */ c("div", { className: e.mobileButtons, children: [
|
|
629
|
-
M &&
|
|
619
|
+
M && p && /* @__PURE__ */ a(I, {}),
|
|
630
620
|
/* @__PURE__ */ a(
|
|
631
621
|
"button",
|
|
632
622
|
{
|
|
633
623
|
className: e.menuToggle,
|
|
634
624
|
onClick: Me,
|
|
635
|
-
"aria-label":
|
|
636
|
-
"aria-expanded":
|
|
625
|
+
"aria-label": f ? "Close menu" : "Open menu",
|
|
626
|
+
"aria-expanded": f,
|
|
637
627
|
"aria-controls": "main-menu",
|
|
638
|
-
children:
|
|
628
|
+
children: f ? /* @__PURE__ */ a(ze, { size: 24 }) : /* @__PURE__ */ a(Re, { size: 24 })
|
|
639
629
|
}
|
|
640
630
|
)
|
|
641
631
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index58.css');const e=require("react/jsx-runtime"),c="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index58.css');const e=require("react/jsx-runtime"),c=require("react"),o=require("../../utils/NoScroll/noScroll.cjs"),h=require("../../../x-Dft9NVe_.cjs"),d=require("../../../menu-ufZEqSbc.cjs"),f="_aside_xhkx5_1",g="_nav_xhkx5_6",k="_open_xhkx5_31",p="_parent_xhkx5_43",m="_title_xhkx5_49",j="_children_xhkx5_53",S="_link_xhkx5_57",b="_menuToggle_xhkx5_72",N="_left_xhkx5_95",v="_right_xhkx5_99",n={aside:f,nav:g,open:k,parent:p,title:m,children:j,link:S,menuToggle:b,left:N,right:v},$={left:n.left,right:n.right};function q({items:t,alignment:i="left",className:_}){const[s,u]=c.useState(!1),x=()=>{u(l=>!l)};return c.useEffect(()=>{if(typeof document<"u")return s?setTimeout(()=>{o.lockScroll()},0):o.unlockScroll(),()=>o.unlockScroll()},[s]),e.jsxs("aside",{className:`${_} ${n.aside} ${$[i]}`,children:[e.jsx("button",{className:n.menuToggle,onClick:x,"aria-label":s?"Close menu":"Open menu","aria-expanded":s,"aria-controls":"main-menu",children:s?e.jsx(h.X,{size:24}):e.jsx(d.Menu,{size:24})}),e.jsx("nav",{className:`${n.nav} ${s?n.open:""}`,children:e.jsx("ul",{children:t==null?void 0:t.map(l=>{var a;return e.jsxs("li",{className:n.parent,children:[e.jsx("span",{className:n.title,children:l.label}),e.jsx("ul",{className:n.children,children:(a=l==null?void 0:l.sublinks)==null?void 0:a.map(r=>e.jsx("li",{children:e.jsx("a",{href:r.href,className:n.link,target:r.isExternal?"_blank":"_self",rel:r.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:r.label})},l._key))})]},l._key)})})})]})}exports.Sidebar=q;
|
|
@@ -1,46 +1,75 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { jsxs as o, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { useState as d, useEffect as p } from "react";
|
|
3
|
+
import { lockScroll as u, unlockScroll as c } from "../../utils/NoScroll/noScroll.mjs";
|
|
4
|
+
import { X as f } from "../../../x-CnsEH4Ox.js";
|
|
5
|
+
import { M as m } from "../../../menu-CvQx3NZY.js";
|
|
6
|
+
import '../../../assets/index58.css';const k = "_aside_xhkx5_1", g = "_nav_xhkx5_6", b = "_open_xhkx5_31", N = "_parent_xhkx5_43", v = "_title_xhkx5_49", S = "_children_xhkx5_53", T = "_link_xhkx5_57", $ = "_menuToggle_xhkx5_72", y = "_left_xhkx5_95", M = "_right_xhkx5_99", e = {
|
|
7
|
+
aside: k,
|
|
8
|
+
nav: g,
|
|
9
|
+
open: b,
|
|
10
|
+
parent: N,
|
|
11
|
+
title: v,
|
|
12
|
+
children: S,
|
|
13
|
+
link: T,
|
|
14
|
+
menuToggle: $,
|
|
15
|
+
left: y,
|
|
16
|
+
right: M
|
|
17
|
+
}, C = {
|
|
18
|
+
left: e.left,
|
|
19
|
+
right: e.right
|
|
13
20
|
};
|
|
14
|
-
function
|
|
21
|
+
function I({
|
|
15
22
|
// renderText,
|
|
16
23
|
// title,
|
|
17
|
-
items:
|
|
18
|
-
alignment:
|
|
19
|
-
className:
|
|
24
|
+
items: a,
|
|
25
|
+
alignment: i = "left",
|
|
26
|
+
className: _
|
|
20
27
|
}) {
|
|
21
|
-
|
|
28
|
+
const [t, h] = d(!1), x = () => {
|
|
29
|
+
h((l) => !l);
|
|
30
|
+
};
|
|
31
|
+
return p(() => {
|
|
32
|
+
if (typeof document < "u")
|
|
33
|
+
return t ? setTimeout(() => {
|
|
34
|
+
u();
|
|
35
|
+
}, 0) : c(), () => c();
|
|
36
|
+
}, [t]), /* @__PURE__ */ o(
|
|
22
37
|
"aside",
|
|
23
38
|
{
|
|
24
|
-
className: `${
|
|
25
|
-
children:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
className: `${_} ${e.aside} ${C[i]}`,
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ n(
|
|
42
|
+
"button",
|
|
43
|
+
{
|
|
44
|
+
className: e.menuToggle,
|
|
45
|
+
onClick: x,
|
|
46
|
+
"aria-label": t ? "Close menu" : "Open menu",
|
|
47
|
+
"aria-expanded": t,
|
|
48
|
+
"aria-controls": "main-menu",
|
|
49
|
+
children: t ? /* @__PURE__ */ n(f, { size: 24 }) : /* @__PURE__ */ n(m, { size: 24 })
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
/* @__PURE__ */ n("nav", { className: `${e.nav} ${t ? e.open : ""}`, children: /* @__PURE__ */ n("ul", { children: a == null ? void 0 : a.map((l) => {
|
|
53
|
+
var s;
|
|
54
|
+
return /* @__PURE__ */ o("li", { className: e.parent, children: [
|
|
55
|
+
/* @__PURE__ */ n("span", { className: e.title, children: l.label }),
|
|
56
|
+
/* @__PURE__ */ n("ul", { className: e.children, children: (s = l == null ? void 0 : l.sublinks) == null ? void 0 : s.map((r) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
|
|
57
|
+
"a",
|
|
58
|
+
{
|
|
59
|
+
href: r.href,
|
|
60
|
+
className: e.link,
|
|
61
|
+
target: r.isExternal ? "_blank" : "_self",
|
|
62
|
+
rel: r.isExternal ? "noopener noreferrer" : void 0,
|
|
63
|
+
role: "menuitem",
|
|
64
|
+
children: r.label
|
|
65
|
+
}
|
|
66
|
+
) }, l._key)) })
|
|
67
|
+
] }, l._key);
|
|
68
|
+
}) }) })
|
|
69
|
+
]
|
|
41
70
|
}
|
|
42
71
|
);
|
|
43
72
|
}
|
|
44
73
|
export {
|
|
45
|
-
|
|
74
|
+
I as Sidebar
|
|
46
75
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { c as e } from "./createLucideIcon-C8GTh_Qx.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license lucide-react v0.488.0 - ISC
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the ISC license.
|
|
6
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
const o = [
|
|
9
|
+
["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
|
|
10
|
+
["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
|
|
11
|
+
["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
|
|
12
|
+
], n = e("menu", o);
|
|
13
|
+
export {
|
|
14
|
+
n as M
|
|
15
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";const e=require("./createLucideIcon-DpotSgUx.cjs");/**
|
|
2
|
+
* @license lucide-react v0.488.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const n=[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]],c=e.createLucideIcon("menu",n);exports.Menu=c;
|
package/dist/styles.css
CHANGED
|
@@ -56,7 +56,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
56
56
|
._progressBarContainer_pna67_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_pna67_1{flex:1;height:12px;background-color:var(--color-secondary-25);border-radius:4px;overflow:hidden;position:relative}._fill_pna67_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_pna67_29 ._fill_pna67_18{background-color:var(--color-primary-100)}._success_pna67_33 ._fill_pna67_18{background-color:var(--color-success)}._warning_pna67_37 ._fill_pna67_18{background-color:var(--color-warning)}._danger_pna67_41 ._fill_pna67_18{background-color:var(--color-error)}._label_pna67_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
|
|
57
57
|
._wrapper_4yxo1_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_4yxo1_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_4yxo1_7:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._radio_4yxo1_7:disabled{background-color:var(--color-primary-25);cursor:not-allowed}._label_4yxo1_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
|
|
58
58
|
._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
|
|
59
|
-
.
|
|
59
|
+
._aside_xhkx5_1 ul{list-style:none}._aside_xhkx5_1 ._nav_xhkx5_6{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);position:fixed;left:0;top:0;margin-top:var(--nav-height);margin-bottom:var(--nav-height);padding:var(--spacing-md);list-style:none}@media (max-width: 767px){._aside_xhkx5_1 ._nav_xhkx5_6{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh;transform:translate(100%);opacity:0;pointer-events:none}._aside_xhkx5_1 ._nav_xhkx5_6._open_xhkx5_31{transform:translate(0);opacity:1;pointer-events:auto}._aside_xhkx5_1 ._nav_xhkx5_6:before{border-radius:0}}._aside_xhkx5_1 ._parent_xhkx5_43{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_xhkx5_1 ._title_xhkx5_49{font-weight:700}._aside_xhkx5_1 ._children_xhkx5_53{padding:0 0 0 var(--spacing-xs)}._aside_xhkx5_1 ._link_xhkx5_57{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_xhkx5_1 ._link_xhkx5_57:hover{color:var(--color-primary-100)}._menuToggle_xhkx5_72{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_xhkx5_72 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_xhkx5_72{display:flex;align-items:center;justify-content:center}}._left_xhkx5_95{left:0}._right_xhkx5_99{right:0}
|
|
60
60
|
._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
|
|
61
61
|
._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
|
|
62
62
|
._spinner_sjjvl_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sjjvl_8{width:24px;height:24px}._medium_sjjvl_13{width:48px;height:48px}._large_sjjvl_18{width:72px;height:72px}._prong_sjjvl_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sjjvl_1 1s linear infinite}._primary_sjjvl_34{color:var(--color-primary-100)}._success_sjjvl_38{color:var(--color-success)}._warning_sjjvl_42{color:var(--color-warning)}._danger_sjjvl_46{color:var(--color-error)}@keyframes _fade_sjjvl_1{0%{opacity:1}to{opacity:.2}}._prong_sjjvl_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sjjvl_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sjjvl_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sjjvl_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sjjvl_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sjjvl_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sjjvl_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sjjvl_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sjjvl_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sjjvl_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}
|
|
@@ -129,7 +129,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
129
129
|
._progressBarContainer_pna67_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_pna67_1{flex:1;height:12px;background-color:var(--color-secondary-25);border-radius:4px;overflow:hidden;position:relative}._fill_pna67_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_pna67_29 ._fill_pna67_18{background-color:var(--color-primary-100)}._success_pna67_33 ._fill_pna67_18{background-color:var(--color-success)}._warning_pna67_37 ._fill_pna67_18{background-color:var(--color-warning)}._danger_pna67_41 ._fill_pna67_18{background-color:var(--color-error)}._label_pna67_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
|
|
130
130
|
._wrapper_4yxo1_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_4yxo1_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_4yxo1_7:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._radio_4yxo1_7:disabled{background-color:var(--color-primary-25);cursor:not-allowed}._label_4yxo1_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
|
|
131
131
|
._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
|
|
132
|
-
.
|
|
132
|
+
._aside_xhkx5_1 ul{list-style:none}._aside_xhkx5_1 ._nav_xhkx5_6{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);position:fixed;left:0;top:0;margin-top:var(--nav-height);margin-bottom:var(--nav-height);padding:var(--spacing-md);list-style:none}@media (max-width: 767px){._aside_xhkx5_1 ._nav_xhkx5_6{padding:var(--nav-height) 0 0;background:rgba(var(--color-backgroundRgb),.95);border-radius:0;top:0!important;left:0!important;height:100vh;transform:translate(100%);opacity:0;pointer-events:none}._aside_xhkx5_1 ._nav_xhkx5_6._open_xhkx5_31{transform:translate(0);opacity:1;pointer-events:auto}._aside_xhkx5_1 ._nav_xhkx5_6:before{border-radius:0}}._aside_xhkx5_1 ._parent_xhkx5_43{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_xhkx5_1 ._title_xhkx5_49{font-weight:700}._aside_xhkx5_1 ._children_xhkx5_53{padding:0 0 0 var(--spacing-xs)}._aside_xhkx5_1 ._link_xhkx5_57{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_xhkx5_1 ._link_xhkx5_57:hover{color:var(--color-primary-100)}._menuToggle_xhkx5_72{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_xhkx5_72 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_xhkx5_72{display:flex;align-items:center;justify-content:center}}._left_xhkx5_95{left:0}._right_xhkx5_99{right:0}
|
|
133
133
|
._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
|
|
134
134
|
._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
|
|
135
135
|
._spinner_sjjvl_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sjjvl_8{width:24px;height:24px}._medium_sjjvl_13{width:48px;height:48px}._large_sjjvl_18{width:72px;height:72px}._prong_sjjvl_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sjjvl_1 1s linear infinite}._primary_sjjvl_34{color:var(--color-primary-100)}._success_sjjvl_38{color:var(--color-success)}._warning_sjjvl_42{color:var(--color-warning)}._danger_sjjvl_46{color:var(--color-error)}@keyframes _fade_sjjvl_1{0%{opacity:1}to{opacity:.2}}._prong_sjjvl_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sjjvl_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sjjvl_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sjjvl_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sjjvl_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sjjvl_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sjjvl_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sjjvl_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sjjvl_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sjjvl_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ declare const styles: {
|
|
|
26
26
|
readonly "_articleCategories_dpqis_80": string;
|
|
27
27
|
readonly "_articleDetails_dpqis_53": string;
|
|
28
28
|
readonly "_articleType_dpqis_66": string;
|
|
29
|
-
readonly "
|
|
29
|
+
readonly "_aside_xhkx5_1": string;
|
|
30
30
|
readonly "_author_f7k4m_45": string;
|
|
31
31
|
readonly "_avatar_1ihs2_1": string;
|
|
32
32
|
readonly "_back_1wwkj_453": string;
|
|
@@ -97,7 +97,7 @@ declare const styles: {
|
|
|
97
97
|
readonly "_center_y8omf_22": string;
|
|
98
98
|
readonly "_checkbox_14hke_7": string;
|
|
99
99
|
readonly "_chevron_1wwkj_586": string;
|
|
100
|
-
readonly "
|
|
100
|
+
readonly "_children_xhkx5_53": string;
|
|
101
101
|
readonly "_circle_u21vc_22": string;
|
|
102
102
|
readonly "_clearSearch_1firg_102": string;
|
|
103
103
|
readonly "_clickableRow_s4y5l_30": string;
|
|
@@ -396,11 +396,11 @@ declare const styles: {
|
|
|
396
396
|
readonly "_layout_13mls_1": string;
|
|
397
397
|
readonly "_lead_lbugy_63": string;
|
|
398
398
|
readonly "_left_1fc6w_195": string;
|
|
399
|
-
readonly "_left_1olwa_38": string;
|
|
400
399
|
readonly "_left_1wwkj_35": string;
|
|
401
400
|
readonly "_left_55xty_18": string;
|
|
402
401
|
readonly "_left_tu4lq_58": string;
|
|
403
402
|
readonly "_left_w9ixy_33": string;
|
|
403
|
+
readonly "_left_xhkx5_95": string;
|
|
404
404
|
readonly "_left_y8omf_18": string;
|
|
405
405
|
readonly "_legend_1i2zv_8": string;
|
|
406
406
|
readonly "_lg_171d6_17": string;
|
|
@@ -420,6 +420,7 @@ declare const styles: {
|
|
|
420
420
|
readonly "_link_1wwkj_100": string;
|
|
421
421
|
readonly "_link_pd3ti_53": string;
|
|
422
422
|
readonly "_link_qx9xp_25": string;
|
|
423
|
+
readonly "_link_xhkx5_57": string;
|
|
423
424
|
readonly "_listContainer_1firg_30": string;
|
|
424
425
|
readonly "_listFilters_1firg_206": string;
|
|
425
426
|
readonly "_listHeaderFilters_1firg_121": string;
|
|
@@ -438,7 +439,6 @@ declare const styles: {
|
|
|
438
439
|
readonly "_locale_1wwkj_111": string;
|
|
439
440
|
readonly "_logo_1fc6w_92": string;
|
|
440
441
|
readonly "_logo_1wwkj_40": string;
|
|
441
|
-
readonly "_main_1olwa_14": string;
|
|
442
442
|
readonly "_marginLg_1mldh_35": string;
|
|
443
443
|
readonly "_marginMd_1mldh_31": string;
|
|
444
444
|
readonly "_marginNone_1mldh_23": string;
|
|
@@ -452,6 +452,7 @@ declare const styles: {
|
|
|
452
452
|
readonly "_md_i7a04_17": string;
|
|
453
453
|
readonly "_medium_sjjvl_13": string;
|
|
454
454
|
readonly "_menuToggle_1wwkj_275": string;
|
|
455
|
+
readonly "_menuToggle_xhkx5_72": string;
|
|
455
456
|
readonly "_metricLabel_13vg1_229": string;
|
|
456
457
|
readonly "_metricValue_1hrl2_50": string;
|
|
457
458
|
readonly "_metric_13vg1_201": string;
|
|
@@ -476,6 +477,7 @@ declare const styles: {
|
|
|
476
477
|
readonly "_navTitle_1wwkj_379": string;
|
|
477
478
|
readonly "_nav_1fc6w_84": string;
|
|
478
479
|
readonly "_nav_1wwkj_5": string;
|
|
480
|
+
readonly "_nav_xhkx5_6": string;
|
|
479
481
|
readonly "_navbar_1wwkj_5": string;
|
|
480
482
|
readonly "_newTabIcon_1fc6w_170": string;
|
|
481
483
|
readonly "_newTabIcon_1wwkj_402": string;
|
|
@@ -491,6 +493,7 @@ declare const styles: {
|
|
|
491
493
|
readonly "_open_1bj6k_50": string;
|
|
492
494
|
readonly "_open_1wwkj_429": string;
|
|
493
495
|
readonly "_open_55xty_40": string;
|
|
496
|
+
readonly "_open_xhkx5_31": string;
|
|
494
497
|
readonly "_optional_i7a04_52": string;
|
|
495
498
|
readonly "_outerCircle_13vg1_218": string;
|
|
496
499
|
readonly "_outlined_ti1qi_30": string;
|
|
@@ -508,8 +511,8 @@ declare const styles: {
|
|
|
508
511
|
readonly "_paddingSm_1mldh_10": string;
|
|
509
512
|
readonly "_padding_d24tf_8": string;
|
|
510
513
|
readonly "_page_7u6yt_33": string;
|
|
511
|
-
readonly "_parent_1olwa_23": string;
|
|
512
514
|
readonly "_parent_1wwkj_100": string;
|
|
515
|
+
readonly "_parent_xhkx5_43": string;
|
|
513
516
|
readonly "_personContainer_rxzrj_342": string;
|
|
514
517
|
readonly "_pipe_dpqis_115": string;
|
|
515
518
|
readonly "_popover_1nmh2_25": string;
|
|
@@ -547,11 +550,11 @@ declare const styles: {
|
|
|
547
550
|
readonly "_richTextLink_p8s7a_35": string;
|
|
548
551
|
readonly "_richText_rnjap_1": string;
|
|
549
552
|
readonly "_right_1fc6w_243": string;
|
|
550
|
-
readonly "_right_1olwa_42": string;
|
|
551
553
|
readonly "_right_1wwkj_83": string;
|
|
552
554
|
readonly "_right_55xty_12": string;
|
|
553
555
|
readonly "_right_tu4lq_66": string;
|
|
554
556
|
readonly "_right_w9ixy_40": string;
|
|
557
|
+
readonly "_right_xhkx5_99": string;
|
|
555
558
|
readonly "_right_y8omf_31": string;
|
|
556
559
|
readonly "_rotate_1bj6k_72": string;
|
|
557
560
|
readonly "_rotate_1firg_1": string;
|
|
@@ -660,7 +663,6 @@ declare const styles: {
|
|
|
660
663
|
readonly "_title_1hrl2_155": string;
|
|
661
664
|
readonly "_title_1mdqs_113": string;
|
|
662
665
|
readonly "_title_1n4lv_54": string;
|
|
663
|
-
readonly "_title_1olwa_29": string;
|
|
664
666
|
readonly "_title_1wwkj_90": string;
|
|
665
667
|
readonly "_title_603xj_27": string;
|
|
666
668
|
readonly "_title_d24tf_32": string;
|
|
@@ -671,6 +673,7 @@ declare const styles: {
|
|
|
671
673
|
readonly "_title_rxzrj_137": string;
|
|
672
674
|
readonly "_title_tk8y9_36": string;
|
|
673
675
|
readonly "_title_u6blh_76": string;
|
|
676
|
+
readonly "_title_xhkx5_49": string;
|
|
674
677
|
readonly "_tooltipContainer_w9ixy_1": string;
|
|
675
678
|
readonly "_tooltipIcon_i7a04_83": string;
|
|
676
679
|
readonly "_tooltipText_i7a04_91": string;
|