quirk-ui 0.0.539 → 0.0.540
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/next/blocks/ContentBlock/index.cjs +1 -1
- package/dist/next/blocks/ContentBlock/index.mjs +15 -15
- package/dist/next/blocks/HeroBlock/index.cjs +1 -1
- package/dist/next/blocks/HeroBlock/index.mjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.cjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.mjs +4 -4
- package/dist/next/blocks/TabsBlock/index.cjs +1 -1
- package/dist/next/blocks/TabsBlock/index.mjs +30 -30
- package/dist/next/cards/BioCard/index.cjs +1 -1
- package/dist/next/cards/BioCard/index.mjs +10 -10
- package/dist/next/cards/BlogArticleCard/index.cjs +1 -1
- package/dist/next/cards/BlogArticleCard/index.mjs +1 -1
- package/dist/next/cards/GridCard/index.cjs +1 -1
- package/dist/next/cards/GridCard/index.mjs +12 -12
- package/dist/next/cards/ProductCard/index.cjs +1 -1
- package/dist/next/cards/ProductCard/index.mjs +10 -10
- package/dist/next/cards/ReviewCard/index.cjs +1 -1
- package/dist/next/cards/ReviewCard/index.mjs +38 -38
- package/dist/next/cards/SegmentCard/index.cjs +1 -1
- package/dist/next/cards/SegmentCard/index.mjs +11 -11
- package/dist/next/cards/SpotlightCard/index.cjs +1 -1
- package/dist/next/cards/SpotlightCard/index.mjs +9 -9
- package/dist/next/cards/TestimonialCard/index.cjs +1 -1
- package/dist/next/cards/TestimonialCard/index.mjs +19 -19
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index13.css');const s=require("react/jsx-runtime"),n=require("../../ui/PortableTextRenderer/index.cjs"),C=require("../../ui/CallToActions/index.cjs"),H=require("next/image"),$=require("../../hooks/useStyleClasses.cjs"),B=require("../../contexts/ThemeContext.cjs"),T="_content_ivubr_1",w="_container_ivubr_7",R="_metrics_ivubr_34",z="_metric_ivubr_34",q="_metricValue_ivubr_50",L="_disclaimer_ivubr_71",S="_layoutHImageRight_ivubr_76",U="_heading_ivubr_80",D="_image_ivubr_85",P="_noImage_ivubr_95",F="_layoutHImageLeft_ivubr_99",M="_layoutVImageTop_ivubr_118",Y="_layoutVImageBottom_ivubr_131",E="_title_ivubr_151",G="_text_ivubr_156",J="_cta_ivubr_170",K="_headingHorizontal_ivubr_178",Q="_titleWrapper_ivubr_187",X="_headingVertical_ivubr_208",Z="_videoWrapper_ivubr_229",A="_maxWidth_ivubr_257",O="_fullBleed_ivubr_267",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index13.css');const s=require("react/jsx-runtime"),n=require("../../ui/PortableTextRenderer/index.cjs"),C=require("../../ui/CallToActions/index.cjs"),H=require("next/image"),$=require("../../hooks/useStyleClasses.cjs"),B=require("../../contexts/ThemeContext.cjs"),T="_content_ivubr_1",w="_container_ivubr_7",R="_metrics_ivubr_34",z="_metric_ivubr_34",q="_metricValue_ivubr_50",L="_disclaimer_ivubr_71",S="_layoutHImageRight_ivubr_76",U="_heading_ivubr_80",D="_image_ivubr_85",P="_noImage_ivubr_95",F="_layoutHImageLeft_ivubr_99",M="_layoutVImageTop_ivubr_118",Y="_layoutVImageBottom_ivubr_131",E="_title_ivubr_151",G="_text_ivubr_156",J="_cta_ivubr_170",K="_headingHorizontal_ivubr_178",Q="_titleWrapper_ivubr_187",X="_headingVertical_ivubr_208",Z="_videoWrapper_ivubr_229",A="_maxWidth_ivubr_257",O="_fullBleed_ivubr_267",t={content:T,container:w,metrics:R,metric:z,metricValue:q,disclaimer:L,layoutHImageRight:S,heading:U,image:D,noImage:P,layoutHImageLeft:F,layoutVImageTop:M,layoutVImageBottom:Y,title:E,text:G,cta:J,headingHorizontal:K,titleWrapper:Q,headingVertical:X,videoWrapper:Z,default:"_default_ivubr_249",maxWidth:A,fullBleed:O};function ee({layout:r,heading:i,image:e,video:a,metrics:_,callToAction:l,disclaimer:m,styleOptions:c}){var h,v,b,p,f;const{mode:d}=B.useTheme(),I=$.useStyleClasses(c),x={"--container-max-width":(c==null?void 0:c.maxWidth)??"unset","--gap":r==null?void 0:r.gap},j={"--max-width":(e==null?void 0:e.display)==="max-width"?e==null?void 0:e.maxWidth:"unset"},V={"no-image":t.noImage,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom}[(r==null?void 0:r.orientation)??"horizontal-image-right"],W={horizontal:t.headingHorizontal,vertical:t.headingVertical}[i.headingLayout??"horizontal"],g={default:t.default,"max-width":t.maxWidth,"full-bleed":t.fullBleed}[(e==null?void 0:e.display)??"default"];let u;e!=null&&e.imageUrls&&(u=d==="dark"&&((h=e.imageUrls.dark)==null?void 0:h.medium)||e.imageUrls.default.medium);let k=((b=(v=e==null?void 0:e[d==="dark"?"darkImage":"defaultImage"])==null?void 0:v.asset)==null?void 0:b.altText)||((f=(p=e==null?void 0:e[d==="dark"?"darkImage":"defaultImage"])==null?void 0:p.asset)==null?void 0:f.description)||"Card image";const y=()=>{if(!a)return null;const o=a.includes("vimeo.com"),N=a.includes("youtube.com")||a.includes("youtu.be");return o||N?s.jsx("div",{style:{maxWidth:(e==null?void 0:e.maxWidth)??"unset",flex:.65},children:s.jsx("div",{className:t.videoWrapper,children:s.jsx("iframe",{src:o?`${a}?autoplay=0&muted=0&loop=0`:`${a}?autoplay=0&mute=0&loop=0}`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):s.jsx("div",{style:{maxWidth:(e==null?void 0:e.maxWidth)??"unset",width:"100%",flex:.65},children:s.jsx("div",{className:t.videoWrapper,children:s.jsx("video",{src:a,controls:!0,poster:u||void 0})})})};return s.jsx("section",{className:`${I} ${t.content}`,children:s.jsxs("article",{className:`${t.container} ${V}`,style:x||{},children:[s.jsxs("div",{className:`${t.heading} ${W}`,children:[s.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&s.jsx(n.RichText,{blocks:i.eyebrow}),i.title&&s.jsx(n.RichText,{className:t.title,blocks:i.title})]}),((i==null?void 0:i.description)||(l==null?void 0:l.items))&&s.jsxs("div",{className:t.text,children:[i.description&&s.jsx(n.RichText,{blocks:i.description}),_&&s.jsx("div",{className:t.metrics,children:_.map(o=>s.jsxs("div",{className:t.metric,children:[s.jsx("div",{className:t.metricValue,children:o.metricValue}),o.metricDescription&&s.jsx(n.RichText,{blocks:o.metricDescription})]},o._key))}),l&&s.jsx(C.CallToActions,{className:t.cta,items:l.items,alignment:l.alignment}),m&&s.jsx(n.RichText,{className:t.disclaimer,blocks:m})]})]}),(r==null?void 0:r.orientation)!=="no-image"&&a?y():(r==null?void 0:r.orientation)!=="no-image"&&e&&u&&s.jsx("div",{className:`${t.image} ${g}`,style:j,children:s.jsx(H,{src:u,alt:k,width:600,height:400,priority:!0})})]})})}exports.ContentBlock=ee;
|
|
@@ -37,31 +37,31 @@ function lt({
|
|
|
37
37
|
metrics: _,
|
|
38
38
|
callToAction: l,
|
|
39
39
|
disclaimer: h,
|
|
40
|
-
styleOptions:
|
|
40
|
+
styleOptions: m
|
|
41
41
|
}) {
|
|
42
42
|
var v, b, f, x, I;
|
|
43
|
-
const { mode: u } = C(), V = z(
|
|
44
|
-
"--container-max-width": (
|
|
43
|
+
const { mode: u } = C(), V = z(m), p = {
|
|
44
|
+
"--container-max-width": (m == null ? void 0 : m.maxWidth) ?? "unset",
|
|
45
45
|
"--gap": i == null ? void 0 : i.gap
|
|
46
46
|
}, W = {
|
|
47
47
|
"--max-width": (t == null ? void 0 : t.display) === "max-width" ? t == null ? void 0 : t.maxWidth : "unset"
|
|
48
|
-
},
|
|
48
|
+
}, g = {
|
|
49
49
|
"no-image": e.noImage,
|
|
50
50
|
"horizontal-image-right": e.layoutHImageRight,
|
|
51
51
|
"horizontal-image-left": e.layoutHImageLeft,
|
|
52
52
|
"vertical-image-top": e.layoutVImageTop,
|
|
53
53
|
"vertical-image-bottom": e.layoutVImageBottom
|
|
54
|
-
}[(i == null ? void 0 : i.orientation) ?? "horizontal-image-right"],
|
|
54
|
+
}[(i == null ? void 0 : i.orientation) ?? "horizontal-image-right"], N = {
|
|
55
55
|
horizontal: e.headingHorizontal,
|
|
56
56
|
vertical: e.headingVertical
|
|
57
|
-
}[a.headingLayout ?? "horizontal"],
|
|
57
|
+
}[a.headingLayout ?? "horizontal"], k = {
|
|
58
58
|
default: e.default,
|
|
59
59
|
"max-width": e.maxWidth,
|
|
60
60
|
"full-bleed": e.fullBleed
|
|
61
61
|
}[(t == null ? void 0 : t.display) ?? "default"];
|
|
62
|
-
let
|
|
63
|
-
t != null && t.imageUrls && (
|
|
64
|
-
let y = ((f = (b = t == null ? void 0 : t[u === "dark" ? "darkImage" : "
|
|
62
|
+
let d;
|
|
63
|
+
t != null && t.imageUrls && (d = u === "dark" && ((v = t.imageUrls.dark) == null ? void 0 : v.medium) || t.imageUrls.default.medium);
|
|
64
|
+
let y = ((f = (b = t == null ? void 0 : t[u === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : b.asset) == null ? void 0 : f.altText) || ((I = (x = t == null ? void 0 : t[u === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : x.asset) == null ? void 0 : I.description) || "Card image";
|
|
65
65
|
const H = () => {
|
|
66
66
|
if (!o) return null;
|
|
67
67
|
const s = o.includes("vimeo.com"), w = o.includes("youtube.com") || o.includes("youtu.be");
|
|
@@ -80,17 +80,17 @@ function lt({
|
|
|
80
80
|
width: "100%",
|
|
81
81
|
flex: 0.65
|
|
82
82
|
},
|
|
83
|
-
children: /* @__PURE__ */ r("div", { className: e.videoWrapper, children: /* @__PURE__ */ r("video", { src: o, controls: !0, poster:
|
|
83
|
+
children: /* @__PURE__ */ r("div", { className: e.videoWrapper, children: /* @__PURE__ */ r("video", { src: o, controls: !0, poster: d || void 0 }) })
|
|
84
84
|
}
|
|
85
85
|
);
|
|
86
86
|
};
|
|
87
87
|
return /* @__PURE__ */ r("section", { className: `${V} ${e.content}`, children: /* @__PURE__ */ c(
|
|
88
88
|
"article",
|
|
89
89
|
{
|
|
90
|
-
className: `${e.container} ${
|
|
90
|
+
className: `${e.container} ${g}`,
|
|
91
91
|
style: p || {},
|
|
92
92
|
children: [
|
|
93
|
-
/* @__PURE__ */ c("div", { className: `${e.heading} ${
|
|
93
|
+
/* @__PURE__ */ c("div", { className: `${e.heading} ${N}`, children: [
|
|
94
94
|
/* @__PURE__ */ c("div", { className: e.titleWrapper, children: [
|
|
95
95
|
a.eyebrow && /* @__PURE__ */ r(n, { blocks: a.eyebrow }),
|
|
96
96
|
a.title && /* @__PURE__ */ r(n, { className: e.title, blocks: a.title })
|
|
@@ -112,15 +112,15 @@ function lt({
|
|
|
112
112
|
h && /* @__PURE__ */ r(n, { className: e.disclaimer, blocks: h })
|
|
113
113
|
] })
|
|
114
114
|
] }),
|
|
115
|
-
(i == null ? void 0 : i.orientation) !== "no-image" && o ? H() : (i == null ? void 0 : i.orientation) !== "no-image" && t &&
|
|
115
|
+
(i == null ? void 0 : i.orientation) !== "no-image" && o ? H() : (i == null ? void 0 : i.orientation) !== "no-image" && t && d && /* @__PURE__ */ r(
|
|
116
116
|
"div",
|
|
117
117
|
{
|
|
118
|
-
className: `${e.image} ${
|
|
118
|
+
className: `${e.image} ${k}`,
|
|
119
119
|
style: W,
|
|
120
120
|
children: /* @__PURE__ */ r(
|
|
121
121
|
$,
|
|
122
122
|
{
|
|
123
|
-
src:
|
|
123
|
+
src: d,
|
|
124
124
|
alt: y,
|
|
125
125
|
width: 600,
|
|
126
126
|
height: 400,
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const Z=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],A=Q.createLucideIcon("pause",Z),D="_hero_fhigw_1",O="_container_fhigw_7",ee="_eyebrow_fhigw_24",se="_disclaimer_fhigw_28",te="_text_fhigw_33",re="_articleDetails_fhigw_40",le="_articleType_fhigw_53",ce="_articleCategories_fhigw_67",oe="_category_fhigw_73",ie="_number_fhigw_89",ae="_blog_fhigw_116",ne="_overlay_fhigw_140",ue="_fullBleed_fhigw_210",de="_split_fhigw_304",xe="_image_fhigw_309",me="_videoControl_fhigw_332",fe="_videoWrapper_fhigw_353",_e="_videoBackground_fhigw_373",ye="_iframe_fhigw_374",s={hero:D,container:O,eyebrow:ee,disclaimer:se,text:te,articleDetails:re,articleType:le,articleCategories:ce,category:oe,number:ie,default:"_default_fhigw_112",blog:ae,overlay:ne,fullBleed:ue,split:de,image:xe,videoControl:me,videoWrapper:fe,videoBackground:_e,iframe:ye};function he({heading:r,image:c,video:t,callToAction:i,pageData:n,styleOptions:u}){var U,F,z,S,W,H,E,M,V;const d=J.usePrefersReducedMotion(),[T,
|
|
6
|
+
*/const Z=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],A=Q.createLucideIcon("pause",Z),D="_hero_fhigw_1",O="_container_fhigw_7",ee="_eyebrow_fhigw_24",se="_disclaimer_fhigw_28",te="_text_fhigw_33",re="_articleDetails_fhigw_40",le="_articleType_fhigw_53",ce="_articleCategories_fhigw_67",oe="_category_fhigw_73",ie="_number_fhigw_89",ae="_blog_fhigw_116",ne="_overlay_fhigw_140",ue="_fullBleed_fhigw_210",de="_split_fhigw_304",xe="_image_fhigw_309",me="_videoControl_fhigw_332",fe="_videoWrapper_fhigw_353",_e="_videoBackground_fhigw_373",ye="_iframe_fhigw_374",s={hero:D,container:O,eyebrow:ee,disclaimer:se,text:te,articleDetails:re,articleType:le,articleCategories:ce,category:oe,number:ie,default:"_default_fhigw_112",blog:ae,overlay:ne,fullBleed:ue,split:de,image:xe,videoControl:me,videoWrapper:fe,videoBackground:_e,iframe:ye};function he({heading:r,image:c,video:t,callToAction:i,pageData:n,styleOptions:u}){var U,F,z,S,W,H,E,M,V;const d=J.usePrefersReducedMotion(),[T,I]=g.useState(!d),{mode:h}=K.useTheme(),{setIsFullbleedHeroAtTop:B}=G.useHeroContext(),_=g.useRef(null),x=(u==null?void 0:u.layout)??"default",Y=((U=u==null?void 0:u.padding)==null?void 0:U.join(" "))??"",N={default:s.default,split:s.split,"split-35-65":s.split,"full-bleed":s.fullBleed,blog:s.blog}[x],L=((F=n==null?void 0:n.categories)==null?void 0:F.filter(l=>{var a,y;return!((y=(a=l.slug)==null?void 0:a.current)!=null&&y.startsWith("library/type"))}))??[],j=L[0]??null,m=L[1]??null,b=((z=n==null?void 0:n.categories)==null?void 0:z.find(l=>{var a,y;return(y=(a=l.slug)==null?void 0:a.current)==null?void 0:y.startsWith("library/type")}))??null;g.useEffect(()=>{const l=()=>{B(window.scrollY===0)};if(x==="full-bleed"&&typeof window<"u")return B(!0),window.addEventListener("scroll",l),()=>window.removeEventListener("scroll",l)},[x]),g.useEffect(()=>{const l=_.current;l&&(d?l.pause():l.play())},[d]);let p,f;c!=null&&c.imageUrls&&(p=h==="dark"&&((S=c.imageUrls.dark)==null?void 0:S.medium)||c.imageUrls.default.medium,f=h==="dark"&&((W=c.imageUrls.dark)==null?void 0:W.large)||c.imageUrls.default.large);let w=((E=(H=c==null?void 0:c[h==="dark"?"darkImage":"defaultImage"])==null?void 0:H.asset)==null?void 0:E.altText)||((V=(M=c==null?void 0:c[h==="dark"?"darkImage":"defaultImage"])==null?void 0:M.asset)==null?void 0:V.description)||"Card image";const C=()=>e.jsx("button",{title:`${T?"Pause the video":"Play the video"}`,className:s.videoControl,onClick:()=>{const l=_.current;l&&(l.paused?(l.play().catch(()=>{}),I(!0)):(l.pause(),I(!1)))},children:T?e.jsx(A,{size:18}):e.jsx(X.Play,{size:18})}),P=()=>{if(!t)return null;const l=t.includes("vimeo.com"),a=t.includes("youtube.com")||t.includes("youtu.be");return l||a?e.jsx("div",{className:s.videoWrapper,children:e.jsx("iframe",{src:l?`${t}?autoplay=1&muted=1&loop=1&background=1`:`${t}?autoplay=1&mute=1&loop=1&playlist=${R(t)}`,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs("div",{className:s.videoWrapper,children:[e.jsx(C,{}),e.jsx("video",{ref:_,src:t,autoPlay:!d,loop:!0,muted:!0,playsInline:!0,poster:f||void 0,preload:"metadata"})]})};function R(l){const a=l.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);return(a==null?void 0:a[1])||""}const q=()=>c&&p?e.jsx("div",{className:s.image,children:x==="blog"||x==="full-bleed"?e.jsx(v,{src:p,alt:w,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):e.jsx(v,{src:p,alt:w,width:650,height:750,priority:!0})}):null;switch(x){case"split-35-65":case"split":return e.jsx("section",{className:`${s.hero} ${s.split}`,children:e.jsxs("article",{className:`${Y} ${s.container}`,children:[e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[r.eyebrow&&e.jsx(o.RichText,{className:s.eyebrow,blocks:r.eyebrow}),e.jsx(o.RichText,{blocks:r.title})]}),r.description&&e.jsx(o.RichText,{blocks:r.description}),i&&e.jsx(k.CallToActions,{items:i.items,alignment:i.alignment}),r.disclaimer&&e.jsx(o.RichText,{className:s.disclaimer,blocks:r.disclaimer})]}),t?e.jsx(P,{}):e.jsx(q,{})]})});case"default":return e.jsx("section",{className:`${s.hero} ${N}`,children:e.jsxs("article",{className:s.container,children:[t?e.jsx(P,{}):e.jsx(q,{}),e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[r.eyebrow&&e.jsx(o.RichText,{className:s.eyebrow,blocks:r.eyebrow}),e.jsx(o.RichText,{blocks:r.title})]}),r.description&&e.jsx(o.RichText,{blocks:r.description}),i&&e.jsx(k.CallToActions,{items:i.items,alignment:i.alignment})]})]})});case"full-bleed":return e.jsx("section",{className:`${s.hero} ${N} heroFullBleed`,children:e.jsxs("article",{className:s.container,children:[t?t.includes("vimeo.com")||t.includes("youtube.com")||t.includes("youtu.be")?e.jsx("div",{className:s.videoBackground,children:e.jsx("iframe",{src:t.includes("vimeo.com")?`${t}?autoplay=1&muted=1&loop=1&background=1`:`${t}?autoplay=1&mute=1&loop=1&playlist=${R(t)}`,className:s.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(C,{}),e.jsx("video",{ref:_,className:s.videoBackground,src:t,autoPlay:!d,loop:!0,muted:!0,playsInline:!0,poster:f||void 0})]}):e.jsx(v,{src:f??"",alt:w,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[r.eyebrow&&e.jsx(o.RichText,{className:s.eyebrow,blocks:r.eyebrow}),e.jsx(o.RichText,{blocks:r.title})]}),r.description&&e.jsx(o.RichText,{blocks:r.description}),i&&e.jsx(k.CallToActions,{items:i.items,alignment:i.alignment})]})})]})});case"blog":return e.jsx("section",{className:`${s.hero} ${N}`,children:e.jsxs("article",{className:s.container,children:[t?t.includes("vimeo.com")||t.includes("youtube.com")||t.includes("youtu.be")?e.jsx("div",{className:s.videoBackground,children:e.jsx("iframe",{src:t.includes("vimeo.com")?`${t}?autoplay=1&muted=1&loop=1&background=1`:`${t}?autoplay=1&mute=1&loop=1&playlist=${R(t)}`,className:s.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(C,{}),e.jsx("video",{ref:_,className:s.videoBackground,src:t,autoPlay:!d,loop:!0,muted:!0,playsInline:!0,poster:f||void 0})]}):e.jsx(v,{src:f??"",alt:w,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[r.eyebrow&&e.jsx(o.RichText,{className:s.eyebrow,blocks:r.eyebrow}),n&&e.jsxs("div",{className:s.articleDetails,children:[b&&e.jsx($.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(b._id)}`,className:s.articleType,children:b.title},b._id),e.jsxs("div",{className:s.articleCategories,children:[j&&e.jsx($.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(j._id)}`,className:s.category,children:j.title},j._id),m&&m.title.toLowerCase()!=="library"&&!m.slug.current.includes("keywords")&&e.jsx($.LocaleLink,{href:`/blog/search?categories=${encodeURIComponent(m._id)}`,className:s.category,children:m.title},m._id)]}),n.timeToRead&&e.jsx(e.Fragment,{children:e.jsxs("span",{children:[e.jsx("span",{className:s.number,children:n.timeToRead}),"min read"]})})]}),e.jsx(o.RichText,{blocks:r.title})]}),r.description&&e.jsx(o.RichText,{blocks:r.description}),i&&e.jsx(k.CallToActions,{items:i.items,alignment:i.alignment})]})})]})})}}exports.HeroBlock=he;
|
|
@@ -78,7 +78,7 @@ function Fe({
|
|
|
78
78
|
}, [m]);
|
|
79
79
|
let k, y;
|
|
80
80
|
i != null && i.imageUrls && (k = h === "dark" && ((V = i.imageUrls.dark) == null ? void 0 : V.medium) || i.imageUrls.default.medium, y = h === "dark" && ((E = i.imageUrls.dark) == null ? void 0 : E.large) || i.imageUrls.default.large);
|
|
81
|
-
let v = ((Y = (H = i == null ? void 0 : i[h === "dark" ? "darkImage" : "
|
|
81
|
+
let v = ((Y = (H = i == null ? void 0 : i[h === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : H.asset) == null ? void 0 : Y.altText) || ((q = (M = i == null ? void 0 : i[h === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : M.asset) == null ? void 0 : q.description) || "Card image";
|
|
82
82
|
const $ = () => /* @__PURE__ */ e(
|
|
83
83
|
"button",
|
|
84
84
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index5.css');const t=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index5.css');const t=require("react/jsx-runtime"),r=require("react"),I=require("next/image"),a=require("../../ui/PortableTextRenderer/index.cjs");require("react-dom");const N=require("../../utils/portableTextToPlainText.cjs"),R=require("../../contexts/ThemeContext.cjs"),q="_layout_l5nlh_1",S="_container_l5nlh_7",U="_heading_l5nlh_19",w="_scroll_l5nlh_35",P="_sidebar_l5nlh_40",$="_number_l5nlh_65",A="_link_l5nlh_82",B="_active_l5nlh_96",C="_content_l5nlh_108",E="_item_l5nlh_112",M="_text_l5nlh_124",O="_title_l5nlh_131",V="_image_l5nlh_135",s={layout:q,container:S,heading:U,scroll:w,sidebar:P,number:$,link:A,active:B,content:C,item:E,text:M,title:O,image:V};function z({heading:o,items:_,showNumbers:f}){const[y,u]=r.useState(null),{mode:d}=R.useTheme(),T=r.useRef(null),h=r.useRef([]);return r.useEffect(()=>{const e=new IntersectionObserver(l=>{const n=l.filter(i=>i.isIntersecting).sort((i,c)=>c.intersectionRatio-i.intersectionRatio);if(n.length>0){const i=n[0].target.getAttribute("id");i&&u(i)}},{rootMargin:"-45% 0px -45% 0px",threshold:.1});return h.current.forEach(l=>{l&&e.observe(l)}),T.current=e,()=>{e.disconnect()}},[]),t.jsx("section",{className:s.layout,children:t.jsxs("article",{className:s.container,children:[t.jsxs("div",{className:s.heading,children:[t.jsx(a.RichText,{className:s.title,blocks:o.title}),o.description&&t.jsx(a.RichText,{blocks:o.description})]}),t.jsxs("div",{className:s.scroll,children:[t.jsx("nav",{className:s.sidebar,children:t.jsx("ul",{children:_.map((e,l)=>t.jsx("li",{children:t.jsxs("button",{type:"button",className:`${s.link} ${y===e._key?s.active:""}`,onClick:()=>{u(e._key);const n=document.getElementById(e._key);n==null||n.scrollIntoView({behavior:"smooth",block:"start"})},children:[f&&t.jsx("div",{className:s.number,children:l+1}),e.title&&N.portableTextToPlainText(e.title)]})},e._key))})}),t.jsx("div",{className:s.content,children:_.map((e,l)=>{var c,m,x,g,b,k,v,j;let n;(c=e.image)!=null&&c.imageUrls&&(n=d==="dark"&&((m=e.image.imageUrls.dark)==null?void 0:m.medium)||e.image.imageUrls.default.medium);let i=((b=(g=(x=e.image)==null?void 0:x[d==="dark"?"darkImage":"defaultImage"])==null?void 0:g.asset)==null?void 0:b.altText)||((j=(v=(k=e.image)==null?void 0:k[d==="dark"?"darkImage":"defaultImage"])==null?void 0:v.asset)==null?void 0:j.description)||"Card image";return t.jsxs("section",{ref:p=>{h.current[l]=p},id:e._key,className:s.item,children:[t.jsxs("div",{className:s.text,children:[e.title&&t.jsx(a.RichText,{className:s.title,blocks:e.title}),e.description&&t.jsx(a.RichText,{blocks:e.description})]}),e.image&&n&&t.jsx("div",{className:s.image,children:t.jsx(I,{src:n,alt:i,width:600,height:400,priority:!0})})]},e._key)})})]})]})})}exports.StickyScrollBlock=z;
|
|
@@ -25,7 +25,7 @@ function X({
|
|
|
25
25
|
items: m,
|
|
26
26
|
showNumbers: x
|
|
27
27
|
}) {
|
|
28
|
-
const [
|
|
28
|
+
const [I, _] = R(null), { mode: d } = E(), N = y(null), h = y([]);
|
|
29
29
|
return U(() => {
|
|
30
30
|
const e = new IntersectionObserver(
|
|
31
31
|
(i) => {
|
|
@@ -42,7 +42,7 @@ function X({
|
|
|
42
42
|
);
|
|
43
43
|
return h.current.forEach((i) => {
|
|
44
44
|
i && e.observe(i);
|
|
45
|
-
}),
|
|
45
|
+
}), N.current = e, () => {
|
|
46
46
|
e.disconnect();
|
|
47
47
|
};
|
|
48
48
|
}, []), /* @__PURE__ */ l("section", { className: t.layout, children: /* @__PURE__ */ c("article", { className: t.container, children: [
|
|
@@ -55,7 +55,7 @@ function X({
|
|
|
55
55
|
"button",
|
|
56
56
|
{
|
|
57
57
|
type: "button",
|
|
58
|
-
className: `${t.link} ${
|
|
58
|
+
className: `${t.link} ${I === e._key ? t.active : ""}`,
|
|
59
59
|
onClick: () => {
|
|
60
60
|
_(e._key);
|
|
61
61
|
const n = document.getElementById(e._key);
|
|
@@ -74,7 +74,7 @@ function X({
|
|
|
74
74
|
var r, u, g, k, b, f, v, p;
|
|
75
75
|
let n;
|
|
76
76
|
(r = e.image) != null && r.imageUrls && (n = d === "dark" && ((u = e.image.imageUrls.dark) == null ? void 0 : u.medium) || e.image.imageUrls.default.medium);
|
|
77
|
-
let s = ((b = (k = (g = e.image) == null ? void 0 : g[d === "dark" ? "darkImage" : "
|
|
77
|
+
let s = ((b = (k = (g = e.image) == null ? void 0 : g[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : k.asset) == null ? void 0 : b.altText) || ((p = (v = (f = e.image) == null ? void 0 : f[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : v.asset) == null ? void 0 : p.description) || "Card image";
|
|
78
78
|
return /* @__PURE__ */ c(
|
|
79
79
|
"section",
|
|
80
80
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index4.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index4.css');const e=require("react/jsx-runtime"),Ie=require("react"),$e=require("../../hooks/useStyleClasses.cjs"),Re=require("../../../index-BN6814Bi.cjs"),j=require("../../../core/components/Tabs/index.cjs"),i=require("../../ui/PortableTextRenderer/index.cjs"),v=require("../../ui/CallToActions/index.cjs"),I=require("next/image"),pe=require("../../utils/resolveLinkUrl.cjs"),qe=require("../../contexts/ThemeContext.cjs"),ze="_tabs_aumj8_1",Be="_container_aumj8_7",Ve="_heading_aumj8_25",we="_text_aumj8_32",ye="_headingHorizontal_aumj8_46",He="_title_aumj8_54",De="_headingVertical_aumj8_64",Me="_tabContent_aumj8_74",Se="_vertical_aumj8_97",Ge="_tabsContainer_aumj8_69",Pe="_tabImage_aumj8_112",Fe="_tabText_aumj8_120",Ee="_gridItems_aumj8_141",Je="_gridItem_aumj8_141",Ke="_fullBleed_aumj8_181",Qe="_overlay_aumj8_206",a={tabs:ze,container:Be,heading:Ve,text:we,headingHorizontal:ye,title:He,headingVertical:De,tabContent:Me,vertical:Se,tabsContainer:Ge,tabImage:Pe,tabText:Fe,gridItems:Ee,gridItem:Je,default:"_default_aumj8_166",fullBleed:Ke,overlay:Qe};function We({heading:s,image:l,items:x,callToAction:c,styleOptions:n}){var R,p,q,z,B,V;const[h,Ue]=Ie.useState([]),{mode:d}=qe.useTheme();Ie.useEffect(()=>{async function t(){const m=await Promise.all(x.map(o=>{var _,u;return(_=o==null?void 0:o.content)!=null&&_.tabLink?pe.resolveLinkURL((u=o==null?void 0:o.content)==null?void 0:u.tabLink):void 0}));Ue(m)}t()},[x]);const k=$e.useStyleClasses(n),f=(n==null?void 0:n.layout)??"default",g={horizontal:a.headingHorizontal,vertical:a.headingVertical}[s.headingLayout??"horizontal"],U={default:a.default,"full-bleed":a.fullBleed}[(n==null?void 0:n.layout)??"default"],C={orientationHorizontal:"horizontal",orientationVertical:"vertical"}[(n==null?void 0:n.orientation)??"orientationHorizontal"],Ce={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"}[(n==null?void 0:n.theme)??"themeDefault"];let b,N;l!=null&&l.imageUrls&&(b=d==="dark"&&((R=l.imageUrls.dark)==null?void 0:R.medium)||l.imageUrls.default.medium,N=d==="dark"&&((p=l.imageUrls.dark)==null?void 0:p.large)||l.imageUrls.default.large);let L=((z=(q=l==null?void 0:l[d==="dark"?"darkImage":"defaultImage"])==null?void 0:q.asset)==null?void 0:z.altText)||((V=(B=l==null?void 0:l[d==="dark"?"darkImage":"defaultImage"])==null?void 0:B.asset)==null?void 0:V.description)||"Card image";const $=()=>l&&b?e.jsx("div",{children:e.jsx(I,{src:b,alt:L,width:600,height:658,priority:!0})}):null,T=e.jsxs(j.Tabs,{defaultIndex:0,orientation:C,theme:Ce,children:[e.jsx(j.Tabs.List,{children:x.map((t,m)=>e.jsx(j.Tabs.Trigger,{index:m,children:t.title},t.title))}),x.map((t,m)=>{var u,w,y,H,D,M,S,G,P,F,E,J,K,Q,W,X,Y,Z,A,O,ee,ae,te,se,le,re,ne,ie,ce,oe,de,me,ue,xe,be;let o;(w=(u=t.content)==null?void 0:u.tabImage)!=null&&w.imageUrls&&(o=d==="dark"?((D=(H=(y=t.content)==null?void 0:y.tabImage)==null?void 0:H.imageUrls.dark)==null?void 0:D.medium)||((S=(M=t.content)==null?void 0:M.tabImage)==null?void 0:S.imageUrls.default.medium):(P=(G=t.content)==null?void 0:G.tabImage)==null?void 0:P.imageUrls.default.medium);let _=((K=(J=(E=(F=t.content)==null?void 0:F.tabImage)==null?void 0:E[d==="dark"?"darkImage":"defaultImage"])==null?void 0:J.asset)==null?void 0:K.altText)||((Y=(X=(W=(Q=t.content)==null?void 0:Q.tabImage)==null?void 0:W[d==="dark"?"darkImage":"defaultImage"])==null?void 0:X.asset)==null?void 0:Y.description)||"Card image";return e.jsx(j.Tabs.Panel,{index:m,children:e.jsxs("div",{className:`${a.tabContent} ${a[C]}`,children:[o&&e.jsx("div",{className:a.tabImage,children:e.jsx(I,{src:o,alt:_,width:250,height:250})}),e.jsxs("div",{className:a.tabText,children:[((Z=t.content)==null?void 0:Z.tabText)&&e.jsx(i.RichText,{blocks:t.content.tabText}),((A=t.content)==null?void 0:A.tabGridItem)&&Array.isArray((O=t.content)==null?void 0:O.tabGridItem)&&e.jsx("div",{className:a.gridItems,children:t.content.tabGridItem.map((r,Ne)=>{var _e,je,he,ke,fe,ge,Te,ve;let Le;return(_e=r==null?void 0:r.itemImage)!=null&&_e.imageUrls&&(o=d==="dark"&&((je=r.itemImage.imageUrls.dark)==null?void 0:je.medium)||r.itemImage.imageUrls.default.medium),(fe=(ke=(he=r==null?void 0:r.itemImage)==null?void 0:he[d==="dark"?"darkImage":"defaultImage"])==null?void 0:ke.asset)!=null&&fe.altText||(ve=(Te=(ge=r==null?void 0:r.itemImage)==null?void 0:ge[d==="dark"?"darkImage":"defaultImage"])==null?void 0:Te.asset)!=null&&ve.description,e.jsxs("div",{className:a.gridItem,children:[Le,r.itemText&&e.jsx(i.RichText,{blocks:r.itemText})]},Ne)})}),h[m]&&h[m]!=="#"&&e.jsx(Re.CallToAction,{as:"a",variant:((ae=(ee=t.content)==null?void 0:ee.tabLink)==null?void 0:ae.variant)??"primary",href:h[m]??"#",target:((le=(se=(te=t.content)==null?void 0:te.tabLink)==null?void 0:se.linkOptions)==null?void 0:le.linkType)==="external"?"_blank":"_self",rel:((ie=(ne=(re=t.content)==null?void 0:re.tabLink)==null?void 0:ne.linkOptions)==null?void 0:ie.linkType)==="external"?"noopener noreferrer":"","aria-label":((oe=(ce=t.content)==null?void 0:ce.tabLink)==null?void 0:oe.ariaLabel)||((me=(de=t.content)==null?void 0:de.tabLink)==null?void 0:me.label),children:(xe=(ue=t.content)==null?void 0:ue.tabLink)==null?void 0:xe.label},m),((be=t.content)==null?void 0:be.tabDisclaimer)&&e.jsx(i.RichText,{blocks:t.content.tabDisclaimer})]})]},m)},t.title)})]});if(f==="split")return e.jsx("section",{className:`${a.tabs} ${k}`,children:e.jsxs("article",{className:a.container,children:[e.jsxs("div",{className:`${a.heading} ${g}`,children:[e.jsxs("div",{children:[s.eyebrow&&e.jsx(i.RichText,{blocks:s.eyebrow}),e.jsx(i.RichText,{className:a.title,blocks:s.title})]}),s.description&&e.jsx(i.RichText,{blocks:s.description}),c&&e.jsx(v.CallToActions,{items:c.items,alignment:c.alignment}),s.disclaimer&&e.jsx(i.RichText,{blocks:s.disclaimer}),e.jsx("div",{className:a.tabsContainer,children:T})]}),$()]})});if(f==="default")return e.jsx("section",{className:`${a.tabs} ${U} ${k}`,children:e.jsxs("article",{className:a.container,children:[$(),e.jsxs("div",{className:`${a.heading} ${g}`,children:[e.jsx(i.RichText,{className:a.title,blocks:s.title}),((s==null?void 0:s.description)||(c==null?void 0:c.items))&&e.jsx("div",{className:a.text,children:s.description&&e.jsx(i.RichText,{blocks:s.description})})]}),e.jsx("div",{className:a.tabsContainer,children:T}),c&&e.jsx(v.CallToActions,{items:c.items,alignment:c.alignment}),s.disclaimer&&e.jsx(i.RichText,{blocks:s.disclaimer})]})});if(f==="full-bleed")return e.jsx("section",{className:`${a.tabs} ${U} ${k} tabsFullBleed`,children:e.jsxs("article",{className:a.container,children:[b&&e.jsx(I,{src:N??"",alt:L,fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}),e.jsxs("div",{className:a.overlay,children:[e.jsxs("div",{className:`${a.heading} ${g}`,children:[e.jsx(i.RichText,{className:a.title,blocks:s.title}),s.description&&e.jsx(i.RichText,{blocks:s.description}),e.jsx("div",{className:a.tabsContainer,children:T})]}),c&&e.jsx(v.CallToActions,{items:c.items,alignment:c.alignment}),s.disclaimer&&e.jsx(i.RichText,{blocks:s.disclaimer})]})]})})}exports.TabsBlock=We;
|
|
@@ -4,8 +4,8 @@ import { useStyleClasses as za } from "../../hooks/useStyleClasses.mjs";
|
|
|
4
4
|
import { C as Ba } from "../../../index-C-E0ib2G.js";
|
|
5
5
|
import { Tabs as h } from "../../../core/components/Tabs/index.mjs";
|
|
6
6
|
import { RichText as i } from "../../ui/PortableTextRenderer/index.mjs";
|
|
7
|
-
import { CallToActions as
|
|
8
|
-
import
|
|
7
|
+
import { CallToActions as N } from "../../ui/CallToActions/index.mjs";
|
|
8
|
+
import U from "next/image";
|
|
9
9
|
import { resolveLinkURL as Va } from "../../utils/resolveLinkUrl.mjs";
|
|
10
10
|
import { useTheme as wa } from "../../contexts/ThemeContext.mjs";
|
|
11
11
|
import '../../../assets/index4.css';const Ha = "_tabs_aumj8_1", Da = "_container_aumj8_7", Ga = "_heading_aumj8_25", Ma = "_text_aumj8_32", ya = "_headingHorizontal_aumj8_46", Fa = "_title_aumj8_54", Pa = "_headingVertical_aumj8_64", Ra = "_tabContent_aumj8_74", Sa = "_vertical_aumj8_97", Ea = "_tabsContainer_aumj8_69", qa = "_tabImage_aumj8_112", Ja = "_tabText_aumj8_120", Ka = "_gridItems_aumj8_141", Qa = "_gridItem_aumj8_141", Wa = "_fullBleed_aumj8_181", Xa = "_overlay_aumj8_206", e = {
|
|
@@ -35,7 +35,7 @@ function ce({
|
|
|
35
35
|
styleOptions: s
|
|
36
36
|
}) {
|
|
37
37
|
var z, B, V, w, H, D;
|
|
38
|
-
const [
|
|
38
|
+
const [g, Ua] = $a([]), { mode: d } = wa();
|
|
39
39
|
Ta(() => {
|
|
40
40
|
async function t() {
|
|
41
41
|
const u = await Promise.all(
|
|
@@ -46,11 +46,11 @@ function ce({
|
|
|
46
46
|
}
|
|
47
47
|
)
|
|
48
48
|
);
|
|
49
|
-
|
|
49
|
+
Ua(u);
|
|
50
50
|
}
|
|
51
51
|
t();
|
|
52
52
|
}, [f]);
|
|
53
|
-
const
|
|
53
|
+
const v = za(s), I = (s == null ? void 0 : s.layout) ?? "default", p = {
|
|
54
54
|
horizontal: e.headingHorizontal,
|
|
55
55
|
vertical: e.headingVertical
|
|
56
56
|
}[r.headingLayout ?? "horizontal"], j = {
|
|
@@ -68,9 +68,9 @@ function ce({
|
|
|
68
68
|
}[(s == null ? void 0 : s.theme) ?? "themeDefault"];
|
|
69
69
|
let k, L;
|
|
70
70
|
l != null && l.imageUrls && (k = d === "dark" && ((z = l.imageUrls.dark) == null ? void 0 : z.medium) || l.imageUrls.default.medium, L = d === "dark" && ((B = l.imageUrls.dark) == null ? void 0 : B.large) || l.imageUrls.default.large);
|
|
71
|
-
let $ = ((w = (V = l == null ? void 0 : l[d === "dark" ? "darkImage" : "
|
|
71
|
+
let $ = ((w = (V = l == null ? void 0 : l[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : V.asset) == null ? void 0 : w.altText) || ((D = (H = l == null ? void 0 : l[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : H.asset) == null ? void 0 : D.description) || "Card image";
|
|
72
72
|
const T = () => l && k ? /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
|
|
73
|
-
|
|
73
|
+
U,
|
|
74
74
|
{
|
|
75
75
|
src: k,
|
|
76
76
|
alt: $,
|
|
@@ -78,20 +78,20 @@ function ce({
|
|
|
78
78
|
height: 658,
|
|
79
79
|
priority: !0
|
|
80
80
|
}
|
|
81
|
-
) }) : null,
|
|
81
|
+
) }) : null, x = /* @__PURE__ */ o(h, { defaultIndex: 0, orientation: C, theme: ja, children: [
|
|
82
82
|
/* @__PURE__ */ a(h.List, { children: f.map((t, u) => /* @__PURE__ */ a(h.Trigger, { index: u, children: t.title }, t.title)) }),
|
|
83
83
|
f.map((t, u) => {
|
|
84
84
|
var b, G, M, y, F, P, R, S, E, q, J, K, Q, W, X, Y, Z, A, O, aa, ea, ta, ra, la, na, sa, ia, ca, oa, ma, da, ua, ba, fa, ka;
|
|
85
85
|
let m;
|
|
86
86
|
(G = (b = t.content) == null ? void 0 : b.tabImage) != null && G.imageUrls && (m = d === "dark" ? ((F = (y = (M = t.content) == null ? void 0 : M.tabImage) == null ? void 0 : y.imageUrls.dark) == null ? void 0 : F.medium) || ((R = (P = t.content) == null ? void 0 : P.tabImage) == null ? void 0 : R.imageUrls.default.medium) : (E = (S = t.content) == null ? void 0 : S.tabImage) == null ? void 0 : E.imageUrls.default.medium);
|
|
87
|
-
let _ = ((Q = (K = (J = (q = t.content) == null ? void 0 : q.tabImage) == null ? void 0 : J[d === "dark" ? "darkImage" : "
|
|
87
|
+
let _ = ((Q = (K = (J = (q = t.content) == null ? void 0 : q.tabImage) == null ? void 0 : J[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : K.asset) == null ? void 0 : Q.altText) || ((Z = (Y = (X = (W = t.content) == null ? void 0 : W.tabImage) == null ? void 0 : X[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : Y.asset) == null ? void 0 : Z.description) || "Card image";
|
|
88
88
|
return /* @__PURE__ */ a(h.Panel, { index: u, children: /* @__PURE__ */ o(
|
|
89
89
|
"div",
|
|
90
90
|
{
|
|
91
91
|
className: `${e.tabContent} ${e[C]}`,
|
|
92
92
|
children: [
|
|
93
93
|
m && /* @__PURE__ */ a("div", { className: e.tabImage, children: /* @__PURE__ */ a(
|
|
94
|
-
|
|
94
|
+
U,
|
|
95
95
|
{
|
|
96
96
|
src: m,
|
|
97
97
|
alt: _,
|
|
@@ -102,19 +102,19 @@ function ce({
|
|
|
102
102
|
/* @__PURE__ */ o("div", { className: e.tabText, children: [
|
|
103
103
|
((A = t.content) == null ? void 0 : A.tabText) && /* @__PURE__ */ a(i, { blocks: t.content.tabText }),
|
|
104
104
|
((O = t.content) == null ? void 0 : O.tabGridItem) && Array.isArray((aa = t.content) == null ? void 0 : aa.tabGridItem) && /* @__PURE__ */ a("div", { className: e.gridItems, children: t.content.tabGridItem.map((n, Ca) => {
|
|
105
|
-
var _a, ha, va,
|
|
105
|
+
var _a, ha, ga, va, Ia, pa, xa, Na;
|
|
106
106
|
let La;
|
|
107
|
-
return (_a = n == null ? void 0 : n.itemImage) != null && _a.imageUrls && (m = d === "dark" && ((ha = n.itemImage.imageUrls.dark) == null ? void 0 : ha.medium) || n.itemImage.imageUrls.default.medium), (
|
|
107
|
+
return (_a = n == null ? void 0 : n.itemImage) != null && _a.imageUrls && (m = d === "dark" && ((ha = n.itemImage.imageUrls.dark) == null ? void 0 : ha.medium) || n.itemImage.imageUrls.default.medium), (Ia = (va = (ga = n == null ? void 0 : n.itemImage) == null ? void 0 : ga[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : va.asset) != null && Ia.altText || (Na = (xa = (pa = n == null ? void 0 : n.itemImage) == null ? void 0 : pa[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : xa.asset) != null && Na.description, /* @__PURE__ */ o("div", { className: e.gridItem, children: [
|
|
108
108
|
La,
|
|
109
109
|
n.itemText && /* @__PURE__ */ a(i, { blocks: n.itemText })
|
|
110
110
|
] }, Ca);
|
|
111
111
|
}) }),
|
|
112
|
-
|
|
112
|
+
g[u] && g[u] !== "#" && /* @__PURE__ */ a(
|
|
113
113
|
Ba,
|
|
114
114
|
{
|
|
115
115
|
as: "a",
|
|
116
116
|
variant: ((ta = (ea = t.content) == null ? void 0 : ea.tabLink) == null ? void 0 : ta.variant) ?? "primary",
|
|
117
|
-
href:
|
|
117
|
+
href: g[u] ?? "#",
|
|
118
118
|
target: ((na = (la = (ra = t.content) == null ? void 0 : ra.tabLink) == null ? void 0 : la.linkOptions) == null ? void 0 : na.linkType) === "external" ? "_blank" : "_self",
|
|
119
119
|
rel: ((ca = (ia = (sa = t.content) == null ? void 0 : sa.tabLink) == null ? void 0 : ia.linkOptions) == null ? void 0 : ca.linkType) === "external" ? "noopener noreferrer" : "",
|
|
120
120
|
"aria-label": ((ma = (oa = t.content) == null ? void 0 : oa.tabLink) == null ? void 0 : ma.ariaLabel) || ((ua = (da = t.content) == null ? void 0 : da.tabLink) == null ? void 0 : ua.label),
|
|
@@ -130,36 +130,36 @@ function ce({
|
|
|
130
130
|
) }, t.title);
|
|
131
131
|
})
|
|
132
132
|
] });
|
|
133
|
-
if (
|
|
134
|
-
return /* @__PURE__ */ a("section", { className: `${e.tabs} ${
|
|
135
|
-
/* @__PURE__ */ o("div", { className: `${e.heading} ${
|
|
133
|
+
if (I === "split")
|
|
134
|
+
return /* @__PURE__ */ a("section", { className: `${e.tabs} ${v}`, children: /* @__PURE__ */ o("article", { className: e.container, children: [
|
|
135
|
+
/* @__PURE__ */ o("div", { className: `${e.heading} ${p}`, children: [
|
|
136
136
|
/* @__PURE__ */ o("div", { children: [
|
|
137
137
|
r.eyebrow && /* @__PURE__ */ a(i, { blocks: r.eyebrow }),
|
|
138
138
|
/* @__PURE__ */ a(i, { className: e.title, blocks: r.title })
|
|
139
139
|
] }),
|
|
140
140
|
r.description && /* @__PURE__ */ a(i, { blocks: r.description }),
|
|
141
141
|
c && /* @__PURE__ */ a(
|
|
142
|
-
|
|
142
|
+
N,
|
|
143
143
|
{
|
|
144
144
|
items: c.items,
|
|
145
145
|
alignment: c.alignment
|
|
146
146
|
}
|
|
147
147
|
),
|
|
148
148
|
r.disclaimer && /* @__PURE__ */ a(i, { blocks: r.disclaimer }),
|
|
149
|
-
/* @__PURE__ */ a("div", { className: e.tabsContainer, children:
|
|
149
|
+
/* @__PURE__ */ a("div", { className: e.tabsContainer, children: x })
|
|
150
150
|
] }),
|
|
151
151
|
T()
|
|
152
152
|
] }) });
|
|
153
|
-
if (
|
|
154
|
-
return /* @__PURE__ */ a("section", { className: `${e.tabs} ${j} ${
|
|
153
|
+
if (I === "default")
|
|
154
|
+
return /* @__PURE__ */ a("section", { className: `${e.tabs} ${j} ${v}`, children: /* @__PURE__ */ o("article", { className: e.container, children: [
|
|
155
155
|
T(),
|
|
156
|
-
/* @__PURE__ */ o("div", { className: `${e.heading} ${
|
|
156
|
+
/* @__PURE__ */ o("div", { className: `${e.heading} ${p}`, children: [
|
|
157
157
|
/* @__PURE__ */ a(i, { className: e.title, blocks: r.title }),
|
|
158
158
|
((r == null ? void 0 : r.description) || (c == null ? void 0 : c.items)) && /* @__PURE__ */ a("div", { className: e.text, children: r.description && /* @__PURE__ */ a(i, { blocks: r.description }) })
|
|
159
159
|
] }),
|
|
160
|
-
/* @__PURE__ */ a("div", { className: e.tabsContainer, children:
|
|
160
|
+
/* @__PURE__ */ a("div", { className: e.tabsContainer, children: x }),
|
|
161
161
|
c && /* @__PURE__ */ a(
|
|
162
|
-
|
|
162
|
+
N,
|
|
163
163
|
{
|
|
164
164
|
items: c.items,
|
|
165
165
|
alignment: c.alignment
|
|
@@ -167,14 +167,14 @@ function ce({
|
|
|
167
167
|
),
|
|
168
168
|
r.disclaimer && /* @__PURE__ */ a(i, { blocks: r.disclaimer })
|
|
169
169
|
] }) });
|
|
170
|
-
if (
|
|
170
|
+
if (I === "full-bleed")
|
|
171
171
|
return /* @__PURE__ */ a(
|
|
172
172
|
"section",
|
|
173
173
|
{
|
|
174
|
-
className: `${e.tabs} ${j} ${
|
|
174
|
+
className: `${e.tabs} ${j} ${v} tabsFullBleed`,
|
|
175
175
|
children: /* @__PURE__ */ o("article", { className: e.container, children: [
|
|
176
176
|
k && /* @__PURE__ */ a(
|
|
177
|
-
|
|
177
|
+
U,
|
|
178
178
|
{
|
|
179
179
|
src: L ?? "",
|
|
180
180
|
alt: $,
|
|
@@ -186,13 +186,13 @@ function ce({
|
|
|
186
186
|
}
|
|
187
187
|
),
|
|
188
188
|
/* @__PURE__ */ o("div", { className: e.overlay, children: [
|
|
189
|
-
/* @__PURE__ */ o("div", { className: `${e.heading} ${
|
|
189
|
+
/* @__PURE__ */ o("div", { className: `${e.heading} ${p}`, children: [
|
|
190
190
|
/* @__PURE__ */ a(i, { className: e.title, blocks: r.title }),
|
|
191
191
|
r.description && /* @__PURE__ */ a(i, { blocks: r.description }),
|
|
192
|
-
/* @__PURE__ */ a("div", { className: e.tabsContainer, children:
|
|
192
|
+
/* @__PURE__ */ a("div", { className: e.tabsContainer, children: x })
|
|
193
193
|
] }),
|
|
194
194
|
c && /* @__PURE__ */ a(
|
|
195
|
-
|
|
195
|
+
N,
|
|
196
196
|
{
|
|
197
197
|
items: c.items,
|
|
198
198
|
alignment: c.alignment
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index25.css');const e=require("react/jsx-runtime"),L=require("react"),l=require("../../ui/PortableTextRenderer/index.cjs"),F=require("next/image"),N=require("../../../core/components/Modal/index.cjs"),O=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),D=require("../../contexts/ThemeContext.cjs"),E=require("../../../play-CQBnZgNa.cjs"),Q=require("../../../arrow-right-DO6S4vfx.cjs"),G="_cardLink_kigot_1",H="_card_kigot_1",J="_container_kigot_20",K="_image_kigot_35",W="_content_kigot_51",X="_imageTop_kigot_55",Y="_imageLeft_kigot_62",Z="_modalTrigger_kigot_102",V="_callToAction_kigot_107",T="_label_kigot_108",A="_cardIcon_kigot_113",ee="_title_kigot_120",se="_icon_kigot_143",r={cardLink:G,card:H,container:J,image:K,content:W,imageTop:X,imageLeft:Y,modalTrigger:Z,callToAction:V,label:T,cardIcon:A,title:ee,icon:se};function re({style:z,variant:x,metricValue:_,eyebrow:u,title:m,description:g,image:t,callToAction:s,onHover:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index25.css');const e=require("react/jsx-runtime"),L=require("react"),l=require("../../ui/PortableTextRenderer/index.cjs"),F=require("next/image"),N=require("../../../core/components/Modal/index.cjs"),O=require("../../utils/resolveLinkUrl.cjs"),S=require("../../hooks/useMediaQuery.cjs"),D=require("../../contexts/ThemeContext.cjs"),E=require("../../../play-CQBnZgNa.cjs"),Q=require("../../../arrow-right-DO6S4vfx.cjs"),G="_cardLink_kigot_1",H="_card_kigot_1",J="_container_kigot_20",K="_image_kigot_35",W="_content_kigot_51",X="_imageTop_kigot_55",Y="_imageLeft_kigot_62",Z="_modalTrigger_kigot_102",V="_callToAction_kigot_107",T="_label_kigot_108",A="_cardIcon_kigot_113",ee="_title_kigot_120",se="_icon_kigot_143",r={cardLink:G,card:H,container:J,image:K,content:W,imageTop:X,imageLeft:Y,modalTrigger:Z,callToAction:V,label:T,cardIcon:A,title:ee,icon:se};function re({style:z,variant:x,metricValue:_,eyebrow:u,title:m,description:g,image:t,callToAction:s,onHover:I,onLeave:U,gridArea:k}){var f,v,p,y,b;const[h,q]=L.useState(void 0),{mode:a}=D.useTheme();L.useEffect(()=>{async function n(){if((s==null?void 0:s.type)==="link"||(s==null?void 0:s.type)==="download"){const i=await O.resolveLinkURL(s);q(i)}}n()},[s]);const M=S.useMediaQuery("(max-width: 768px)"),w={"image-left":r.imageLeft,"image-top":r.imageTop}[z||"text"];let d;t!=null&&t.imageUrls&&(d=a==="dark"&&((f=t.imageUrls.dark)==null?void 0:f.medium)||t.imageUrls.default.medium);let R=((p=(v=t==null?void 0:t[a==="dark"?"darkImage":"defaultImage"])==null?void 0:v.asset)==null?void 0:p.altText)||((b=(y=t==null?void 0:t[a==="dark"?"darkImage":"defaultImage"])==null?void 0:y.asset)==null?void 0:b.description)||"Card image";const $=e.jsx(e.Fragment,{children:t&&d?e.jsx("div",{className:r.image,children:e.jsx(F,{src:d,alt:R,width:600,height:658,priority:!0})}):null}),C=({value:n})=>{if(n&&n.includes("%")){const c=2*Math.PI*57.5,P=c-parseFloat(n)/100*c;return e.jsxs("svg",{width:125,height:125,viewBox:"0 0 125 125",children:[e.jsx("circle",{cx:125/2,cy:125/2,r:57.5,fill:"none"}),e.jsx("circle",{cx:125/2,cy:125/2,r:57.5,fill:"none",strokeDasharray:c,strokeDashoffset:P,strokeLinecap:"round",transform:`rotate(-90 ${125/2} ${125/2})`}),e.jsx("text",{x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:n})]})}return e.jsx("div",{})},j=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:r.container,children:[x!=="image"&&e.jsxs("div",{className:r.content,children:[e.jsxs("div",{children:[_&&e.jsx(C,{value:_}),u&&e.jsx(l.RichText,{blocks:u}),m&&e.jsx(l.RichText,{className:r.title,blocks:m})]}),g&&e.jsx(l.RichText,{blocks:g})]}),$]}),(s==null?void 0:s.videoUrl)&&e.jsxs("div",{className:r.callToAction,children:[e.jsx("div",{className:r.label,children:s.label}),e.jsx("div",{className:r.cardIcon,children:e.jsx(E.Play,{size:45})})]}),(s==null?void 0:s.type)==="link"&&e.jsxs("div",{className:r.callToAction,children:[e.jsx("div",{className:r.label,children:s.label}),e.jsx("div",{className:r.cardIcon,children:e.jsx(Q.ArrowRight,{size:45})})]})]}),B=({children:n})=>{var i,o;switch(s==null?void 0:s.type){case"link":return e.jsx("a",{className:r.cardLink,"aria-label":s.ariaLabel||s.label,href:h,target:((i=s.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((o=s.linkOptions)==null?void 0:o.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return e.jsx(N.Modal,{className:r.modalTrigger,trigger:n,content:s.modalContent});case"video":return e.jsx(N.Modal,{className:r.modalTrigger,trigger:n,content:e.jsx("video",{src:s.videoUrl,controls:!0,autoPlay:!0})});case"download":return e.jsx("a",{className:r.cardLink,"aria-label":s.ariaLabel||s.label,href:h,download:!0,target:"_blank",rel:"noopener noreferrer",children:n})}};return e.jsx("div",{className:`${r.card} ${w??""} ${r[x]}`,onMouseEnter:I,onMouseLeave:U,style:k&&!M?{gridArea:k}:{},children:(s==null?void 0:s.type)!=="none"?e.jsx(B,{children:j}):e.jsx(e.Fragment,{children:j})})}exports.BioCard=re;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as c, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as F, useEffect as O } from "react";
|
|
3
|
-
import { RichText as
|
|
3
|
+
import { RichText as g } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
4
|
import Q from "next/image";
|
|
5
5
|
import { Modal as I } from "../../../core/components/Modal/index.mjs";
|
|
6
6
|
import { resolveLinkURL as S } from "../../utils/resolveLinkUrl.mjs";
|
|
@@ -25,8 +25,8 @@ import '../../../assets/index25.css';const K = "_cardLink_kigot_1", W = "_card_k
|
|
|
25
25
|
};
|
|
26
26
|
function fe({
|
|
27
27
|
style: U,
|
|
28
|
-
variant:
|
|
29
|
-
metricValue:
|
|
28
|
+
variant: _,
|
|
29
|
+
metricValue: k,
|
|
30
30
|
eyebrow: f,
|
|
31
31
|
title: u,
|
|
32
32
|
description: h,
|
|
@@ -59,7 +59,7 @@ function fe({
|
|
|
59
59
|
}[U || "text"];
|
|
60
60
|
let o;
|
|
61
61
|
t != null && t.imageUrls && (o = d === "dark" && ((y = t.imageUrls.dark) == null ? void 0 : y.medium) || t.imageUrls.default.medium);
|
|
62
|
-
let P = ((L = (x = t == null ? void 0 : t[d === "dark" ? "darkImage" : "
|
|
62
|
+
let P = ((L = (x = t == null ? void 0 : t[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : x.asset) == null ? void 0 : L.altText) || ((z = (N = t == null ? void 0 : t[d === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : N.asset) == null ? void 0 : z.description) || "Card image";
|
|
63
63
|
const R = /* @__PURE__ */ r(c, { children: t && o ? /* @__PURE__ */ r("div", { className: s.image, children: /* @__PURE__ */ r(
|
|
64
64
|
Q,
|
|
65
65
|
{
|
|
@@ -93,13 +93,13 @@ function fe({
|
|
|
93
93
|
return /* @__PURE__ */ r("div", {});
|
|
94
94
|
}, b = /* @__PURE__ */ a(c, { children: [
|
|
95
95
|
/* @__PURE__ */ a("div", { className: s.container, children: [
|
|
96
|
-
|
|
96
|
+
_ !== "image" && /* @__PURE__ */ a("div", { className: s.content, children: [
|
|
97
97
|
/* @__PURE__ */ a("div", { children: [
|
|
98
|
-
|
|
99
|
-
f && /* @__PURE__ */ r(
|
|
100
|
-
u && /* @__PURE__ */ r(
|
|
98
|
+
k && /* @__PURE__ */ r(j, { value: k }),
|
|
99
|
+
f && /* @__PURE__ */ r(g, { blocks: f }),
|
|
100
|
+
u && /* @__PURE__ */ r(g, { className: s.title, blocks: u })
|
|
101
101
|
] }),
|
|
102
|
-
h && /* @__PURE__ */ r(
|
|
102
|
+
h && /* @__PURE__ */ r(g, { blocks: h })
|
|
103
103
|
] }),
|
|
104
104
|
R
|
|
105
105
|
] }),
|
|
@@ -162,7 +162,7 @@ function fe({
|
|
|
162
162
|
return /* @__PURE__ */ r(
|
|
163
163
|
"div",
|
|
164
164
|
{
|
|
165
|
-
className: `${s.card} ${B ?? ""} ${s[
|
|
165
|
+
className: `${s.card} ${B ?? ""} ${s[_]}`,
|
|
166
166
|
onMouseEnter: w,
|
|
167
167
|
onMouseLeave: M,
|
|
168
168
|
style: p && !C ? { gridArea: p } : {},
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const $=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],w=E.createLucideIcon("arrow-up-right",$),U="_item_tofjr_1",q="_itemImage_tofjr_14",L="_itemTitle_tofjr_20",P="_callToAction_tofjr_26",z="_icon_tofjr_33",M="_single_tofjr_39",B="_first_tofjr_40",S="_itemContent_tofjr_41",W="_itemExcerpt_tofjr_113",O="_imagePlaceholder_tofjr_179",R="_category_tofjr_223",D="_itemEyebrow_tofjr_242",i={item:U,itemImage:q,itemTitle:L,callToAction:P,icon:z,single:M,first:B,itemContent:S,itemExcerpt:W,imagePlaceholder:O,category:R,itemEyebrow:D};function F({article:e,className:p="",index:I,layout:v,limit:T}){var
|
|
6
|
+
*/const $=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],w=E.createLucideIcon("arrow-up-right",$),U="_item_tofjr_1",q="_itemImage_tofjr_14",L="_itemTitle_tofjr_20",P="_callToAction_tofjr_26",z="_icon_tofjr_33",M="_single_tofjr_39",B="_first_tofjr_40",S="_itemContent_tofjr_41",W="_itemExcerpt_tofjr_113",O="_imagePlaceholder_tofjr_179",R="_category_tofjr_223",D="_itemEyebrow_tofjr_242",i={item:U,itemImage:q,itemTitle:L,callToAction:P,icon:z,single:M,first:B,itemContent:S,itemExcerpt:W,imagePlaceholder:O,category:R,itemEyebrow:D};function F({article:e,className:p="",index:I,layout:v,limit:T}){var l,d,g,_,u,f,x,h,j,y;const k=`/blog/articles/${e.slug.current}`,{mode:a}=A.useTheme();let c;(l=e.featuredImage)!=null&&l.imageUrls&&(c=a==="dark"&&((d=e.featuredImage.imageUrls.dark)==null?void 0:d.medium)||e.featuredImage.imageUrls.default.medium);let N=((u=(_=(g=e.featuredImage)==null?void 0:g[a==="dark"?"darkImage":"defaultImage"])==null?void 0:_.asset)==null?void 0:u.altText)||((h=(x=(f=e.featuredImage)==null?void 0:f[a==="dark"?"darkImage":"defaultImage"])==null?void 0:x.asset)==null?void 0:h.description)||"Card image";const n=((j=e.categories)==null?void 0:j.find(o=>{var r,s;return!((s=(r=o.slug)==null?void 0:r.current)!=null&&s.startsWith("library/type"))}))??null,m=((y=e.categories)==null?void 0:y.find(o=>{var r,s;return(s=(r=o.slug)==null?void 0:r.current)==null?void 0:s.startsWith("library/type")}))??null;return t.jsxs(b.LocaleLink,{href:k,className:`${i.item} ${p??""} ${I===0?i.first:""} ${T===1?i.single:""} ${v}`,children:[t.jsxs("div",{className:i.itemImage,children:[m&&t.jsx("div",{className:i.category,children:m.title}),e.featuredImage&&e.featuredImage.imageUrls?t.jsx(C,{src:c??"",alt:N,fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:!0}):t.jsx("div",{className:i.imagePlaceholder})]}),t.jsxs("div",{className:i.itemContent,children:[n&&t.jsx("div",{className:i.itemEyebrow,children:n.title}),t.jsxs("div",{className:i.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:i.callToAction,children:t.jsx("div",{className:i.icon,children:t.jsx(w,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:i.itemExcerpt,children:e.excerpt})]})]})}exports.BlogArticleCard=F;
|
|
@@ -37,7 +37,7 @@ function V({
|
|
|
37
37
|
const k = `/blog/articles/${e.slug.current}`, { mode: m } = w();
|
|
38
38
|
let c;
|
|
39
39
|
(d = e.featuredImage) != null && d.imageUrls && (c = m === "dark" && ((g = e.featuredImage.imageUrls.dark) == null ? void 0 : g.medium) || e.featuredImage.imageUrls.default.medium);
|
|
40
|
-
let C = ((u = (_ = (f = e.featuredImage) == null ? void 0 : f[m === "dark" ? "darkImage" : "
|
|
40
|
+
let C = ((u = (_ = (f = e.featuredImage) == null ? void 0 : f[m === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : _.asset) == null ? void 0 : u.altText) || ((y = (p = (h = e.featuredImage) == null ? void 0 : h[m === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : p.asset) == null ? void 0 : y.description) || "Card image";
|
|
41
41
|
const l = ((I = e.categories) == null ? void 0 : I.find(
|
|
42
42
|
(s) => {
|
|
43
43
|
var r, a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),B=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),B=require("react"),f=require("../../ui/PortableTextRenderer/index.cjs"),Q=require("next/image"),R=require("../../../core/components/Modal/index.cjs"),H=require("../../utils/resolveLinkUrl.cjs"),J=require("../../hooks/useMediaQuery.cjs"),K=require("../../hooks/useStyleClasses.cjs"),X=require("../../contexts/ThemeContext.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const Y=require("../../../play-CQBnZgNa.cjs"),Z=require("../../../arrow-right-DO6S4vfx.cjs"),V="_cardLink_1lsx6_1",T="_card_1lsx6_1",A="_container_1lsx6_20",ee="_icon_1lsx6_30",se="_modalTrigger_1lsx6_52",te="_callToAction_1lsx6_57",re="_label_1lsx6_58",ne="_cardIcon_1lsx6_63",le="_title_1lsx6_70",ae="_description_1lsx6_93",oe="_imageWrapper_1lsx6_108",ie="_metric_1lsx6_193",ce="_content_1lsx6_194",de="_outerCircle_1lsx6_210",_e="_innerCircle_1lsx6_215",xe="_metricLabel_1lsx6_221",ue="_textOnly_1lsx6_229",he="_fullBleed_1lsx6_261",me="_imageTop_1lsx6_302",fe="_imageBottom_1lsx6_323",pe="_imageLeft_1lsx6_350",ye="_imageRight_1lsx6_360",je="_containImage_1lsx6_410",be="_fullBleedImage_1lsx6_414",ke="_image_1lsx6_108",ve="_eyebrow_1lsx6_505",Ne="_cta_1lsx6_517",Ie="_secondary_1lsx6_518",t={cardLink:V,card:T,container:A,icon:ee,modalTrigger:se,callToAction:te,label:re,cardIcon:ne,title:le,description:ae,imageWrapper:oe,metric:ie,content:ce,outerCircle:de,innerCircle:_e,metricLabel:xe,textOnly:ue,fullBleed:he,imageTop:me,imageBottom:fe,imageLeft:pe,imageRight:ye,containImage:je,fullBleedImage:be,image:ke,eyebrow:ve,cta:Ne,secondary:Ie};function Le({style:z,variant:p="noImage",metricValue:i,eyebrow:c,title:d,description:_,image:e,icon:y,callToAction:r,onHover:$,onLeave:q,gridArea:j,styleOptions:g}){var v,N,I,L,w,C;const[b,U]=B.useState(void 0),{mode:x}=X.useTheme(),M=K.useStyleClasses(g);B.useEffect(()=>{async function n(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const a=await H.resolveLinkURL(r);U(a)}}n()},[r]);const o=J.useMediaQuery("(max-width: 768px)"),F=((v=e==null?void 0:e.defaultImage)==null?void 0:v.asset)&&(e==null?void 0:e.layout)==="cover",l={};if((e==null?void 0:e.layout)==="cover")l.objectFit="cover",e!=null&&e.position&&(l.objectPosition=o?"top":e==null?void 0:e.position);else if((e==null?void 0:e.layout)==="contain"){if(l.objectFit="contain",(e==null?void 0:e.width)==="half"?l.width=o?"100%":"50%":(e==null?void 0:e.width)==="inset"?(l.width=o?"100%":"75%",l.maxWidth=e.maxWidth??"unset"):l.width="100%",e!=null&&e.aspectRatio){const[n,a]=e==null?void 0:e.aspectRatio.split(":").map(Number);l.aspectRatio=`${n}/${a}`}}else l.objectFit="none";const O={"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}[z||"text"];let u;e!=null&&e.imageUrls&&(u=x==="dark"&&((N=e.imageUrls.dark)==null?void 0:N.medium)||e.imageUrls.default.medium);let P=((L=(I=e==null?void 0:e[x==="dark"?"darkImage":"defaultImage"])==null?void 0:I.asset)==null?void 0:L.altText)||((C=(w=e==null?void 0:e[x==="dark"?"darkImage":"defaultImage"])==null?void 0:w.asset)==null?void 0:C.description)||"Card image";const S=s.jsx(s.Fragment,{children:e&&u?s.jsx("div",{className:t.imageWrapper,children:s.jsx(Q,{src:u,alt:P,width:600,height:658,priority:!1,style:l})}):null}),W=({value:n})=>{if(n&&n.includes("%")){const m=2*Math.PI*57.5,G=m-parseFloat(n)/100*m;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:m,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})},D=!i&&!c&&!d&&!_,k=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${t.container} ${F?t.fullBleedImage:t.containImage} `,children:[p!=="image"&&!D&&s.jsxs("div",{className:t.content,children:[y&&s.jsx("div",{className:t.icon,children:s.jsx("i",{className:y})}),i&&s.jsx(W,{value:i}),c&&s.jsx(f.RichText,{className:t.eyebrow,blocks:c}),d&&s.jsx(f.RichText,{className:t.title,blocks:d}),_&&s.jsx(f.RichText,{className:t.description,blocks:_})]}),S]}),(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(Y.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(Z.ArrowRight,{size:45})})]})]}),E=({children:n})=>{var a,h;switch(r==null?void 0:r.type){case"link":return s.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:b,target:((a=r.linkOptions)==null?void 0:a.linkType)==="external"?"_blank":"_self",rel:((h=r.linkOptions)==null?void 0:h.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(R.Modal,{className:t.modalTrigger,trigger:n,content:r.modalContent});case"video":return s.jsx(R.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:b,download:!0,target:"_blank",rel:"noopener noreferrer",children:n})}};return s.jsx("div",{className:`${M} ${t.card} ${O??""} ${t[p]}`,onMouseEnter:$,onMouseLeave:q,style:j&&!o?{gridArea:j}:{},children:(r==null?void 0:r.type)!=="none"?s.jsx(E,{children:k}):s.jsx(s.Fragment,{children:k})})}exports.GridCard=Le;
|