quirk-ui 0.0.521 → 0.0.523
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/core/components/NavBar/index.cjs +4 -4
- package/dist/core/components/NavBar/index.mjs +95 -95
- package/dist/core.d.ts +5 -0
- package/dist/main.d.ts +63 -22
- package/dist/next/blocks/ContentBlock/index.cjs +1 -1
- package/dist/next/blocks/ContentBlock/index.mjs +57 -49
- package/dist/next/blocks/StickyScrollBlock/index.cjs +1 -1
- package/dist/next/blocks/StickyScrollBlock/index.mjs +36 -36
- package/dist/next/blocks/TabsBlock/index.cjs +1 -1
- package/dist/next/blocks/TabsBlock/index.mjs +63 -60
- package/dist/next/cards/BioCard/index.cjs +1 -1
- package/dist/next/cards/BioCard/index.mjs +50 -49
- package/dist/next/cards/BlogArticleCard/index.cjs +1 -1
- package/dist/next/cards/BlogArticleCard/index.mjs +6 -6
- package/dist/next/cards/GridCard/index.cjs +1 -1
- package/dist/next/cards/GridCard/index.mjs +38 -38
- package/dist/next/cards/ProductCard/index.cjs +1 -1
- package/dist/next/cards/ProductCard/index.mjs +9 -9
- package/dist/next/cards/ReviewCard/index.cjs +1 -1
- package/dist/next/cards/ReviewCard/index.mjs +31 -31
- package/dist/next/cards/SegmentCard/index.cjs +1 -1
- package/dist/next/cards/SegmentCard/index.mjs +42 -41
- package/dist/next/cards/SpotlightCard/index.cjs +1 -1
- package/dist/next/cards/SpotlightCard/index.mjs +24 -24
- package/dist/next/cards/TestimonialCard/index.cjs +1 -1
- package/dist/next/cards/TestimonialCard/index.mjs +35 -35
- package/dist/next/ui/PortableTextRenderer/index.cjs +1 -1
- package/dist/next/ui/PortableTextRenderer/index.mjs +17 -17
- package/dist/next.d.ts +58 -22
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r, Fragment as w, jsxs as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as W, useEffect as g } from "react";
|
|
3
3
|
import { RichText as h } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
4
|
import P from "next/image";
|
|
@@ -9,7 +9,7 @@ import { useStyleClasses as E } from "../../hooks/useStyleClasses.mjs";
|
|
|
9
9
|
import "@fortawesome/fontawesome-free/css/all.min.css";
|
|
10
10
|
import { P as G } from "../../../play-DYgKiSaf.js";
|
|
11
11
|
import { A as Q } from "../../../arrow-right-QEwnX3Sk.js";
|
|
12
|
-
import '../../../assets/index19.css';const q = "_cardLink_1w006_1", H = "_card_1w006_1", J = "_container_1w006_20", K = "_icon_1w006_30", X = "_modalTrigger_1w006_52", Y = "_callToAction_1w006_57", Z = "_label_1w006_58", V = "_cardIcon_1w006_63", T = "_title_1w006_70", A = "_description_1w006_93", ee = "_imageWrapper_1w006_108", te = "_metric_1w006_193",
|
|
12
|
+
import '../../../assets/index19.css';const q = "_cardLink_1w006_1", H = "_card_1w006_1", J = "_container_1w006_20", K = "_icon_1w006_30", X = "_modalTrigger_1w006_52", Y = "_callToAction_1w006_57", Z = "_label_1w006_58", V = "_cardIcon_1w006_63", T = "_title_1w006_70", A = "_description_1w006_93", ee = "_imageWrapper_1w006_108", te = "_metric_1w006_193", se = "_content_1w006_194", re = "_outerCircle_1w006_210", ne = "_innerCircle_1w006_215", oe = "_metricLabel_1w006_221", ie = "_textOnly_1w006_229", ae = "_fullBleed_1w006_261", ce = "_imageTop_1w006_302", le = "_imageBottom_1w006_323", de = "_imageLeft_1w006_350", _e = "_imageRight_1w006_360", me = "_containImage_1w006_410", fe = "_fullBleedImage_1w006_414", pe = "_image_1w006_108", we = "_eyebrow_1w006_501", he = "_cta_1w006_513", ue = "_secondary_1w006_514", t = {
|
|
13
13
|
cardLink: q,
|
|
14
14
|
card: H,
|
|
15
15
|
container: J,
|
|
@@ -22,8 +22,8 @@ import '../../../assets/index19.css';const q = "_cardLink_1w006_1", H = "_card_1
|
|
|
22
22
|
description: A,
|
|
23
23
|
imageWrapper: ee,
|
|
24
24
|
metric: te,
|
|
25
|
-
content:
|
|
26
|
-
outerCircle:
|
|
25
|
+
content: se,
|
|
26
|
+
outerCircle: re,
|
|
27
27
|
innerCircle: ne,
|
|
28
28
|
metricLabel: oe,
|
|
29
29
|
textOnly: ie,
|
|
@@ -48,7 +48,7 @@ function $e({
|
|
|
48
48
|
description: m,
|
|
49
49
|
image: e,
|
|
50
50
|
icon: y,
|
|
51
|
-
callToAction:
|
|
51
|
+
callToAction: s,
|
|
52
52
|
onHover: L,
|
|
53
53
|
onLeave: I,
|
|
54
54
|
gridArea: b,
|
|
@@ -57,13 +57,13 @@ function $e({
|
|
|
57
57
|
const [N, C] = W(void 0), z = E(B);
|
|
58
58
|
g(() => {
|
|
59
59
|
async function n() {
|
|
60
|
-
if ((
|
|
61
|
-
const i = await S(
|
|
60
|
+
if ((s == null ? void 0 : s.type) === "link" || (s == null ? void 0 : s.type) === "download") {
|
|
61
|
+
const i = await S(s);
|
|
62
62
|
C(i);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
n();
|
|
66
|
-
}, [
|
|
66
|
+
}, [s]);
|
|
67
67
|
const c = D("(max-width: 768px)"), $ = (e == null ? void 0 : e.asset) && (e == null ? void 0 : e.layout) === "cover", o = {};
|
|
68
68
|
if ((e == null ? void 0 : e.layout) === "cover")
|
|
69
69
|
o.objectFit = "cover", e != null && e.position && (o.objectPosition = c ? "top" : e == null ? void 0 : e.position);
|
|
@@ -82,10 +82,10 @@ function $e({
|
|
|
82
82
|
"image-right": t.imageRight,
|
|
83
83
|
"image-top": t.imageTop,
|
|
84
84
|
"image-bottom": t.imageBottom
|
|
85
|
-
}[k || "text"], U = /* @__PURE__ */
|
|
85
|
+
}[k || "text"], U = /* @__PURE__ */ r(w, { children: e && e.imageUrls ? /* @__PURE__ */ r("div", { className: t.imageWrapper, children: /* @__PURE__ */ r(
|
|
86
86
|
P,
|
|
87
87
|
{
|
|
88
|
-
src: e.
|
|
88
|
+
src: e.imageUrls.medium,
|
|
89
89
|
alt: (e == null ? void 0 : e.asset.altText) || (e == null ? void 0 : e.asset.description) || "Card image",
|
|
90
90
|
width: 600,
|
|
91
91
|
height: 658,
|
|
@@ -96,7 +96,7 @@ function $e({
|
|
|
96
96
|
if (n && n.includes("%")) {
|
|
97
97
|
const p = 2 * Math.PI * 57.5, O = p - parseFloat(n) / 100 * p;
|
|
98
98
|
return /* @__PURE__ */ a("svg", { width: 125, height: 125, viewBox: "0 0 125 125", children: [
|
|
99
|
-
/* @__PURE__ */
|
|
99
|
+
/* @__PURE__ */ r(
|
|
100
100
|
"circle",
|
|
101
101
|
{
|
|
102
102
|
className: t.outerCircle,
|
|
@@ -106,7 +106,7 @@ function $e({
|
|
|
106
106
|
fill: "none"
|
|
107
107
|
}
|
|
108
108
|
),
|
|
109
|
-
/* @__PURE__ */
|
|
109
|
+
/* @__PURE__ */ r(
|
|
110
110
|
"circle",
|
|
111
111
|
{
|
|
112
112
|
className: t.innerCircle,
|
|
@@ -120,7 +120,7 @@ function $e({
|
|
|
120
120
|
transform: `rotate(-90 ${125 / 2} ${125 / 2})`
|
|
121
121
|
}
|
|
122
122
|
),
|
|
123
|
-
/* @__PURE__ */
|
|
123
|
+
/* @__PURE__ */ r(
|
|
124
124
|
"text",
|
|
125
125
|
{
|
|
126
126
|
className: t.metricLabel,
|
|
@@ -133,7 +133,7 @@ function $e({
|
|
|
133
133
|
)
|
|
134
134
|
] });
|
|
135
135
|
}
|
|
136
|
-
return /* @__PURE__ */
|
|
136
|
+
return /* @__PURE__ */ r("div", { className: t.metric });
|
|
137
137
|
}, j = !l && !d && !_ && !m, v = /* @__PURE__ */ a(w, { children: [
|
|
138
138
|
/* @__PURE__ */ a(
|
|
139
139
|
"div",
|
|
@@ -141,63 +141,63 @@ function $e({
|
|
|
141
141
|
className: `${t.container} ${$ ? t.fullBleedImage : t.containImage} `,
|
|
142
142
|
children: [
|
|
143
143
|
u !== "image" && !j && /* @__PURE__ */ a("div", { className: t.content, children: [
|
|
144
|
-
y && /* @__PURE__ */
|
|
145
|
-
l && /* @__PURE__ */
|
|
146
|
-
d && /* @__PURE__ */
|
|
147
|
-
_ && /* @__PURE__ */
|
|
148
|
-
m && /* @__PURE__ */
|
|
144
|
+
y && /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r("i", { className: y }) }),
|
|
145
|
+
l && /* @__PURE__ */ r(M, { value: l }),
|
|
146
|
+
d && /* @__PURE__ */ r(h, { className: t.eyebrow, blocks: d }),
|
|
147
|
+
_ && /* @__PURE__ */ r(h, { className: t.title, blocks: _ }),
|
|
148
|
+
m && /* @__PURE__ */ r(h, { className: t.description, blocks: m })
|
|
149
149
|
] }),
|
|
150
150
|
U
|
|
151
151
|
]
|
|
152
152
|
}
|
|
153
153
|
),
|
|
154
|
-
(
|
|
155
|
-
/* @__PURE__ */
|
|
156
|
-
/* @__PURE__ */
|
|
154
|
+
(s == null ? void 0 : s.videoUrl) && /* @__PURE__ */ a("div", { className: t.callToAction, children: [
|
|
155
|
+
/* @__PURE__ */ r("div", { className: t.label, children: s.label }),
|
|
156
|
+
/* @__PURE__ */ r("div", { className: t.cardIcon, children: /* @__PURE__ */ r(G, { size: 45 }) })
|
|
157
157
|
] }),
|
|
158
|
-
(
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
/* @__PURE__ */
|
|
158
|
+
(s == null ? void 0 : s.type) === "link" && /* @__PURE__ */ a("div", { className: t.callToAction, children: [
|
|
159
|
+
/* @__PURE__ */ r("div", { className: t.label, children: s.label }),
|
|
160
|
+
/* @__PURE__ */ r("div", { className: t.cardIcon, children: /* @__PURE__ */ r(Q, { size: 45 }) })
|
|
161
161
|
] })
|
|
162
162
|
] }), F = ({ children: n }) => {
|
|
163
163
|
var i, f;
|
|
164
|
-
switch (
|
|
164
|
+
switch (s == null ? void 0 : s.type) {
|
|
165
165
|
case "link":
|
|
166
|
-
return /* @__PURE__ */
|
|
166
|
+
return /* @__PURE__ */ r(
|
|
167
167
|
"a",
|
|
168
168
|
{
|
|
169
169
|
className: t.cardLink,
|
|
170
|
-
"aria-label":
|
|
170
|
+
"aria-label": s.ariaLabel || s.label,
|
|
171
171
|
href: N,
|
|
172
|
-
target: ((i =
|
|
173
|
-
rel: ((f =
|
|
172
|
+
target: ((i = s.linkOptions) == null ? void 0 : i.linkType) === "external" ? "_blank" : "_self",
|
|
173
|
+
rel: ((f = s.linkOptions) == null ? void 0 : f.linkType) === "external" ? "noopener noreferrer" : "",
|
|
174
174
|
children: n
|
|
175
175
|
}
|
|
176
176
|
);
|
|
177
177
|
case "modal":
|
|
178
|
-
return /* @__PURE__ */
|
|
178
|
+
return /* @__PURE__ */ r(
|
|
179
179
|
x,
|
|
180
180
|
{
|
|
181
181
|
className: t.modalTrigger,
|
|
182
182
|
trigger: n,
|
|
183
|
-
content:
|
|
183
|
+
content: s.modalContent
|
|
184
184
|
}
|
|
185
185
|
);
|
|
186
186
|
case "video":
|
|
187
|
-
return /* @__PURE__ */
|
|
187
|
+
return /* @__PURE__ */ r(
|
|
188
188
|
x,
|
|
189
189
|
{
|
|
190
190
|
className: t.modalTrigger,
|
|
191
191
|
trigger: n,
|
|
192
|
-
content: /* @__PURE__ */
|
|
192
|
+
content: /* @__PURE__ */ r("video", { src: s.videoUrl, controls: !0, autoPlay: !0 })
|
|
193
193
|
}
|
|
194
194
|
);
|
|
195
195
|
case "download":
|
|
196
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ r(
|
|
197
197
|
"a",
|
|
198
198
|
{
|
|
199
199
|
className: t.cardLink,
|
|
200
|
-
"aria-label":
|
|
200
|
+
"aria-label": s.ariaLabel || s.label,
|
|
201
201
|
href: N,
|
|
202
202
|
download: !0,
|
|
203
203
|
target: "_blank",
|
|
@@ -207,14 +207,14 @@ function $e({
|
|
|
207
207
|
);
|
|
208
208
|
}
|
|
209
209
|
};
|
|
210
|
-
return /* @__PURE__ */
|
|
210
|
+
return /* @__PURE__ */ r(
|
|
211
211
|
"div",
|
|
212
212
|
{
|
|
213
213
|
className: `${z} ${t.card} ${R ?? ""} ${t[u]}`,
|
|
214
214
|
onMouseEnter: L,
|
|
215
215
|
onMouseLeave: I,
|
|
216
216
|
style: b && !c ? { gridArea: b } : {},
|
|
217
|
-
children: (
|
|
217
|
+
children: (s == null ? void 0 : s.type) !== "none" ? /* @__PURE__ */ r(F, { children: v }) : /* @__PURE__ */ r(w, { children: v })
|
|
218
218
|
}
|
|
219
219
|
);
|
|
220
220
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index18.css');const s=require("react/jsx-runtime"),l=require("react"),h=require("../../ui/PortableTextRenderer/index.cjs"),v=require("next/image"),f=require("../../utils/resolveLinkUrl.cjs"),y=require("../../../arrow-right-DO6S4vfx.cjs"),L="_cardLink_peol3_1",b="_card_peol3_1",j="_title_peol3_17",q="_imageWrapper_peol3_52",R="_icon_peol3_75",t={cardLink:L,card:b,title:j,imageWrapper:q,icon:R};function U({title:n,image:r,callToAction:e,onHover:o,onLeave:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index18.css');const s=require("react/jsx-runtime"),l=require("react"),h=require("../../ui/PortableTextRenderer/index.cjs"),v=require("next/image"),f=require("../../utils/resolveLinkUrl.cjs"),y=require("../../../arrow-right-DO6S4vfx.cjs"),L="_cardLink_peol3_1",b="_card_peol3_1",j="_title_peol3_17",q="_imageWrapper_peol3_52",R="_icon_peol3_75",t={cardLink:L,card:b,title:j,imageWrapper:q,icon:R};function U({title:n,image:r,callToAction:e,onHover:o,onLeave:u}){var a,d;const[p,_]=l.useState(void 0);l.useEffect(()=>{async function x(){if((e==null?void 0:e.type)==="link"||(e==null?void 0:e.type)==="download"){const k=await f.resolveLinkURL(e);_(k)}}x()},[e]);const c=()=>r&&r.imageUrls?s.jsx("div",{className:t.imageWrapper,children:s.jsx(v,{src:r.imageUrls.medium,alt:(r==null?void 0:r.asset.altText)||(r==null?void 0:r.asset.description)||"Card image",width:600,height:658,priority:!1})}):null,i=s.jsxs("div",{className:t.card,onMouseEnter:o,onMouseLeave:u,children:[n&&s.jsx(h.RichText,{className:t.title,blocks:n}),c(),e&&s.jsx("div",{className:t.icon,children:s.jsx(y.ArrowRight,{})})]});return e?s.jsx("a",{className:t.cardLink,"aria-label":e.ariaLabel||e.label,href:p,target:((a=e.linkOptions)==null?void 0:a.linkType)==="external"?"_blank":"_self",rel:((d=e.linkOptions)==null?void 0:d.linkType)==="external"?"noopener noreferrer":"",children:i}):i}exports.ProductCard=U;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsxs as u, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as h, useEffect as v } from "react";
|
|
3
3
|
import { RichText as c } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
4
|
import L from "next/image";
|
|
5
5
|
import { resolveLinkURL as x } from "../../utils/resolveLinkUrl.mjs";
|
|
@@ -21,28 +21,28 @@ function O({
|
|
|
21
21
|
onLeave: o
|
|
22
22
|
}) {
|
|
23
23
|
var p, d;
|
|
24
|
-
const [l, _] =
|
|
24
|
+
const [l, _] = h(void 0);
|
|
25
25
|
v(() => {
|
|
26
|
-
async function
|
|
26
|
+
async function f() {
|
|
27
27
|
if ((e == null ? void 0 : e.type) === "link" || (e == null ? void 0 : e.type) === "download") {
|
|
28
28
|
const k = await x(e);
|
|
29
29
|
_(k);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
|
|
32
|
+
f();
|
|
33
33
|
}, [e]);
|
|
34
|
-
const
|
|
34
|
+
const m = () => r && r.imageUrls ? /* @__PURE__ */ s("div", { className: t.imageWrapper, children: /* @__PURE__ */ s(
|
|
35
35
|
L,
|
|
36
36
|
{
|
|
37
|
-
src: r.
|
|
37
|
+
src: r.imageUrls.medium,
|
|
38
38
|
alt: (r == null ? void 0 : r.asset.altText) || (r == null ? void 0 : r.asset.description) || "Card image",
|
|
39
39
|
width: 600,
|
|
40
40
|
height: 658,
|
|
41
41
|
priority: !1
|
|
42
42
|
}
|
|
43
|
-
) }) : null, a = /* @__PURE__ */
|
|
43
|
+
) }) : null, a = /* @__PURE__ */ u("div", { className: t.card, onMouseEnter: i, onMouseLeave: o, children: [
|
|
44
44
|
n && /* @__PURE__ */ s(c, { className: t.title, blocks: n }),
|
|
45
|
-
|
|
45
|
+
m(),
|
|
46
46
|
e && /* @__PURE__ */ s("div", { className: t.icon, children: /* @__PURE__ */ s(y, {}) })
|
|
47
47
|
] });
|
|
48
48
|
return e ? /* @__PURE__ */ s(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index22.css');const e=require("react/jsx-runtime"),l=require("react"),p=require("../../ui/PortableTextRenderer/index.cjs"),g=require("../../../core/components/Modal/index.cjs"),S=require("next/image"),f=require("../../utils/resolveLinkUrl.cjs"),F=require("../../hooks/useMediaQuery.cjs"),s=require("../../../index-CBK5rp6X.cjs"),L="_cardLink_1wi59_1",N="_card_1wi59_1",q="_container_1wi59_18",M="_image_1wi59_28",R="_rating_1wi59_43",U="_ratingValue_1wi59_49",O="_ratingOuter_1wi59_54",C="_ratingInner_1wi59_61",t={cardLink:L,card:N,container:q,image:M,rating:R,ratingValue:U,ratingOuter:O,ratingInner:C};function I({variant:v,description:u,rating:d,image:n,callToAction:r,onHover:c,onLeave:h,gridArea:x}){const[_,w]=l.useState(void 0);l.useEffect(()=>{async function a(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const i=await f.resolveLinkURL(r);w(i)}}a()},[r]);const k=F.useMediaQuery("(max-width: 768px)"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index22.css');const e=require("react/jsx-runtime"),l=require("react"),p=require("../../ui/PortableTextRenderer/index.cjs"),g=require("../../../core/components/Modal/index.cjs"),S=require("next/image"),f=require("../../utils/resolveLinkUrl.cjs"),F=require("../../hooks/useMediaQuery.cjs"),s=require("../../../index-CBK5rp6X.cjs"),L="_cardLink_1wi59_1",N="_card_1wi59_1",q="_container_1wi59_18",M="_image_1wi59_28",R="_rating_1wi59_43",U="_ratingValue_1wi59_49",O="_ratingOuter_1wi59_54",C="_ratingInner_1wi59_61",t={cardLink:L,card:N,container:q,image:M,rating:R,ratingValue:U,ratingOuter:O,ratingInner:C};function I({variant:v,description:u,rating:d,image:n,callToAction:r,onHover:c,onLeave:h,gridArea:x}){const[_,w]=l.useState(void 0);l.useEffect(()=>{async function a(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const i=await f.resolveLinkURL(r);w(i)}}a()},[r]);const k=F.useMediaQuery("(max-width: 768px)"),m=e.jsx(e.Fragment,{children:n&&n.imageUrls?e.jsx("div",{className:t.image,children:e.jsx(S,{src:n.imageUrls.medium,alt:(n==null?void 0:n.asset.altText)||(n==null?void 0:n.asset.description)||"Card image",width:600,height:658,priority:!1})}):null}),y=()=>{const a=Number(d)/5*100;return e.jsxs("div",{className:t.ratingOuter,children:[e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsxs("div",{className:t.ratingInner,style:{width:`${a}%`},children:[e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{}),e.jsx(s.FaStar,{})]})]})},j=e.jsxs("div",{className:t.container,children:[m,e.jsx("div",{children:u&&e.jsx(p.RichText,{blocks:u})}),d&&e.jsxs("div",{className:t.rating,children:[y()," ",e.jsx("div",{className:t.ratingValue,children:d})]})]}),b=({children:a})=>{var i,o;switch(r==null?void 0:r.type){case"link":return e.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:_,target:((i=r.linkOptions)==null?void 0:i.linkType)==="external"?"_blank":"_self",rel:((o=r.linkOptions)==null?void 0:o.linkType)==="external"?"noopener noreferrer":"",children:a});case"modal":return e.jsx(g.Modal,{trigger:a,content:r.modalContent});case"video":return e.jsx(g.Modal,{trigger:a,content:e.jsx("video",{src:r.videoUrl,controls:!0,autoPlay:!0})});case"download":return e.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:_,download:!0,target:"_blank",rel:"noopener noreferrer",children:a})}};return e.jsx("div",{className:`${t.card} ${t[v]}`,onMouseEnter:c,onMouseLeave:h,style:x&&!k?{gridArea:x}:{},children:(r==null?void 0:r.type)!=="none"?e.jsx(b,{children:j}):e.jsx(e.Fragment,{children:j})})}exports.ReviewCard=I;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as e, Fragment as g, jsxs as d } from "react/jsx-runtime";
|
|
2
2
|
import { useState as x, useEffect as c } from "react";
|
|
3
3
|
import { RichText as U } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
4
|
import { Modal as h } from "../../../core/components/Modal/index.mjs";
|
|
@@ -25,7 +25,7 @@ function J({
|
|
|
25
25
|
rating: u,
|
|
26
26
|
image: s,
|
|
27
27
|
//icon,
|
|
28
|
-
callToAction:
|
|
28
|
+
callToAction: r,
|
|
29
29
|
onHover: w,
|
|
30
30
|
onLeave: k,
|
|
31
31
|
gridArea: _
|
|
@@ -33,17 +33,17 @@ function J({
|
|
|
33
33
|
const [o, l] = x(void 0);
|
|
34
34
|
c(() => {
|
|
35
35
|
async function a() {
|
|
36
|
-
if ((
|
|
37
|
-
const i = await O(
|
|
36
|
+
if ((r == null ? void 0 : r.type) === "link" || (r == null ? void 0 : r.type) === "download") {
|
|
37
|
+
const i = await O(r);
|
|
38
38
|
l(i);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
a();
|
|
42
|
-
}, [
|
|
43
|
-
const y = C("(max-width: 768px)"), b = /* @__PURE__ */
|
|
42
|
+
}, [r]);
|
|
43
|
+
const y = C("(max-width: 768px)"), b = /* @__PURE__ */ e(g, { children: s && s.imageUrls ? /* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e(
|
|
44
44
|
I,
|
|
45
45
|
{
|
|
46
|
-
src: s.
|
|
46
|
+
src: s.imageUrls.medium,
|
|
47
47
|
alt: (s == null ? void 0 : s.asset.altText) || (s == null ? void 0 : s.asset.description) || "Card image",
|
|
48
48
|
width: 600,
|
|
49
49
|
height: 658,
|
|
@@ -52,58 +52,58 @@ function J({
|
|
|
52
52
|
) }) : null }), L = () => {
|
|
53
53
|
const a = Number(u) / 5 * 100;
|
|
54
54
|
return /* @__PURE__ */ d("div", { className: t.ratingOuter, children: [
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ e(n, {}),
|
|
56
|
+
/* @__PURE__ */ e(n, {}),
|
|
57
|
+
/* @__PURE__ */ e(n, {}),
|
|
58
|
+
/* @__PURE__ */ e(n, {}),
|
|
59
|
+
/* @__PURE__ */ e(n, {}),
|
|
60
60
|
/* @__PURE__ */ d("div", { className: t.ratingInner, style: { width: `${a}%` }, children: [
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */
|
|
61
|
+
/* @__PURE__ */ e(n, {}),
|
|
62
|
+
/* @__PURE__ */ e(n, {}),
|
|
63
|
+
/* @__PURE__ */ e(n, {}),
|
|
64
|
+
/* @__PURE__ */ e(n, {}),
|
|
65
|
+
/* @__PURE__ */ e(n, {})
|
|
66
66
|
] })
|
|
67
67
|
] });
|
|
68
68
|
}, p = /* @__PURE__ */ d("div", { className: t.container, children: [
|
|
69
69
|
b,
|
|
70
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ e("div", { children: m && /* @__PURE__ */ e(U, { blocks: m }) }),
|
|
71
71
|
u && /* @__PURE__ */ d("div", { className: t.rating, children: [
|
|
72
72
|
L(),
|
|
73
73
|
" ",
|
|
74
|
-
/* @__PURE__ */
|
|
74
|
+
/* @__PURE__ */ e("div", { className: t.ratingValue, children: u })
|
|
75
75
|
] })
|
|
76
76
|
] }), N = ({ children: a }) => {
|
|
77
77
|
var i, f;
|
|
78
|
-
switch (
|
|
78
|
+
switch (r == null ? void 0 : r.type) {
|
|
79
79
|
case "link":
|
|
80
|
-
return /* @__PURE__ */
|
|
80
|
+
return /* @__PURE__ */ e(
|
|
81
81
|
"a",
|
|
82
82
|
{
|
|
83
83
|
className: t.cardLink,
|
|
84
|
-
"aria-label":
|
|
84
|
+
"aria-label": r.ariaLabel || r.label,
|
|
85
85
|
href: o,
|
|
86
|
-
target: ((i =
|
|
87
|
-
rel: ((f =
|
|
86
|
+
target: ((i = r.linkOptions) == null ? void 0 : i.linkType) === "external" ? "_blank" : "_self",
|
|
87
|
+
rel: ((f = r.linkOptions) == null ? void 0 : f.linkType) === "external" ? "noopener noreferrer" : "",
|
|
88
88
|
children: a
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
91
|
case "modal":
|
|
92
|
-
return /* @__PURE__ */
|
|
92
|
+
return /* @__PURE__ */ e(h, { trigger: a, content: r.modalContent });
|
|
93
93
|
case "video":
|
|
94
|
-
return /* @__PURE__ */
|
|
94
|
+
return /* @__PURE__ */ e(
|
|
95
95
|
h,
|
|
96
96
|
{
|
|
97
97
|
trigger: a,
|
|
98
|
-
content: /* @__PURE__ */
|
|
98
|
+
content: /* @__PURE__ */ e("video", { src: r.videoUrl, controls: !0, autoPlay: !0 })
|
|
99
99
|
}
|
|
100
100
|
);
|
|
101
101
|
case "download":
|
|
102
|
-
return /* @__PURE__ */
|
|
102
|
+
return /* @__PURE__ */ e(
|
|
103
103
|
"a",
|
|
104
104
|
{
|
|
105
105
|
className: t.cardLink,
|
|
106
|
-
"aria-label":
|
|
106
|
+
"aria-label": r.ariaLabel || r.label,
|
|
107
107
|
href: o,
|
|
108
108
|
download: !0,
|
|
109
109
|
target: "_blank",
|
|
@@ -113,14 +113,14 @@ function J({
|
|
|
113
113
|
);
|
|
114
114
|
}
|
|
115
115
|
};
|
|
116
|
-
return /* @__PURE__ */
|
|
116
|
+
return /* @__PURE__ */ e(
|
|
117
117
|
"div",
|
|
118
118
|
{
|
|
119
119
|
className: `${t.card} ${t[v]}`,
|
|
120
120
|
onMouseEnter: w,
|
|
121
121
|
onMouseLeave: k,
|
|
122
122
|
style: _ && !y ? { gridArea: _ } : {},
|
|
123
|
-
children: (
|
|
123
|
+
children: (r == null ? void 0 : r.type) !== "none" ? /* @__PURE__ */ e(N, { children: p }) : /* @__PURE__ */ e(g, { children: p })
|
|
124
124
|
}
|
|
125
125
|
);
|
|
126
126
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index24.css');const r=require("react/jsx-runtime"),o=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index24.css');const r=require("react/jsx-runtime"),o=require("react"),j=require("../../ui/PortableTextRenderer/index.cjs"),N=require("next/image"),k=require("../../../core/components/Modal/index.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),R=require("../../hooks/useMediaQuery.cjs"),q=require("../../../play-CQBnZgNa.cjs"),C=require("../../../arrow-right-DO6S4vfx.cjs"),B="_card_1uxfh_1",S="_cardLink_1uxfh_14",U="_text_1uxfh_24",z="_callToAction_1uxfh_28",I="_label_1uxfh_29",O="_cardIcon_1uxfh_34",F="_imageBackgroundContainer_1uxfh_80",P="_overlay_1uxfh_104",Q="_title_1uxfh_120",t={card:B,cardLink:S,text:U,callToAction:z,label:I,cardIcon:O,imageBackgroundContainer:F,overlay:P,title:Q};function $({title:c,description:h,image:i,callToAction:e,onHover:_,onLeave:y}){var b;const[m,w]=o.useState(void 0);o.useEffect(()=>{async function s(){if((e==null?void 0:e.type)==="link"||(e==null?void 0:e.type)==="download"){const n=await M.resolveLinkURL(e);w(n)}}s()},[e]);const u=o.useRef(null),x=R.useMediaQuery("(max-width: 768px)");o.useEffect(()=>{if(typeof window<"u"){const s=()=>{var d,l;const n=(d=u.current)==null?void 0:d.parentElement,a=(l=n==null?void 0:n.parentElement)==null?void 0:l.children;!n||!a||(window.innerWidth<768?Array.from(a).forEach(f=>{f.style.flexBasis="100%"}):Array.from(a).forEach(f=>{f.style.flexBasis="calc(100% / 3)"}))};return window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)}},[]);const v=s=>{Array.from(s).forEach(n=>{n.style.transition="flex-basis 300ms ease-in-out"})},E=()=>{var a,d;if(x)return;const s=(a=u.current)==null?void 0:a.parentElement,n=(d=s==null?void 0:s.parentElement)==null?void 0:d.children;!s||!n||(v(n),Array.from(n).forEach(l=>{l.style.flexBasis=l===s?"50%":"25%"}),_&&_())},g=()=>{var a,d;if(x)return;const s=(a=u.current)==null?void 0:a.parentElement,n=(d=s==null?void 0:s.parentElement)==null?void 0:d.children;!s||!n||(v(n),Array.from(n).forEach(l=>{l.style.flexBasis=x?"80%":"calc(100% / 3)"}),y&&y())},L=({children:s})=>{var n,a;switch(e==null?void 0:e.type){case"link":return r.jsx("a",{className:t.cardLink,"aria-label":e.ariaLabel||e.label,href:m,target:((n=e.linkOptions)==null?void 0:n.linkType)==="external"?"_blank":"_self",rel:((a=e.linkOptions)==null?void 0:a.linkType)==="external"?"noopener noreferrer":"",children:s});case"modal":return r.jsx(k.Modal,{trigger:s,content:e.modalContent});case"video":return r.jsx(k.Modal,{trigger:s,content:r.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})});case"download":return r.jsx("a",{className:t.cardLink,"aria-label":e.ariaLabel||e.label,href:m,download:!0,target:"_blank",rel:"noopener noreferrer",children:s})}},p=r.jsxs("div",{className:t.imageBackgroundContainer,children:[(e==null?void 0:e.videoUrl)&&r.jsxs("div",{className:t.callToAction,children:[r.jsx("div",{className:t.label,children:e.label}),r.jsx("div",{className:t.cardIcon,children:r.jsx(q.Play,{size:45})})]}),(e==null?void 0:e.type)==="link"&&r.jsxs("div",{className:t.callToAction,children:[r.jsx("div",{className:t.label,children:e.label}),r.jsx("div",{className:t.cardIcon,children:r.jsx(C.ArrowRight,{size:45})})]}),r.jsx(N,{src:((b=i==null?void 0:i.imageUrls)==null?void 0:b.medium)??"",alt:(i==null?void 0:i.asset.altText)||(i==null?void 0:i.asset.description)||"Card image",fill:!0,priority:!1,style:{objectFit:"cover"},sizes:"(min-width: 500px) 500px, 100vw"}),r.jsx("div",{className:t.overlay,children:r.jsxs("div",{children:[c&&r.jsx(j.RichText,{className:t.title,blocks:c}),h&&r.jsx(j.RichText,{className:t.text,blocks:h})]})})]});return r.jsx("article",{className:t.card,ref:u,onMouseEnter:E,onMouseLeave:g,children:(e==null?void 0:e.type)!=="none"?r.jsx(L,{children:p}):r.jsx(r.Fragment,{children:p})})}exports.SegmentCard=$;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsxs as l, jsx as n, Fragment as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { RichText as
|
|
4
|
-
import
|
|
5
|
-
import { Modal as
|
|
6
|
-
import { resolveLinkURL as
|
|
7
|
-
import { useMediaQuery as
|
|
8
|
-
import { P as
|
|
9
|
-
import { A as
|
|
10
|
-
import '../../../assets/index24.css';const
|
|
11
|
-
card:
|
|
12
|
-
cardLink:
|
|
13
|
-
text:
|
|
14
|
-
callToAction:
|
|
15
|
-
label:
|
|
16
|
-
cardIcon:
|
|
17
|
-
imageBackgroundContainer:
|
|
18
|
-
overlay:
|
|
19
|
-
title:
|
|
1
|
+
import { jsxs as l, jsx as n, Fragment as B } from "react/jsx-runtime";
|
|
2
|
+
import { useState as M, useEffect as k, useRef as R } from "react";
|
|
3
|
+
import { RichText as w } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
|
+
import U from "next/image";
|
|
5
|
+
import { Modal as E } from "../../../core/components/Modal/index.mjs";
|
|
6
|
+
import { resolveLinkURL as z } from "../../utils/resolveLinkUrl.mjs";
|
|
7
|
+
import { useMediaQuery as I } from "../../hooks/useMediaQuery.mjs";
|
|
8
|
+
import { P as S } from "../../../play-DYgKiSaf.js";
|
|
9
|
+
import { A as j } from "../../../arrow-right-QEwnX3Sk.js";
|
|
10
|
+
import '../../../assets/index24.css';const F = "_card_1uxfh_1", O = "_cardLink_1uxfh_14", P = "_text_1uxfh_24", Q = "_callToAction_1uxfh_28", W = "_label_1uxfh_29", q = "_cardIcon_1uxfh_34", D = "_imageBackgroundContainer_1uxfh_80", G = "_overlay_1uxfh_104", J = "_title_1uxfh_120", t = {
|
|
11
|
+
card: F,
|
|
12
|
+
cardLink: O,
|
|
13
|
+
text: P,
|
|
14
|
+
callToAction: Q,
|
|
15
|
+
label: W,
|
|
16
|
+
cardIcon: q,
|
|
17
|
+
imageBackgroundContainer: D,
|
|
18
|
+
overlay: G,
|
|
19
|
+
title: J
|
|
20
20
|
};
|
|
21
|
-
function
|
|
21
|
+
function ee({
|
|
22
22
|
title: h,
|
|
23
23
|
description: c,
|
|
24
24
|
image: i,
|
|
@@ -27,18 +27,19 @@ function T({
|
|
|
27
27
|
onHover: p,
|
|
28
28
|
onLeave: y
|
|
29
29
|
}) {
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
var b;
|
|
31
|
+
const [_, N] = M(void 0);
|
|
32
|
+
k(() => {
|
|
32
33
|
async function r() {
|
|
33
34
|
if ((e == null ? void 0 : e.type) === "link" || (e == null ? void 0 : e.type) === "download") {
|
|
34
|
-
const s = await
|
|
35
|
-
|
|
35
|
+
const s = await z(e);
|
|
36
|
+
N(s);
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
39
|
r();
|
|
39
40
|
}, [e]);
|
|
40
|
-
const o =
|
|
41
|
-
|
|
41
|
+
const o = R(null), u = I("(max-width: 768px)");
|
|
42
|
+
k(() => {
|
|
42
43
|
if (typeof window < "u") {
|
|
43
44
|
const r = () => {
|
|
44
45
|
var d, f;
|
|
@@ -56,21 +57,21 @@ function T({
|
|
|
56
57
|
Array.from(r).forEach((s) => {
|
|
57
58
|
s.style.transition = "flex-basis 300ms ease-in-out";
|
|
58
59
|
});
|
|
59
|
-
},
|
|
60
|
+
}, L = () => {
|
|
60
61
|
var a, d;
|
|
61
62
|
if (u) return;
|
|
62
63
|
const r = (a = o.current) == null ? void 0 : a.parentElement, s = (d = r == null ? void 0 : r.parentElement) == null ? void 0 : d.children;
|
|
63
64
|
!r || !s || (x(s), Array.from(s).forEach((f) => {
|
|
64
65
|
f.style.flexBasis = f === r ? "50%" : "25%";
|
|
65
66
|
}), p && p());
|
|
66
|
-
},
|
|
67
|
+
}, g = () => {
|
|
67
68
|
var a, d;
|
|
68
69
|
if (u) return;
|
|
69
70
|
const r = (a = o.current) == null ? void 0 : a.parentElement, s = (d = r == null ? void 0 : r.parentElement) == null ? void 0 : d.children;
|
|
70
71
|
!r || !s || (x(s), Array.from(s).forEach((f) => {
|
|
71
72
|
f.style.flexBasis = u ? "80%" : "calc(100% / 3)";
|
|
72
73
|
}), y && y());
|
|
73
|
-
},
|
|
74
|
+
}, C = ({ children: r }) => {
|
|
74
75
|
var s, a;
|
|
75
76
|
switch (e == null ? void 0 : e.type) {
|
|
76
77
|
case "link":
|
|
@@ -86,10 +87,10 @@ function T({
|
|
|
86
87
|
}
|
|
87
88
|
);
|
|
88
89
|
case "modal":
|
|
89
|
-
return /* @__PURE__ */ n(
|
|
90
|
+
return /* @__PURE__ */ n(E, { trigger: r, content: e.modalContent });
|
|
90
91
|
case "video":
|
|
91
92
|
return /* @__PURE__ */ n(
|
|
92
|
-
|
|
93
|
+
E,
|
|
93
94
|
{
|
|
94
95
|
trigger: r,
|
|
95
96
|
content: /* @__PURE__ */ n("video", { src: e.videoUrl, controls: !0, autoPlay: !0 })
|
|
@@ -112,16 +113,16 @@ function T({
|
|
|
112
113
|
}, v = /* @__PURE__ */ l("div", { className: t.imageBackgroundContainer, children: [
|
|
113
114
|
(e == null ? void 0 : e.videoUrl) && /* @__PURE__ */ l("div", { className: t.callToAction, children: [
|
|
114
115
|
/* @__PURE__ */ n("div", { className: t.label, children: e.label }),
|
|
115
|
-
/* @__PURE__ */ n("div", { className: t.cardIcon, children: /* @__PURE__ */ n(
|
|
116
|
+
/* @__PURE__ */ n("div", { className: t.cardIcon, children: /* @__PURE__ */ n(S, { size: 45 }) })
|
|
116
117
|
] }),
|
|
117
118
|
(e == null ? void 0 : e.type) === "link" && /* @__PURE__ */ l("div", { className: t.callToAction, children: [
|
|
118
119
|
/* @__PURE__ */ n("div", { className: t.label, children: e.label }),
|
|
119
|
-
/* @__PURE__ */ n("div", { className: t.cardIcon, children: /* @__PURE__ */ n(
|
|
120
|
+
/* @__PURE__ */ n("div", { className: t.cardIcon, children: /* @__PURE__ */ n(j, { size: 45 }) })
|
|
120
121
|
] }),
|
|
121
122
|
/* @__PURE__ */ n(
|
|
122
|
-
|
|
123
|
+
U,
|
|
123
124
|
{
|
|
124
|
-
src: (i == null ? void 0 : i.
|
|
125
|
+
src: ((b = i == null ? void 0 : i.imageUrls) == null ? void 0 : b.medium) ?? "",
|
|
125
126
|
alt: (i == null ? void 0 : i.asset.altText) || (i == null ? void 0 : i.asset.description) || "Card image",
|
|
126
127
|
fill: !0,
|
|
127
128
|
priority: !1,
|
|
@@ -130,8 +131,8 @@ function T({
|
|
|
130
131
|
}
|
|
131
132
|
),
|
|
132
133
|
/* @__PURE__ */ n("div", { className: t.overlay, children: /* @__PURE__ */ l("div", { children: [
|
|
133
|
-
h && /* @__PURE__ */ n(
|
|
134
|
-
c && /* @__PURE__ */ n(
|
|
134
|
+
h && /* @__PURE__ */ n(w, { className: t.title, blocks: h }),
|
|
135
|
+
c && /* @__PURE__ */ n(w, { className: t.text, blocks: c })
|
|
135
136
|
] }) })
|
|
136
137
|
] });
|
|
137
138
|
return /* @__PURE__ */ n(
|
|
@@ -139,12 +140,12 @@ function T({
|
|
|
139
140
|
{
|
|
140
141
|
className: t.card,
|
|
141
142
|
ref: o,
|
|
142
|
-
onMouseEnter:
|
|
143
|
-
onMouseLeave:
|
|
144
|
-
children: (e == null ? void 0 : e.type) !== "none" ? /* @__PURE__ */ n(
|
|
143
|
+
onMouseEnter: L,
|
|
144
|
+
onMouseLeave: g,
|
|
145
|
+
children: (e == null ? void 0 : e.type) !== "none" ? /* @__PURE__ */ n(C, { children: v }) : /* @__PURE__ */ n(B, { children: v })
|
|
145
146
|
}
|
|
146
147
|
);
|
|
147
148
|
}
|
|
148
149
|
export {
|
|
149
|
-
|
|
150
|
+
ee as SegmentCard
|
|
150
151
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index2.css');const n=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index2.css');const n=require("react/jsx-runtime"),j=require("next/image"),b=require("../../../index-BN6814Bi.cjs"),y=require("../../ui/PortableTextRenderer/index.cjs"),v="_spotlight_tk8y9_1",O="_imageWrapper_tk8y9_7",f="_content_tk8y9_29",N="_title_tk8y9_36",g="_description_tk8y9_44",q="_actions_tk8y9_48",i={spotlight:v,imageWrapper:O,content:f,title:N,description:g,actions:q};function C({spotlight:e}){var a,c,r,o,s,d,_,m,x,T,k,p,u;const A=(a=e.image)==null?void 0:a.asset.altText,l=((c=e.callToAction.linkOptions)==null?void 0:c.linkType)==="external";let t="#";return((r=e.callToAction.linkOptions)==null?void 0:r.linkType)==="external"&&((o=e.callToAction.linkOptions)!=null&&o.externalUrl)?t=(s=e.callToAction.linkOptions)==null?void 0:s.externalUrl:((d=e.callToAction.linkOptions)==null?void 0:d.linkType)==="internal"&&((m=(_=e.callToAction.linkOptions)==null?void 0:_.internalUrl)!=null&&m.slug.current)&&(t=`/${(T=(x=e.callToAction.linkOptions)==null?void 0:x.internalUrl)==null?void 0:T.slug.current}`),n.jsxs("div",{className:i.spotlight,children:[e.image&&n.jsx("div",{className:i.imageWrapper,children:n.jsx(j,{src:((p=(k=e.image)==null?void 0:k.imageUrls)==null?void 0:p.medium)??"",alt:A||e.image.description||"Content image",width:600,height:400,priority:!1})}),n.jsxs("div",{className:i.content,children:[n.jsx("div",{children:n.jsx(y.RichText,{className:i.title,blocks:e.title})}),e.description&&n.jsx("div",{children:n.jsx(y.RichText,{className:i.description,blocks:e.description})})]}),((u=e.callToAction)==null?void 0:u.linkOptions)&&n.jsx("div",{className:i.actions,children:n.jsx(b.CallToAction,{as:"a",variant:e.callToAction.variant??"primary",href:t,target:l?"_blank":"_self",rel:l?"noopener noreferrer":"","aria-label":e.callToAction.ariaLabel||e.callToAction.label,children:e.callToAction.label})})]})}exports.SpotlightCard=C;
|