quirk-ui 0.0.445 → 0.0.446
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index19.css.d.ts +28 -28
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index23.css.d.ts +13 -13
- package/dist/core/components/Carousel/index.cjs +1 -1
- package/dist/core/components/Carousel/index.mjs +17 -17
- package/dist/core/components/NavBar/index.cjs +2 -2
- package/dist/core/components/NavBar/index.mjs +0 -2
- package/dist/next/cards/GridCard/index.cjs +1 -1
- package/dist/next/cards/GridCard/index.mjs +86 -86
- package/dist/styles.css +4 -4
- package/dist/styles.css.d.ts +41 -41
- package/package.json +1 -1
package/dist/assets/index19.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._cardLink_1x5h2_1{text-decoration:none;cursor:pointer}._card_1x5h2_1{background-color:transparent;min-height:300px;border-radius:var(--radius-md);position:relative;overflow:hidden}@media (max-width: 768px){._card_1x5h2_1{width:100%;max-width:none;min-width:0}}._container_1x5h2_20{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:100%;width:100%;padding:3.25rem var(--spacing-xl)}._icon_1x5h2_30{margin-bottom:1rem}._icon_1x5h2_30 i,._icon_1x5h2_30 svg{font-size:2.5rem;color:var(--color-primary-100)}._cardLink_1x5h2_1:hover ._card_1x5h2_1,._modalTrigger_1x5h2_52:hover ._card_1x5h2_1{background-color:var(--color-primary-100)}._cardLink_1x5h2_1:hover ._callToAction_1x5h2_57 ._label_1x5h2_58,._modalTrigger_1x5h2_52:hover ._callToAction_1x5h2_57 ._label_1x5h2_58{opacity:1;transform:translateY(0)}._cardLink_1x5h2_1:hover ._callToAction_1x5h2_57 ._cardIcon_1x5h2_63,._modalTrigger_1x5h2_52:hover ._callToAction_1x5h2_57 ._cardIcon_1x5h2_63{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_1x5h2_70{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_1x5h2_70 span{transition:color .3s ease-in-out}._description_1x5h2_93{margin:0}._description_1x5h2_93:has(.inlineNumber){display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._description_1x5h2_93:has(.inlineNumber){align-items:center;justify-content:center;flex-direction:column}}._imageWrapper_1x5h2_108{position:relative;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){._imageWrapper_1x5h2_108{max-width:380px}}._imageWrapper_1x5h2_108 img{position:relative;height:auto}._modalTrigger_1x5h2_52{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}._modalTrigger_1x5h2_52 ._imageWrapper_1x5h2_108{transition:opacity .3s ease-in-out}._modalTrigger_1x5h2_52:hover ._cardIcon_1x5h2_63{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_1x5h2_52:hover ._imageWrapper_1x5h2_108{opacity:.75}._callToAction_1x5h2_57{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_1x5h2_57 ._cardIcon_1x5h2_63{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_1x5h2_57 ._label_1x5h2_58{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}._metric_1x5h2_193 ._content_1x5h2_194{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:100%;margin:0 auto}._metric_1x5h2_193 ._description_1x5h2_93{text-align:center;font-size:var(--font-size-lg)}._metric_1x5h2_193 ._outerCircle_1x5h2_210{stroke-width:10px;stroke:#ccc}._metric_1x5h2_193 ._innerCircle_1x5h2_215{stroke:var(--color-primary-100);fill:none;stroke-width:10px}._metric_1x5h2_193 ._metricLabel_1x5h2_221{position:relative;font-weight:var(--font-weight-bold);font-size:1.75rem;fill:var(--color-primary-100)}._textOnly_1x5h2_229 ._title_1x5h2_70{color:var(--color-primary-100)}._textOnly_1x5h2_229 ._description_1x5h2_93{color:var(--color-text-primary);font-size:var(--font-size-lg)}._textOnly_1x5h2_229 ._cardLink_1x5h2_1:hover ._card_1x5h2_1,._textOnly_1x5h2_229 ._modalTrigger_1x5h2_52:hover ._card_1x5h2_1{background-color:var(--color-primary-100)}._textOnly_1x5h2_229 ._cardLink_1x5h2_1:hover ._callToAction_1x5h2_57 ._label_1x5h2_58,._textOnly_1x5h2_229 ._modalTrigger_1x5h2_52:hover ._callToAction_1x5h2_57 ._label_1x5h2_58{opacity:1;transform:translateY(0);color:#fff}._textOnly_1x5h2_229 ._cardLink_1x5h2_1:hover ._callToAction_1x5h2_57 ._cardIcon_1x5h2_63,._textOnly_1x5h2_229 ._modalTrigger_1x5h2_52:hover ._callToAction_1x5h2_57 ._cardIcon_1x5h2_63{background-color:#e0eaf9;color:var(--color-primary-100);border:5px solid #e0eaf9}._fullBleed_1x5h2_261{min-height:450px}._fullBleed_1x5h2_261 ._container_1x5h2_20{display:block;padding:0}._fullBleed_1x5h2_261 ._modalTrigger_1x5h2_52{display:block}._fullBleed_1x5h2_261 ._content_1x5h2_194{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:5;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--spacing-lg)}._fullBleed_1x5h2_261 ._imageWrapper_1x5h2_108{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}._fullBleed_1x5h2_261 ._imageWrapper_1x5h2_108 img{width:100%;height:100%;object-fit:cover}._imageTop_1x5h2_302 ._container_1x5h2_20{height:auto;gap:var(--spacing-lg);justify-content:flex-start;flex-direction:column-reverse}._imageTop_1x5h2_302 ._imageWrapper_1x5h2_108{height:auto;max-width:225px;align-items:center;justify-content:center}._imageTop_1x5h2_302 ._imageWrapper_1x5h2_108 img{position:relative;width:100%}._imageBottom_1x5h2_323 ._container_1x5h2_20{height:100%;justify-content:flex-start;flex-direction:column}._imageBottom_1x5h2_323 ._imageWrapper_1x5h2_108{height:auto;align-items:normal}@media (max-width: 767px){._imageBottom_1x5h2_323 ._imageWrapper_1x5h2_108{max-height:350px}}._imageBottom_1x5h2_323 ._imageWrapper_1x5h2_108 img{width:100%;height:auto}@media (max-width: 767px){._imageBottom_1x5h2_323 ._imageWrapper_1x5h2_108 img{position:relative}}._imageLeft_1x5h2_350 ._container_1x5h2_20{flex-direction:row-reverse}@media (max-width: 767px){._imageLeft_1x5h2_350 ._container_1x5h2_20{flex-direction:column-reverse}}._imageRight_1x5h2_360 ._container_1x5h2_20{flex-direction:row}@media (max-width: 767px){._imageRight_1x5h2_360 ._container_1x5h2_20{flex-direction:column}}._imageLeft_1x5h2_350 ._content_1x5h2_194,._imageRight_1x5h2_360 ._content_1x5h2_194{flex:.5;width:100%}._imageLeft_1x5h2_350 ._title_1x5h2_70,._imageRight_1x5h2_360 ._title_1x5h2_70{font-size:2rem}._imageLeft_1x5h2_350 ._description_1x5h2_93,._imageRight_1x5h2_360 ._description_1x5h2_93{font-size:var(--font-size-lg)}._imageLeft_1x5h2_350 ._imageWrapper_1x5h2_108,._imageRight_1x5h2_360 ._imageWrapper_1x5h2_108{flex:.5}._imageLeft_1x5h2_350 ._imageWrapper_1x5h2_108 img,._imageRight_1x5h2_360 ._imageWrapper_1x5h2_108 img{width:100%;height:100%;object-fit:contain}@media (max-width: 767px){._imageLeft_1x5h2_350 ._imageWrapper_1x5h2_108,._imageRight_1x5h2_360 ._imageWrapper_1x5h2_108{flex:1;justify-content:flex-start;max-height:250px;width:100%}._imageLeft_1x5h2_350 ._imageWrapper_1x5h2_108 img,._imageRight_1x5h2_360 ._imageWrapper_1x5h2_108 img{position:relative;height:100%;width:100%;min-width:150px}}._containImage_1x5h2_410{gap:var(--spacing-xl)}._fullBleedImage_1x5h2_414{padding:0;gap:0}@media (max-width: 767px){._fullBleedImage_1x5h2_414 ._imageWrapper_1x5h2_108{max-width:unset}}._fullBleedImage_1x5h2_414 ._content_1x5h2_194{padding:var(--spacing-xl)}._image_1x5h2_108{min-height:unset}._image_1x5h2_108 ._container_1x5h2_20{padding:var(--spacing-xl);justify-content:center}._image_1x5h2_108 ._imageWrapper_1x5h2_108{width:100%;min-height:unset}._image_1x5h2_108 ._imageWrapper_1x5h2_108 ._imageWrapper_1x5h2_108 img{position:relative}.homeGrid ._textOnly_1x5h2_229 ._title_1x5h2_70{color:#fff}.homeGrid ._textOnly_1x5h2_229 ._description_1x5h2_93{color:#fff;font-size:var(--font-size-lg)}.homeGrid ._fullBleed_1x5h2_261{min-height:unset}.startMetricGrid ._textOnly_1x5h2_229{max-width:300px;margin:0 auto}.startMetricGrid ._textOnly_1x5h2_229 ._title_1x5h2_70{font-size:3rem}.conditionManagementServicesGrid ._imageLeft_1x5h2_350{min-height:235px}.conditionManagementServicesGrid ._imageLeft_1x5h2_350 ._content_1x5h2_194{flex:1}.conditionManagementServicesGrid ._imageLeft_1x5h2_350 ._title_1x5h2_70{font-size:var(--font-size-xl)}.conditionManagementServicesGrid ._imageLeft_1x5h2_350 ._imageWrapper_1x5h2_108{flex:.25}@media (max-width: 767px){.conditionManagementServicesGrid ._imageLeft_1x5h2_350 ._imageWrapper_1x5h2_108{flex:1}}.backgroundPrimary ._eyebrow_1x5h2_501,.backgroundPrimary ._title_1x5h2_70,.backgroundPrimary ._description_1x5h2_93{color:#fff}.backgroundPrimary ._cta_1x5h2_513 ._secondary_1x5h2_514{background-color:#fff}
|
|
@@ -1,32 +1,32 @@
|
|
|
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 "
|
|
16
|
-
readonly "
|
|
17
|
-
readonly "
|
|
18
|
-
readonly "
|
|
19
|
-
readonly "
|
|
20
|
-
readonly "
|
|
21
|
-
readonly "
|
|
22
|
-
readonly "
|
|
23
|
-
readonly "
|
|
24
|
-
readonly "
|
|
25
|
-
readonly "
|
|
26
|
-
readonly "
|
|
27
|
-
readonly "
|
|
28
|
-
readonly "
|
|
29
|
-
readonly "
|
|
2
|
+
readonly "_callToAction_1x5h2_57": string;
|
|
3
|
+
readonly "_cardIcon_1x5h2_63": string;
|
|
4
|
+
readonly "_cardLink_1x5h2_1": string;
|
|
5
|
+
readonly "_card_1x5h2_1": string;
|
|
6
|
+
readonly "_containImage_1x5h2_410": string;
|
|
7
|
+
readonly "_container_1x5h2_20": string;
|
|
8
|
+
readonly "_content_1x5h2_194": string;
|
|
9
|
+
readonly "_cta_1x5h2_513": string;
|
|
10
|
+
readonly "_description_1x5h2_93": string;
|
|
11
|
+
readonly "_eyebrow_1x5h2_501": string;
|
|
12
|
+
readonly "_fullBleedImage_1x5h2_414": string;
|
|
13
|
+
readonly "_fullBleed_1x5h2_261": string;
|
|
14
|
+
readonly "_icon_1x5h2_30": string;
|
|
15
|
+
readonly "_imageBottom_1x5h2_323": string;
|
|
16
|
+
readonly "_imageLeft_1x5h2_350": string;
|
|
17
|
+
readonly "_imageRight_1x5h2_360": string;
|
|
18
|
+
readonly "_imageTop_1x5h2_302": string;
|
|
19
|
+
readonly "_imageWrapper_1x5h2_108": string;
|
|
20
|
+
readonly "_image_1x5h2_108": string;
|
|
21
|
+
readonly "_innerCircle_1x5h2_215": string;
|
|
22
|
+
readonly "_label_1x5h2_58": string;
|
|
23
|
+
readonly "_metricLabel_1x5h2_221": string;
|
|
24
|
+
readonly "_metric_1x5h2_193": string;
|
|
25
|
+
readonly "_modalTrigger_1x5h2_52": string;
|
|
26
|
+
readonly "_outerCircle_1x5h2_210": string;
|
|
27
|
+
readonly "_secondary_1x5h2_514": string;
|
|
28
|
+
readonly "_textOnly_1x5h2_229": string;
|
|
29
|
+
readonly "_title_1x5h2_70": string;
|
|
30
30
|
readonly "backgroundPrimary": string;
|
|
31
31
|
readonly "conditionManagementServicesGrid": string;
|
|
32
32
|
readonly "homeGrid": string;
|
package/dist/assets/index23.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_7fvg3_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_7fvg3_1{padding:0 var(--spacing-lg)}}._noPointerEvents_7fvg3_10 *{pointer-events:none!important}._trackContainer_7fvg3_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_7fvg3_14{overflow:visible}}._track_7fvg3_14{display:flex;transition:transform .3s ease;will-change:transform}._page_7fvg3_29{display:flex;gap:var(--spacing-md)}@media (max-width: 767px){._page_7fvg3_29{justify-content:center;padding:0 var(--spacing-sm)}}._controls_7fvg3_39{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_7fvg3_50{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}@media (max-width: 767px){._indicators_7fvg3_50{gap:var(--spacing-sm)}}._indicator_7fvg3_50{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_7fvg3_50._active_7fvg3_71{background-color:var(--color-primary-100)}._buttons_7fvg3_75{display:flex;gap:var(--spacing-md)}._prev_7fvg3_80._disabled_7fvg3_80,._next_7fvg3_81._disabled_7fvg3_80{opacity:.5;pointer-events:none}._buttons_7fvg3_75 button:not(._disabled_7fvg3_80):hover{background-color:var(--color-primary-100);color:#fff}._prev_7fvg3_80,._next_7fvg3_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,17 +1,17 @@
|
|
|
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 "
|
|
2
|
+
readonly "_active_7fvg3_71": string;
|
|
3
|
+
readonly "_buttons_7fvg3_75": string;
|
|
4
|
+
readonly "_carousel_7fvg3_1": string;
|
|
5
|
+
readonly "_controls_7fvg3_39": string;
|
|
6
|
+
readonly "_disabled_7fvg3_80": string;
|
|
7
|
+
readonly "_indicator_7fvg3_50": string;
|
|
8
|
+
readonly "_indicators_7fvg3_50": string;
|
|
9
|
+
readonly "_next_7fvg3_81": string;
|
|
10
|
+
readonly "_noPointerEvents_7fvg3_10": string;
|
|
11
|
+
readonly "_page_7fvg3_29": string;
|
|
12
|
+
readonly "_prev_7fvg3_80": string;
|
|
13
|
+
readonly "_trackContainer_7fvg3_14": string;
|
|
14
|
+
readonly "_track_7fvg3_14": string;
|
|
15
15
|
};
|
|
16
16
|
export = styles;
|
|
17
17
|
|
|
@@ -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"),mt=require("../../../arrow-left-4E3t8axP.cjs"),xt=require("../../../arrow-right-DO6S4vfx.cjs"),bt="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const r=require("react/jsx-runtime"),n=require("react"),mt=require("../../../arrow-left-4E3t8axP.cjs"),xt=require("../../../arrow-right-DO6S4vfx.cjs"),bt="_carousel_7fvg3_1",Ct="_noPointerEvents_7fvg3_10",St="_trackContainer_7fvg3_14",$t="_track_7fvg3_14",Et="_page_7fvg3_29",yt="_controls_7fvg3_39",Xt="_indicators_7fvg3_50",jt="_indicator_7fvg3_50",kt="_active_7fvg3_71",It="_buttons_7fvg3_75",Nt="_prev_7fvg3_80",Rt="_disabled_7fvg3_80",Tt="_next_7fvg3_81",c={carousel:bt,noPointerEvents:Ct,trackContainer:St,track:$t,page:Et,controls:yt,indicators:Xt,indicator:jt,active:kt,buttons:It,prev:Nt,disabled:Rt,next:Tt};function Wt({items:w,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),[g,y]=n.useState(0),[l,Z]=n.useState(d),[p,tt]=n.useState(!1),[A,et]=n.useState(J),[S,nt]=n.useState(!1),st=n.useRef(null),u=n.useRef(null),M=n.useRef(null),$=Q,[m,X]=n.useState(!1),[D,P]=n.useState(null),[E,q]=n.useState(null),[z,Y]=n.useState(null),[ot,B]=n.useState(!1),[x,O]=n.useState(null),[j,U]=n.useState(null),ct=t=>{Math.abs((j??0)-(x??0))>25&&(t.stopPropagation(),t.preventDefault())},rt=t=>{O(t.clientX)},at=t=>{x!==null&&Math.abs(t.clientX-x)>5&&(B(!0),U(t.clientX))},lt=()=>{if(!x||!j){k();return}const t=x-j;Math.abs(t)>50&&(t>0?R():T()),k()},it=()=>{k()},k=()=>{B(!1),O(null),U(null)},ut=t=>{q(t.touches[0].clientX),P(t.touches[0].clientY),X(!1)},G=n.useRef(null);n.useEffect(()=>{const t=G.current;if(!t)return;const e=s=>{const o=s.touches[0].clientX-(E??0),i=s.touches[0].clientY-(D??0);!m&&Math.abs(o)>Math.abs(i)&&X(!0),m&&(s.preventDefault(),Y(s.touches[0].clientX))};return t.addEventListener("touchmove",e),()=>{t.removeEventListener("touchmove",e)}},[m,E,D]);const dt=()=>{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)},ht=(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(w.length/s)-1))};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}},[d]);const I=Math.ceil(l/F),H=ht(w,l),_=H.length,ft=3*16,vt=3*16,gt=n.useCallback(t=>{if(t&&!S){const e=t.getBoundingClientRect().width;e>0&&e!==g&&(y(e),nt(!0))}},[g,S]);n.useEffect(()=>{var t,e,s,o;if(S&&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!==g&&y(b)}},[a,S,g]),n.useEffect(()=>{const t=new ResizeObserver(e=>{var s,o;for(let i of e)if(i.contentRect){p?C(i.contentRect.width-vt):L?h!=null&&h.current?C(i.contentRect.width-((s=h==null?void 0:h.current)==null?void 0:s.offsetWidth)-ft):C(i.contentRect.width):(C(i.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=p?1:d;v(Mt=>Math.min(Mt,Math.ceil(w.length/b)-1))}});return $!=null&&$.current&&t.observe($.current),()=>t.disconnect()},[p,L,w]);const N=()=>{M.current&&clearInterval(M.current),et(!1)},R=()=>{N(),v(t=>Math.min(t+1,_-1))},T=()=>{N(),v(t=>Math.max(t-1,0))},pt=t=>{N(),v(t)},_t=()=>a?`translateX(-${f*a}px)`:"translateX(0px)",V=()=>{v(t=>t>=_-1?0:t+1)};n.useEffect(()=>(A&&(M.current=setInterval(V,W*1e3)),()=>{M.current&&clearInterval(M.current)}),[A,W,V]);const wt={"--max-item-width":`${(a-(l-1)*16)/l}px`};return r.jsxs("div",{className:`${K??""} ${c.carousel} `,ref:st,children:[r.jsx("div",{ref:G,className:`${c.trackContainer} ${ot||m?c.noPointerEvents:""}
|
|
2
2
|
`,style:{maxWidth:`${a}px`,touchAction:m?"none":"pan-y"},onTouchStart:ut,onTouchEnd:dt,onMouseDown:rt,onMouseMove:at,onMouseUp:lt,onMouseLeave:it,children:r.jsx("div",{ref:u,className:c.track,style:{width:`${_*100}%`,transform:_t()},children:H.map((t,e)=>r.jsx("div",{className:c.page,style:{display:I>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(l/I)}, 1fr)`,gridTemplateRows:`repeat(${I}, 1fr)`,width:`${a}px`},children:t.map((s,o)=>r.jsx("div",{ref:e===0&&o===0?gt:null,onClickCapture:ct,style:{...wt,flexBasis:p?"100%":`${(a-(l-1)*16)/l}px`,width:p?`${a/l-16}px`:"unset"},children:s},o))},e))})}),_>1&&r.jsxs("div",{className:c.controls,style:{maxWidth:g>0&&d===1&&!p?`${g}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:()=>pt(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(mt.ArrowLeft,{size:36})}),r.jsx("button",{"aria-label":"Next slide",className:`${c.next} ${f>=_-1?c.disabled:""}`,onClick:R,disabled:f>=w.length-l,children:r.jsx(xt.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Wt;
|
|
@@ -2,7 +2,7 @@ import { jsxs as P, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as o, useRef as y, useEffect as k, useLayoutEffect as xt, useCallback as $t } from "react";
|
|
3
3
|
import { A as Et } from "../../../arrow-left-BIJvHwNQ.js";
|
|
4
4
|
import { A as Xt } from "../../../arrow-right-QEwnX3Sk.js";
|
|
5
|
-
import '../../../assets/index23.css';const yt = "
|
|
5
|
+
import '../../../assets/index23.css';const yt = "_carousel_7fvg3_1", kt = "_noPointerEvents_7fvg3_10", It = "_trackContainer_7fvg3_14", Nt = "_track_7fvg3_14", Tt = "_page_7fvg3_29", Wt = "_controls_7fvg3_39", At = "_indicators_7fvg3_50", Dt = "_indicator_7fvg3_50", Lt = "_active_7fvg3_71", St = "_buttons_7fvg3_75", Pt = "_prev_7fvg3_80", Rt = "_disabled_7fvg3_80", zt = "_next_7fvg3_81", c = {
|
|
6
6
|
carousel: yt,
|
|
7
7
|
noPointerEvents: kt,
|
|
8
8
|
trackContainer: It,
|
|
@@ -28,7 +28,7 @@ function Gt({
|
|
|
28
28
|
siblingRef: h,
|
|
29
29
|
isSplit: z = !1
|
|
30
30
|
}) {
|
|
31
|
-
const [f,
|
|
31
|
+
const [f, v] = o(0), [a, x] = o(0), [p, I] = o(0), [l, nt] = o(u), [m, st] = o(!1), [Y, ot] = o(Z), [$, ct] = o(!1), rt = y(null), d = y(null), w = y(null), E = et, [M, N] = o(!1), [B, j] = o(null), [X, U] = o(null), [G, H] = o(null), [at, O] = o(!1), [C, V] = o(null), [T, q] = o(null), lt = (t) => {
|
|
32
32
|
Math.abs((T ?? 0) - (C ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
|
|
33
33
|
}, it = (t) => {
|
|
34
34
|
V(t.clientX);
|
|
@@ -59,11 +59,11 @@ function Gt({
|
|
|
59
59
|
t.removeEventListener("touchmove", e);
|
|
60
60
|
};
|
|
61
61
|
}, [M, X, B]);
|
|
62
|
-
const
|
|
62
|
+
const vt = () => {
|
|
63
63
|
if (X === null || G === null) return;
|
|
64
64
|
const t = X - G;
|
|
65
65
|
Math.abs(t) > 50 && (t > 0 ? L() : S()), U(null), H(null), j(null), N(!1);
|
|
66
|
-
},
|
|
66
|
+
}, pt = (t, e) => {
|
|
67
67
|
const n = [];
|
|
68
68
|
for (let s = 0; s < t.length; s += e)
|
|
69
69
|
n.push(t.slice(s, s + e));
|
|
@@ -73,29 +73,29 @@ function Gt({
|
|
|
73
73
|
if (typeof window < "u") {
|
|
74
74
|
const t = () => {
|
|
75
75
|
const e = window.innerWidth < 768, n = e ? 1 : u;
|
|
76
|
-
st(e), nt(e ? 1 : u),
|
|
76
|
+
st(e), nt(e ? 1 : u), v(
|
|
77
77
|
(s) => Math.min(s, Math.ceil(g.length / n) - 1)
|
|
78
78
|
);
|
|
79
79
|
};
|
|
80
80
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
81
81
|
}
|
|
82
82
|
}, [u]);
|
|
83
|
-
const A = Math.ceil(l / Q), J =
|
|
83
|
+
const A = Math.ceil(l / Q), J = pt(g, l), _ = J.length, mt = 3 * 16, _t = 3 * 16, gt = $t(
|
|
84
84
|
(t) => {
|
|
85
85
|
if (t && !$) {
|
|
86
86
|
const e = t.getBoundingClientRect().width;
|
|
87
|
-
e > 0 && e !==
|
|
87
|
+
e > 0 && e !== p && (I(e), ct(!0));
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
-
[
|
|
90
|
+
[p, $]
|
|
91
91
|
);
|
|
92
92
|
k(() => {
|
|
93
93
|
var t, e, n, s;
|
|
94
94
|
if ($ && a > 0 && d.current && ((e = (t = d.current.children[0]) == null ? void 0 : t.children[0]) != null && e.children[0])) {
|
|
95
95
|
const b = ((s = (n = d.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
|
|
96
|
-
b > 0 && b !==
|
|
96
|
+
b > 0 && b !== p && I(b);
|
|
97
97
|
}
|
|
98
|
-
}, [a, $,
|
|
98
|
+
}, [a, $, p]), k(() => {
|
|
99
99
|
const t = new ResizeObserver((e) => {
|
|
100
100
|
var n, s;
|
|
101
101
|
for (let i of e)
|
|
@@ -106,7 +106,7 @@ function Gt({
|
|
|
106
106
|
((s = d == null ? void 0 : d.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
|
|
107
107
|
));
|
|
108
108
|
const b = m ? 1 : u;
|
|
109
|
-
|
|
109
|
+
v(
|
|
110
110
|
(bt) => Math.min(bt, Math.ceil(g.length / b) - 1)
|
|
111
111
|
);
|
|
112
112
|
}
|
|
@@ -116,13 +116,13 @@ function Gt({
|
|
|
116
116
|
const D = () => {
|
|
117
117
|
w.current && clearInterval(w.current), ot(!1);
|
|
118
118
|
}, L = () => {
|
|
119
|
-
D(),
|
|
119
|
+
D(), v((t) => Math.min(t + 1, _ - 1));
|
|
120
120
|
}, S = () => {
|
|
121
|
-
D(),
|
|
121
|
+
D(), v((t) => Math.max(t - 1, 0));
|
|
122
122
|
}, wt = (t) => {
|
|
123
|
-
D(),
|
|
123
|
+
D(), v(t);
|
|
124
124
|
}, Mt = () => a ? `translateX(-${f * a}px)` : "translateX(0px)", K = () => {
|
|
125
|
-
|
|
125
|
+
v((t) => t >= _ - 1 ? 0 : t + 1);
|
|
126
126
|
};
|
|
127
127
|
k(() => (Y && (w.current = setInterval(
|
|
128
128
|
K,
|
|
@@ -146,7 +146,7 @@ function Gt({
|
|
|
146
146
|
touchAction: M ? "none" : "pan-y"
|
|
147
147
|
},
|
|
148
148
|
onTouchStart: ft,
|
|
149
|
-
onTouchEnd:
|
|
149
|
+
onTouchEnd: vt,
|
|
150
150
|
onMouseDown: it,
|
|
151
151
|
onMouseMove: dt,
|
|
152
152
|
onMouseUp: ut,
|
|
@@ -195,7 +195,7 @@ function Gt({
|
|
|
195
195
|
{
|
|
196
196
|
className: c.controls,
|
|
197
197
|
style: {
|
|
198
|
-
maxWidth:
|
|
198
|
+
maxWidth: p > 0 && u === 1 && !m ? `${p}px` : "unset"
|
|
199
199
|
},
|
|
200
200
|
children: [
|
|
201
201
|
/* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length: _ }).map((t, e) => /* @__PURE__ */ r(
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ae=require("../Modal/index.cjs"),z=require("../../../index-DpYgzTme.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-BCBSTu9_.cjs"),I=require("../../../external-link-DDShu-48.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),ae=require("../Modal/index.cjs"),z=require("../../../index-DpYgzTme.cjs"),te=require("../ButtonGroup/index.cjs"),e=require("../../../NavLink-BCBSTu9_.cjs"),I=require("../../../external-link-DDShu-48.cjs"),ve=require("../../../x-Dft9NVe_.cjs"),D=require("../../../createLucideIcon-DpotSgUx.cjs"),pe=require("../../../chevron-down-DfK1XBl3.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
*
|
|
14
14
|
* This source code is licensed under the ISC license.
|
|
15
15
|
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const Ce=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Le=D.createLucideIcon("search",Ce),_e={standard:e.styles.standard,transparent:e.styles.transparent},Se={left:e.styles.left,center:e.styles.center,right:e.styles.right},Me=({spotlight:a,renderText:b})=>{var t,w,j,p,v,C,x,L,_,S,y;const g=(t=a.image)==null?void 0:t.asset.altText,m=((w=a.callToAction.linkOptions)==null?void 0:w.linkType)==="external";let u="#";return((j=a.callToAction.linkOptions)==null?void 0:j.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(v=a.callToAction.linkOptions)==null?void 0:v.externalUrl:((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="internal"&&((L=(x=a.callToAction.linkOptions)==null?void 0:x.internalUrl)!=null&&L.slug.current)&&(u=`/${(S=(_=a.callToAction.linkOptions)==null?void 0:_.internalUrl)==null?void 0:S.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:g||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(z.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:u,target:m?"_blank":"_self",rel:m?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ee({renderText:a,title:b,logo:g,items:m,groups:u,utilityItems:t,isSticky:w=!1,showSearch:j=!0,showLocaleSelect:p=!0,alignment:v="right",variant:C="standard",navigationType:x="default",searchComponent:L,localeSelectComponent:_,className:S}){const[y,G]=r.useState(!1),[U,f]=r.useState(null),[ie,ce]=r.useState(0),[re,oe]=r.useState(!1),[de,ye]=r.useState(null),[o,M]=r.useState([]),[E,O]=r.useState(0),[ue,X]=r.useState(null),[N,he]=r.useState(!1),[A,q]=r.useState("forward"),B=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",role:"menuitem",className:e.styles.search,children:s.jsx(Le,{size:16})}),content:L})})}),H=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"menuitem",className:e.styles.locale,children:s.jsx($e,{size:16})}),content:_})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;he(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const be=()=>{M([])},me=n=>{q("forward"),M([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},V=n=>{q("forward"),M(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},xe=()=>{q("backward"),M(n=>n.slice(0,-1))},F=r.useRef(null),$=r.useRef(null),W=r.useRef(new Map),fe=()=>{G(n=>!n)},J=n=>{const l=W.current.get(n);if(l&&$.current){const d=l.getBoundingClientRect(),h=$.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=n=>{f(l=>l===n?null:n)},K=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&f(null)},[]),Q=r.useCallback(()=>{Y(),typeof window<"u"&&window.innerWidth>768&&(G(!1),f(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Y=r.useCallback(()=>{if($.current){const n=$.current.getBoundingClientRect().width;ce(n),oe(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",Q),l&&document.addEventListener("click",K),Y(),()=>{n&&window.removeEventListener("resize",Q),l&&document.removeEventListener("click",K)}},[]),r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=y?"hidden":"",()=>{document.body.style.overflow=""}},[y]);const ve=n=>n.map((l,d)=>{var Z,P,ee,se,ne;const h=`group-${d}`,R=ue===d,c=(Z=l.primaryItems)==null?void 0:Z[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(d),f(h),J(h)},onMouseLeave:()=>{X(null),O(0),f(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:i=>{W.current.set(h,i)},role:"menuitem","aria-haspopup":"true","aria-expanded":R,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${R?e.styles.open:""} `,children:[l.title,s.jsx(pe.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${R?e.styles.show:""}`,role:"menu","aria-label":`${l.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${l.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(P=l.primaryItems)==null?void 0:P.map((i,k)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${E===k?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var le;f(null),(le=i.onClick)==null||le.call(i)},onMouseEnter:()=>i.sublinks?O(k):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]}),i.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??k):s.jsx("button",{className:`${e.styles.sublinkToggle} ${E===k?e.styles.open:""}`,onMouseEnter:()=>O(k),children:s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]})},i._key??k))]}),(c==null?void 0:c.sublinks)&&((ee=c==null?void 0:c.sublinks)==null?void 0:ee.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(c==null?void 0:c.description)&&s.jsxs("div",{className:e.styles.sublinksDescription,children:[s.jsx("p",{children:"TEXT HERE"}),a==null?void 0:a(c.description)]}),(c==null?void 0:c.sublinks)&&T(c.sublinks,`${h}-${E}`)]},`${c.label}-${(se=c==null?void 0:c.sublinks)==null?void 0:se.length}`),(l==null?void 0:l.secondaryItems)&&((ne=l==null?void 0:l.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&T(l.secondaryItems,`${h}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Me,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${d}`)}),T=(n,l="")=>n.map(d=>{const h=`${l}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:l,openPath:U,togglePath:je,updateTriangleIndicator:J,setOpenPath:f,renderLinks:T,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${S??""} ${Se[v]} ${_e[C]} ${e.styles.navbar} ${w?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,role:"navigation","aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&v!=="center"?e.styles.twoColumn:""}`,children:[g?s.jsx("div",{className:e.styles.logo,children:g}):s.jsx("div",{className:e.styles.title,children:b}),s.jsx("nav",{ref:$,style:{left:v==="center"?`calc(50% - ${ie/2}px)`:"0"},className:`${e.styles.nav} ${y?e.styles.open:""} ${re?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${de}px`},className:`${e.styles.triangle} ${U?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),x==="default"&&m&&s.jsxs("div",{className:e.styles.grid,children:[m&&m.length>0&&T(m),j&&!N&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),!N&&x==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ve(u),j&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),N&&x==="advanced"&&y&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>me(n),children:n.title})},n._key??l))}),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?be:xe,children:s.jsx(z.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]})}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]}),n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`primary-${l}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:n.label}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[n.label,n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`secondary-${l}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:t.map((n,l)=>s.jsx(z.CallToAction,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel??n.label,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel??n.label}):n.label},n._key||l))})}),t&&t.length>0&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${y?e.styles.open:""}`,children:s.jsx(te.ButtonGroup,{alignment:"center",children:s.jsx(z.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:[N&&j&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:fe,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":"main-menu",children:y?s.jsx(ke.X,{size:24}):s.jsx(we,{size:24})})]})]})})}exports.Navbar=Ee;
|
|
16
|
+
*/const Ce=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]],Le=D.createLucideIcon("search",Ce),_e={standard:e.styles.standard,transparent:e.styles.transparent},Se={left:e.styles.left,center:e.styles.center,right:e.styles.right},Me=({spotlight:a,renderText:b})=>{var t,w,j,p,k,C,f,L,_,S,y;const g=(t=a.image)==null?void 0:t.asset.altText,x=((w=a.callToAction.linkOptions)==null?void 0:w.linkType)==="external";let u="#";return((j=a.callToAction.linkOptions)==null?void 0:j.linkType)==="external"&&((p=a.callToAction.linkOptions)!=null&&p.externalUrl)?u=(k=a.callToAction.linkOptions)==null?void 0:k.externalUrl:((C=a.callToAction.linkOptions)==null?void 0:C.linkType)==="internal"&&((L=(f=a.callToAction.linkOptions)==null?void 0:f.internalUrl)!=null&&L.slug.current)&&(u=`/${(S=(_=a.callToAction.linkOptions)==null?void 0:_.internalUrl)==null?void 0:S.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:g||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(z.CallToAction,{as:"a",variant:a.callToAction.variant??"primary",href:u,target:x?"_blank":"_self",rel:x?"noopener noreferrer":"","aria-label":a.callToAction.ariaLabel||a.callToAction.label,children:a.callToAction.label})})]})};function Ee({renderText:a,title:b,logo:g,items:x,groups:u,utilityItems:t,isSticky:w=!1,showSearch:j=!0,showLocaleSelect:p=!0,alignment:k="right",variant:C="standard",navigationType:f="default",searchComponent:L,localeSelectComponent:_,className:S}){const[y,G]=r.useState(!1),[U,m]=r.useState(null),[ie,ce]=r.useState(0),[re,oe]=r.useState(!1),[de,ye]=r.useState(null),[o,M]=r.useState([]),[E,O]=r.useState(0),[ue,X]=r.useState(null),[N,he]=r.useState(!1),[A,q]=r.useState("forward"),B=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.searchModal,trigger:s.jsx("button",{title:"Search","aria-label":"Search",className:e.styles.search,children:s.jsx(Le,{size:16})}),content:L})})}),H=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem,children:s.jsx(ae.Modal,{className:e.styles.localeModal,trigger:s.jsx("button",{title:"Locale Select","aria-label":"Locale Select",role:"menuitem",className:e.styles.locale,children:s.jsx($e,{size:16})}),content:_})})});r.useEffect(()=>{if(typeof window<"u"){const n=()=>{const l=window.innerWidth<768;he(l)};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}},[]);const be=()=>{M([])},xe=n=>{q("forward"),M([{title:n.title,primary:n.primaryItems??[],secondary:n.secondaryItems??[],description:""}])},V=n=>{q("forward"),M(l=>[...l,{title:n.label,primary:n.sublinks??[],secondary:[],description:n.description}])},fe=()=>{q("backward"),M(n=>n.slice(0,-1))},F=r.useRef(null),$=r.useRef(null),W=r.useRef(new Map),me=()=>{G(n=>!n)},J=n=>{const l=W.current.get(n);if(l&&$.current){const d=l.getBoundingClientRect(),h=$.current.getBoundingClientRect(),c=d.left-h.left+d.width/2;ye(c)}},je=n=>{m(l=>l===n?null:n)},K=r.useCallback(n=>{F.current&&!F.current.contains(n.target)&&m(null)},[]),Q=r.useCallback(()=>{Y(),typeof window<"u"&&window.innerWidth>768&&(G(!1),m(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),Y=r.useCallback(()=>{if($.current){const n=$.current.getBoundingClientRect().width;ce(n),oe(!0)}},[]);r.useEffect(()=>{const n=typeof window<"u",l=typeof document<"u";return n&&window.addEventListener("resize",Q),l&&document.addEventListener("click",K),Y(),()=>{n&&window.removeEventListener("resize",Q),l&&document.removeEventListener("click",K)}},[]),r.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=y?"hidden":"",()=>{document.body.style.overflow=""}},[y]);const ke=n=>n.map((l,d)=>{var Z,P,ee,se,ne;const h=`group-${d}`,R=ue===d,c=(Z=l.primaryItems)==null?void 0:Z[E??0];return s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{X(d),m(h),J(h)},onMouseLeave:()=>{X(null),O(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":R,"aria-controls":`submenu-${d}`,className:`${e.styles.sublinkToggle} ${R?e.styles.open:""} `,children:[l.title,s.jsx(pe.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${d}`,className:`${e.styles.sublinks} ${R?e.styles.show:""}`,role:"menu","aria-label":`${l.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${l.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(P=l.primaryItems)==null?void 0:P.map((i,v)=>i.href?s.jsxs("a",{href:i.href,className:`${e.styles.link} ${E===v?e.styles.open:""}`,target:i.isExternal?"_blank":"_self",rel:i.isExternal?"noopener noreferrer":void 0,onClick:()=>{var le;m(null),(le=i.onClick)==null||le.call(i)},onMouseEnter:()=>i.sublinks?O(v):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]}),i.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]},i._key??v):s.jsx("button",{className:`${e.styles.sublinkToggle} ${E===v?e.styles.open:""}`,onMouseEnter:()=>O(v),children:s.jsxs("span",{className:e.styles.linkContent,children:[i.label,i.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:i.subtitle})]})},i._key??v))]}),(c==null?void 0:c.sublinks)&&((ee=c==null?void 0:c.sublinks)==null?void 0:ee.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(c==null?void 0:c.description)&&s.jsxs("div",{className:e.styles.sublinksDescription,children:[s.jsx("p",{children:"TEXT HERE"}),a==null?void 0:a(c.description)]}),(c==null?void 0:c.sublinks)&&T(c.sublinks,`${h}-${E}`)]},`${c.label}-${(se=c==null?void 0:c.sublinks)==null?void 0:se.length}`),(l==null?void 0:l.secondaryItems)&&((ne=l==null?void 0:l.secondaryItems)==null?void 0:ne.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:l.secondaryItems&&l.secondaryItems.length>0&&T(l.secondaryItems,`${h}-secondary`)}),l.spotlight&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.spotlightColumn}`,children:s.jsx(Me,{spotlight:l.spotlight,renderText:a??(i=>String(i))})})]})})})]},l._key??`group-${d}`)}),T=(n,l="")=>n.map(d=>{const h=`${l}/${d.label}`;return s.jsx(e.NavLink,{link:d,path:h,parentPath:l,openPath:U,togglePath:je,updateTriangleIndicator:J,setOpenPath:m,renderLinks:T,buttonRefs:W},d._key??h)});return s.jsx("header",{ref:F,className:`${S??""} ${Se[k]} ${_e[C]} ${e.styles.navbar} ${w?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,"aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!t||t.length===0)&&k!=="center"?e.styles.twoColumn:""}`,children:[g?s.jsx("div",{className:e.styles.logo,children:g}):s.jsx("div",{className:e.styles.title,children:b}),s.jsx("nav",{ref:$,style:{left:k==="center"?`calc(50% - ${ie/2}px)`:"0"},className:`${e.styles.nav} ${y?e.styles.open:""} ${re?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${de}px`},className:`${e.styles.triangle} ${U?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),f==="default"&&x&&s.jsxs("div",{className:e.styles.grid,children:[x&&x.length>0&&T(x),j&&!N&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),!N&&f==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ke(u),j&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(B,{})]}),p&&s.jsx(H,{})]}),N&&f==="advanced"&&y&&o.length===0&&u&&s.jsx("div",{className:`${e.styles.mobileMenu}`,children:u.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>xe(n),children:n.title})},n._key??l))}),N&&f==="advanced"&&y&&o.length>0&&s.jsxs("div",{className:`${e.styles.mobileMenuSlide} `,children:[s.jsx("button",{className:e.styles.back,onClick:o.length===1?be:fe,children:s.jsx(z.ChevronLeft,{size:18,"aria-hidden":"true",focusable:"false"})}),o[o.length-1].description&&s.jsx("div",{className:`${e.styles.sublinksDescription} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:a==null?void 0:a(o[o.length-1].description)}),o[o.length-1].primary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]})}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[n.label,n.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:n.subtitle})]}),n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`primary-${l}`)),o[o.length-1].secondary.length>0&&s.jsx("hr",{className:e.styles.groupDivider}),o[o.length-1].secondary.map((n,l)=>s.jsx("div",{className:`${e.styles.mobileMenuItem} ${A==="forward"?e.styles.fadeInFromLeft:e.styles.fadeInFromRight}`,children:n.sublinks?s.jsx("button",{className:e.styles.sublinkToggle,onClick:()=>V(n),children:n.label}):s.jsxs("a",{href:n.href,className:e.styles.link,target:n.isExternal?"_blank":"_self",rel:n.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:[n.label,n.isExternal&&s.jsx(I.ExternalLink,{className:e.styles.newTabIcon,size:16})]})},n._key??`secondary-${l}`))]},`stack-${o.length}`)]})}),t&&t.length>0&&s.jsx("nav",{className:e.styles.utility,"aria-label":"Utility navigation",children:s.jsx(te.ButtonGroup,{children:t.map((n,l)=>s.jsx(z.CallToAction,{as:"a",href:n.href??"/",variant:n.variant??"primary",displayType:n.displayType??"text",imageSrc:n.imageSrc,imageAlt:n.imageAlt,"aria-label":n.ariaLabel??n.label,icon:n.icon,iconAlignment:n.iconAlignment,children:n.imageSrc?s.jsx("img",{src:n.imageSrc,alt:n.imageAlt??n.ariaLabel??n.label}):n.label},n._key||l))})}),t&&t.length>0&&s.jsx("nav",{"aria-label":"Utility navigation",className:`${e.styles.utilityMobile} ${y?e.styles.open:""}`,children:s.jsx(te.ButtonGroup,{alignment:"center",children:s.jsx(z.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:[N&&j&&s.jsx(B,{}),s.jsx("button",{className:e.styles.menuToggle,onClick:me,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":"main-menu",children:y?s.jsx(ve.X,{size:24}):s.jsx(we,{size:24})})]})]})})}exports.Navbar=Ee;
|
|
@@ -120,7 +120,6 @@ function Je({
|
|
|
120
120
|
{
|
|
121
121
|
title: "Search",
|
|
122
122
|
"aria-label": "Search",
|
|
123
|
-
role: "menuitem",
|
|
124
123
|
className: e.search,
|
|
125
124
|
children: /* @__PURE__ */ a(Te, { size: 16 })
|
|
126
125
|
}
|
|
@@ -372,7 +371,6 @@ function Je({
|
|
|
372
371
|
{
|
|
373
372
|
ref: j,
|
|
374
373
|
className: `${S ?? ""} ${We[$]} ${Oe[E]} ${e.navbar} ${M ? e.sticky : ""} ${m && m.length ? e.advanced : e.default}`,
|
|
375
|
-
role: "navigation",
|
|
376
374
|
"aria-label": "Main navigation",
|
|
377
375
|
children: /* @__PURE__ */ c(
|
|
378
376
|
"div",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),b=require("react"),u=require("../../ui/PortableTextRenderer/index.cjs"),U=require("next/image"),v=require("../../../core/components/Modal/index.cjs"),F=require("../../utils/resolveLinkUrl.cjs"),O=require("../../hooks/useMediaQuery.cjs"),P=require("../../hooks/useStyleClasses.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const S=require("../../../play-CQBnZgNa.cjs"),W=require("../../../arrow-right-DO6S4vfx.cjs"),D="_cardLink_1x5h2_1",E="_card_1x5h2_1",G="_container_1x5h2_20",Q="_icon_1x5h2_30",H="_modalTrigger_1x5h2_52",J="_callToAction_1x5h2_57",K="_label_1x5h2_58",X="_cardIcon_1x5h2_63",Y="_title_1x5h2_70",Z="_description_1x5h2_93",V="_imageWrapper_1x5h2_108",T="_metric_1x5h2_193",A="_content_1x5h2_194",ee="_outerCircle_1x5h2_210",se="_innerCircle_1x5h2_215",te="_metricLabel_1x5h2_221",re="_textOnly_1x5h2_229",ne="_fullBleed_1x5h2_261",oe="_imageTop_1x5h2_302",ie="_imageBottom_1x5h2_323",ce="_imageLeft_1x5h2_350",ae="_imageRight_1x5h2_360",le="_containImage_1x5h2_410",de="_fullBleedImage_1x5h2_414",_e="_image_1x5h2_108",xe="_eyebrow_1x5h2_501",he="_cta_1x5h2_513",ue="_secondary_1x5h2_514",t={cardLink:D,card:E,container:G,icon:Q,modalTrigger:H,callToAction:J,label:K,cardIcon:X,title:Y,description:Z,imageWrapper:V,metric:T,content:A,outerCircle:ee,innerCircle:se,metricLabel:te,textOnly:re,fullBleed:ne,imageTop:oe,imageBottom:ie,imageLeft:ce,imageRight:ae,containImage:le,fullBleedImage:de,image:_e,eyebrow:xe,cta:he,secondary:ue};function pe({style:N,variant:p="noImage",metricValue:a,eyebrow:l,title:d,description:_,image:e,icon:f,callToAction:r,onHover:k,onLeave:L,gridArea:m,styleOptions:w}){const[y,C]=b.useState(void 0),I=P.useStyleClasses(w);b.useEffect(()=>{async function n(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const i=await F.resolveLinkURL(r);C(i)}}n()},[r]);const c=O.useMediaQuery("(max-width: 768px)"),B=(e==null?void 0:e.asset)&&(e==null?void 0:e.layout)==="cover",o={};if((e==null?void 0:e.layout)==="cover")o.objectFit="cover",e!=null&&e.position&&(o.objectPosition=c?"top":e==null?void 0:e.position);else if((e==null?void 0:e.layout)==="contain"){if(o.objectFit="contain",(e==null?void 0:e.width)==="half"?o.width=c?"100%":"50%":(e==null?void 0:e.width)==="inset"?(o.width=c?"100%":"75%",o.maxWidth=e.maxWidth??"unset"):o.width="100%",e!=null&&e.aspectRatio){const[n,i]=e==null?void 0:e.aspectRatio.split(":").map(Number);o.aspectRatio=`${n}/${i}`}}else o.objectFit="none";const R={"full-bleed":t.fullBleed,text:t.textOnly,metric:t.metric,"image-left":t.imageLeft,"image-right":t.imageRight,"image-top":t.imageTop,"image-bottom":t.imageBottom}[N||"text"],z=s.jsx(s.Fragment,{children:e&&e.imageUrl?s.jsx("div",{className:t.imageWrapper,children:s.jsx(U,{src:e.imageUrl,alt:(e==null?void 0:e.asset.altText)||(e==null?void 0:e.asset.description)||"Card image",width:600,height:658,priority:!0,style:o})}):null}),$=({value:n})=>{if(n&&n.includes("%")){const h=2*Math.PI*57.5,g=h-parseFloat(n)/100*h;return s.jsxs("svg",{width:125,height:125,viewBox:"0 0 125 125",children:[s.jsx("circle",{className:t.outerCircle,cx:125/2,cy:125/2,r:57.5,fill:"none"}),s.jsx("circle",{className:t.innerCircle,cx:125/2,cy:125/2,r:57.5,fill:"none",strokeDasharray:h,strokeDashoffset:g,strokeLinecap:"round",transform:`rotate(-90 ${125/2} ${125/2})`}),s.jsx("text",{className:t.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:n})]})}return s.jsx("div",{className:t.metric})},q=!a&&!l&&!d&&!_,j=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${t.container} ${B?t.fullBleedImage:t.containImage} `,children:[p!=="image"&&!q&&s.jsxs("div",{className:t.content,children:[f&&s.jsx("div",{className:t.icon,children:s.jsx("i",{className:f})}),a&&s.jsx($,{value:a}),l&&s.jsx(u.RichText,{className:t.eyebrow,blocks:l}),d&&s.jsx(u.RichText,{className:t.title,blocks:d}),_&&s.jsx(u.RichText,{className:t.description,blocks:_})]}),z]}),(r==null?void 0:r.videoUrl)&&s.jsxs("div",{className:t.callToAction,children:[s.jsx("div",{className:t.label,children:r.label}),s.jsx("div",{className:t.cardIcon,children:s.jsx(S.Play,{size:45})})]}),(r==null?void 0:r.type)==="link"&&s.jsxs("div",{className:t.callToAction,children:[s.jsx("div",{className:t.label,children:r.label}),s.jsx("div",{className:t.cardIcon,children:s.jsx(W.ArrowRight,{size:45})})]})]}),M=({children:n})=>{var i,x;switch(r==null?void 0:r.type){case"link":return s.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:y,target:((i=r.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((x=r.linkOptions)==null?void 0:x.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(v.Modal,{className:t.modalTrigger,trigger:n,content:r.modalContent});case"video":return s.jsx(v.Modal,{className:t.modalTrigger,trigger:n,content:s.jsx("video",{src:r.videoUrl,controls:!0,autoPlay:!0})});case"download":return s.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:y,download:!0,target:"_blank",rel:"noopener noreferrer",children:n})}};return s.jsx("div",{className:`${I} ${t.card} ${R??""} ${t[p]}`,onMouseEnter:k,onMouseLeave:L,style:m&&!c?{gridArea:m}:{},children:(r==null?void 0:r.type)!=="none"?s.jsx(M,{children:j}):s.jsx(s.Fragment,{children:j})})}exports.GridCard=pe;
|