quirk-ui 0.0.504 → 0.0.506
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/{NavLink-CQpDLYjg.js → NavLink-CsNKwUSm.js} +1 -0
- package/dist/{NavLink-By_lBPb-.cjs → NavLink-CuZO2Wm5.cjs} +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index23.css.d.ts +14 -14
- package/dist/core/components/Carousel/index.cjs +2 -2
- package/dist/core/components/Carousel/index.mjs +47 -47
- package/dist/core/components/NavBar/NavLink.cjs +1 -1
- package/dist/core/components/NavBar/NavLink.mjs +1 -1
- package/dist/core/components/NavBar/index.cjs +2 -2
- package/dist/core/components/NavBar/index.mjs +101 -87
- package/dist/styles.css +2 -2
- package/dist/styles.css.d.ts +14 -14
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/NavLink.css');const i=require("react/jsx-runtime"),h=require("react"),g=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_11c6i_5",f="_sticky_11c6i_19",I="_left_11c6i_35",C="_container_11c6i_36",M="_logo_11c6i_40",w="_nav_11c6i_5",y="_center_11c6i_55",x="_hidden_11c6i_61",N="_visible_11c6i_68",T="_right_11c6i_83",j="_title_11c6i_90",S="_linkWrapper_11c6i_100",W="_parent_11c6i_100",$="_linkItem_11c6i_108",D="_link_11c6i_100",L="_search_11c6i_110",E="_locale_11c6i_111",F="_sublinkToggle_11c6i_112",R="_standard_11c6i_160",q="_triangle_11c6i_168",B="_transparent_11c6i_173",z="_utility_11c6i_227",A="_menuToggle_11c6i_247",G="_twoColumn_11c6i_277",H="_mobileButtons_11c6i_286",J="_utilityMobile_11c6i_371",K="_navInner_11c6i_399",Q="_grid_11c6i_410",U="_searchModal_11c6i_429",V="_localeModal_11c6i_430",X="_separator_11c6i_449",Y="_newTabIcon_11c6i_479",Z="_sublinksDescription_11c6i_491",O="_linkContent_11c6i_494",P="_open_11c6i_505",nn="_back_11c6i_529",en="_sublinks_11c6i_491",on="_show_11c6i_576",tn="_primaryColumn_11c6i_617",sn="_secondaryColumn_11c6i_626",cn="_spotlightColumn_11c6i_630",_n="_sublinksInner_11c6i_634",ln="_sublinksColumn_11c6i_652",rn="_chevron_11c6i_662",an="_advanced_11c6i_851",un="_subtitle_11c6i_860",dn="_withSpotlight_11c6i_902",mn="_withoutSpotlight_11c6i_906",bn="_groupDivider_11c6i_944",pn="_searchWrapper_11c6i_952",hn="_mobileMenu_11c6i_959",gn="_mobileMenuSlide_11c6i_960",kn="_mobileMenuItem_11c6i_970",vn="_fadeInFromLeft_11c6i_974",fn="_fadeInFromRight_11c6i_978",In="_spotlight_11c6i_630",Cn="_imageWrapper_11c6i_988",Mn="_content_11c6i_1010",wn="_description_11c6i_1025",yn="_actions_11c6i_1029",e={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:N,right:T,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,sublinkToggle:F,standard:R,triangle:q,transparent:B,utility:z,menuToggle:A,twoColumn:G,mobileButtons:H,utilityMobile:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:nn,sublinks:en,show:on,primaryColumn:tn,secondaryColumn:sn,spotlightColumn:cn,sublinksInner:_n,sublinksColumn:ln,chevron:rn,default:"_default_11c6i_785",advanced:an,subtitle:un,withSpotlight:dn,withoutSpotlight:mn,groupDivider:bn,searchWrapper:pn,mobileMenu:hn,mobileMenuSlide:gn,mobileMenuItem:kn,fadeInFromLeft:vn,fadeInFromRight:fn,spotlight:In,imageWrapper:Cn,content:Mn,description:wn,actions:yn};function xn({link:n,path:o,parentPath:_,openPath:d,togglePath:l,updateTriangleIndicator:m,setOpenPath:t,renderLinks:b,buttonRefs:p}){var a;const s=d===o,c=!!((a=n.sublinks)!=null&&a.length),r=h.useRef(null);return p.current.set(o,r.current),i.jsxs("div",{className:`${e.linkWrapper} ${_?"":e.parent}`,children:[i.jsx("div",{className:e.linkItem,children:n.href?i.jsxs("a",{href:n.href,className:e.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;t(null),(u=n.onClick)==null||u.call(n)},onMouseEnter:()=>{_||t(null)},role:"menuitem",children:[n.label,n.isExternal&&i.jsx(g.ExternalLink,{className:e.newTabIcon,size:16})]}):i.jsxs("button",{ref:r,"aria-haspopup":c?"true":void 0,"aria-expanded":s,className:`${e.sublinkToggle} ${s?e.open:""}`,onClick:()=>l(o),onMouseEnter:()=>{m(o),t(o)},children:[n.label,c&&i.jsx(k.ChevronDown,{size:18,className:e.chevron})]})}),c&&i.jsx("div",{className:`${e.sublinks} ${s?e.show:""}`,onMouseLeave:()=>l(o),role:"menu","aria-label":`${n.label} submenu`,children:i.jsx("div",{children:i.jsx("div",{className:e.sublinksInner,children:i.jsx("div",{className:e.sublinksColumn,children:b(n.sublinks,o)})})})})]},o)}exports.NavLink=xn;exports.styles=e;
|
|
1
|
+
"use strict";require('./assets/NavLink.css');const i=require("react/jsx-runtime"),h=require("react"),g=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_11c6i_5",f="_sticky_11c6i_19",I="_left_11c6i_35",C="_container_11c6i_36",M="_logo_11c6i_40",w="_nav_11c6i_5",y="_center_11c6i_55",x="_hidden_11c6i_61",N="_visible_11c6i_68",T="_right_11c6i_83",j="_title_11c6i_90",S="_linkWrapper_11c6i_100",W="_parent_11c6i_100",$="_linkItem_11c6i_108",D="_link_11c6i_100",L="_search_11c6i_110",E="_locale_11c6i_111",F="_sublinkToggle_11c6i_112",R="_standard_11c6i_160",q="_triangle_11c6i_168",B="_transparent_11c6i_173",z="_utility_11c6i_227",A="_menuToggle_11c6i_247",G="_twoColumn_11c6i_277",H="_mobileButtons_11c6i_286",J="_utilityMobile_11c6i_371",K="_navInner_11c6i_399",Q="_grid_11c6i_410",U="_searchModal_11c6i_429",V="_localeModal_11c6i_430",X="_separator_11c6i_449",Y="_newTabIcon_11c6i_479",Z="_sublinksDescription_11c6i_491",O="_linkContent_11c6i_494",P="_open_11c6i_505",nn="_back_11c6i_529",en="_sublinks_11c6i_491",on="_show_11c6i_576",tn="_primaryColumn_11c6i_617",sn="_secondaryColumn_11c6i_626",cn="_spotlightColumn_11c6i_630",_n="_sublinksInner_11c6i_634",ln="_sublinksColumn_11c6i_652",rn="_chevron_11c6i_662",an="_advanced_11c6i_851",un="_subtitle_11c6i_860",dn="_withSpotlight_11c6i_902",mn="_withoutSpotlight_11c6i_906",bn="_groupDivider_11c6i_944",pn="_searchWrapper_11c6i_952",hn="_mobileMenu_11c6i_959",gn="_mobileMenuSlide_11c6i_960",kn="_mobileMenuItem_11c6i_970",vn="_fadeInFromLeft_11c6i_974",fn="_fadeInFromRight_11c6i_978",In="_spotlight_11c6i_630",Cn="_imageWrapper_11c6i_988",Mn="_content_11c6i_1010",wn="_description_11c6i_1025",yn="_actions_11c6i_1029",e={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:N,right:T,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,sublinkToggle:F,standard:R,triangle:q,transparent:B,utility:z,menuToggle:A,twoColumn:G,mobileButtons:H,utilityMobile:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:nn,sublinks:en,show:on,primaryColumn:tn,secondaryColumn:sn,spotlightColumn:cn,sublinksInner:_n,sublinksColumn:ln,chevron:rn,default:"_default_11c6i_785",advanced:an,subtitle:un,withSpotlight:dn,withoutSpotlight:mn,groupDivider:bn,searchWrapper:pn,mobileMenu:hn,mobileMenuSlide:gn,mobileMenuItem:kn,fadeInFromLeft:vn,fadeInFromRight:fn,spotlight:In,imageWrapper:Cn,content:Mn,description:wn,actions:yn};function xn({link:n,path:o,parentPath:_,openPath:d,togglePath:l,updateTriangleIndicator:m,setOpenPath:t,renderLinks:b,buttonRefs:p}){var a;const s=d===o,c=!!((a=n.sublinks)!=null&&a.length),r=h.useRef(null);return p.current.set(o,r.current),i.jsxs("div",{className:`${e.linkWrapper} ${_?"":e.parent}`,children:[i.jsx("div",{className:e.linkItem,children:n.href?i.jsxs("a",{href:n.href,className:e.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;t(null),(u=n.onClick)==null||u.call(n)},onMouseEnter:()=>{_||t(null)},role:"menuitem",children:[n.label,n.isExternal&&i.jsx(g.ExternalLink,{className:e.newTabIcon,size:16})]}):i.jsxs("button",{ref:r,role:"menuitem","aria-haspopup":c?"true":void 0,"aria-expanded":s,className:`${e.sublinkToggle} ${s?e.open:""}`,onClick:()=>l(o),onMouseEnter:()=>{m(o),t(o)},children:[n.label,c&&i.jsx(k.ChevronDown,{size:18,className:e.chevron})]})}),c&&i.jsx("div",{className:`${e.sublinks} ${s?e.show:""}`,onMouseLeave:()=>l(o),role:"menu","aria-label":`${n.label} submenu`,children:i.jsx("div",{children:i.jsx("div",{className:e.sublinksInner,children:i.jsx("div",{className:e.sublinksColumn,children:b(n.sublinks,o)})})})})]},o)}exports.NavLink=xn;exports.styles=e;
|
package/dist/assets/index23.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_pig9v_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_pig9v_1{padding:0 var(--spacing-lg)}}._noPointerEvents_pig9v_10 *{pointer-events:none!important}._trackContainer_pig9v_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_pig9v_14{overflow:visible}}._track_pig9v_14{display:flex;transition:none;will-change:transform}._track_pig9v_14._isMounted_pig9v_28{transition:transform .3s ease}._page_pig9v_33{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_pig9v_33{justify-content:center;padding:0 var(--spacing-sm)}}._controls_pig9v_43{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_pig9v_54{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_pig9v_54{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_pig9v_54._active_pig9v_71{background-color:var(--color-primary-100)}._buttons_pig9v_75{display:flex;gap:var(--spacing-md)}._prev_pig9v_80._disabled_pig9v_80,._next_pig9v_81._disabled_pig9v_80{opacity:.5;pointer-events:none}._buttons_pig9v_75 button:not(._disabled_pig9v_80):hover{background-color:var(--color-primary-100);color:#fff}._prev_pig9v_80,._next_pig9v_81{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "
|
|
2
|
+
readonly "_active_pig9v_71": string;
|
|
3
|
+
readonly "_buttons_pig9v_75": string;
|
|
4
|
+
readonly "_carousel_pig9v_1": string;
|
|
5
|
+
readonly "_controls_pig9v_43": string;
|
|
6
|
+
readonly "_disabled_pig9v_80": string;
|
|
7
|
+
readonly "_indicator_pig9v_54": string;
|
|
8
|
+
readonly "_indicators_pig9v_54": string;
|
|
9
|
+
readonly "_isMounted_pig9v_28": string;
|
|
10
|
+
readonly "_next_pig9v_81": string;
|
|
11
|
+
readonly "_noPointerEvents_pig9v_10": string;
|
|
12
|
+
readonly "_page_pig9v_33": string;
|
|
13
|
+
readonly "_prev_pig9v_80": string;
|
|
14
|
+
readonly "_trackContainer_pig9v_14": string;
|
|
15
|
+
readonly "_track_pig9v_14": string;
|
|
16
16
|
};
|
|
17
17
|
export = styles;
|
|
18
18
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const r=require("react/jsx-runtime"),n=require("react"),bt=require("../../../arrow-left-4E3t8axP.cjs"),Ct=require("../../../arrow-right-DO6S4vfx.cjs"),$t="
|
|
2
|
-
`,style:{maxWidth:`${a}px`,touchAction:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const r=require("react/jsx-runtime"),n=require("react"),bt=require("../../../arrow-left-4E3t8axP.cjs"),Ct=require("../../../arrow-right-DO6S4vfx.cjs"),$t="_carousel_pig9v_1",St="_noPointerEvents_pig9v_10",Et="_trackContainer_pig9v_14",yt="_track_pig9v_14",Xt="_isMounted_pig9v_28",It="_page_pig9v_33",jt="_controls_pig9v_43",kt="_indicators_pig9v_54",Nt="_indicator_pig9v_54",Rt="_active_pig9v_71",Tt="_buttons_pig9v_75",Wt="_prev_pig9v_80",Lt="_disabled_pig9v_80",At="_next_pig9v_81",c={carousel:$t,noPointerEvents:St,trackContainer:Et,track:yt,isMounted:Xt,page:It,controls:jt,indicators:kt,indicator:Nt,active:Rt,buttons:Tt,prev:Wt,disabled:Lt,next:At};function Dt({items:M,itemsPerPage:d=9,itemsPerRow:F=3,autoplay:J=!1,autoplayInterval:W=3,className:K,externalRef:Q,siblingRef:h,isSplit:L=!1}){const[f,v]=n.useState(0),[a,C]=n.useState(0),[p,y]=n.useState(0),[i,Z]=n.useState(d),[g,tt]=n.useState(!1),[A,et]=n.useState(J),[$,nt]=n.useState(!1),[st,ot]=n.useState(!1),ct=n.useRef(null),u=n.useRef(null),w=n.useRef(null),S=Q,[m,X]=n.useState(!1),[D,P]=n.useState(null),[E,q]=n.useState(null),[z,Y]=n.useState(null),[rt,B]=n.useState(!1),[x,O]=n.useState(null),[I,U]=n.useState(null),at=t=>{Math.abs((I??0)-(x??0))>25&&(t.stopPropagation(),t.preventDefault())},it=t=>{O(t.clientX)},lt=t=>{x!==null&&Math.abs(t.clientX-x)>5&&(B(!0),U(t.clientX))},ut=()=>{if(!x||!I){j();return}const t=x-I;Math.abs(t)>50&&(t>0?R():T()),j()},dt=()=>{j()},j=()=>{B(!1),O(null),U(null)},ht=t=>{q(t.touches[0].clientX),P(t.touches[0].clientY),X(!1)},G=n.useRef(null);n.useEffect(()=>{ot(!0)},[]),n.useEffect(()=>{const t=G.current;if(!t)return;const e=s=>{const o=s.touches[0].clientX-(E??0),l=s.touches[0].clientY-(D??0);!m&&Math.abs(o)>Math.abs(l)&&X(!0),m&&(s.preventDefault(),Y(s.touches[0].clientX))};return t.addEventListener("touchmove",e),()=>{t.removeEventListener("touchmove",e)}},[m,E,D]);const ft=()=>{if(E===null||z===null)return;const t=E-z;Math.abs(t)>50&&(t>0?R():T()),q(null),Y(null),P(null),X(!1)},vt=(t,e)=>{const s=[];for(let o=0;o<t.length;o+=e)s.push(t.slice(o,o+e));return s};n.useLayoutEffect(()=>{if(typeof window<"u"){const t=()=>{const e=window.innerWidth<768,s=e?1:d;tt(e),Z(e?1:d),v(o=>Math.min(o,Math.ceil(M.length/s)-1))};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}},[d]);const k=Math.ceil(i/F),H=vt(M,i),_=H.length,pt=3*16,gt=3*16,_t=n.useCallback(t=>{if(t&&!$){const e=t.getBoundingClientRect().width;e>0&&e!==p&&(y(e),nt(!0))}},[p,$]);n.useEffect(()=>{var t,e,s,o;if($&&a>0&&u.current&&((e=(t=u.current.children[0])==null?void 0:t.children[0])!=null&&e.children[0])){const b=((o=(s=u.current.children[0])==null?void 0:s.children[0])==null?void 0:o.children[0]).getBoundingClientRect().width;b>0&&b!==p&&y(b)}},[a,$,p]),n.useEffect(()=>{const t=new ResizeObserver(e=>{var s,o;for(let l of e)if(l.contentRect){g?C(l.contentRect.width-gt):L?h!=null&&h.current?C(l.contentRect.width-((s=h==null?void 0:h.current)==null?void 0:s.offsetWidth)-pt):C(l.contentRect.width):(C(l.contentRect.width),y(((o=u==null?void 0:u.current)==null?void 0:o.children[0].children[0].children[0].getBoundingClientRect().width)??0));const b=g?1:d;v(xt=>Math.min(xt,Math.ceil(M.length/b)-1))}});return S!=null&&S.current&&t.observe(S.current),()=>t.disconnect()},[g,L,M]);const N=()=>{w.current&&clearInterval(w.current),et(!1)},R=()=>{N(),v(t=>Math.min(t+1,_-1))},T=()=>{N(),v(t=>Math.max(t-1,0))},Mt=t=>{N(),v(t)},wt=()=>a?`translateX(-${f*a}px)`:"translateX(0px)",V=()=>{v(t=>t>=_-1?0:t+1)};n.useEffect(()=>(A&&(w.current=setInterval(V,W*1e3)),()=>{w.current&&clearInterval(w.current)}),[A,W,V]);const mt={"--max-item-width":`${(a-(i-1)*16)/i}px`};return r.jsxs("div",{className:`${K??""} ${c.carousel} `,ref:ct,children:[r.jsx("div",{ref:G,className:`${c.trackContainer} ${rt||m?c.noPointerEvents:""}
|
|
2
|
+
`,style:{maxWidth:`${a}px`,touchAction:m?"none":"pan-y"},onTouchStart:ht,onTouchEnd:ft,onMouseDown:it,onMouseMove:lt,onMouseUp:ut,onMouseLeave:dt,children:r.jsx("div",{ref:u,className:`${c.track} ${st?c.isMounted:""}`,style:{width:`${_*100}%`,transform:wt()},children:H.map((t,e)=>r.jsx("div",{className:c.page,style:{display:k>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(i/k)}, 1fr)`,gridTemplateRows:`repeat(${k}, 1fr)`,width:`${a}px`},children:t.map((s,o)=>r.jsx("div",{ref:e===0&&o===0?_t:null,onClickCapture:at,style:{...mt,flexBasis:g?"100%":`${(a-(i-1)*16)/i}px`,width:g?`${a/i-16}px`:"unset"},children:s},o))},e))})}),_>1&&r.jsxs("div",{className:c.controls,style:{maxWidth:p>0&&d===1&&!g?`${p}px`:"unset"},children:[r.jsx("div",{className:c.indicators,children:Array.from({length:_}).map((t,e)=>r.jsx("button",{className:`${c.indicator} ${e===f?c.active:""}`,onClick:()=>Mt(e),"aria-label":`Go to group ${e+1}`},e))}),r.jsxs("div",{className:c.buttons,children:[r.jsx("button",{"aria-label":"Previous slide",className:`${c.prev} ${f===0?c.disabled:""}`,onClick:T,disabled:f===0,children:r.jsx(bt.ArrowLeft,{size:36})}),r.jsx("button",{"aria-label":"Next slide",className:`${c.next} ${f>=_-1?c.disabled:""}`,onClick:R,disabled:f>=M.length-i,children:r.jsx(Ct.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Dt;
|
|
@@ -2,7 +2,7 @@ import { jsxs as P, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as o, useRef as I, useEffect as $, useLayoutEffect as Et, useCallback as Xt } from "react";
|
|
3
3
|
import { A as yt } from "../../../arrow-left-BIJvHwNQ.js";
|
|
4
4
|
import { A as It } from "../../../arrow-right-QEwnX3Sk.js";
|
|
5
|
-
import '../../../assets/index23.css';const kt = "
|
|
5
|
+
import '../../../assets/index23.css';const kt = "_carousel_pig9v_1", Nt = "_noPointerEvents_pig9v_10", Tt = "_trackContainer_pig9v_14", Wt = "_track_pig9v_14", At = "_isMounted_pig9v_28", Dt = "_page_pig9v_33", Lt = "_controls_pig9v_43", St = "_indicators_pig9v_54", Pt = "_indicator_pig9v_54", Rt = "_active_pig9v_71", zt = "_buttons_pig9v_75", Yt = "_prev_pig9v_80", Bt = "_disabled_pig9v_80", jt = "_next_pig9v_81", c = {
|
|
6
6
|
carousel: kt,
|
|
7
7
|
noPointerEvents: Nt,
|
|
8
8
|
trackContainer: Tt,
|
|
@@ -19,7 +19,7 @@ import '../../../assets/index23.css';const kt = "_carousel_1dlo9_1", Nt = "_noPo
|
|
|
19
19
|
next: jt
|
|
20
20
|
};
|
|
21
21
|
function Vt({
|
|
22
|
-
items:
|
|
22
|
+
items: m,
|
|
23
23
|
itemsPerPage: u = 9,
|
|
24
24
|
itemsPerRow: Q = 3,
|
|
25
25
|
autoplay: Z = !1,
|
|
@@ -29,7 +29,7 @@ function Vt({
|
|
|
29
29
|
siblingRef: h,
|
|
30
30
|
isSplit: z = !1
|
|
31
31
|
}) {
|
|
32
|
-
const [f, p] = o(0), [
|
|
32
|
+
const [f, p] = o(0), [i, x] = o(0), [v, k] = o(0), [a, nt] = o(u), [_, st] = o(!1), [Y, ot] = o(Z), [E, ct] = o(!1), [rt, it] = o(!1), at = I(null), d = I(null), M = I(null), X = et, [w, N] = o(!1), [B, j] = o(null), [y, U] = o(null), [G, H] = o(null), [lt, O] = o(!1), [C, V] = o(null), [T, q] = o(null), dt = (t) => {
|
|
33
33
|
Math.abs((T ?? 0) - (C ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
|
|
34
34
|
}, ut = (t) => {
|
|
35
35
|
V(t.clientX);
|
|
@@ -46,27 +46,27 @@ function Vt({
|
|
|
46
46
|
W();
|
|
47
47
|
}, W = () => {
|
|
48
48
|
O(!1), V(null), q(null);
|
|
49
|
-
},
|
|
49
|
+
}, vt = (t) => {
|
|
50
50
|
U(t.touches[0].clientX), j(t.touches[0].clientY), N(!1);
|
|
51
51
|
}, F = I(null);
|
|
52
52
|
$(() => {
|
|
53
|
-
|
|
53
|
+
it(!0);
|
|
54
54
|
}, []), $(() => {
|
|
55
55
|
const t = F.current;
|
|
56
56
|
if (!t) return;
|
|
57
57
|
const e = (n) => {
|
|
58
|
-
const s = n.touches[0].clientX - (y ?? 0),
|
|
59
|
-
!
|
|
58
|
+
const s = n.touches[0].clientX - (y ?? 0), l = n.touches[0].clientY - (B ?? 0);
|
|
59
|
+
!w && Math.abs(s) > Math.abs(l) && N(!0), w && (n.preventDefault(), H(n.touches[0].clientX));
|
|
60
60
|
};
|
|
61
61
|
return t.addEventListener("touchmove", e), () => {
|
|
62
62
|
t.removeEventListener("touchmove", e);
|
|
63
63
|
};
|
|
64
|
-
}, [
|
|
65
|
-
const
|
|
64
|
+
}, [w, y, B]);
|
|
65
|
+
const _t = () => {
|
|
66
66
|
if (y === null || G === null) return;
|
|
67
67
|
const t = y - G;
|
|
68
68
|
Math.abs(t) > 50 && (t > 0 ? L() : S()), U(null), H(null), j(null), N(!1);
|
|
69
|
-
},
|
|
69
|
+
}, gt = (t, e) => {
|
|
70
70
|
const n = [];
|
|
71
71
|
for (let s = 0; s < t.length; s += e)
|
|
72
72
|
n.push(t.slice(s, s + e));
|
|
@@ -77,64 +77,64 @@ function Vt({
|
|
|
77
77
|
const t = () => {
|
|
78
78
|
const e = window.innerWidth < 768, n = e ? 1 : u;
|
|
79
79
|
st(e), nt(e ? 1 : u), p(
|
|
80
|
-
(s) => Math.min(s, Math.ceil(
|
|
80
|
+
(s) => Math.min(s, Math.ceil(m.length / n) - 1)
|
|
81
81
|
);
|
|
82
82
|
};
|
|
83
83
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
84
84
|
}
|
|
85
85
|
}, [u]);
|
|
86
|
-
const A = Math.ceil(a / Q), J =
|
|
86
|
+
const A = Math.ceil(a / Q), J = gt(m, a), g = J.length, mt = 3 * 16, Mt = 3 * 16, wt = Xt(
|
|
87
87
|
(t) => {
|
|
88
88
|
if (t && !E) {
|
|
89
89
|
const e = t.getBoundingClientRect().width;
|
|
90
|
-
e > 0 && e !==
|
|
90
|
+
e > 0 && e !== v && (k(e), ct(!0));
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
|
-
[
|
|
93
|
+
[v, E]
|
|
94
94
|
);
|
|
95
95
|
$(() => {
|
|
96
96
|
var t, e, n, s;
|
|
97
|
-
if (E &&
|
|
97
|
+
if (E && i > 0 && d.current && ((e = (t = d.current.children[0]) == null ? void 0 : t.children[0]) != null && e.children[0])) {
|
|
98
98
|
const b = ((s = (n = d.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
|
|
99
|
-
b > 0 && b !==
|
|
99
|
+
b > 0 && b !== v && k(b);
|
|
100
100
|
}
|
|
101
|
-
}, [
|
|
101
|
+
}, [i, E, v]), $(() => {
|
|
102
102
|
const t = new ResizeObserver((e) => {
|
|
103
103
|
var n, s;
|
|
104
|
-
for (let
|
|
105
|
-
if (
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
) : x(
|
|
104
|
+
for (let l of e)
|
|
105
|
+
if (l.contentRect) {
|
|
106
|
+
_ ? x(l.contentRect.width - Mt) : z ? h != null && h.current ? x(
|
|
107
|
+
l.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) - mt
|
|
108
|
+
) : x(l.contentRect.width) : (x(l.contentRect.width), k(
|
|
109
109
|
((s = d == null ? void 0 : d.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
|
|
110
110
|
));
|
|
111
|
-
const b =
|
|
111
|
+
const b = _ ? 1 : u;
|
|
112
112
|
p(
|
|
113
|
-
(xt) => Math.min(xt, Math.ceil(
|
|
113
|
+
(xt) => Math.min(xt, Math.ceil(m.length / b) - 1)
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
116
|
});
|
|
117
117
|
return X != null && X.current && t.observe(X.current), () => t.disconnect();
|
|
118
|
-
}, [
|
|
118
|
+
}, [_, z, m]);
|
|
119
119
|
const D = () => {
|
|
120
|
-
|
|
120
|
+
M.current && clearInterval(M.current), ot(!1);
|
|
121
121
|
}, L = () => {
|
|
122
|
-
D(), p((t) => Math.min(t + 1,
|
|
122
|
+
D(), p((t) => Math.min(t + 1, g - 1));
|
|
123
123
|
}, S = () => {
|
|
124
124
|
D(), p((t) => Math.max(t - 1, 0));
|
|
125
125
|
}, Ct = (t) => {
|
|
126
126
|
D(), p(t);
|
|
127
|
-
}, bt = () =>
|
|
128
|
-
p((t) => t >=
|
|
127
|
+
}, bt = () => i ? `translateX(-${f * i}px)` : "translateX(0px)", K = () => {
|
|
128
|
+
p((t) => t >= g - 1 ? 0 : t + 1);
|
|
129
129
|
};
|
|
130
|
-
$(() => (Y && (
|
|
130
|
+
$(() => (Y && (M.current = setInterval(
|
|
131
131
|
K,
|
|
132
132
|
R * 1e3
|
|
133
133
|
)), () => {
|
|
134
|
-
|
|
134
|
+
M.current && clearInterval(M.current);
|
|
135
135
|
}), [Y, R, K]);
|
|
136
136
|
const $t = {
|
|
137
|
-
"--max-item-width": `${(
|
|
137
|
+
"--max-item-width": `${(i - (a - 1) * 16) / a}px`
|
|
138
138
|
//Container minus gaps (dynamicItemsPerPage - 1 * gap size) divided by dynamicItemsPerPage
|
|
139
139
|
};
|
|
140
140
|
return /* @__PURE__ */ P("div", { className: `${tt ?? ""} ${c.carousel} `, ref: at, children: [
|
|
@@ -142,14 +142,14 @@ function Vt({
|
|
|
142
142
|
"div",
|
|
143
143
|
{
|
|
144
144
|
ref: F,
|
|
145
|
-
className: `${c.trackContainer} ${
|
|
145
|
+
className: `${c.trackContainer} ${lt || w ? c.noPointerEvents : ""}
|
|
146
146
|
`,
|
|
147
147
|
style: {
|
|
148
|
-
maxWidth: `${
|
|
149
|
-
touchAction:
|
|
148
|
+
maxWidth: `${i}px`,
|
|
149
|
+
touchAction: w ? "none" : "pan-y"
|
|
150
150
|
},
|
|
151
|
-
onTouchStart:
|
|
152
|
-
onTouchEnd:
|
|
151
|
+
onTouchStart: vt,
|
|
152
|
+
onTouchEnd: _t,
|
|
153
153
|
onMouseDown: ut,
|
|
154
154
|
onMouseMove: ht,
|
|
155
155
|
onMouseUp: ft,
|
|
@@ -159,7 +159,7 @@ function Vt({
|
|
|
159
159
|
{
|
|
160
160
|
ref: d,
|
|
161
161
|
className: `${c.track} ${rt ? c.isMounted : ""}`,
|
|
162
|
-
style: { width: `${
|
|
162
|
+
style: { width: `${g * 100}%`, transform: bt() },
|
|
163
163
|
children: J.map((t, e) => /* @__PURE__ */ r(
|
|
164
164
|
"div",
|
|
165
165
|
{
|
|
@@ -170,17 +170,17 @@ function Vt({
|
|
|
170
170
|
a / A
|
|
171
171
|
)}, 1fr)`,
|
|
172
172
|
gridTemplateRows: `repeat(${A}, 1fr)`,
|
|
173
|
-
width: `${
|
|
173
|
+
width: `${i}px`
|
|
174
174
|
},
|
|
175
175
|
children: t.map((n, s) => /* @__PURE__ */ r(
|
|
176
176
|
"div",
|
|
177
177
|
{
|
|
178
|
-
ref: e === 0 && s === 0 ?
|
|
178
|
+
ref: e === 0 && s === 0 ? wt : null,
|
|
179
179
|
onClickCapture: dt,
|
|
180
180
|
style: {
|
|
181
181
|
...$t,
|
|
182
|
-
flexBasis:
|
|
183
|
-
width:
|
|
182
|
+
flexBasis: _ ? "100%" : `${(i - (a - 1) * 16) / a}px`,
|
|
183
|
+
width: _ ? `${i / a - 16}px` : "unset"
|
|
184
184
|
},
|
|
185
185
|
children: n
|
|
186
186
|
},
|
|
@@ -193,15 +193,15 @@ function Vt({
|
|
|
193
193
|
)
|
|
194
194
|
}
|
|
195
195
|
),
|
|
196
|
-
|
|
196
|
+
g > 1 && /* @__PURE__ */ P(
|
|
197
197
|
"div",
|
|
198
198
|
{
|
|
199
199
|
className: c.controls,
|
|
200
200
|
style: {
|
|
201
|
-
maxWidth:
|
|
201
|
+
maxWidth: v > 0 && u === 1 && !_ ? `${v}px` : "unset"
|
|
202
202
|
},
|
|
203
203
|
children: [
|
|
204
|
-
/* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length:
|
|
204
|
+
/* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length: g }).map((t, e) => /* @__PURE__ */ r(
|
|
205
205
|
"button",
|
|
206
206
|
{
|
|
207
207
|
className: `${c.indicator} ${e === f ? c.active : ""}`,
|
|
@@ -225,9 +225,9 @@ function Vt({
|
|
|
225
225
|
"button",
|
|
226
226
|
{
|
|
227
227
|
"aria-label": "Next slide",
|
|
228
|
-
className: `${c.next} ${f >=
|
|
228
|
+
className: `${c.next} ${f >= g - 1 ? c.disabled : ""}`,
|
|
229
229
|
onClick: L,
|
|
230
|
-
disabled: f >=
|
|
230
|
+
disabled: f >= m.length - a,
|
|
231
231
|
children: /* @__PURE__ */ r(It, { size: 36 })
|
|
232
232
|
}
|
|
233
233
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../NavLink-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../NavLink-CuZO2Wm5.cjs");require("../../../external-link-DDShu-48.cjs");require("../../../chevron-down-DfK1XBl3.cjs");exports.NavLink=e.NavLink;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),te=require("../Modal/index.cjs"),O=require("../../../index-BN6814Bi.cjs"),ie=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),te=require("../Modal/index.cjs"),O=require("../../../index-BN6814Bi.cjs"),ie=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-CuZO2Wm5.cjs"),I=require("../../utils/NoScroll/noScroll.cjs"),D=require("../../../external-link-DDShu-48.cjs"),pe=require("../../../x-Dft9NVe_.cjs"),G=require("../../../createLucideIcon-DpotSgUx.cjs"),Ne=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 Se=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],_e=G.createLucideIcon("search",Se),Le={standard:e.styles.standard,transparent:e.styles.transparent},Me={left:e.styles.left,center:e.styles.center,right:e.styles.right},Ee=({spotlight:a,renderText:b})=>{var t,C,k,p,j,S,x,_,L,M,y;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((k=a.callToAction.linkOptions)==null?void 0:k.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(j=a.callToAction.linkOptions)==null?void 0:j.externalUrl:((S=a.callToAction.linkOptions)==null?void 0:S.linkType)==="internal"&&((_=(x=a.callToAction.linkOptions)==null?void 0:x.internalUrl)!=null&&_.slug.current)&&(u=`/${(M=(L=a.callToAction.linkOptions)==null?void 0:L.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:f?"_blank":"_self",rel:f?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ae({renderText:a,title:b,logo:w,items:f,groups:u,utilityItems:t,isSticky:C=!1,showSearch:k=!0,showLocaleSelect:p=!0,alignment:j="right",variant:S="standard",navigationType:x="default",searchComponent:_,localeSelectComponent:L,className:M}){const[y,U]=r.useState(!1),[X,m]=r.useState(null),[ce,re]=r.useState(0),[oe,de]=r.useState(!1),[ye,ue]=r.useState(null),[o,N]=r.useState([]),[E,q]=r.useState(0),[he,H]=r.useState(null),[$,be]=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(te.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(_e,{size:16})}),content:_})})}),V=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(te.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(ge,{size:16})}),content:L})})});r.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;be(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]);const me=()=>{N([])},fe=l=>{T("forward"),N([{title:l.title,primary:l.primaryItems??[],secondary:l.secondaryItems??[],description:""}])},J=l=>{T("forward"),N(n=>[...n,{title:l.label,primary:l.sublinks??[],secondary:[],description:l.description}])},xe=()=>{T("backward"),N(l=>l.slice(0,-1))},F=r.useRef(null),g=r.useRef(null),W=r.useRef(new Map),ke=()=>{U(l=>{const n=!l;return n||(N([]),T("forward"),m(null)),n})},K=l=>{const n=W.current.get(l);if(n&&g.current){const d=n.getBoundingClientRect(),h=g.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ue(c)}},je=l=>{m(n=>n===l?null:l)},Q=r.useCallback(l=>{F.current&&!F.current.contains(l.target)&&m(null)},[]),Y=r.useCallback(()=>{Z(),typeof window<"u"&&window.innerWidth>768&&(U(!1),m(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Z=r.useCallback(()=>{if(g.current){const l=g.current.getBoundingClientRect().width;re(l),de(!0)}},[]);r.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",Y),n&&document.addEventListener("click",Q),Z(),()=>{l&&window.removeEventListener("resize",Y),n&&document.removeEventListener("click",Q)}},[]),r.useEffect(()=>{if(typeof document<"u")return y?setTimeout(()=>{I.lockScroll()},0):I.unlockScroll(),()=>I.unlockScroll()},[y]);const ve=l=>l.map((n,d)=>{var P,ee,se,le,ne;const h=`group-${d}`,z=he===d,c=(P=n.primaryItems)==null?void 0:P[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{H(d),m(h),K(h)},onMouseLeave:()=>{H(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-${d}`,className:`${e.styles.sublinkToggle} ${z?e.styles.open:""} `,children:[n.title,s.jsx(Ne.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":`${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}),(ee=n.primaryItems)==null?void 0:ee.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 ae;m(null),(ae=i.onClick)==null||ae.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(D.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{role:"menuitem",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)&&((se=c==null?void 0:c.sublinks)==null?void 0:se.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}-${(le=c==null?void 0:c.sublinks)==null?void 0:le.length}`),(n==null?void 0:n.secondaryItems)&&((ne=n==null?void 0:n.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:n.secondaryItems&&n.secondaryItems.length>0&&R(n.secondaryItems,`${h}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Ee,{spotlight:n.spotlight,renderText:a??(i=>String(i))})})]})})})]},n._key??`group-${d}`)}),R=(l,n="")=>l.map(d=>{const h=`${n}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:n,openPath:X,togglePath:je,updateTriangleIndicator:K,setOpenPath:m,renderLinks:R,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${M??""} ${Me[j]} ${Le[S]} ${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% - ${ce/2}px)`:"0"},className:`${e.styles.nav} ${y?e.styles.open:""} ${oe?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:`${ye}px`},className:`${e.styles.triangle} ${X?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),k&&!$&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(V,{})]}),!$&&x==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ve(u),k&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(V,{})]}),$&&x==="advanced"&&y&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>fe(l),children:l.title})},l._key??n))}),$&&x==="advanced"&&y&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{className:e.styles.back,onClick:o.length===1?me: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((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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(D.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} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>J(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(D.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,"aria-label":"Utility navigation",children:s.jsx(ie.ButtonGroup,{children:t.map((l,n)=>s.jsx(O.CallToAction,{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,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",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${y?e.styles.open:""}`,children:s.jsx(ie.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:[$&&k&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:ke,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":"main-menu",children:y?s.jsx(pe.X,{size:24}):s.jsx(Ce,{size:24})})]})]})})}exports.Navbar=Ae;
|
|
16
|
+
*/const Se=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],_e=G.createLucideIcon("search",Se),Le={standard:e.styles.standard,transparent:e.styles.transparent},Me={left:e.styles.left,center:e.styles.center,right:e.styles.right},Ee=({spotlight:a,renderText:m})=>{var t,C,k,p,j,S,x,_,L,M,u;const w=(t=a.image)==null?void 0:t.asset.altText,f=((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="external";let y="#";return((k=a.callToAction.linkOptions)==null?void 0:k.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?y=(j=a.callToAction.linkOptions)==null?void 0:j.externalUrl:((S=a.callToAction.linkOptions)==null?void 0:S.linkType)==="internal"&&((_=(x=a.callToAction.linkOptions)==null?void 0:x.internalUrl)!=null&&_.slug.current)&&(y=`/${(M=(L=a.callToAction.linkOptions)==null?void 0:L.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: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)})]}),((u=a.callToAction)==null?void 0:u.linkOptions)&&s.jsx("div",{className:e.styles.actions,children:s.jsx(O.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:y,target:f?"_blank":"_self",rel:f?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ae({renderText:a,title:m,logo:w,items:f,groups:y,utilityItems:t,isSticky:C=!1,showSearch:k=!0,showLocaleSelect:p=!0,alignment:j="right",variant:S="standard",navigationType:x="default",searchComponent:_,localeSelectComponent:L,className:M}){const[u,U]=r.useState(!1),[X,b]=r.useState(null),[ce,re]=r.useState(0),[oe,de]=r.useState(!1),[ue,ye]=r.useState(null),[o,N]=r.useState([]),[E,q]=r.useState(0),[he,H]=r.useState(null),[$,me]=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(te.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{role:"menuitem",title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(_e,{size:16})}),content:_})})}),V=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(te.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(ge,{size:16})}),content:L})})});r.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;me(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]);const be=()=>{N([])},fe=l=>{T("forward"),N([{title:l.title,primary:l.primaryItems??[],secondary:l.secondaryItems??[],description:""}])},J=l=>{T("forward"),N(n=>[...n,{title:l.label,primary:l.sublinks??[],secondary:[],description:l.description}])},xe=()=>{T("backward"),N(l=>l.slice(0,-1))},F=r.useRef(null),g=r.useRef(null),W=r.useRef(new Map),ke=()=>{U(l=>{const n=!l;return n||(N([]),T("forward"),b(null)),n})},K=l=>{const n=W.current.get(l);if(n&&g.current){const d=n.getBoundingClientRect(),h=g.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=l=>{b(n=>n===l?null:l)},Q=r.useCallback(l=>{F.current&&!F.current.contains(l.target)&&b(null)},[]),Y=r.useCallback(()=>{Z(),typeof window<"u"&&window.innerWidth>768&&(U(!1),b(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Z=r.useCallback(()=>{if(g.current){const l=g.current.getBoundingClientRect().width;re(l),de(!0)}},[]);r.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",Y),n&&document.addEventListener("click",Q),Z(),()=>{l&&window.removeEventListener("resize",Y),n&&document.removeEventListener("click",Q)}},[]),r.useEffect(()=>{if(typeof document<"u")return u?setTimeout(()=>{I.lockScroll()},0):I.unlockScroll(),()=>I.unlockScroll()},[u]);const ve=l=>l.map((n,d)=>{var P,ee,se,le,ne;const h=`group-${d}`,z=he===d,c=(P=n.primaryItems)==null?void 0:P[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{H(d),b(h),K(h)},onMouseLeave:()=>{H(null),q(0),b(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:[n.title,s.jsx(Ne.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":`${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}),(ee=n.primaryItems)==null?void 0:ee.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 ae;b(null),(ae=i.onClick)==null||ae.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(D.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{role:"menuitem",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)&&((se=c==null?void 0:c.sublinks)==null?void 0:se.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}-${(le=c==null?void 0:c.sublinks)==null?void 0:le.length}`),(n==null?void 0:n.secondaryItems)&&((ne=n==null?void 0:n.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:n.secondaryItems&&n.secondaryItems.length>0&&R(n.secondaryItems,`${h}-secondary`)}),n.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Ee,{spotlight:n.spotlight,renderText:a??(i=>String(i))})})]})})})]},n._key??`group-${d}`)}),R=(l,n="")=>l.map(d=>{const h=`${n}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:n,openPath:X,togglePath:je,updateTriangleIndicator:K,setOpenPath:b,renderLinks:R,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${M??""} ${Me[j]} ${Le[S]} ${e.styles.navbar} ${C?e.styles.sticky:""} ${y&&y.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:m}),s.jsx("nav",{ref:g,style:{left:j==="center"?`calc(50% - ${ce/2}px)`:"0"},className:`${e.styles.nav} ${u?e.styles.open:""} ${oe?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:`${ue}px`},className:`${e.styles.triangle} ${X?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),k&&!$&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(V,{})]}),!$&&x==="advanced"&&y&&s.jsxs("div",{className:e.styles.grid,children:[y.length>0&&ve(y),k&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(V,{})]}),$&&x==="advanced"&&u&&o.length===0&&y&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:y.map((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>fe(l),children:l.title})},l._key??n))}),$&&x==="advanced"&&u&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{role:"menuitem",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((l,n)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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(D.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} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:l.sublinks?s.jsx("button",{role:"menuitem",className:e.styles.sublinkToggle,onClick:()=>J(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(D.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(ie.ButtonGroup,{children:t.map((l,n)=>s.jsx(O.CallToAction,{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} ${u?e.styles.open:""}`,children:s.jsx(ie.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,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:[$&&k&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:ke,"aria-label":u?"Close menu":"Open menu","aria-expanded":u,"aria-controls":"main-menu",children:u?s.jsx(pe.X,{size:24}):s.jsx(Ce,{size:24})})]})]})})}exports.Navbar=Ae;
|
|
@@ -1,10 +1,10 @@
|
|
|
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
4
|
import { a as Me, C as H } from "../../../index-C-E0ib2G.js";
|
|
5
5
|
import { ButtonGroup as de } from "../ButtonGroup/index.mjs";
|
|
6
|
-
import { s as e, N as Ee } from "../../../NavLink-
|
|
7
|
-
import { lockScroll as Ae, unlockScroll as
|
|
6
|
+
import { s as e, N as Ee } from "../../../NavLink-CsNKwUSm.js";
|
|
7
|
+
import { lockScroll as Ae, unlockScroll as me } from "../../utils/NoScroll/noScroll.mjs";
|
|
8
8
|
import { E as X } from "../../../external-link-BOPobeQJ.js";
|
|
9
9
|
import { X as Se } from "../../../x-CnsEH4Ox.js";
|
|
10
10
|
import { c as V } from "../../../createLucideIcon-C8GTh_Qx.js";
|
|
@@ -55,47 +55,47 @@ const Oe = [
|
|
|
55
55
|
center: e.center,
|
|
56
56
|
right: e.right
|
|
57
57
|
}, je = ({
|
|
58
|
-
spotlight:
|
|
58
|
+
spotlight: i,
|
|
59
59
|
renderText: b
|
|
60
60
|
}) => {
|
|
61
|
-
var
|
|
62
|
-
const M = (
|
|
63
|
-
let
|
|
64
|
-
return ((N =
|
|
65
|
-
|
|
61
|
+
var s, E, N, w, $, A, p, S, _, z, m;
|
|
62
|
+
const M = (s = i.image) == null ? void 0 : s.asset.altText, v = ((E = i.callToAction.linkOptions) == null ? void 0 : E.linkType) === "external";
|
|
63
|
+
let h = "#";
|
|
64
|
+
return ((N = i.callToAction.linkOptions) == null ? void 0 : N.linkType) === "external" && ((w = i.callToAction.linkOptions) != null && w.externalUrl) ? h = ($ = i.callToAction.linkOptions) == null ? void 0 : $.externalUrl : ((A = i.callToAction.linkOptions) == null ? void 0 : A.linkType) === "internal" && ((S = (p = i.callToAction.linkOptions) == null ? void 0 : p.internalUrl) != null && S.slug.current) && (h = `/${(z = (_ = i.callToAction.linkOptions) == null ? void 0 : _.internalUrl) == null ? void 0 : z.slug.current}`), /* @__PURE__ */ c("div", { className: e.spotlight, children: [
|
|
65
|
+
i.image && /* @__PURE__ */ a("div", { className: e.imageWrapper, children: /* @__PURE__ */ a(
|
|
66
66
|
"img",
|
|
67
67
|
{
|
|
68
|
-
src: (
|
|
69
|
-
alt: M ||
|
|
68
|
+
src: (i == null ? void 0 : i.image.imageUrl) ?? "",
|
|
69
|
+
alt: M || i.image.asset.description || "Content image",
|
|
70
70
|
width: 600,
|
|
71
71
|
height: 400
|
|
72
72
|
}
|
|
73
73
|
) }),
|
|
74
74
|
/* @__PURE__ */ c("div", { className: e.content, children: [
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
i.title && /* @__PURE__ */ a("div", { className: e.title, children: b == null ? void 0 : b(i.title, e.title) }),
|
|
76
|
+
i.description && /* @__PURE__ */ a("div", { className: e.description, children: b == null ? void 0 : b(i.description, e.description) })
|
|
77
77
|
] }),
|
|
78
|
-
((
|
|
78
|
+
((m = i.callToAction) == null ? void 0 : m.linkOptions) && /* @__PURE__ */ a("div", { className: e.actions, children: /* @__PURE__ */ a(
|
|
79
79
|
H,
|
|
80
80
|
{
|
|
81
81
|
as: "a",
|
|
82
|
-
variant:
|
|
83
|
-
href:
|
|
82
|
+
variant: i.callToAction.variant ?? "primary",
|
|
83
|
+
href: h,
|
|
84
84
|
target: v ? "_blank" : "_self",
|
|
85
85
|
rel: v ? "noopener noreferrer" : "",
|
|
86
|
-
"aria-label":
|
|
87
|
-
children:
|
|
86
|
+
"aria-label": i.callToAction.ariaLabel || i.callToAction.label,
|
|
87
|
+
children: i.callToAction.label
|
|
88
88
|
}
|
|
89
89
|
) })
|
|
90
90
|
] });
|
|
91
91
|
};
|
|
92
92
|
function Ye({
|
|
93
|
-
renderText:
|
|
93
|
+
renderText: i,
|
|
94
94
|
title: b,
|
|
95
95
|
logo: M,
|
|
96
96
|
items: v,
|
|
97
|
-
groups:
|
|
98
|
-
utilityItems:
|
|
97
|
+
groups: h,
|
|
98
|
+
utilityItems: s,
|
|
99
99
|
isSticky: E = !1,
|
|
100
100
|
showSearch: N = !0,
|
|
101
101
|
showLocaleSelect: w = !0,
|
|
@@ -106,9 +106,9 @@ function Ye({
|
|
|
106
106
|
localeSelectComponent: _,
|
|
107
107
|
className: z
|
|
108
108
|
}) {
|
|
109
|
-
const [
|
|
109
|
+
const [m, q] = f(!1), [J, k] = f(null), [he, ue] = f(0), [fe, be] = f(!1), [ke, ve] = f(null), [t, y] = f([]), [T, F] = f(
|
|
110
110
|
0
|
|
111
|
-
), [pe, K] =
|
|
111
|
+
), [pe, K] = f(null), [C, Ne] = f(!1), [x, R] = f("forward"), B = () => /* @__PURE__ */ a(
|
|
112
112
|
"div",
|
|
113
113
|
{
|
|
114
114
|
className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
|
|
@@ -119,6 +119,7 @@ function Ye({
|
|
|
119
119
|
trigger: /* @__PURE__ */ a(
|
|
120
120
|
"button",
|
|
121
121
|
{
|
|
122
|
+
role: "menuitem",
|
|
122
123
|
title: "Search",
|
|
123
124
|
"aria-label": "Search",
|
|
124
125
|
className: e.search,
|
|
@@ -186,7 +187,7 @@ function Ye({
|
|
|
186
187
|
}, Z = (n) => {
|
|
187
188
|
const l = D.current.get(n);
|
|
188
189
|
if (l && L.current) {
|
|
189
|
-
const d = l.getBoundingClientRect(),
|
|
190
|
+
const d = l.getBoundingClientRect(), u = L.current.getBoundingClientRect(), o = d.left - u.left + d.width / 2;
|
|
190
191
|
ve(o);
|
|
191
192
|
}
|
|
192
193
|
}, Ce = (n) => {
|
|
@@ -198,7 +199,7 @@ function Ye({
|
|
|
198
199
|
}, []), ne = G(() => {
|
|
199
200
|
if (L.current) {
|
|
200
201
|
const n = L.current.getBoundingClientRect().width;
|
|
201
|
-
|
|
202
|
+
ue(n), be(!0);
|
|
202
203
|
}
|
|
203
204
|
}, []);
|
|
204
205
|
U(() => {
|
|
@@ -208,19 +209,19 @@ function Ye({
|
|
|
208
209
|
};
|
|
209
210
|
}, []), U(() => {
|
|
210
211
|
if (typeof document < "u")
|
|
211
|
-
return
|
|
212
|
+
return m ? setTimeout(() => {
|
|
212
213
|
Ae();
|
|
213
|
-
}, 0) :
|
|
214
|
-
}, [
|
|
214
|
+
}, 0) : me(), () => me();
|
|
215
|
+
}, [m]);
|
|
215
216
|
const Le = (n) => n.map((l, d) => {
|
|
216
|
-
var ae, le,
|
|
217
|
-
const
|
|
217
|
+
var ae, le, ie, se, ce;
|
|
218
|
+
const u = `group-${d}`, W = pe === d, o = (ae = l.primaryItems) == null ? void 0 : ae[T ?? 0];
|
|
218
219
|
return /* @__PURE__ */ c(
|
|
219
220
|
"div",
|
|
220
221
|
{
|
|
221
222
|
className: `${e.linkWrapper} ${e.parent}`,
|
|
222
223
|
onMouseEnter: () => {
|
|
223
|
-
K(d), k(
|
|
224
|
+
K(d), k(u), Z(u);
|
|
224
225
|
},
|
|
225
226
|
onMouseLeave: () => {
|
|
226
227
|
K(null), F(0), k(null);
|
|
@@ -230,7 +231,7 @@ function Ye({
|
|
|
230
231
|
"button",
|
|
231
232
|
{
|
|
232
233
|
ref: (r) => {
|
|
233
|
-
D.current.set(
|
|
234
|
+
D.current.set(u, r);
|
|
234
235
|
},
|
|
235
236
|
role: "menuitem",
|
|
236
237
|
"aria-haspopup": "true",
|
|
@@ -307,28 +308,28 @@ function Ye({
|
|
|
307
308
|
]
|
|
308
309
|
}
|
|
309
310
|
),
|
|
310
|
-
(o == null ? void 0 : o.sublinks) && ((
|
|
311
|
+
(o == null ? void 0 : o.sublinks) && ((ie = o == null ? void 0 : o.sublinks) == null ? void 0 : ie.length) > 0 && /* @__PURE__ */ c(
|
|
311
312
|
"div",
|
|
312
313
|
{
|
|
313
314
|
className: `${e.sublinksColumn} ${e.fadeInFromLeft}`,
|
|
314
315
|
children: [
|
|
315
316
|
(o == null ? void 0 : o.description) && /* @__PURE__ */ c("div", { className: e.sublinksDescription, children: [
|
|
316
317
|
/* @__PURE__ */ a("p", { children: "TEXT HERE" }),
|
|
317
|
-
|
|
318
|
+
i == null ? void 0 : i(o.description)
|
|
318
319
|
] }),
|
|
319
320
|
(o == null ? void 0 : o.sublinks) && O(
|
|
320
321
|
o.sublinks,
|
|
321
|
-
`${
|
|
322
|
+
`${u}-${T}`
|
|
322
323
|
)
|
|
323
324
|
]
|
|
324
325
|
},
|
|
325
|
-
`${o.label}-${(
|
|
326
|
+
`${o.label}-${(se = o == null ? void 0 : o.sublinks) == null ? void 0 : se.length}`
|
|
326
327
|
),
|
|
327
328
|
(l == null ? void 0 : l.secondaryItems) && ((ce = l == null ? void 0 : l.secondaryItems) == null ? void 0 : ce.length) > 0 && /* @__PURE__ */ a(
|
|
328
329
|
"div",
|
|
329
330
|
{
|
|
330
331
|
className: `${e.sublinksColumn} ${e.secondaryColumn}`,
|
|
331
|
-
children: l.secondaryItems && l.secondaryItems.length > 0 && O(l.secondaryItems, `${
|
|
332
|
+
children: l.secondaryItems && l.secondaryItems.length > 0 && O(l.secondaryItems, `${u}-secondary`)
|
|
332
333
|
}
|
|
333
334
|
),
|
|
334
335
|
l.spotlight && /* @__PURE__ */ a(
|
|
@@ -339,7 +340,7 @@ function Ye({
|
|
|
339
340
|
je,
|
|
340
341
|
{
|
|
341
342
|
spotlight: l.spotlight,
|
|
342
|
-
renderText:
|
|
343
|
+
renderText: i ?? ((r) => String(r))
|
|
343
344
|
}
|
|
344
345
|
)
|
|
345
346
|
}
|
|
@@ -354,12 +355,12 @@ function Ye({
|
|
|
354
355
|
l._key ?? `group-${d}`
|
|
355
356
|
);
|
|
356
357
|
}), O = (n, l = "") => n.map((d) => {
|
|
357
|
-
const
|
|
358
|
+
const u = `${l}/${d.label}`;
|
|
358
359
|
return /* @__PURE__ */ a(
|
|
359
360
|
Ee,
|
|
360
361
|
{
|
|
361
362
|
link: d,
|
|
362
|
-
path:
|
|
363
|
+
path: u,
|
|
363
364
|
parentPath: l,
|
|
364
365
|
openPath: J,
|
|
365
366
|
togglePath: Ce,
|
|
@@ -368,19 +369,19 @@ function Ye({
|
|
|
368
369
|
renderLinks: O,
|
|
369
370
|
buttonRefs: D
|
|
370
371
|
},
|
|
371
|
-
d._key ??
|
|
372
|
+
d._key ?? u
|
|
372
373
|
);
|
|
373
374
|
});
|
|
374
375
|
return /* @__PURE__ */ a(
|
|
375
376
|
"header",
|
|
376
377
|
{
|
|
377
378
|
ref: j,
|
|
378
|
-
className: `${z ?? ""} ${Be[$]} ${Fe[A]} ${e.navbar} ${E ? e.sticky : ""} ${
|
|
379
|
+
className: `${z ?? ""} ${Be[$]} ${Fe[A]} ${e.navbar} ${E ? e.sticky : ""} ${h && h.length ? e.advanced : e.default}`,
|
|
379
380
|
"aria-label": "Main navigation",
|
|
380
381
|
children: /* @__PURE__ */ c(
|
|
381
382
|
"div",
|
|
382
383
|
{
|
|
383
|
-
className: `${e.container} ${(!
|
|
384
|
+
className: `${e.container} ${(!s || s.length === 0) && $ !== "center" ? e.twoColumn : ""}`,
|
|
384
385
|
children: [
|
|
385
386
|
M ? /* @__PURE__ */ a("div", { className: e.logo, children: M }) : /* @__PURE__ */ a("div", { className: e.title, children: b }),
|
|
386
387
|
/* @__PURE__ */ a(
|
|
@@ -388,9 +389,9 @@ function Ye({
|
|
|
388
389
|
{
|
|
389
390
|
ref: L,
|
|
390
391
|
style: {
|
|
391
|
-
left: $ === "center" ? `calc(50% - ${
|
|
392
|
+
left: $ === "center" ? `calc(50% - ${he / 2}px)` : "0"
|
|
392
393
|
},
|
|
393
|
-
className: `${e.nav} ${
|
|
394
|
+
className: `${e.nav} ${m ? e.open : ""} ${fe ? e.visible : e.hidden}`,
|
|
394
395
|
id: "main-menu",
|
|
395
396
|
role: "menubar",
|
|
396
397
|
"aria-label": "Main navigation",
|
|
@@ -423,15 +424,15 @@ function Ye({
|
|
|
423
424
|
] }),
|
|
424
425
|
w && /* @__PURE__ */ a(Q, {})
|
|
425
426
|
] }),
|
|
426
|
-
!C && p === "advanced" &&
|
|
427
|
-
|
|
427
|
+
!C && p === "advanced" && h && /* @__PURE__ */ c("div", { className: e.grid, children: [
|
|
428
|
+
h.length > 0 && Le(h),
|
|
428
429
|
N && /* @__PURE__ */ c(oe, { children: [
|
|
429
430
|
/* @__PURE__ */ a("span", { className: e.separator }),
|
|
430
431
|
/* @__PURE__ */ a(B, {})
|
|
431
432
|
] }),
|
|
432
433
|
w && /* @__PURE__ */ a(Q, {})
|
|
433
434
|
] }),
|
|
434
|
-
C && p === "advanced" &&
|
|
435
|
+
C && p === "advanced" && m && t.length === 0 && h && /* @__PURE__ */ a("div", { className: `${e.mobileMenu}`, children: h.map((n, l) => /* @__PURE__ */ a(
|
|
435
436
|
"div",
|
|
436
437
|
{
|
|
437
438
|
className: `${e.mobileMenuItem} ${x === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
@@ -447,7 +448,7 @@ function Ye({
|
|
|
447
448
|
},
|
|
448
449
|
n._key ?? l
|
|
449
450
|
)) }),
|
|
450
|
-
C && p === "advanced" &&
|
|
451
|
+
C && p === "advanced" && m && t.length > 0 && /* @__PURE__ */ c(
|
|
451
452
|
"div",
|
|
452
453
|
{
|
|
453
454
|
className: `${e.mobileMenuSlide} `,
|
|
@@ -455,6 +456,7 @@ function Ye({
|
|
|
455
456
|
/* @__PURE__ */ a(
|
|
456
457
|
"button",
|
|
457
458
|
{
|
|
459
|
+
role: "menuitem",
|
|
458
460
|
className: e.back,
|
|
459
461
|
onClick: t.length === 1 ? $e : we,
|
|
460
462
|
children: /* @__PURE__ */ a(
|
|
@@ -471,7 +473,7 @@ function Ye({
|
|
|
471
473
|
"div",
|
|
472
474
|
{
|
|
473
475
|
className: `${e.sublinksDescription} ${x === "forward" ? e.fadeInFromLeft : e.fadeInFromRight}`,
|
|
474
|
-
children:
|
|
476
|
+
children: i == null ? void 0 : i(
|
|
475
477
|
t[t.length - 1].description
|
|
476
478
|
)
|
|
477
479
|
}
|
|
@@ -526,6 +528,7 @@ function Ye({
|
|
|
526
528
|
children: n.sublinks ? /* @__PURE__ */ a(
|
|
527
529
|
"button",
|
|
528
530
|
{
|
|
531
|
+
role: "menuitem",
|
|
529
532
|
className: e.sublinkToggle,
|
|
530
533
|
onClick: () => Y(n),
|
|
531
534
|
children: n.label
|
|
@@ -561,52 +564,63 @@ function Ye({
|
|
|
561
564
|
] })
|
|
562
565
|
}
|
|
563
566
|
),
|
|
564
|
-
|
|
565
|
-
|
|
567
|
+
s && s.length > 0 && /* @__PURE__ */ a(
|
|
568
|
+
"nav",
|
|
566
569
|
{
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
imageAlt: n.imageAlt,
|
|
573
|
-
"aria-label": n.ariaLabel ?? n.label,
|
|
574
|
-
icon: n.icon,
|
|
575
|
-
iconAlignment: n.iconAlignment,
|
|
576
|
-
children: n.imageSrc ? /* @__PURE__ */ a(
|
|
577
|
-
"img",
|
|
570
|
+
className: e.utility,
|
|
571
|
+
role: "menu",
|
|
572
|
+
"aria-label": "Utility navigation",
|
|
573
|
+
children: /* @__PURE__ */ a(de, { children: s.map((n, l) => /* @__PURE__ */ a(
|
|
574
|
+
H,
|
|
578
575
|
{
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
576
|
+
as: "a",
|
|
577
|
+
href: n.href ?? "/",
|
|
578
|
+
variant: n.variant ?? "primary",
|
|
579
|
+
displayType: n.displayType ?? "text",
|
|
580
|
+
imageSrc: n.imageSrc,
|
|
581
|
+
imageAlt: n.imageAlt,
|
|
582
|
+
"aria-label": n.ariaLabel ?? n.label,
|
|
583
|
+
icon: n.icon,
|
|
584
|
+
iconAlignment: n.iconAlignment,
|
|
585
|
+
role: "menuitem",
|
|
586
|
+
children: n.imageSrc ? /* @__PURE__ */ a(
|
|
587
|
+
"img",
|
|
588
|
+
{
|
|
589
|
+
src: n.imageSrc,
|
|
590
|
+
alt: n.imageAlt ?? n.ariaLabel ?? n.label
|
|
591
|
+
}
|
|
592
|
+
) : n.label
|
|
593
|
+
},
|
|
594
|
+
n._key || l
|
|
595
|
+
)) })
|
|
596
|
+
}
|
|
597
|
+
),
|
|
598
|
+
s && s.length > 0 && /* @__PURE__ */ a(
|
|
587
599
|
"nav",
|
|
588
600
|
{
|
|
601
|
+
role: "menu",
|
|
589
602
|
"aria-label": "Utility navigation",
|
|
590
|
-
className: `${e.utilityMobile} ${
|
|
603
|
+
className: `${e.utilityMobile} ${m ? e.open : ""}`,
|
|
591
604
|
children: /* @__PURE__ */ a(de, { alignment: "center", children: /* @__PURE__ */ a(
|
|
592
605
|
H,
|
|
593
606
|
{
|
|
594
607
|
as: "a",
|
|
595
|
-
href:
|
|
596
|
-
variant:
|
|
597
|
-
displayType:
|
|
598
|
-
imageSrc:
|
|
599
|
-
imageAlt:
|
|
600
|
-
"aria-label":
|
|
601
|
-
icon:
|
|
602
|
-
iconAlignment:
|
|
603
|
-
|
|
608
|
+
href: s[1].href ?? "/",
|
|
609
|
+
variant: s[1].variant ?? "primary",
|
|
610
|
+
displayType: s[1].displayType ?? "text",
|
|
611
|
+
imageSrc: s[1].imageSrc,
|
|
612
|
+
imageAlt: s[1].imageAlt,
|
|
613
|
+
"aria-label": s[1].ariaLabel ?? s[1].label,
|
|
614
|
+
icon: s[1].icon,
|
|
615
|
+
iconAlignment: s[1].iconAlignment,
|
|
616
|
+
role: "menuitem",
|
|
617
|
+
children: s[1].imageSrc ? /* @__PURE__ */ a(
|
|
604
618
|
"img",
|
|
605
619
|
{
|
|
606
|
-
src:
|
|
607
|
-
"aria-label":
|
|
620
|
+
src: s[1].imageSrc,
|
|
621
|
+
"aria-label": s[1].imageAlt ?? s[1].ariaLabel ?? s[1].label
|
|
608
622
|
}
|
|
609
|
-
) :
|
|
623
|
+
) : s[1].label
|
|
610
624
|
}
|
|
611
625
|
) })
|
|
612
626
|
}
|
|
@@ -618,10 +632,10 @@ function Ye({
|
|
|
618
632
|
{
|
|
619
633
|
className: e.menuToggle,
|
|
620
634
|
onClick: ye,
|
|
621
|
-
"aria-label":
|
|
622
|
-
"aria-expanded":
|
|
635
|
+
"aria-label": m ? "Close menu" : "Open menu",
|
|
636
|
+
"aria-expanded": m,
|
|
623
637
|
"aria-controls": "main-menu",
|
|
624
|
-
children:
|
|
638
|
+
children: m ? /* @__PURE__ */ a(Se, { size: 24 }) : /* @__PURE__ */ a(Re, { size: 24 })
|
|
625
639
|
}
|
|
626
640
|
)
|
|
627
641
|
] })
|
package/dist/styles.css
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
._card_1677v_1{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;position:relative}._service_1677v_12{position:relative}._container_1677v_16{display:flex;align-items:center;gap:var(--spacing-lg)}._title_1677v_22{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._content_1677v_27{display:flex;flex-direction:column;gap:var(--spacing-sm)}._content_1677v_27 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;padding-block-start:0}._content_1677v_27 ul li{background-color:#e0eaf9;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);margin-bottom:0}._image_1677v_50{max-width:100px}._image_1677v_50 img{width:100%;height:auto;object-fit:cover}
|
|
21
21
|
._card_rxzrj_1{background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:400px}._imageBackgroundContainer_rxzrj_15{position:relative;height:450px}._modalTrigger_rxzrj_20{cursor:pointer}._callToAction_rxzrj_24{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm);z-index:5}._callToAction_rxzrj_24 ._cardIcon_rxzrj_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_rxzrj_24 ._label_rxzrj_49{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._card_rxzrj_1._video_rxzrj_58:hover ._image_rxzrj_15 img{opacity:.75}._card_rxzrj_1._video_rxzrj_58:hover ._label_rxzrj_49{opacity:1;transform:translateY(0);color:var(--color-primary-100)}._card_rxzrj_1._video_rxzrj_58:hover ._cardIcon_rxzrj_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_rxzrj_76{margin:0 auto}._fullBleed_rxzrj_76 ._content_rxzrj_80{display:flex;flex-direction:column}._fullBleed_rxzrj_76 ._overlay_rxzrj_86{background-color:#000000bf;border-radius:var(--radius-md);width:calc(100% - 2rem);margin:0 auto;position:absolute;bottom:1rem;left:1rem;padding:1rem;display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md);background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}._fullBleed_rxzrj_76 ._overlay_rxzrj_86 ._description_rxzrj_104{color:var(--color-text-primary);transition:max-height .3s ease-in-out}._fullBleed_rxzrj_76 ._cardIcon_rxzrj_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);position:absolute;top:1rem;right:1rem;z-index:1;background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._fullBleed_rxzrj_76:hover ._cardIcon_rxzrj_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_rxzrj_76 ._title_rxzrj_137{line-height:1.1}._fullBleed_rxzrj_76 ._title_rxzrj_137 strong{font-size:var(--font-size-lg)}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._content_rxzrj_80{flex-direction:column-reverse;gap:var(--spacing-md)}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._title_rxzrj_137{line-height:1.1}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._title_rxzrj_137 strong{font-size:var(--font-size-md)}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._description_rxzrj_104{max-height:500px}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._description_rxzrj_104:before{content:"“";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;left:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._description_rxzrj_104:after{content:"”";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;right:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_rxzrj_76._video_rxzrj_58{cursor:pointer}._fullBleed_rxzrj_76._video_rxzrj_58 ._overlay_rxzrj_86 ._description_rxzrj_104{max-height:0;overflow:hidden}._fullBleed_rxzrj_76._video_rxzrj_58:hover ._overlay_rxzrj_86 ._description_rxzrj_104{max-height:400px}._imageLeft_rxzrj_213{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageLeft_rxzrj_213{max-width:unset;padding:0}}._imageLeft_rxzrj_213 ._container_rxzrj_224{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_rxzrj_213 ._container_rxzrj_224{flex-direction:column}}@media (max-width: 767px){._imageLeft_rxzrj_213{max-width:unset}._imageLeft_rxzrj_213 ._container_rxzrj_224{flex-direction:column}}._imageLeft_rxzrj_213 ._content_rxzrj_80{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_rxzrj_213 ._content_rxzrj_80{padding:0}}._imageLeft_rxzrj_213 ._image_rxzrj_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto}._imageLeft_rxzrj_213 ._image_rxzrj_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageRight_rxzrj_273{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageRight_rxzrj_273{max-width:unset;padding:0}}._imageRight_rxzrj_273 ._container_rxzrj_224{display:flex;flex-direction:row-reverse;gap:var(--spacing-xl)}@media (max-width: 767px){._imageRight_rxzrj_273 ._container_rxzrj_224{flex-direction:column}}._imageRight_rxzrj_273 ._content_rxzrj_80{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageRight_rxzrj_273 ._content_rxzrj_80{padding:0}}._imageRight_rxzrj_273 ._image_rxzrj_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageRight_rxzrj_273 ._image_rxzrj_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageBottom_rxzrj_327{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageBottom_rxzrj_327 ._content_rxzrj_80{display:flex;flex-direction:column;gap:var(--spacing-xl)}._imageBottom_rxzrj_327 ._personContainer_rxzrj_342{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._imageTop_rxzrj_350{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageTop_rxzrj_350 ._container_rxzrj_224{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}._imageTop_rxzrj_350 ._content_rxzrj_80{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md)}._imageTop_rxzrj_350 ._personContainer_rxzrj_342{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._imageRight_rxzrj_273,._imageLeft_rxzrj_213,._imageBottom_rxzrj_327,._imageTop_rxzrj_350{max-width:unset;padding:0}}._imageRight_rxzrj_273 ._image_rxzrj_15 img,._imageLeft_rxzrj_213 ._image_rxzrj_15 img,._imageBottom_rxzrj_327 ._image_rxzrj_15 img,._imageTop_rxzrj_350 ._image_rxzrj_15 img{transition:opacity .3s ease-in-out}._imageRight_rxzrj_273 ._title_rxzrj_137 strong,._imageLeft_rxzrj_213 ._title_rxzrj_137 strong,._imageBottom_rxzrj_327 ._title_rxzrj_137 strong,._imageTop_rxzrj_350 ._title_rxzrj_137 strong{font-size:var(--font-size-lg)}._imageRight_rxzrj_273 ._description_rxzrj_104,._imageLeft_rxzrj_213 ._description_rxzrj_104,._imageBottom_rxzrj_327 ._description_rxzrj_104,._imageTop_rxzrj_350 ._description_rxzrj_104{display:block;position:relative;font-size:var(--font-size-lg);text-wrap:pretty;overflow:visible}._imageRight_rxzrj_273 ._description_rxzrj_104:before,._imageLeft_rxzrj_213 ._description_rxzrj_104:before,._imageBottom_rxzrj_327 ._description_rxzrj_104:before,._imageTop_rxzrj_350 ._description_rxzrj_104:before{content:"“";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;left:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._imageRight_rxzrj_273 ._description_rxzrj_104:after,._imageLeft_rxzrj_213 ._description_rxzrj_104:after,._imageBottom_rxzrj_327 ._description_rxzrj_104:after,._imageTop_rxzrj_350 ._description_rxzrj_104:after{content:"”";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;right:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}
|
|
22
22
|
._cardLink_1wi59_1{text-decoration:none;cursor:pointer}._card_1wi59_1{border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1wi59_1{width:100%;max-width:none;min-width:0}}._container_1wi59_18{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);height:100%;width:100%;padding:2.5rem var(--spacing-xl)}._image_1wi59_28{position:relative;height:auto;width:100%;max-width:250px;display:flex;align-items:center;justify-content:center}._image_1wi59_28 img{width:100%;height:auto}._rating_1wi59_43{display:flex;align-items:center;gap:var(--spacing-md)}._ratingValue_1wi59_49{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_1wi59_54{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_1wi59_61{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}
|
|
23
|
-
.
|
|
23
|
+
._carousel_pig9v_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_pig9v_1{padding:0 var(--spacing-lg)}}._noPointerEvents_pig9v_10 *{pointer-events:none!important}._trackContainer_pig9v_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_pig9v_14{overflow:visible}}._track_pig9v_14{display:flex;transition:none;will-change:transform}._track_pig9v_14._isMounted_pig9v_28{transition:transform .3s ease}._page_pig9v_33{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_pig9v_33{justify-content:center;padding:0 var(--spacing-sm)}}._controls_pig9v_43{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_pig9v_54{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_pig9v_54{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_pig9v_54._active_pig9v_71{background-color:var(--color-primary-100)}._buttons_pig9v_75{display:flex;gap:var(--spacing-md)}._prev_pig9v_80._disabled_pig9v_80,._next_pig9v_81._disabled_pig9v_80{opacity:.5;pointer-events:none}._buttons_pig9v_75 button:not(._disabled_pig9v_80):hover{background-color:var(--color-primary-100);color:#fff}._prev_pig9v_80,._next_pig9v_81{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
24
24
|
._card_1uxfh_1{width:100%;background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;cursor:pointer;transition:box-shadow .3s,transform .3s}._cardLink_1uxfh_14{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:400px;box-sizing:border-box}._card_1uxfh_1:hover ._text_1uxfh_24{max-height:200px}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._label_1uxfh_29{opacity:1;transform:translateY(0)}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._callToAction_1uxfh_28{position:absolute;z-index:5;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1uxfh_28 ._label_1uxfh_29{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._imageBackgroundContainer_1uxfh_80{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackgroundContainer_1uxfh_80 img{transition:width .3s ease-in-out,height .3s ease-in-out}._backgroundImage_1uxfh_94{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._overlay_1uxfh_104{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md)}._title_1uxfh_120{background-color:#fff;border-radius:50px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-primary-100);width:fit-content;font-weight:var(--font-weight-semibold)}._text_1uxfh_24{color:#fff;font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);max-height:0;margin-top:var(--spacing-sm);overflow:hidden;transition:max-height .3s ease-in-out;transform-origin:bottom;text-wrap:balance;max-width:300px}@media (max-width: 768px){._text_1uxfh_24{max-height:300px}}._content_1uxfh_147{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}
|
|
25
25
|
._cardLink_kigot_1{text-decoration:none;cursor:pointer}._card_kigot_1{min-height:300px;position:relative;overflow:hidden}@media (max-width: 768px){._card_kigot_1{width:100%;max-width:none;min-width:0}}._container_kigot_20{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);height:100%;width:100%;padding:0 var(--spacing-lg)}@media (max-width: 767px){._container_kigot_20{padding:0}}._image_kigot_35{height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}._content_kigot_51{flex:1}._imageTop_kigot_55 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}._imageLeft_kigot_62{width:100%;max-width:1000px;margin:0 auto}._imageLeft_kigot_62 ._container_kigot_20{flex-direction:row-reverse;gap:5rem}@media (max-width: 767px){._imageLeft_kigot_62 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}}._imageLeft_kigot_62 ._image_kigot_35{flex:.75;height:400px}@media (max-width: 767px){._imageLeft_kigot_62 ._image_kigot_35{flex:unset;width:100%;height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._imageLeft_kigot_62 ._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}}._cardLink_kigot_1:hover ._card_kigot_1,._modalTrigger_kigot_102:hover ._card_kigot_1{background-color:var(--color-primary-100)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._label_kigot_108,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._label_kigot_108{opacity:1;transform:translateY(0)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._cardIcon_kigot_113,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._cardIcon_kigot_113{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_kigot_120{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_kigot_120 span{transition:color .3s ease-in-out}._icon_kigot_143{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);width:30px;height:30px;border-radius:var(--radius-full)}._modalTrigger_kigot_102{cursor:pointer}._modalTrigger_kigot_102 ._image_kigot_35{transition:opacity .3s ease-in-out}._modalTrigger_kigot_102:hover ._cardIcon_kigot_113{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_kigot_102:hover ._image_kigot_35{opacity:.75}._callToAction_kigot_107{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_kigot_107 ._cardIcon_kigot_113{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_kigot_107 ._label_kigot_108{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}
|
|
26
26
|
._wrapper_560ee_1{display:flex;flex-direction:column;gap:.25rem}._input_560ee_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_560ee_7::placeholder{color:var(--color-secondary-50)}._input_560ee_7:focus{border-color:var(--color-primary-100)}._error_560ee_25{border-color:var(--color-error, #e00)}._errorMessage_560ee_29{border-color:var(--color-error, #e00);font-size:var(--font-size-sm)}
|
|
@@ -92,7 +92,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
92
92
|
._card_1677v_1{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;position:relative}._service_1677v_12{position:relative}._container_1677v_16{display:flex;align-items:center;gap:var(--spacing-lg)}._title_1677v_22{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._content_1677v_27{display:flex;flex-direction:column;gap:var(--spacing-sm)}._content_1677v_27 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;padding-block-start:0}._content_1677v_27 ul li{background-color:#e0eaf9;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);margin-bottom:0}._image_1677v_50{max-width:100px}._image_1677v_50 img{width:100%;height:auto;object-fit:cover}
|
|
93
93
|
._card_rxzrj_1{background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:400px}._imageBackgroundContainer_rxzrj_15{position:relative;height:450px}._modalTrigger_rxzrj_20{cursor:pointer}._callToAction_rxzrj_24{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm);z-index:5}._callToAction_rxzrj_24 ._cardIcon_rxzrj_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_rxzrj_24 ._label_rxzrj_49{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._card_rxzrj_1._video_rxzrj_58:hover ._image_rxzrj_15 img{opacity:.75}._card_rxzrj_1._video_rxzrj_58:hover ._label_rxzrj_49{opacity:1;transform:translateY(0);color:var(--color-primary-100)}._card_rxzrj_1._video_rxzrj_58:hover ._cardIcon_rxzrj_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_rxzrj_76{margin:0 auto}._fullBleed_rxzrj_76 ._content_rxzrj_80{display:flex;flex-direction:column}._fullBleed_rxzrj_76 ._overlay_rxzrj_86{background-color:#000000bf;border-radius:var(--radius-md);width:calc(100% - 2rem);margin:0 auto;position:absolute;bottom:1rem;left:1rem;padding:1rem;display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md);background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}._fullBleed_rxzrj_76 ._overlay_rxzrj_86 ._description_rxzrj_104{color:var(--color-text-primary);transition:max-height .3s ease-in-out}._fullBleed_rxzrj_76 ._cardIcon_rxzrj_33{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);position:absolute;top:1rem;right:1rem;z-index:1;background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._fullBleed_rxzrj_76:hover ._cardIcon_rxzrj_33{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._fullBleed_rxzrj_76 ._title_rxzrj_137{line-height:1.1}._fullBleed_rxzrj_76 ._title_rxzrj_137 strong{font-size:var(--font-size-lg)}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._content_rxzrj_80{flex-direction:column-reverse;gap:var(--spacing-md)}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._title_rxzrj_137{line-height:1.1}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._title_rxzrj_137 strong{font-size:var(--font-size-md)}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._description_rxzrj_104{max-height:500px}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._description_rxzrj_104:before{content:"“";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;left:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_rxzrj_76._default_rxzrj_145 ._overlay_rxzrj_86 ._description_rxzrj_104:after{content:"”";font-size:var(--font-size-lg);display:inline-block;position:relative;top:.15rem;right:-3px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._fullBleed_rxzrj_76._video_rxzrj_58{cursor:pointer}._fullBleed_rxzrj_76._video_rxzrj_58 ._overlay_rxzrj_86 ._description_rxzrj_104{max-height:0;overflow:hidden}._fullBleed_rxzrj_76._video_rxzrj_58:hover ._overlay_rxzrj_86 ._description_rxzrj_104{max-height:400px}._imageLeft_rxzrj_213{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageLeft_rxzrj_213{max-width:unset;padding:0}}._imageLeft_rxzrj_213 ._container_rxzrj_224{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_rxzrj_213 ._container_rxzrj_224{flex-direction:column}}@media (max-width: 767px){._imageLeft_rxzrj_213{max-width:unset}._imageLeft_rxzrj_213 ._container_rxzrj_224{flex-direction:column}}._imageLeft_rxzrj_213 ._content_rxzrj_80{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageLeft_rxzrj_213 ._content_rxzrj_80{padding:0}}._imageLeft_rxzrj_213 ._image_rxzrj_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto}._imageLeft_rxzrj_213 ._image_rxzrj_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageRight_rxzrj_273{max-width:800px;margin:0 auto;min-height:unset}@media (max-width: 767px){._imageRight_rxzrj_273{max-width:unset;padding:0}}._imageRight_rxzrj_273 ._container_rxzrj_224{display:flex;flex-direction:row-reverse;gap:var(--spacing-xl)}@media (max-width: 767px){._imageRight_rxzrj_273 ._container_rxzrj_224{flex-direction:column}}._imageRight_rxzrj_273 ._content_rxzrj_80{flex:1 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-xl)}@media (max-width: 767px){._imageRight_rxzrj_273 ._content_rxzrj_80{padding:0}}._imageRight_rxzrj_273 ._image_rxzrj_15{flex:.75;height:100%;max-height:450px;max-width:275px;margin:0 auto;position:relative}._imageRight_rxzrj_273 ._image_rxzrj_15 img{border-radius:var(--radius-md);overflow:hidden;width:100%;object-fit:cover;height:auto}._imageBottom_rxzrj_327{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageBottom_rxzrj_327 ._content_rxzrj_80{display:flex;flex-direction:column;gap:var(--spacing-xl)}._imageBottom_rxzrj_327 ._personContainer_rxzrj_342{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-md)}._imageTop_rxzrj_350{padding:var(--spacing-xl);max-width:800px;margin:0 auto;min-height:unset;display:flex;align-items:center;justify-content:center}._imageTop_rxzrj_350 ._container_rxzrj_224{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}._imageTop_rxzrj_350 ._content_rxzrj_80{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md)}._imageTop_rxzrj_350 ._personContainer_rxzrj_342{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._imageRight_rxzrj_273,._imageLeft_rxzrj_213,._imageBottom_rxzrj_327,._imageTop_rxzrj_350{max-width:unset;padding:0}}._imageRight_rxzrj_273 ._image_rxzrj_15 img,._imageLeft_rxzrj_213 ._image_rxzrj_15 img,._imageBottom_rxzrj_327 ._image_rxzrj_15 img,._imageTop_rxzrj_350 ._image_rxzrj_15 img{transition:opacity .3s ease-in-out}._imageRight_rxzrj_273 ._title_rxzrj_137 strong,._imageLeft_rxzrj_213 ._title_rxzrj_137 strong,._imageBottom_rxzrj_327 ._title_rxzrj_137 strong,._imageTop_rxzrj_350 ._title_rxzrj_137 strong{font-size:var(--font-size-lg)}._imageRight_rxzrj_273 ._description_rxzrj_104,._imageLeft_rxzrj_213 ._description_rxzrj_104,._imageBottom_rxzrj_327 ._description_rxzrj_104,._imageTop_rxzrj_350 ._description_rxzrj_104{display:block;position:relative;font-size:var(--font-size-lg);text-wrap:pretty;overflow:visible}._imageRight_rxzrj_273 ._description_rxzrj_104:before,._imageLeft_rxzrj_213 ._description_rxzrj_104:before,._imageBottom_rxzrj_327 ._description_rxzrj_104:before,._imageTop_rxzrj_350 ._description_rxzrj_104:before{content:"“";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;left:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}._imageRight_rxzrj_273 ._description_rxzrj_104:after,._imageLeft_rxzrj_213 ._description_rxzrj_104:after,._imageBottom_rxzrj_327 ._description_rxzrj_104:after,._imageTop_rxzrj_350 ._description_rxzrj_104:after{content:"”";font-size:2.5rem;display:inline-block;position:relative;top:.35rem;right:-1px;color:var(--color-primary-100);font-family:Times New Roman,Times,serif;font-weight:var(--font-weight-bold);line-height:0}
|
|
94
94
|
._cardLink_1wi59_1{text-decoration:none;cursor:pointer}._card_1wi59_1{border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1wi59_1{width:100%;max-width:none;min-width:0}}._container_1wi59_18{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);height:100%;width:100%;padding:2.5rem var(--spacing-xl)}._image_1wi59_28{position:relative;height:auto;width:100%;max-width:250px;display:flex;align-items:center;justify-content:center}._image_1wi59_28 img{width:100%;height:auto}._rating_1wi59_43{display:flex;align-items:center;gap:var(--spacing-md)}._ratingValue_1wi59_49{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_1wi59_54{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_1wi59_61{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}
|
|
95
|
-
.
|
|
95
|
+
._carousel_pig9v_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_pig9v_1{padding:0 var(--spacing-lg)}}._noPointerEvents_pig9v_10 *{pointer-events:none!important}._trackContainer_pig9v_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_pig9v_14{overflow:visible}}._track_pig9v_14{display:flex;transition:none;will-change:transform}._track_pig9v_14._isMounted_pig9v_28{transition:transform .3s ease}._page_pig9v_33{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_pig9v_33{justify-content:center;padding:0 var(--spacing-sm)}}._controls_pig9v_43{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_pig9v_54{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-sm)}._indicator_pig9v_54{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_pig9v_54._active_pig9v_71{background-color:var(--color-primary-100)}._buttons_pig9v_75{display:flex;gap:var(--spacing-md)}._prev_pig9v_80._disabled_pig9v_80,._next_pig9v_81._disabled_pig9v_80{opacity:.5;pointer-events:none}._buttons_pig9v_75 button:not(._disabled_pig9v_80):hover{background-color:var(--color-primary-100);color:#fff}._prev_pig9v_80,._next_pig9v_81{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
96
96
|
._card_1uxfh_1{width:100%;background-color:var(--color-background);border-radius:var(--radius-md);position:relative;overflow:hidden;padding:0;cursor:pointer;transition:box-shadow .3s,transform .3s}._cardLink_1uxfh_14{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:400px;box-sizing:border-box}._card_1uxfh_1:hover ._text_1uxfh_24{max-height:200px}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._label_1uxfh_29{opacity:1;transform:translateY(0)}._card_1uxfh_1:hover ._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._callToAction_1uxfh_28{position:absolute;z-index:5;top:1rem;right:1rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1uxfh_28 ._cardIcon_1uxfh_34{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_1uxfh_28 ._label_1uxfh_29{color:#fff;font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}._imageBackgroundContainer_1uxfh_80{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackgroundContainer_1uxfh_80 img{transition:width .3s ease-in-out,height .3s ease-in-out}._backgroundImage_1uxfh_94{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._overlay_1uxfh_104{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md)}._title_1uxfh_120{background-color:#fff;border-radius:50px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-primary-100);width:fit-content;font-weight:var(--font-weight-semibold)}._text_1uxfh_24{color:#fff;font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);max-height:0;margin-top:var(--spacing-sm);overflow:hidden;transition:max-height .3s ease-in-out;transform-origin:bottom;text-wrap:balance;max-width:300px}@media (max-width: 768px){._text_1uxfh_24{max-height:300px}}._content_1uxfh_147{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}
|
|
97
97
|
._cardLink_kigot_1{text-decoration:none;cursor:pointer}._card_kigot_1{min-height:300px;position:relative;overflow:hidden}@media (max-width: 768px){._card_kigot_1{width:100%;max-width:none;min-width:0}}._container_kigot_20{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);height:100%;width:100%;padding:0 var(--spacing-lg)}@media (max-width: 767px){._container_kigot_20{padding:0}}._image_kigot_35{height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}._content_kigot_51{flex:1}._imageTop_kigot_55 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}._imageLeft_kigot_62{width:100%;max-width:1000px;margin:0 auto}._imageLeft_kigot_62 ._container_kigot_20{flex-direction:row-reverse;gap:5rem}@media (max-width: 767px){._imageLeft_kigot_62 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}}._imageLeft_kigot_62 ._image_kigot_35{flex:.75;height:400px}@media (max-width: 767px){._imageLeft_kigot_62 ._image_kigot_35{flex:unset;width:100%;height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._imageLeft_kigot_62 ._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}}._cardLink_kigot_1:hover ._card_kigot_1,._modalTrigger_kigot_102:hover ._card_kigot_1{background-color:var(--color-primary-100)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._label_kigot_108,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._label_kigot_108{opacity:1;transform:translateY(0)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._cardIcon_kigot_113,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._cardIcon_kigot_113{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_kigot_120{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_kigot_120 span{transition:color .3s ease-in-out}._icon_kigot_143{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);width:30px;height:30px;border-radius:var(--radius-full)}._modalTrigger_kigot_102{cursor:pointer}._modalTrigger_kigot_102 ._image_kigot_35{transition:opacity .3s ease-in-out}._modalTrigger_kigot_102:hover ._cardIcon_kigot_113{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_kigot_102:hover ._image_kigot_35{opacity:.75}._callToAction_kigot_107{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_kigot_107 ._cardIcon_kigot_113{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_kigot_107 ._label_kigot_108{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}
|
|
98
98
|
._wrapper_560ee_1{display:flex;flex-direction:column;gap:.25rem}._input_560ee_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_560ee_7::placeholder{color:var(--color-secondary-50)}._input_560ee_7:focus{border-color:var(--color-primary-100)}._error_560ee_25{border-color:var(--color-error, #e00)}._errorMessage_560ee_29{border-color:var(--color-error, #e00);font-size:var(--font-size-sm)}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -10,8 +10,8 @@ declare const styles: {
|
|
|
10
10
|
readonly "_actions_11c6i_1029": string;
|
|
11
11
|
readonly "_actions_tk8y9_48": string;
|
|
12
12
|
readonly "_active_1bj6k_30": string;
|
|
13
|
-
readonly "_active_1dlo9_75": string;
|
|
14
13
|
readonly "_active_l5nlh_96": string;
|
|
14
|
+
readonly "_active_pig9v_71": string;
|
|
15
15
|
readonly "_active_qx9xp_39": string;
|
|
16
16
|
readonly "_active_tu4lq_117": string;
|
|
17
17
|
readonly "_additionalCategories_1wmnv_1": string;
|
|
@@ -53,8 +53,8 @@ declare const styles: {
|
|
|
53
53
|
readonly "_busy_1ihs2_73": string;
|
|
54
54
|
readonly "_buttonGroup_15lw8_1": string;
|
|
55
55
|
readonly "_buttonIsLoading_up05w_297": string;
|
|
56
|
-
readonly "_buttons_1dlo9_79": string;
|
|
57
56
|
readonly "_buttons_nphsl_34": string;
|
|
57
|
+
readonly "_buttons_pig9v_75": string;
|
|
58
58
|
readonly "_calendar_1q8jq_1": string;
|
|
59
59
|
readonly "_callToAction_1uxfh_28": string;
|
|
60
60
|
readonly "_callToAction_1w006_57": string;
|
|
@@ -83,8 +83,8 @@ declare const styles: {
|
|
|
83
83
|
readonly "_card_ti1qi_1": string;
|
|
84
84
|
readonly "_carouselComponent_16g66_101": string;
|
|
85
85
|
readonly "_carousel_16g66_1": string;
|
|
86
|
-
readonly "_carousel_1dlo9_1": string;
|
|
87
86
|
readonly "_carousel_5co7e_17": string;
|
|
87
|
+
readonly "_carousel_pig9v_1": string;
|
|
88
88
|
readonly "_categories_1wmnv_12": string;
|
|
89
89
|
readonly "_category_1wmnv_31": string;
|
|
90
90
|
readonly "_category_4ud9m_224": string;
|
|
@@ -148,7 +148,7 @@ declare const styles: {
|
|
|
148
148
|
readonly "_content_rxzrj_80": string;
|
|
149
149
|
readonly "_content_ti1qi_63": string;
|
|
150
150
|
readonly "_content_tk8y9_29": string;
|
|
151
|
-
readonly "
|
|
151
|
+
readonly "_controls_pig9v_43": string;
|
|
152
152
|
readonly "_cta_1w006_513": string;
|
|
153
153
|
readonly "_cta_ivubr_170": string;
|
|
154
154
|
readonly "_current_4rh7w_11": string;
|
|
@@ -173,9 +173,9 @@ declare const styles: {
|
|
|
173
173
|
readonly "_description_rxzrj_104": string;
|
|
174
174
|
readonly "_description_tk8y9_44": string;
|
|
175
175
|
readonly "_details_1fc6w_71": string;
|
|
176
|
-
readonly "_disabled_1dlo9_84": string;
|
|
177
176
|
readonly "_disabled_1vpw0_56": string;
|
|
178
177
|
readonly "_disabled_i7a04_38": string;
|
|
178
|
+
readonly "_disabled_pig9v_80": string;
|
|
179
179
|
readonly "_disclaimer_5co7e_94": string;
|
|
180
180
|
readonly "_disclaimer_exdo2_72": string;
|
|
181
181
|
readonly "_disclaimer_ivubr_71": string;
|
|
@@ -334,9 +334,9 @@ declare const styles: {
|
|
|
334
334
|
readonly "_image_tk8y9_7": string;
|
|
335
335
|
readonly "_image_vho5i_309": string;
|
|
336
336
|
readonly "_indicator_16g66_102": string;
|
|
337
|
-
readonly "
|
|
337
|
+
readonly "_indicator_pig9v_54": string;
|
|
338
338
|
readonly "_indicator_tu4lq_70": string;
|
|
339
|
-
readonly "
|
|
339
|
+
readonly "_indicators_pig9v_54": string;
|
|
340
340
|
readonly "_info_18z15_65": string;
|
|
341
341
|
readonly "_info_1elr1_27": string;
|
|
342
342
|
readonly "_info_ucye1_25": string;
|
|
@@ -349,7 +349,7 @@ declare const styles: {
|
|
|
349
349
|
readonly "_input_1nmh2_7": string;
|
|
350
350
|
readonly "_input_1pyo7_7": string;
|
|
351
351
|
readonly "_input_560ee_7": string;
|
|
352
|
-
readonly "
|
|
352
|
+
readonly "_isMounted_pig9v_28": string;
|
|
353
353
|
readonly "_itemContent_4ud9m_41": string;
|
|
354
354
|
readonly "_itemExcerpt_4ud9m_88": string;
|
|
355
355
|
readonly "_itemEyebrow_4ud9m_243": string;
|
|
@@ -466,9 +466,9 @@ declare const styles: {
|
|
|
466
466
|
readonly "_navbar_11c6i_5": string;
|
|
467
467
|
readonly "_newTabIcon_11c6i_479": string;
|
|
468
468
|
readonly "_newTabIcon_1fc6w_170": string;
|
|
469
|
-
readonly "
|
|
469
|
+
readonly "_next_pig9v_81": string;
|
|
470
470
|
readonly "_noImage_ivubr_95": string;
|
|
471
|
-
readonly "
|
|
471
|
+
readonly "_noPointerEvents_pig9v_10": string;
|
|
472
472
|
readonly "_notification_1elr1_1": string;
|
|
473
473
|
readonly "_number_l5nlh_65": string;
|
|
474
474
|
readonly "_number_vho5i_89": string;
|
|
@@ -492,12 +492,12 @@ declare const styles: {
|
|
|
492
492
|
readonly "_paddingMd_1mldh_14": string;
|
|
493
493
|
readonly "_paddingNone_1mldh_6": string;
|
|
494
494
|
readonly "_paddingSm_1mldh_10": string;
|
|
495
|
-
readonly "
|
|
495
|
+
readonly "_page_pig9v_33": string;
|
|
496
496
|
readonly "_parent_11c6i_100": string;
|
|
497
497
|
readonly "_personContainer_rxzrj_342": string;
|
|
498
498
|
readonly "_pipe_vho5i_102": string;
|
|
499
499
|
readonly "_popover_1nmh2_25": string;
|
|
500
|
-
readonly "
|
|
500
|
+
readonly "_prev_pig9v_80": string;
|
|
501
501
|
readonly "_previous_4rh7w_10": string;
|
|
502
502
|
readonly "_primaryColumn_11c6i_617": string;
|
|
503
503
|
readonly "_primaryInverted_1wtpc_29": string;
|
|
@@ -649,10 +649,10 @@ declare const styles: {
|
|
|
649
649
|
readonly "_top-right_1vpw0_46": string;
|
|
650
650
|
readonly "_top_55xty_24": string;
|
|
651
651
|
readonly "_top_w9ixy_19": string;
|
|
652
|
-
readonly "_trackContainer_1dlo9_14": string;
|
|
653
652
|
readonly "_trackContainer_1wm56_7": string;
|
|
654
|
-
readonly "
|
|
653
|
+
readonly "_trackContainer_pig9v_14": string;
|
|
655
654
|
readonly "_track_1wm56_7": string;
|
|
655
|
+
readonly "_track_pig9v_14": string;
|
|
656
656
|
readonly "_transparent_11c6i_173": string;
|
|
657
657
|
readonly "_transparent_tu4lq_201": string;
|
|
658
658
|
readonly "_triangle_11c6i_168": string;
|