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,54 +1,54 @@
|
|
|
1
1
|
import { jsxs as c, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { useStyleClasses as
|
|
4
|
-
import { C as
|
|
2
|
+
import { useState as Z, useEffect as A } from "react";
|
|
3
|
+
import { useStyleClasses as O } from "../../hooks/useStyleClasses.mjs";
|
|
4
|
+
import { C as tt } from "../../../index-C-E0ib2G.js";
|
|
5
5
|
import { Tabs as h } from "../../../core/components/Tabs/index.mjs";
|
|
6
6
|
import { RichText as s } from "../../ui/PortableTextRenderer/index.mjs";
|
|
7
7
|
import { CallToActions as j } from "../../ui/CallToActions/index.mjs";
|
|
8
8
|
import f from "next/image";
|
|
9
|
-
import { resolveLinkURL as
|
|
10
|
-
import '../../../assets/index4.css';const
|
|
11
|
-
tabs:
|
|
12
|
-
container:
|
|
13
|
-
heading:
|
|
14
|
-
text:
|
|
15
|
-
headingHorizontal:
|
|
16
|
-
title:
|
|
17
|
-
headingVertical:
|
|
18
|
-
tabContent:
|
|
19
|
-
vertical:
|
|
20
|
-
tabsContainer:
|
|
21
|
-
tabImage:
|
|
22
|
-
tabText:
|
|
23
|
-
gridItems:
|
|
24
|
-
gridItem:
|
|
9
|
+
import { resolveLinkURL as at } from "../../utils/resolveLinkUrl.mjs";
|
|
10
|
+
import '../../../assets/index4.css';const et = "_tabs_aumj8_1", rt = "_container_aumj8_7", nt = "_heading_aumj8_25", lt = "_text_aumj8_32", st = "_headingHorizontal_aumj8_46", it = "_title_aumj8_54", ct = "_headingVertical_aumj8_64", ot = "_tabContent_aumj8_74", mt = "_vertical_aumj8_97", dt = "_tabsContainer_aumj8_69", bt = "_tabImage_aumj8_112", ut = "_tabText_aumj8_120", _t = "_gridItems_aumj8_141", ht = "_gridItem_aumj8_141", ft = "_fullBleed_aumj8_181", kt = "_overlay_aumj8_206", a = {
|
|
11
|
+
tabs: et,
|
|
12
|
+
container: rt,
|
|
13
|
+
heading: nt,
|
|
14
|
+
text: lt,
|
|
15
|
+
headingHorizontal: st,
|
|
16
|
+
title: it,
|
|
17
|
+
headingVertical: ct,
|
|
18
|
+
tabContent: ot,
|
|
19
|
+
vertical: mt,
|
|
20
|
+
tabsContainer: dt,
|
|
21
|
+
tabImage: bt,
|
|
22
|
+
tabText: ut,
|
|
23
|
+
gridItems: _t,
|
|
24
|
+
gridItem: ht,
|
|
25
25
|
default: "_default_aumj8_166",
|
|
26
|
-
fullBleed:
|
|
27
|
-
overlay:
|
|
26
|
+
fullBleed: ft,
|
|
27
|
+
overlay: kt
|
|
28
28
|
};
|
|
29
|
-
function
|
|
29
|
+
function Ut({
|
|
30
30
|
heading: r,
|
|
31
31
|
image: n,
|
|
32
32
|
items: _,
|
|
33
33
|
callToAction: i,
|
|
34
34
|
styleOptions: l
|
|
35
35
|
}) {
|
|
36
|
-
const [k,
|
|
37
|
-
|
|
36
|
+
const [k, W] = Z([]);
|
|
37
|
+
A(() => {
|
|
38
38
|
async function e() {
|
|
39
39
|
const o = await Promise.all(
|
|
40
40
|
_.map(
|
|
41
|
-
(
|
|
42
|
-
var
|
|
43
|
-
return (
|
|
41
|
+
(m) => {
|
|
42
|
+
var d, b;
|
|
43
|
+
return (d = m == null ? void 0 : m.content) != null && d.tabLink ? at((b = m == null ? void 0 : m.content) == null ? void 0 : b.tabLink) : void 0;
|
|
44
44
|
}
|
|
45
45
|
)
|
|
46
46
|
);
|
|
47
|
-
|
|
47
|
+
W(o);
|
|
48
48
|
}
|
|
49
49
|
e();
|
|
50
50
|
}, [_]);
|
|
51
|
-
const v =
|
|
51
|
+
const v = O(l), N = (l == null ? void 0 : l.layout) ?? "default", p = {
|
|
52
52
|
horizontal: a.headingHorizontal,
|
|
53
53
|
vertical: a.headingVertical
|
|
54
54
|
}[r.headingLayout ?? "horizontal"], I = {
|
|
@@ -58,47 +58,50 @@ function Tt({
|
|
|
58
58
|
}[(l == null ? void 0 : l.layout) ?? "default"], C = {
|
|
59
59
|
orientationHorizontal: "horizontal",
|
|
60
60
|
orientationVertical: "vertical"
|
|
61
|
-
}[(l == null ? void 0 : l.orientation) ?? "orientationHorizontal"],
|
|
61
|
+
}[(l == null ? void 0 : l.orientation) ?? "orientationHorizontal"], X = {
|
|
62
62
|
themeDefault: "default",
|
|
63
63
|
themeLight: "light",
|
|
64
64
|
themeDark: "dark",
|
|
65
65
|
themeTransparent: "transparent"
|
|
66
|
-
}[(l == null ? void 0 : l.theme) ?? "themeDefault"], L = () =>
|
|
67
|
-
|
|
68
|
-
{
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
66
|
+
}[(l == null ? void 0 : l.theme) ?? "themeDefault"], L = () => {
|
|
67
|
+
var e;
|
|
68
|
+
return n && n.imageUrls ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
69
|
+
f,
|
|
70
|
+
{
|
|
71
|
+
src: (e = n.imageUrls) == null ? void 0 : e.medium,
|
|
72
|
+
alt: (n == null ? void 0 : n.asset.altText) || (n == null ? void 0 : n.asset.description) || "Tabs image",
|
|
73
|
+
width: 600,
|
|
74
|
+
height: 658,
|
|
75
|
+
priority: !0
|
|
76
|
+
}
|
|
77
|
+
) }) : null;
|
|
78
|
+
}, x = /* @__PURE__ */ c(h, { defaultIndex: 0, orientation: C, theme: X, children: [
|
|
76
79
|
/* @__PURE__ */ t(h.List, { children: _.map((e, o) => /* @__PURE__ */ t(h.Trigger, { index: o, children: e.title }, e.title)) }),
|
|
77
80
|
_.map((e, o) => {
|
|
78
|
-
var
|
|
81
|
+
var m, d, b, $, T, g, U, z, B, w, V, H, D, y, G, M, F, P, R, S, E, q, J;
|
|
79
82
|
return /* @__PURE__ */ t(h.Panel, { index: o, children: /* @__PURE__ */ c(
|
|
80
83
|
"div",
|
|
81
84
|
{
|
|
82
85
|
className: `${a.tabContent} ${a[C]}`,
|
|
83
86
|
children: [
|
|
84
|
-
((
|
|
87
|
+
((d = (m = e.content) == null ? void 0 : m.tabImage) == null ? void 0 : d.imageUrls) && /* @__PURE__ */ t("div", { className: a.tabImage, children: /* @__PURE__ */ t(
|
|
85
88
|
f,
|
|
86
89
|
{
|
|
87
|
-
src: (b = e.content) == null ? void 0 : b.tabImage.
|
|
88
|
-
alt: ((
|
|
90
|
+
src: ($ = (b = e.content) == null ? void 0 : b.tabImage.imageUrls) == null ? void 0 : $.medium,
|
|
91
|
+
alt: ((T = e.content) == null ? void 0 : T.tabImage.asset.altText) || "Tab item image",
|
|
89
92
|
width: 250,
|
|
90
93
|
height: 250
|
|
91
94
|
}
|
|
92
95
|
) }),
|
|
93
96
|
/* @__PURE__ */ c("div", { className: a.tabText, children: [
|
|
94
|
-
((
|
|
95
|
-
((U = e.content) == null ? void 0 : U.tabGridItem) && Array.isArray((
|
|
96
|
-
var
|
|
97
|
+
((g = e.content) == null ? void 0 : g.tabText) && /* @__PURE__ */ t(s, { blocks: e.content.tabText }),
|
|
98
|
+
((U = e.content) == null ? void 0 : U.tabGridItem) && Array.isArray((z = e.content) == null ? void 0 : z.tabGridItem) && /* @__PURE__ */ t("div", { className: a.gridItems, children: e.content.tabGridItem.map((u, Y) => {
|
|
99
|
+
var K, Q;
|
|
97
100
|
return /* @__PURE__ */ c("div", { className: a.gridItem, children: [
|
|
98
|
-
((
|
|
101
|
+
((K = u.itemImage) == null ? void 0 : K.imageUrls) && /* @__PURE__ */ t(
|
|
99
102
|
f,
|
|
100
103
|
{
|
|
101
|
-
src: u.itemImage.
|
|
104
|
+
src: (Q = u.itemImage.imageUrls) == null ? void 0 : Q.medium,
|
|
102
105
|
alt: u.itemImage.asset.altText || "Grid item image",
|
|
103
106
|
priority: !1,
|
|
104
107
|
width: 200,
|
|
@@ -106,22 +109,22 @@ function Tt({
|
|
|
106
109
|
}
|
|
107
110
|
),
|
|
108
111
|
u.itemText && /* @__PURE__ */ t(s, { blocks: u.itemText })
|
|
109
|
-
] },
|
|
112
|
+
] }, Y);
|
|
110
113
|
}) }),
|
|
111
114
|
k[o] && k[o] !== "#" && /* @__PURE__ */ t(
|
|
112
|
-
|
|
115
|
+
tt,
|
|
113
116
|
{
|
|
114
117
|
as: "a",
|
|
115
|
-
variant: ((
|
|
118
|
+
variant: ((w = (B = e.content) == null ? void 0 : B.tabLink) == null ? void 0 : w.variant) ?? "primary",
|
|
116
119
|
href: k[o] ?? "#",
|
|
117
|
-
target: ((
|
|
118
|
-
rel: ((
|
|
119
|
-
"aria-label": ((
|
|
120
|
-
children: (
|
|
120
|
+
target: ((D = (H = (V = e.content) == null ? void 0 : V.tabLink) == null ? void 0 : H.linkOptions) == null ? void 0 : D.linkType) === "external" ? "_blank" : "_self",
|
|
121
|
+
rel: ((M = (G = (y = e.content) == null ? void 0 : y.tabLink) == null ? void 0 : G.linkOptions) == null ? void 0 : M.linkType) === "external" ? "noopener noreferrer" : "",
|
|
122
|
+
"aria-label": ((P = (F = e.content) == null ? void 0 : F.tabLink) == null ? void 0 : P.ariaLabel) || ((S = (R = e.content) == null ? void 0 : R.tabLink) == null ? void 0 : S.label),
|
|
123
|
+
children: (q = (E = e.content) == null ? void 0 : E.tabLink) == null ? void 0 : q.label
|
|
121
124
|
},
|
|
122
125
|
o
|
|
123
126
|
),
|
|
124
|
-
((
|
|
127
|
+
((J = e.content) == null ? void 0 : J.tabDisclaimer) && /* @__PURE__ */ t(s, { blocks: e.content.tabDisclaimer })
|
|
125
128
|
] })
|
|
126
129
|
]
|
|
127
130
|
},
|
|
@@ -172,10 +175,10 @@ function Tt({
|
|
|
172
175
|
{
|
|
173
176
|
className: `${a.tabs} ${I} ${v} tabsFullBleed`,
|
|
174
177
|
children: /* @__PURE__ */ c("article", { className: a.container, children: [
|
|
175
|
-
(n == null ? void 0 : n.
|
|
178
|
+
(n == null ? void 0 : n.imageUrls) && /* @__PURE__ */ t(
|
|
176
179
|
f,
|
|
177
180
|
{
|
|
178
|
-
src: n.
|
|
181
|
+
src: n.imageUrls.large ?? "",
|
|
179
182
|
alt: (n == null ? void 0 : n.asset.altText) || (n == null ? void 0 : n.asset.description) || "Card image",
|
|
180
183
|
fill: !0,
|
|
181
184
|
priority: !0,
|
|
@@ -204,5 +207,5 @@ function Tt({
|
|
|
204
207
|
);
|
|
205
208
|
}
|
|
206
209
|
export {
|
|
207
|
-
|
|
210
|
+
Ut as TabsBlock
|
|
208
211
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index25.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index25.css');const e=require("react/jsx-runtime"),j=require("react"),o=require("../../ui/PortableTextRenderer/index.cjs"),R=require("next/image"),f=require("../../../core/components/Modal/index.cjs"),U=require("../../utils/resolveLinkUrl.cjs"),$=require("../../hooks/useMediaQuery.cjs"),I=require("../../../play-CQBnZgNa.cjs"),C=require("../../../arrow-right-DO6S4vfx.cjs"),B="_cardLink_kigot_1",P="_card_kigot_1",F="_container_kigot_20",O="_image_kigot_35",S="_content_kigot_51",D="_imageTop_kigot_55",E="_imageLeft_kigot_62",Q="_modalTrigger_kigot_102",G="_callToAction_kigot_107",H="_label_kigot_108",J="_cardIcon_kigot_113",K="_title_kigot_120",W="_icon_kigot_143",r={cardLink:B,card:P,container:F,image:O,content:S,imageTop:D,imageLeft:E,modalTrigger:Q,callToAction:G,label:H,cardIcon:J,title:K,icon:W};function X({style:p,variant:c,metricValue:l,eyebrow:x,title:_,description:g,image:i,callToAction:s,onHover:v,onLeave:y,gridArea:u}){var h;const[m,b]=j.useState(void 0);j.useEffect(()=>{async function t(){if((s==null?void 0:s.type)==="link"||(s==null?void 0:s.type)==="download"){const n=await U.resolveLinkURL(s);b(n)}}t()},[s]);const L=$.useMediaQuery("(max-width: 768px)"),N={"image-left":r.imageLeft,"image-top":r.imageTop}[p||"text"],z=e.jsx(e.Fragment,{children:i&&i.imageUrls?e.jsx("div",{className:r.image,children:e.jsx(R,{src:(h=i.imageUrls)==null?void 0:h.medium,alt:(i==null?void 0:i.asset.altText)||(i==null?void 0:i.asset.description)||"Card image",width:600,height:658,priority:!0})}):null}),M=({value:t})=>{if(t&&t.includes("%")){const d=2*Math.PI*57.5,w=d-parseFloat(t)/100*d;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:d,strokeDashoffset:w,strokeLinecap:"round",transform:`rotate(-90 ${125/2} ${125/2})`}),e.jsx("text",{x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:t})]})}return e.jsx("div",{})},k=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:r.container,children:[c!=="image"&&e.jsxs("div",{className:r.content,children:[e.jsxs("div",{children:[l&&e.jsx(M,{value:l}),x&&e.jsx(o.RichText,{blocks:x}),_&&e.jsx(o.RichText,{className:r.title,blocks:_})]}),g&&e.jsx(o.RichText,{blocks:g})]}),z]}),(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(I.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(C.ArrowRight,{size:45})})]})]}),q=({children:t})=>{var n,a;switch(s==null?void 0:s.type){case"link":return e.jsx("a",{className:r.cardLink,"aria-label":s.ariaLabel||s.label,href:m,target:((n=s.linkOptions)==null?void 0:n.linkType)==="external"?"_blank":"_self",rel:((a=s.linkOptions)==null?void 0:a.linkType)==="external"?"noopener noreferrer":"",children:t});case"modal":return e.jsx(f.Modal,{className:r.modalTrigger,trigger:t,content:s.modalContent});case"video":return e.jsx(f.Modal,{className:r.modalTrigger,trigger:t,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:m,download:!0,target:"_blank",rel:"noopener noreferrer",children:t})}};return e.jsx("div",{className:`${r.card} ${N??""} ${r[c]}`,onMouseEnter:v,onMouseLeave:y,style:u&&!L?{gridArea:u}:{},children:(s==null?void 0:s.type)!=="none"?e.jsx(q,{children:k}):e.jsx(e.Fragment,{children:k})})}exports.BioCard=X;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { jsx as r, Fragment as m, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as C, useEffect as B } from "react";
|
|
3
3
|
import { RichText as c } from "../../ui/PortableTextRenderer/index.mjs";
|
|
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/index25.css';const
|
|
11
|
-
cardLink:
|
|
12
|
-
card:
|
|
13
|
-
container:
|
|
14
|
-
image:
|
|
15
|
-
content:
|
|
16
|
-
imageTop:
|
|
17
|
-
imageLeft:
|
|
18
|
-
modalTrigger:
|
|
19
|
-
callToAction:
|
|
20
|
-
label:
|
|
21
|
-
cardIcon:
|
|
22
|
-
title:
|
|
23
|
-
icon:
|
|
4
|
+
import P from "next/image";
|
|
5
|
+
import { Modal as b } from "../../../core/components/Modal/index.mjs";
|
|
6
|
+
import { resolveLinkURL as R } from "../../utils/resolveLinkUrl.mjs";
|
|
7
|
+
import { useMediaQuery as j } from "../../hooks/useMediaQuery.mjs";
|
|
8
|
+
import { P as D } from "../../../play-DYgKiSaf.js";
|
|
9
|
+
import { A as E } from "../../../arrow-right-QEwnX3Sk.js";
|
|
10
|
+
import '../../../assets/index25.css';const F = "_cardLink_kigot_1", O = "_card_kigot_1", Q = "_container_kigot_20", S = "_image_kigot_35", q = "_content_kigot_51", G = "_imageTop_kigot_55", H = "_imageLeft_kigot_62", J = "_modalTrigger_kigot_102", K = "_callToAction_kigot_107", W = "_label_kigot_108", X = "_cardIcon_kigot_113", Y = "_title_kigot_120", Z = "_icon_kigot_143", s = {
|
|
11
|
+
cardLink: F,
|
|
12
|
+
card: O,
|
|
13
|
+
container: Q,
|
|
14
|
+
image: S,
|
|
15
|
+
content: q,
|
|
16
|
+
imageTop: G,
|
|
17
|
+
imageLeft: H,
|
|
18
|
+
modalTrigger: J,
|
|
19
|
+
callToAction: K,
|
|
20
|
+
label: W,
|
|
21
|
+
cardIcon: X,
|
|
22
|
+
title: Y,
|
|
23
|
+
icon: Z
|
|
24
24
|
};
|
|
25
|
-
function
|
|
26
|
-
style:
|
|
25
|
+
function ae({
|
|
26
|
+
style: y,
|
|
27
27
|
variant: l,
|
|
28
28
|
metricValue: _,
|
|
29
29
|
eyebrow: g,
|
|
@@ -32,21 +32,22 @@ function ne({
|
|
|
32
32
|
image: i,
|
|
33
33
|
//icon,
|
|
34
34
|
callToAction: e,
|
|
35
|
-
onHover:
|
|
36
|
-
onLeave:
|
|
35
|
+
onHover: x,
|
|
36
|
+
onLeave: L,
|
|
37
37
|
gridArea: h
|
|
38
38
|
}) {
|
|
39
|
-
|
|
40
|
-
C(
|
|
39
|
+
var v;
|
|
40
|
+
const [p, N] = C(void 0);
|
|
41
|
+
B(() => {
|
|
41
42
|
async function t() {
|
|
42
43
|
if ((e == null ? void 0 : e.type) === "link" || (e == null ? void 0 : e.type) === "download") {
|
|
43
|
-
const a = await
|
|
44
|
-
|
|
44
|
+
const a = await R(e);
|
|
45
|
+
N(a);
|
|
45
46
|
}
|
|
46
47
|
}
|
|
47
48
|
t();
|
|
48
49
|
}, [e]);
|
|
49
|
-
const
|
|
50
|
+
const z = j("(max-width: 768px)"), w = {
|
|
50
51
|
//"full-bleed": styles.fullBleed,
|
|
51
52
|
// text: styles.textOnly,
|
|
52
53
|
// metric: styles.metric,
|
|
@@ -54,18 +55,18 @@ function ne({
|
|
|
54
55
|
//"image-right": styles.imageRight,
|
|
55
56
|
"image-top": s.imageTop
|
|
56
57
|
//"image-bottom": styles.imageBottom,
|
|
57
|
-
}[
|
|
58
|
-
|
|
58
|
+
}[y || "text"], I = /* @__PURE__ */ r(m, { children: i && i.imageUrls ? /* @__PURE__ */ r("div", { className: s.image, children: /* @__PURE__ */ r(
|
|
59
|
+
P,
|
|
59
60
|
{
|
|
60
|
-
src: i.
|
|
61
|
+
src: (v = i.imageUrls) == null ? void 0 : v.medium,
|
|
61
62
|
alt: (i == null ? void 0 : i.asset.altText) || (i == null ? void 0 : i.asset.description) || "Card image",
|
|
62
63
|
width: 600,
|
|
63
64
|
height: 658,
|
|
64
65
|
priority: !0
|
|
65
66
|
}
|
|
66
|
-
) }) : null }),
|
|
67
|
+
) }) : null }), U = ({ value: t }) => {
|
|
67
68
|
if (t && t.includes("%")) {
|
|
68
|
-
const o = 2 * Math.PI * 57.5,
|
|
69
|
+
const o = 2 * Math.PI * 57.5, $ = o - parseFloat(t) / 100 * o;
|
|
69
70
|
return /* @__PURE__ */ n("svg", { width: 125, height: 125, viewBox: "0 0 125 125", children: [
|
|
70
71
|
/* @__PURE__ */ r("circle", { cx: 125 / 2, cy: 125 / 2, r: 57.5, fill: "none" }),
|
|
71
72
|
/* @__PURE__ */ r(
|
|
@@ -76,7 +77,7 @@ function ne({
|
|
|
76
77
|
r: 57.5,
|
|
77
78
|
fill: "none",
|
|
78
79
|
strokeDasharray: o,
|
|
79
|
-
strokeDashoffset:
|
|
80
|
+
strokeDashoffset: $,
|
|
80
81
|
strokeLinecap: "round",
|
|
81
82
|
transform: `rotate(-90 ${125 / 2} ${125 / 2})`
|
|
82
83
|
}
|
|
@@ -89,23 +90,23 @@ function ne({
|
|
|
89
90
|
/* @__PURE__ */ n("div", { className: s.container, children: [
|
|
90
91
|
l !== "image" && /* @__PURE__ */ n("div", { className: s.content, children: [
|
|
91
92
|
/* @__PURE__ */ n("div", { children: [
|
|
92
|
-
_ && /* @__PURE__ */ r(
|
|
93
|
+
_ && /* @__PURE__ */ r(U, { value: _ }),
|
|
93
94
|
g && /* @__PURE__ */ r(c, { blocks: g }),
|
|
94
95
|
k && /* @__PURE__ */ r(c, { className: s.title, blocks: k })
|
|
95
96
|
] }),
|
|
96
97
|
f && /* @__PURE__ */ r(c, { blocks: f })
|
|
97
98
|
] }),
|
|
98
|
-
|
|
99
|
+
I
|
|
99
100
|
] }),
|
|
100
101
|
(e == null ? void 0 : e.videoUrl) && /* @__PURE__ */ n("div", { className: s.callToAction, children: [
|
|
101
102
|
/* @__PURE__ */ r("div", { className: s.label, children: e.label }),
|
|
102
|
-
/* @__PURE__ */ r("div", { className: s.cardIcon, children: /* @__PURE__ */ r(
|
|
103
|
+
/* @__PURE__ */ r("div", { className: s.cardIcon, children: /* @__PURE__ */ r(D, { size: 45 }) })
|
|
103
104
|
] }),
|
|
104
105
|
(e == null ? void 0 : e.type) === "link" && /* @__PURE__ */ n("div", { className: s.callToAction, children: [
|
|
105
106
|
/* @__PURE__ */ r("div", { className: s.label, children: e.label }),
|
|
106
|
-
/* @__PURE__ */ r("div", { className: s.cardIcon, children: /* @__PURE__ */ r(
|
|
107
|
+
/* @__PURE__ */ r("div", { className: s.cardIcon, children: /* @__PURE__ */ r(E, { size: 45 }) })
|
|
107
108
|
] })
|
|
108
|
-
] }),
|
|
109
|
+
] }), M = ({ children: t }) => {
|
|
109
110
|
var a, d;
|
|
110
111
|
switch (e == null ? void 0 : e.type) {
|
|
111
112
|
case "link":
|
|
@@ -122,7 +123,7 @@ function ne({
|
|
|
122
123
|
);
|
|
123
124
|
case "modal":
|
|
124
125
|
return /* @__PURE__ */ r(
|
|
125
|
-
|
|
126
|
+
b,
|
|
126
127
|
{
|
|
127
128
|
className: s.modalTrigger,
|
|
128
129
|
trigger: t,
|
|
@@ -131,7 +132,7 @@ function ne({
|
|
|
131
132
|
);
|
|
132
133
|
case "video":
|
|
133
134
|
return /* @__PURE__ */ r(
|
|
134
|
-
|
|
135
|
+
b,
|
|
135
136
|
{
|
|
136
137
|
className: s.modalTrigger,
|
|
137
138
|
trigger: t,
|
|
@@ -156,14 +157,14 @@ function ne({
|
|
|
156
157
|
return /* @__PURE__ */ r(
|
|
157
158
|
"div",
|
|
158
159
|
{
|
|
159
|
-
className: `${s.card} ${
|
|
160
|
-
onMouseEnter:
|
|
161
|
-
onMouseLeave:
|
|
162
|
-
style: h && !
|
|
163
|
-
children: (e == null ? void 0 : e.type) !== "none" ? /* @__PURE__ */ r(
|
|
160
|
+
className: `${s.card} ${w ?? ""} ${s[l]}`,
|
|
161
|
+
onMouseEnter: x,
|
|
162
|
+
onMouseLeave: L,
|
|
163
|
+
style: h && !z ? { gridArea: h } : {},
|
|
164
|
+
children: (e == null ? void 0 : e.type) !== "none" ? /* @__PURE__ */ r(M, { children: u }) : /* @__PURE__ */ r(m, { children: u })
|
|
164
165
|
}
|
|
165
166
|
);
|
|
166
167
|
}
|
|
167
168
|
export {
|
|
168
|
-
|
|
169
|
+
ae as BioCard
|
|
169
170
|
};
|
|
@@ -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 p=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],f=y.createLucideIcon("arrow-up-right",p),v="_item_1d7j0_1",I="_itemImage_1d7j0_14",N="_itemTitle_1d7j0_20",T="_callToAction_1d7j0_26",b="_icon_1d7j0_33",C="_single_1d7j0_39",E="_first_1d7j0_40",w="_itemContent_1d7j0_41",A="_itemExcerpt_1d7j0_113",$="_imagePlaceholder_1d7j0_179",L="_category_1d7j0_223",k="_itemEyebrow_1d7j0_242",i={item:v,itemImage:I,itemTitle:N,callToAction:T,icon:b,single:C,first:E,itemContent:w,itemExcerpt:A,imagePlaceholder:$,category:L,itemEyebrow:k};function q({article:e,className:_="",index:g,limit:u}){var a,l,m,d;const j=`/blog/articles/${e.slug.current}`,r=((a=e.categories)==null?void 0:a.find(n=>{var s,c;return!((c=(s=n.slug)==null?void 0:s.current)!=null&&c.startsWith("library/type"))}))??null,o=((l=e.categories)==null?void 0:l.find(n=>{var s,c;return(c=(s=n.slug)==null?void 0:s.current)==null?void 0:c.startsWith("library/type")}))??null;return t.jsxs(h.LocaleLink,{href:j,className:`${i.item} ${_??""} ${g===0?i.first:""} ${u===1?i.single:""}`,children:[t.jsxs("div",{className:i.itemImage,children:[o&&t.jsx("div",{className:i.category,children:o.title}),e.featuredImage&&e.featuredImage.
|
|
6
|
+
*/const p=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],f=y.createLucideIcon("arrow-up-right",p),v="_item_1d7j0_1",I="_itemImage_1d7j0_14",N="_itemTitle_1d7j0_20",T="_callToAction_1d7j0_26",b="_icon_1d7j0_33",C="_single_1d7j0_39",E="_first_1d7j0_40",w="_itemContent_1d7j0_41",A="_itemExcerpt_1d7j0_113",$="_imagePlaceholder_1d7j0_179",L="_category_1d7j0_223",k="_itemEyebrow_1d7j0_242",i={item:v,itemImage:I,itemTitle:N,callToAction:T,icon:b,single:C,first:E,itemContent:w,itemExcerpt:A,imagePlaceholder:$,category:L,itemEyebrow:k};function q({article:e,className:_="",index:g,limit:u}){var a,l,m,d;const j=`/blog/articles/${e.slug.current}`,r=((a=e.categories)==null?void 0:a.find(n=>{var s,c;return!((c=(s=n.slug)==null?void 0:s.current)!=null&&c.startsWith("library/type"))}))??null,o=((l=e.categories)==null?void 0:l.find(n=>{var s,c;return(c=(s=n.slug)==null?void 0:s.current)==null?void 0:c.startsWith("library/type")}))??null;return t.jsxs(h.LocaleLink,{href:j,className:`${i.item} ${_??""} ${g===0?i.first:""} ${u===1?i.single:""}`,children:[t.jsxs("div",{className:i.itemImage,children:[o&&t.jsx("div",{className:i.category,children:o.title}),e.featuredImage&&e.featuredImage.imageUrls?t.jsx(x,{src:e.featuredImage.imageUrls.medium??"",alt:((m=e.featuredImage)==null?void 0:m.asset.altText)||((d=e==null?void 0:e.featuredImage)==null?void 0:d.asset.description)||"Content image",fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:!0}):t.jsx("div",{className:i.imagePlaceholder})]}),t.jsxs("div",{className:i.itemContent,children:[r&&t.jsx("div",{className:i.itemEyebrow,children:r.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(f,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:i.itemExcerpt,children:e.excerpt})]})]})}exports.BlogArticleCard=q;
|
|
@@ -35,13 +35,13 @@ function B({
|
|
|
35
35
|
var m, l, d, _;
|
|
36
36
|
const u = `/blog/articles/${e.slug.current}`, n = ((m = e.categories) == null ? void 0 : m.find(
|
|
37
37
|
(c) => {
|
|
38
|
-
var
|
|
39
|
-
return !((
|
|
38
|
+
var s, o;
|
|
39
|
+
return !((o = (s = c.slug) == null ? void 0 : s.current) != null && o.startsWith("library/type"));
|
|
40
40
|
}
|
|
41
41
|
)) ?? null, a = ((l = e.categories) == null ? void 0 : l.find(
|
|
42
42
|
(c) => {
|
|
43
|
-
var
|
|
44
|
-
return (
|
|
43
|
+
var s, o;
|
|
44
|
+
return (o = (s = c.slug) == null ? void 0 : s.current) == null ? void 0 : o.startsWith("library/type");
|
|
45
45
|
}
|
|
46
46
|
)) ?? null;
|
|
47
47
|
return /* @__PURE__ */ r(
|
|
@@ -52,10 +52,10 @@ function B({
|
|
|
52
52
|
children: [
|
|
53
53
|
/* @__PURE__ */ r("div", { className: t.itemImage, children: [
|
|
54
54
|
a && /* @__PURE__ */ i("div", { className: t.category, children: a.title }),
|
|
55
|
-
e.featuredImage && e.featuredImage.
|
|
55
|
+
e.featuredImage && e.featuredImage.imageUrls ? /* @__PURE__ */ i(
|
|
56
56
|
y,
|
|
57
57
|
{
|
|
58
|
-
src: e.featuredImage.
|
|
58
|
+
src: e.featuredImage.imageUrls.medium ?? "",
|
|
59
59
|
alt: ((d = e.featuredImage) == null ? void 0 : d.asset.altText) || ((_ = e == null ? void 0 : e.featuredImage) == null ? void 0 : _.asset.description) || "Content image",
|
|
60
60
|
fill: !0,
|
|
61
61
|
sizes: "(max-width: 767px) 650px, 300px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),j=require("react"),h=require("../../ui/PortableTextRenderer/index.cjs"),U=require("next/image"),b=require("../../../core/components/Modal/index.cjs"),F=require("../../utils/resolveLinkUrl.cjs"),O=require("../../hooks/useMediaQuery.cjs"),P=require("../../hooks/useStyleClasses.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const S=require("../../../play-CQBnZgNa.cjs"),W=require("../../../arrow-right-DO6S4vfx.cjs"),D="_cardLink_1w006_1",E="_card_1w006_1",G="_container_1w006_20",Q="_icon_1w006_30",H="_modalTrigger_1w006_52",J="_callToAction_1w006_57",K="_label_1w006_58",X="_cardIcon_1w006_63",Y="_title_1w006_70",Z="_description_1w006_93",V="_imageWrapper_1w006_108",T="_metric_1w006_193",A="_content_1w006_194",ee="_outerCircle_1w006_210",se="_innerCircle_1w006_215",te="_metricLabel_1w006_221",re="_textOnly_1w006_229",ne="_fullBleed_1w006_261",
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const s=require("react/jsx-runtime"),j=require("react"),h=require("../../ui/PortableTextRenderer/index.cjs"),U=require("next/image"),b=require("../../../core/components/Modal/index.cjs"),F=require("../../utils/resolveLinkUrl.cjs"),O=require("../../hooks/useMediaQuery.cjs"),P=require("../../hooks/useStyleClasses.cjs");require("@fortawesome/fontawesome-free/css/all.min.css");const S=require("../../../play-CQBnZgNa.cjs"),W=require("../../../arrow-right-DO6S4vfx.cjs"),D="_cardLink_1w006_1",E="_card_1w006_1",G="_container_1w006_20",Q="_icon_1w006_30",H="_modalTrigger_1w006_52",J="_callToAction_1w006_57",K="_label_1w006_58",X="_cardIcon_1w006_63",Y="_title_1w006_70",Z="_description_1w006_93",V="_imageWrapper_1w006_108",T="_metric_1w006_193",A="_content_1w006_194",ee="_outerCircle_1w006_210",se="_innerCircle_1w006_215",te="_metricLabel_1w006_221",re="_textOnly_1w006_229",ne="_fullBleed_1w006_261",ie="_imageTop_1w006_302",oe="_imageBottom_1w006_323",ce="_imageLeft_1w006_350",ae="_imageRight_1w006_360",le="_containImage_1w006_410",de="_fullBleedImage_1w006_414",_e="_image_1w006_108",ue="_eyebrow_1w006_501",xe="_cta_1w006_513",he="_secondary_1w006_514",t={cardLink:D,card:E,container:G,icon:Q,modalTrigger:H,callToAction:J,label:K,cardIcon:X,title:Y,description:Z,imageWrapper:V,metric:T,content:A,outerCircle:ee,innerCircle:se,metricLabel:te,textOnly:re,fullBleed:ne,imageTop:ie,imageBottom:oe,imageLeft:ce,imageRight:ae,containImage:le,fullBleedImage:de,image:_e,eyebrow:ue,cta:xe,secondary:he};function we({style:v,variant:w="noImage",metricValue:a,eyebrow:l,title:d,description:_,image:e,icon:f,callToAction:r,onHover:N,onLeave:k,gridArea:p,styleOptions:L}){const[m,C]=j.useState(void 0),I=P.useStyleClasses(L);j.useEffect(()=>{async function n(){if((r==null?void 0:r.type)==="link"||(r==null?void 0:r.type)==="download"){const o=await F.resolveLinkURL(r);C(o)}}n()},[r]);const c=O.useMediaQuery("(max-width: 768px)"),B=(e==null?void 0:e.asset)&&(e==null?void 0:e.layout)==="cover",i={};if((e==null?void 0:e.layout)==="cover")i.objectFit="cover",e!=null&&e.position&&(i.objectPosition=c?"top":e==null?void 0:e.position);else if((e==null?void 0:e.layout)==="contain"){if(i.objectFit="contain",(e==null?void 0:e.width)==="half"?i.width=c?"100%":"50%":(e==null?void 0:e.width)==="inset"?(i.width=c?"100%":"75%",i.maxWidth=e.maxWidth??"unset"):i.width="100%",e!=null&&e.aspectRatio){const[n,o]=e==null?void 0:e.aspectRatio.split(":").map(Number);i.aspectRatio=`${n}/${o}`}}else i.objectFit="none";const R={"full-bleed":t.fullBleed,text:t.textOnly,metric:t.metric,"image-left":t.imageLeft,"image-right":t.imageRight,"image-top":t.imageTop,"image-bottom":t.imageBottom}[v||"text"],z=s.jsx(s.Fragment,{children:e&&e.imageUrls?s.jsx("div",{className:t.imageWrapper,children:s.jsx(U,{src:e.imageUrls.medium,alt:(e==null?void 0:e.asset.altText)||(e==null?void 0:e.asset.description)||"Card image",width:600,height:658,priority:!1,style:i})}):null}),$=({value:n})=>{if(n&&n.includes("%")){const x=2*Math.PI*57.5,g=x-parseFloat(n)/100*x;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:x,strokeDashoffset:g,strokeLinecap:"round",transform:`rotate(-90 ${125/2} ${125/2})`}),s.jsx("text",{className:t.metricLabel,x:"50%",y:"52%",dominantBaseline:"middle",textAnchor:"middle",children:n})]})}return s.jsx("div",{className:t.metric})},q=!a&&!l&&!d&&!_,y=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:`${t.container} ${B?t.fullBleedImage:t.containImage} `,children:[w!=="image"&&!q&&s.jsxs("div",{className:t.content,children:[f&&s.jsx("div",{className:t.icon,children:s.jsx("i",{className:f})}),a&&s.jsx($,{value:a}),l&&s.jsx(h.RichText,{className:t.eyebrow,blocks:l}),d&&s.jsx(h.RichText,{className:t.title,blocks:d}),_&&s.jsx(h.RichText,{className:t.description,blocks:_})]}),z]}),(r==null?void 0:r.videoUrl)&&s.jsxs("div",{className:t.callToAction,children:[s.jsx("div",{className:t.label,children:r.label}),s.jsx("div",{className:t.cardIcon,children:s.jsx(S.Play,{size:45})})]}),(r==null?void 0:r.type)==="link"&&s.jsxs("div",{className:t.callToAction,children:[s.jsx("div",{className:t.label,children:r.label}),s.jsx("div",{className:t.cardIcon,children:s.jsx(W.ArrowRight,{size:45})})]})]}),M=({children:n})=>{var o,u;switch(r==null?void 0:r.type){case"link":return s.jsx("a",{className:t.cardLink,"aria-label":r.ariaLabel||r.label,href:m,target:((o=r.linkOptions)==null?void 0:o.linkType)==="external"?"_blank":"_self",rel:((u=r.linkOptions)==null?void 0:u.linkType)==="external"?"noopener noreferrer":"",children:n});case"modal":return s.jsx(b.Modal,{className:t.modalTrigger,trigger:n,content:r.modalContent});case"video":return s.jsx(b.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:m,download:!0,target:"_blank",rel:"noopener noreferrer",children:n})}};return s.jsx("div",{className:`${I} ${t.card} ${R??""} ${t[w]}`,onMouseEnter:N,onMouseLeave:k,style:p&&!c?{gridArea:p}:{},children:(r==null?void 0:r.type)!=="none"?s.jsx(M,{children:y}):s.jsx(s.Fragment,{children:y})})}exports.GridCard=we;
|