@digital-b2c/coreui-kit 0.19.2 → 0.21.0
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/index.cjs +532 -270
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +310 -50
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +162 -96
- package/dist/index.d.ts +162 -96
- package/dist/index.mjs +531 -272
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -12
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var clsx52 = require('clsx');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React72 = require('react');
|
|
6
6
|
var gsap = require('gsap');
|
|
@@ -8,12 +8,12 @@ var react = require('@gsap/react');
|
|
|
8
8
|
var ScrollTrigger = require('gsap/ScrollTrigger');
|
|
9
9
|
var react$1 = require('swiper/react');
|
|
10
10
|
var modules = require('swiper/modules');
|
|
11
|
-
require('swiper/css');
|
|
12
11
|
var ReactPlayer = require('react-player');
|
|
12
|
+
require('swiper/css');
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var clsx52__default = /*#__PURE__*/_interopDefault(clsx52);
|
|
17
17
|
var React72__default = /*#__PURE__*/_interopDefault(React72);
|
|
18
18
|
var gsap__default = /*#__PURE__*/_interopDefault(gsap);
|
|
19
19
|
var ReactPlayer__default = /*#__PURE__*/_interopDefault(ReactPlayer);
|
|
@@ -68,7 +68,7 @@ var Picture = (_a) => {
|
|
|
68
68
|
__spreadValues({
|
|
69
69
|
src: desktop.src,
|
|
70
70
|
alt: desktop.alt,
|
|
71
|
-
className:
|
|
71
|
+
className: clsx52__default.default(className, Picture_module_default["image-desktop"])
|
|
72
72
|
}, rest)
|
|
73
73
|
),
|
|
74
74
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -76,7 +76,7 @@ var Picture = (_a) => {
|
|
|
76
76
|
__spreadValues({
|
|
77
77
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
78
78
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
79
|
-
className:
|
|
79
|
+
className: clsx52__default.default(className, Picture_module_default["image-mobile"])
|
|
80
80
|
}, rest)
|
|
81
81
|
)
|
|
82
82
|
] });
|
|
@@ -483,7 +483,7 @@ var Button = (_a) => {
|
|
|
483
483
|
]);
|
|
484
484
|
const isLink = !!href;
|
|
485
485
|
const props = __spreadValues(__spreadValues({
|
|
486
|
-
className:
|
|
486
|
+
className: clsx52__default.default(
|
|
487
487
|
Button_module_default.button,
|
|
488
488
|
variant ? Button_module_default[variant] : null,
|
|
489
489
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -715,7 +715,7 @@ var BrandsStrip = ({
|
|
|
715
715
|
"div",
|
|
716
716
|
{
|
|
717
717
|
ref: containerRef,
|
|
718
|
-
className:
|
|
718
|
+
className: clsx52__default.default(
|
|
719
719
|
BrandsStrip_module_default.brandsStrip,
|
|
720
720
|
BrandsStrip_module_default[variant],
|
|
721
721
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -724,13 +724,13 @@ var BrandsStrip = ({
|
|
|
724
724
|
onMouseEnter: handleMouseEnter,
|
|
725
725
|
onMouseLeave: handleMouseLeave,
|
|
726
726
|
children: [
|
|
727
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
728
|
-
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
727
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
728
|
+
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx52__default.default("body", BrandsStrip_module_default.title), children: title }),
|
|
729
729
|
logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
730
730
|
"div",
|
|
731
731
|
{
|
|
732
732
|
ref: marqueeRef,
|
|
733
|
-
className:
|
|
733
|
+
className: clsx52__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
734
734
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
735
735
|
}
|
|
736
736
|
)
|
|
@@ -777,7 +777,7 @@ var Container_module_default = {
|
|
|
777
777
|
var Container = React72.forwardRef(
|
|
778
778
|
(_a, ref) => {
|
|
779
779
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
780
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
780
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx52__default.default(Container_module_default.container, className) }, props), { children }));
|
|
781
781
|
}
|
|
782
782
|
);
|
|
783
783
|
Container.displayName = "Container";
|
|
@@ -806,6 +806,7 @@ var Card = ({
|
|
|
806
806
|
title,
|
|
807
807
|
subtitle,
|
|
808
808
|
cta,
|
|
809
|
+
onCtaClick,
|
|
809
810
|
icon,
|
|
810
811
|
logo,
|
|
811
812
|
children,
|
|
@@ -824,21 +825,32 @@ var Card = ({
|
|
|
824
825
|
ConditionalWrapper,
|
|
825
826
|
__spreadProps(__spreadValues({
|
|
826
827
|
ref,
|
|
827
|
-
className:
|
|
828
|
+
className: clsx52__default.default(Card_module_default.card, Card_module_default[variant], className),
|
|
828
829
|
wrapper: Anchor,
|
|
829
830
|
fallback: "div",
|
|
830
831
|
condition: isLink
|
|
831
|
-
},
|
|
832
|
+
}, isLink ? { href, isExternal } : {}), {
|
|
832
833
|
children: [
|
|
833
834
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
834
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className:
|
|
835
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx52__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx52__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
835
836
|
isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
836
837
|
] }),
|
|
837
838
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
|
|
838
839
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "h4", children: titleNode }),
|
|
839
840
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
|
|
840
841
|
] }),
|
|
841
|
-
(cta == null ? void 0 : cta.label) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
842
|
+
(cta == null ? void 0 : cta.label) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
843
|
+
Button,
|
|
844
|
+
{
|
|
845
|
+
href: cta.url,
|
|
846
|
+
isExternal: cta.isExternal,
|
|
847
|
+
variant: "secondary",
|
|
848
|
+
icon: cta.icon,
|
|
849
|
+
logo: cta.logo,
|
|
850
|
+
onClick: onCtaClick,
|
|
851
|
+
children: cta.label
|
|
852
|
+
}
|
|
853
|
+
)
|
|
842
854
|
]
|
|
843
855
|
})
|
|
844
856
|
);
|
|
@@ -866,10 +878,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
866
878
|
title: CountingCardTitle
|
|
867
879
|
});
|
|
868
880
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
869
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
881
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(CountingCard_module_default["counting-card"], className), children: [
|
|
870
882
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
871
883
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
|
|
872
|
-
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
884
|
+
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(CountingCard_module_default.count, "h1"), children: count })
|
|
873
885
|
] }),
|
|
874
886
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
875
887
|
] });
|
|
@@ -955,7 +967,7 @@ function FilterBar({
|
|
|
955
967
|
"button",
|
|
956
968
|
{
|
|
957
969
|
type: "button",
|
|
958
|
-
className:
|
|
970
|
+
className: clsx52__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
959
971
|
onClick: () => onViewChange("grid"),
|
|
960
972
|
"aria-pressed": view === "grid",
|
|
961
973
|
children: [
|
|
@@ -968,7 +980,7 @@ function FilterBar({
|
|
|
968
980
|
"button",
|
|
969
981
|
{
|
|
970
982
|
type: "button",
|
|
971
|
-
className:
|
|
983
|
+
className: clsx52__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
972
984
|
onClick: () => onViewChange("list"),
|
|
973
985
|
"aria-pressed": view === "list",
|
|
974
986
|
children: [
|
|
@@ -982,7 +994,7 @@ function FilterBar({
|
|
|
982
994
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
983
995
|
"div",
|
|
984
996
|
{
|
|
985
|
-
className:
|
|
997
|
+
className: clsx52__default.default(
|
|
986
998
|
FilterBar_module_default.dropdownWrapper,
|
|
987
999
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
988
1000
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -993,7 +1005,7 @@ function FilterBar({
|
|
|
993
1005
|
"button",
|
|
994
1006
|
{
|
|
995
1007
|
type: "button",
|
|
996
|
-
className:
|
|
1008
|
+
className: clsx52__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
997
1009
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
998
1010
|
"aria-expanded": openDropdown === "filter",
|
|
999
1011
|
children: [
|
|
@@ -1008,7 +1020,7 @@ function FilterBar({
|
|
|
1008
1020
|
type: "button",
|
|
1009
1021
|
role: "option",
|
|
1010
1022
|
"aria-selected": filterValue === opt.value,
|
|
1011
|
-
className:
|
|
1023
|
+
className: clsx52__default.default(
|
|
1012
1024
|
FilterBar_module_default.dropdownOption,
|
|
1013
1025
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
1014
1026
|
),
|
|
@@ -1029,7 +1041,7 @@ function FilterBar({
|
|
|
1029
1041
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1030
1042
|
"div",
|
|
1031
1043
|
{
|
|
1032
|
-
className:
|
|
1044
|
+
className: clsx52__default.default(
|
|
1033
1045
|
FilterBar_module_default.dropdownWrapper,
|
|
1034
1046
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
1035
1047
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -1055,7 +1067,7 @@ function FilterBar({
|
|
|
1055
1067
|
type: "button",
|
|
1056
1068
|
role: "option",
|
|
1057
1069
|
"aria-selected": sortValue === opt.value,
|
|
1058
|
-
className:
|
|
1070
|
+
className: clsx52__default.default(
|
|
1059
1071
|
FilterBar_module_default.dropdownOption,
|
|
1060
1072
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1061
1073
|
),
|
|
@@ -1073,7 +1085,7 @@ function FilterBar({
|
|
|
1073
1085
|
searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1074
1086
|
"div",
|
|
1075
1087
|
{
|
|
1076
|
-
className:
|
|
1088
|
+
className: clsx52__default.default(
|
|
1077
1089
|
FilterBar_module_default.searchExpanded,
|
|
1078
1090
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1079
1091
|
),
|
|
@@ -1155,9 +1167,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1155
1167
|
});
|
|
1156
1168
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1157
1169
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1158
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1170
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1159
1171
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1160
|
-
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1172
|
+
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1161
1173
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
|
|
1162
1174
|
] }),
|
|
1163
1175
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1170,6 +1182,61 @@ var InfoCard2 = Object.assign(InfoCard, {
|
|
|
1170
1182
|
Subtitle: InfoCardSubtitle
|
|
1171
1183
|
});
|
|
1172
1184
|
|
|
1185
|
+
// src/components/Modal/Modal.module.scss
|
|
1186
|
+
var Modal_module_default = {
|
|
1187
|
+
modal: "Modal_module_modal",
|
|
1188
|
+
inner: "Modal_module_inner",
|
|
1189
|
+
header: "Modal_module_header",
|
|
1190
|
+
close: "Modal_module_close"
|
|
1191
|
+
};
|
|
1192
|
+
var Modal = ({
|
|
1193
|
+
className,
|
|
1194
|
+
contentClassName,
|
|
1195
|
+
isOpen,
|
|
1196
|
+
onClose,
|
|
1197
|
+
ariaLabel = "Dialog",
|
|
1198
|
+
closeLabel = "Close",
|
|
1199
|
+
hideCloseButton = false,
|
|
1200
|
+
children
|
|
1201
|
+
}) => {
|
|
1202
|
+
const dialogRef = React72.useRef(null);
|
|
1203
|
+
React72.useEffect(() => {
|
|
1204
|
+
const dialog = dialogRef.current;
|
|
1205
|
+
if (!dialog) return;
|
|
1206
|
+
if (isOpen && !dialog.open) {
|
|
1207
|
+
dialog.showModal();
|
|
1208
|
+
} else if (!isOpen && dialog.open) {
|
|
1209
|
+
dialog.close();
|
|
1210
|
+
}
|
|
1211
|
+
}, [isOpen]);
|
|
1212
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1213
|
+
"dialog",
|
|
1214
|
+
{
|
|
1215
|
+
ref: dialogRef,
|
|
1216
|
+
className: clsx52__default.default(Modal_module_default.modal, className),
|
|
1217
|
+
"aria-label": ariaLabel,
|
|
1218
|
+
onClose,
|
|
1219
|
+
onClick: (event) => {
|
|
1220
|
+
if (event.target === dialogRef.current) onClose();
|
|
1221
|
+
},
|
|
1222
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(Modal_module_default.inner, contentClassName), children: [
|
|
1223
|
+
!hideCloseButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module_default.header, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1224
|
+
Button,
|
|
1225
|
+
{
|
|
1226
|
+
variant: "nofillblack",
|
|
1227
|
+
className: Modal_module_default.close,
|
|
1228
|
+
onClick: onClose,
|
|
1229
|
+
"aria-label": closeLabel,
|
|
1230
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 30 })
|
|
1231
|
+
}
|
|
1232
|
+
) }),
|
|
1233
|
+
children
|
|
1234
|
+
] })
|
|
1235
|
+
}
|
|
1236
|
+
);
|
|
1237
|
+
};
|
|
1238
|
+
Modal.displayName = "Modal";
|
|
1239
|
+
|
|
1173
1240
|
// src/utils/getPaginationRange.ts
|
|
1174
1241
|
var DOTS = "...";
|
|
1175
1242
|
var range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
|
|
@@ -1254,7 +1321,7 @@ var Pagination = ({
|
|
|
1254
1321
|
const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
|
|
1255
1322
|
const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
|
|
1256
1323
|
const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
1257
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1324
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(Pagination_module_default.pagination, className), children: [
|
|
1258
1325
|
!disableArrows && (renderLink ? renderLink({
|
|
1259
1326
|
page: prevPage,
|
|
1260
1327
|
className: Pagination_module_default.prev,
|
|
@@ -1275,7 +1342,7 @@ var Pagination = ({
|
|
|
1275
1342
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
|
|
1276
1343
|
}
|
|
1277
1344
|
const page = item;
|
|
1278
|
-
const pageClassName =
|
|
1345
|
+
const pageClassName = clsx52__default.default(Pagination_module_default.page, {
|
|
1279
1346
|
[Pagination_module_default.active]: activePage === page,
|
|
1280
1347
|
[Pagination_module_default.number]: hasNumber,
|
|
1281
1348
|
[Pagination_module_default["no-border"]]: hidePagesBorder
|
|
@@ -1328,10 +1395,10 @@ var PracticeCard_module_default = {
|
|
|
1328
1395
|
};
|
|
1329
1396
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1330
1397
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1331
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1398
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1332
1399
|
ConditionalWrapper,
|
|
1333
1400
|
__spreadProps(__spreadValues({
|
|
1334
|
-
className:
|
|
1401
|
+
className: clsx52__default.default(PracticeCard_module_default.wrapper, PracticeCard_module_default["focusable-card"]),
|
|
1335
1402
|
wrapper: Anchor,
|
|
1336
1403
|
fallback: "div",
|
|
1337
1404
|
condition: !!href,
|
|
@@ -1340,7 +1407,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1340
1407
|
children: [
|
|
1341
1408
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1342
1409
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1343
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1410
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1344
1411
|
href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1345
1412
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1346
1413
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1384,15 +1451,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1384
1451
|
"aria-disabled": isRestricted
|
|
1385
1452
|
} : null;
|
|
1386
1453
|
const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
|
|
1387
|
-
className:
|
|
1454
|
+
className: clsx52__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
|
|
1388
1455
|
children: null
|
|
1389
1456
|
})) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1390
1457
|
"a",
|
|
1391
1458
|
__spreadProps(__spreadValues({}, linkProps), {
|
|
1392
|
-
className:
|
|
1459
|
+
className: clsx52__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
|
|
1393
1460
|
})
|
|
1394
1461
|
) : null;
|
|
1395
|
-
const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className:
|
|
1462
|
+
const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx52__default.default(ResourceCardItem_module_default.cardLink), children }));
|
|
1396
1463
|
function getIcon() {
|
|
1397
1464
|
switch (item.type) {
|
|
1398
1465
|
case "pdf":
|
|
@@ -1409,7 +1476,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1409
1476
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1410
1477
|
"article",
|
|
1411
1478
|
{
|
|
1412
|
-
className:
|
|
1479
|
+
className: clsx52__default.default(
|
|
1413
1480
|
ResourceCardItem_module_default.cardGrid,
|
|
1414
1481
|
isGlobalSearchVariant && ResourceCardItem_module_default[variant],
|
|
1415
1482
|
isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
|
|
@@ -1493,7 +1560,7 @@ var Sidebar = ({
|
|
|
1493
1560
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1494
1561
|
"li",
|
|
1495
1562
|
{
|
|
1496
|
-
className:
|
|
1563
|
+
className: clsx52__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1497
1564
|
role: "button",
|
|
1498
1565
|
tabIndex: 0,
|
|
1499
1566
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1551,7 +1618,7 @@ var UpcomingEventCard = ({
|
|
|
1551
1618
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1552
1619
|
"article",
|
|
1553
1620
|
{
|
|
1554
|
-
className:
|
|
1621
|
+
className: clsx52__default.default(
|
|
1555
1622
|
"card",
|
|
1556
1623
|
UpcomingEventCard_module_default["event-card"],
|
|
1557
1624
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1559,26 +1626,26 @@ var UpcomingEventCard = ({
|
|
|
1559
1626
|
className
|
|
1560
1627
|
),
|
|
1561
1628
|
children: [
|
|
1562
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1563
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1629
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1630
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx52__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1564
1631
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1565
1632
|
"div",
|
|
1566
1633
|
{
|
|
1567
|
-
className:
|
|
1634
|
+
className: clsx52__default.default(
|
|
1568
1635
|
"card-text-content",
|
|
1569
1636
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1570
1637
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1571
1638
|
),
|
|
1572
1639
|
children: [
|
|
1573
1640
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1574
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
1641
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx52__default.default("card-text-title"), children: title }),
|
|
1575
1642
|
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1576
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1577
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1643
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1644
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1578
1645
|
Button,
|
|
1579
1646
|
{
|
|
1580
1647
|
variant: "secondary",
|
|
1581
|
-
className:
|
|
1648
|
+
className: clsx52__default.default(
|
|
1582
1649
|
"card-cta",
|
|
1583
1650
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1584
1651
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1597,12 +1664,12 @@ var UpcomingEventCard = ({
|
|
|
1597
1664
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1598
1665
|
"div",
|
|
1599
1666
|
{
|
|
1600
|
-
className:
|
|
1667
|
+
className: clsx52__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1601
1668
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1602
1669
|
Button,
|
|
1603
1670
|
{
|
|
1604
1671
|
variant: "secondary",
|
|
1605
|
-
className:
|
|
1672
|
+
className: clsx52__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1606
1673
|
fullWidth: isBelowMobile,
|
|
1607
1674
|
href: cta.url,
|
|
1608
1675
|
icon: cta.icon,
|
|
@@ -1650,7 +1717,7 @@ var Badge = React72.forwardRef(
|
|
|
1650
1717
|
"live",
|
|
1651
1718
|
"clickable"
|
|
1652
1719
|
]);
|
|
1653
|
-
const classes =
|
|
1720
|
+
const classes = clsx52__default.default(
|
|
1654
1721
|
Badge_module_default.badge,
|
|
1655
1722
|
Badge_module_default[variant],
|
|
1656
1723
|
Badge_module_default[size],
|
|
@@ -1661,7 +1728,7 @@ var Badge = React72.forwardRef(
|
|
|
1661
1728
|
className
|
|
1662
1729
|
);
|
|
1663
1730
|
const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1664
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className:
|
|
1731
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx52__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1665
1732
|
!iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
|
|
1666
1733
|
] });
|
|
1667
1734
|
if (clickable) {
|
|
@@ -1742,7 +1809,7 @@ var Input = React72.forwardRef(
|
|
|
1742
1809
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1743
1810
|
"div",
|
|
1744
1811
|
{
|
|
1745
|
-
className:
|
|
1812
|
+
className: clsx52__default.default(
|
|
1746
1813
|
"input-field",
|
|
1747
1814
|
Input_module_default["input-field"],
|
|
1748
1815
|
{
|
|
@@ -1756,17 +1823,17 @@ var Input = React72.forwardRef(
|
|
|
1756
1823
|
"label",
|
|
1757
1824
|
{
|
|
1758
1825
|
htmlFor: inputId,
|
|
1759
|
-
className:
|
|
1826
|
+
className: clsx52__default.default("input-label", Input_module_default.label, {
|
|
1760
1827
|
["sr-only"]: hideLabel
|
|
1761
1828
|
}),
|
|
1762
1829
|
children: [
|
|
1763
1830
|
label,
|
|
1764
|
-
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1831
|
+
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1765
1832
|
]
|
|
1766
1833
|
}
|
|
1767
1834
|
),
|
|
1768
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1769
|
-
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1835
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("input-wrapper", Input_module_default.wrapper), children: [
|
|
1836
|
+
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1770
1837
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1771
1838
|
"input",
|
|
1772
1839
|
__spreadValues({
|
|
@@ -1777,7 +1844,7 @@ var Input = React72.forwardRef(
|
|
|
1777
1844
|
disabled,
|
|
1778
1845
|
"aria-invalid": !!error,
|
|
1779
1846
|
"aria-describedby": describedBy || void 0,
|
|
1780
|
-
className:
|
|
1847
|
+
className: clsx52__default.default(
|
|
1781
1848
|
"input",
|
|
1782
1849
|
Input_module_default.input,
|
|
1783
1850
|
{
|
|
@@ -1788,11 +1855,11 @@ var Input = React72.forwardRef(
|
|
|
1788
1855
|
)
|
|
1789
1856
|
}, props)
|
|
1790
1857
|
),
|
|
1791
|
-
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1792
|
-
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1858
|
+
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1859
|
+
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("input-end-action"), children: endAction })
|
|
1793
1860
|
] }),
|
|
1794
|
-
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className:
|
|
1795
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className:
|
|
1861
|
+
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx52__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1862
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx52__default.default("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1796
1863
|
]
|
|
1797
1864
|
}
|
|
1798
1865
|
);
|
|
@@ -1836,7 +1903,7 @@ var NewsCard = ({
|
|
|
1836
1903
|
href: cta.url,
|
|
1837
1904
|
target: cta.isExternal ? "_blank" : void 0,
|
|
1838
1905
|
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1839
|
-
className:
|
|
1906
|
+
className: clsx52__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1840
1907
|
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1841
1908
|
}, isRestricted && {
|
|
1842
1909
|
"aria-disabled": true
|
|
@@ -1847,7 +1914,7 @@ var NewsCard = ({
|
|
|
1847
1914
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1848
1915
|
"article",
|
|
1849
1916
|
{
|
|
1850
|
-
className:
|
|
1917
|
+
className: clsx52__default.default(
|
|
1851
1918
|
"news-card",
|
|
1852
1919
|
NewsCard_module_default["news-card"],
|
|
1853
1920
|
type && NewsCard_module_default[type],
|
|
@@ -1858,29 +1925,29 @@ var NewsCard = ({
|
|
|
1858
1925
|
"aria-describedby": isRestricted ? `restricted-${id}` : void 0,
|
|
1859
1926
|
children: [
|
|
1860
1927
|
cardLink,
|
|
1861
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1928
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx52__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1862
1929
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1863
1930
|
"div",
|
|
1864
1931
|
{
|
|
1865
|
-
className:
|
|
1932
|
+
className: clsx52__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1866
1933
|
style: {
|
|
1867
1934
|
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1868
1935
|
},
|
|
1869
1936
|
children: [
|
|
1870
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1871
|
-
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className:
|
|
1872
|
-
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className:
|
|
1937
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1938
|
+
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx52__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1939
|
+
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx52__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1873
1940
|
] }),
|
|
1874
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1875
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className:
|
|
1876
|
-
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
1941
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1942
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className: clsx52__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1943
|
+
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx52__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
|
|
1877
1944
|
isRestricted && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
|
|
1878
1945
|
] }),
|
|
1879
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1946
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1880
1947
|
Button,
|
|
1881
1948
|
{
|
|
1882
1949
|
variant: "secondary",
|
|
1883
|
-
className:
|
|
1950
|
+
className: clsx52__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1884
1951
|
icon: cta.icon,
|
|
1885
1952
|
"aria-hidden": "true",
|
|
1886
1953
|
tabIndex: -1,
|
|
@@ -1909,7 +1976,7 @@ var BlogPostContent = ({ className, body, children }) => {
|
|
|
1909
1976
|
body: BlogPostContentBody
|
|
1910
1977
|
});
|
|
1911
1978
|
const bodyNode = (_a = slots.body) != null ? _a : body;
|
|
1912
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1979
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
|
|
1913
1980
|
};
|
|
1914
1981
|
|
|
1915
1982
|
// src/components/BlogPostContent/index.ts
|
|
@@ -1960,7 +2027,7 @@ var Search = ({
|
|
|
1960
2027
|
}
|
|
1961
2028
|
};
|
|
1962
2029
|
if (!isOpen) {
|
|
1963
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2030
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1964
2031
|
"button",
|
|
1965
2032
|
{
|
|
1966
2033
|
type: "button",
|
|
@@ -1972,10 +2039,10 @@ var Search = ({
|
|
|
1972
2039
|
}
|
|
1973
2040
|
) });
|
|
1974
2041
|
}
|
|
1975
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2042
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1976
2043
|
"div",
|
|
1977
2044
|
{
|
|
1978
|
-
className:
|
|
2045
|
+
className: clsx52__default.default(
|
|
1979
2046
|
Search_module_default.searchField,
|
|
1980
2047
|
isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
|
|
1981
2048
|
),
|
|
@@ -2042,7 +2109,7 @@ var ColTextMenu = ({
|
|
|
2042
2109
|
isExternal,
|
|
2043
2110
|
renderLink,
|
|
2044
2111
|
icon: "chevronRight",
|
|
2045
|
-
className:
|
|
2112
|
+
className: clsx52__default.default("subheading", className),
|
|
2046
2113
|
children: label
|
|
2047
2114
|
}
|
|
2048
2115
|
);
|
|
@@ -2122,7 +2189,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2122
2189
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2123
2190
|
] })
|
|
2124
2191
|
] });
|
|
2125
|
-
const rootClass =
|
|
2192
|
+
const rootClass = clsx52__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2126
2193
|
return user.url ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2127
2194
|
"a",
|
|
2128
2195
|
{
|
|
@@ -2137,7 +2204,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2137
2204
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2138
2205
|
"div",
|
|
2139
2206
|
{
|
|
2140
|
-
className:
|
|
2207
|
+
className: clsx52__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2141
2208
|
ref: wrapperRef,
|
|
2142
2209
|
onPointerLeave: handlePointerLeave,
|
|
2143
2210
|
onBlur: handleBlur,
|
|
@@ -2159,7 +2226,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2159
2226
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2160
2227
|
"span",
|
|
2161
2228
|
{
|
|
2162
|
-
className:
|
|
2229
|
+
className: clsx52__default.default(
|
|
2163
2230
|
UserMenu_module_default.userChevron,
|
|
2164
2231
|
dropUp && UserMenu_module_default.userChevronUp,
|
|
2165
2232
|
isOpen && UserMenu_module_default.userChevronOpen
|
|
@@ -2174,12 +2241,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2174
2241
|
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2175
2242
|
"div",
|
|
2176
2243
|
{
|
|
2177
|
-
className:
|
|
2244
|
+
className: clsx52__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2178
2245
|
role: "menu",
|
|
2179
2246
|
onPointerEnter: handlePointerEnter,
|
|
2180
2247
|
onPointerLeave: handlePointerLeave,
|
|
2181
2248
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2182
|
-
const itemClass =
|
|
2249
|
+
const itemClass = clsx52__default.default(
|
|
2183
2250
|
UserMenu_module_default.userMenuItem,
|
|
2184
2251
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2185
2252
|
);
|
|
@@ -2223,7 +2290,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2223
2290
|
var Loader_module_default = {
|
|
2224
2291
|
loader: "Loader_module_loader"};
|
|
2225
2292
|
var Loader = ({ className }) => {
|
|
2226
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2293
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("loader", Loader_module_default["loader"], className) });
|
|
2227
2294
|
};
|
|
2228
2295
|
Loader.displayName = "Loader";
|
|
2229
2296
|
|
|
@@ -2272,17 +2339,155 @@ var BrandCard = ({
|
|
|
2272
2339
|
"div",
|
|
2273
2340
|
{
|
|
2274
2341
|
ref: containerRef,
|
|
2275
|
-
className:
|
|
2342
|
+
className: clsx52__default.default("brand-card", BrandCard_module_default["brand-card"], BrandCard_module_default[theme], className),
|
|
2276
2343
|
children: [
|
|
2277
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2278
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
2279
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { ref: textRef, className:
|
|
2344
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("content-wrapper", BrandCard_module_default["content-wrapper"]), children: [
|
|
2345
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx52__default.default("content-title", "body", BrandCard_module_default["content-title"]), children: title }),
|
|
2346
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { ref: textRef, className: clsx52__default.default("content-subtitle", "h1", BrandCard_module_default["content-subtitle"]), children: subtitle })
|
|
2280
2347
|
] }),
|
|
2281
|
-
(image == null ? void 0 : image.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className:
|
|
2348
|
+
(image == null ? void 0 : image.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx52__default.default("brand-image", BrandCard_module_default["brand-image"]) }, image))
|
|
2282
2349
|
]
|
|
2283
2350
|
}
|
|
2284
2351
|
);
|
|
2285
2352
|
};
|
|
2353
|
+
var CardCarouselTitle = ({ children }) => {
|
|
2354
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2355
|
+
};
|
|
2356
|
+
var CardCarouselSubtitle = ({ children }) => {
|
|
2357
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2358
|
+
};
|
|
2359
|
+
var CardCarouselFootnote = ({ children }) => {
|
|
2360
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2361
|
+
};
|
|
2362
|
+
|
|
2363
|
+
// src/widgets/CardCarousel/CardCarousel.module.scss
|
|
2364
|
+
var CardCarousel_module_default = {
|
|
2365
|
+
cardCarousel: "CardCarousel_module_cardCarousel",
|
|
2366
|
+
header: "CardCarousel_module_header",
|
|
2367
|
+
texts: "CardCarousel_module_texts",
|
|
2368
|
+
subtitle: "CardCarousel_module_subtitle",
|
|
2369
|
+
pagination: "CardCarousel_module_pagination",
|
|
2370
|
+
swiper: "CardCarousel_module_swiper",
|
|
2371
|
+
video: "CardCarousel_module_video",
|
|
2372
|
+
footnote: "CardCarousel_module_footnote",
|
|
2373
|
+
card: "CardCarousel_module_card",
|
|
2374
|
+
locked: "CardCarousel_module_locked"
|
|
2375
|
+
};
|
|
2376
|
+
var CardCarousel = ({
|
|
2377
|
+
className,
|
|
2378
|
+
title,
|
|
2379
|
+
subtitle,
|
|
2380
|
+
footnote,
|
|
2381
|
+
cards = [],
|
|
2382
|
+
theme = "dark",
|
|
2383
|
+
ariaLabel = "Card carousel",
|
|
2384
|
+
children
|
|
2385
|
+
}) => {
|
|
2386
|
+
var _a, _b, _c;
|
|
2387
|
+
const { is } = useViewPort_default();
|
|
2388
|
+
const isMobile = is("tablet", "below");
|
|
2389
|
+
const [swiperInstance, setSwiperInstance] = React72.useState(null);
|
|
2390
|
+
const [snapIndex, setSnapIndex] = React72.useState(0);
|
|
2391
|
+
const [totalPages, setTotalPages] = React72.useState(1);
|
|
2392
|
+
const [activeVideo, setActiveVideo] = React72.useState(null);
|
|
2393
|
+
const slots = resolveCompoundSlots(children, {
|
|
2394
|
+
title: CardCarouselTitle,
|
|
2395
|
+
subtitle: CardCarouselSubtitle,
|
|
2396
|
+
footnote: CardCarouselFootnote
|
|
2397
|
+
});
|
|
2398
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2399
|
+
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2400
|
+
const footnoteNode = (_c = slots.footnote) != null ? _c : footnote;
|
|
2401
|
+
const slidesPerGroup = isMobile ? 1 : 2;
|
|
2402
|
+
const syncPagination = (swiper) => {
|
|
2403
|
+
var _a2, _b2;
|
|
2404
|
+
setSnapIndex(swiper.snapIndex);
|
|
2405
|
+
setTotalPages(Math.max((_b2 = (_a2 = swiper.snapGrid) == null ? void 0 : _a2.length) != null ? _b2 : 1, 1));
|
|
2406
|
+
};
|
|
2407
|
+
if (!cards.length) return null;
|
|
2408
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(CardCarousel_module_default.cardCarousel, className), children: [
|
|
2409
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCarousel_module_default.header, children: [
|
|
2410
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCarousel_module_default.texts, children: [
|
|
2411
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
2412
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("subheading", CardCarousel_module_default.subtitle), children: subtitleNode })
|
|
2413
|
+
] }),
|
|
2414
|
+
!isMobile && totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2415
|
+
Pagination,
|
|
2416
|
+
{
|
|
2417
|
+
className: CardCarousel_module_default.pagination,
|
|
2418
|
+
totalPages,
|
|
2419
|
+
currentPage: snapIndex + 1,
|
|
2420
|
+
loop: false,
|
|
2421
|
+
onPageChange: (page) => swiperInstance == null ? void 0 : swiperInstance.slideTo((page - 1) * slidesPerGroup)
|
|
2422
|
+
},
|
|
2423
|
+
`${totalPages}-${snapIndex}`
|
|
2424
|
+
)
|
|
2425
|
+
] }),
|
|
2426
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2427
|
+
react$1.Swiper,
|
|
2428
|
+
{
|
|
2429
|
+
className: CardCarousel_module_default.swiper,
|
|
2430
|
+
modules: [modules.A11y],
|
|
2431
|
+
a11y: { enabled: true, containerMessage: ariaLabel },
|
|
2432
|
+
role: "region",
|
|
2433
|
+
"aria-label": ariaLabel,
|
|
2434
|
+
slidesPerView: "auto",
|
|
2435
|
+
slidesPerGroup,
|
|
2436
|
+
spaceBetween: isMobile ? 8 : 16,
|
|
2437
|
+
onSwiper: (swiper) => {
|
|
2438
|
+
setSwiperInstance(swiper);
|
|
2439
|
+
syncPagination(swiper);
|
|
2440
|
+
},
|
|
2441
|
+
onSnapIndexChange: syncPagination,
|
|
2442
|
+
onResize: syncPagination,
|
|
2443
|
+
children: cards.map((_d, index) => {
|
|
2444
|
+
var _e = _d, { isLocked, className: cardClassName } = _e, card = __objRest(_e, ["isLocked", "className"]);
|
|
2445
|
+
var _a2;
|
|
2446
|
+
return /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2447
|
+
Card2,
|
|
2448
|
+
__spreadValues({
|
|
2449
|
+
variant: theme,
|
|
2450
|
+
className: clsx52__default.default(CardCarousel_module_default.card, isLocked && CardCarousel_module_default.locked, cardClassName),
|
|
2451
|
+
onCtaClick: ((_a2 = card.cta) == null ? void 0 : _a2.url) ? (event) => {
|
|
2452
|
+
var _a3, _b2;
|
|
2453
|
+
event.preventDefault();
|
|
2454
|
+
setActiveVideo((_b2 = (_a3 = card.cta) == null ? void 0 : _a3.url) != null ? _b2 : null);
|
|
2455
|
+
} : card.onCtaClick
|
|
2456
|
+
}, card)
|
|
2457
|
+
) }, index);
|
|
2458
|
+
})
|
|
2459
|
+
}
|
|
2460
|
+
),
|
|
2461
|
+
footnoteNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("body", CardCarousel_module_default.footnote), children: footnoteNode }),
|
|
2462
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2463
|
+
Modal,
|
|
2464
|
+
{
|
|
2465
|
+
isOpen: !!activeVideo,
|
|
2466
|
+
onClose: () => setActiveVideo(null),
|
|
2467
|
+
ariaLabel: "Video player",
|
|
2468
|
+
closeLabel: "Close video",
|
|
2469
|
+
children: activeVideo && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2470
|
+
ReactPlayer__default.default,
|
|
2471
|
+
{
|
|
2472
|
+
src: activeVideo,
|
|
2473
|
+
playing: true,
|
|
2474
|
+
controls: true,
|
|
2475
|
+
className: CardCarousel_module_default.video,
|
|
2476
|
+
width: "100%",
|
|
2477
|
+
height: "100%"
|
|
2478
|
+
}
|
|
2479
|
+
)
|
|
2480
|
+
}
|
|
2481
|
+
)
|
|
2482
|
+
] });
|
|
2483
|
+
};
|
|
2484
|
+
|
|
2485
|
+
// src/widgets/CardCarousel/index.ts
|
|
2486
|
+
var CardCarousel2 = Object.assign(CardCarousel, {
|
|
2487
|
+
Title: CardCarouselTitle,
|
|
2488
|
+
Subtitle: CardCarouselSubtitle,
|
|
2489
|
+
Footnote: CardCarouselFootnote
|
|
2490
|
+
});
|
|
2286
2491
|
var CardCollectionTitle = ({ children }) => {
|
|
2287
2492
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2288
2493
|
};
|
|
@@ -2362,13 +2567,13 @@ var CardCollection = ({
|
|
|
2362
2567
|
Container,
|
|
2363
2568
|
{
|
|
2364
2569
|
ref: container,
|
|
2365
|
-
className:
|
|
2570
|
+
className: clsx52__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2366
2571
|
children: [
|
|
2367
2572
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2368
2573
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
2369
2574
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
2370
2575
|
] }),
|
|
2371
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2576
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
2372
2577
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2373
2578
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2374
2579
|
Card2,
|
|
@@ -2469,7 +2674,7 @@ var ContactModule = ({
|
|
|
2469
2674
|
},
|
|
2470
2675
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2471
2676
|
);
|
|
2472
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className:
|
|
2677
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx52__default.default(ContactModule_module_default["contact-module"], className), children: [
|
|
2473
2678
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2474
2679
|
"div",
|
|
2475
2680
|
{
|
|
@@ -2484,8 +2689,8 @@ var ContactModule = ({
|
|
|
2484
2689
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2485
2690
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2486
2691
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2487
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2488
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2692
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
2693
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
2489
2694
|
] }),
|
|
2490
2695
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2491
2696
|
Button,
|
|
@@ -2554,7 +2759,7 @@ var Footer = ({
|
|
|
2554
2759
|
disclaimer: FooterDisclaimer
|
|
2555
2760
|
});
|
|
2556
2761
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2557
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className:
|
|
2762
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx52__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
|
|
2558
2763
|
supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2559
2764
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2560
2765
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-group"], children: [
|
|
@@ -2583,7 +2788,7 @@ var Footer = ({
|
|
|
2583
2788
|
index
|
|
2584
2789
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2585
2790
|
) }) }),
|
|
2586
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2791
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2587
2792
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2588
2793
|
] }),
|
|
2589
2794
|
navigationLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2609,7 +2814,7 @@ var LogoBar_module_default = {
|
|
|
2609
2814
|
};
|
|
2610
2815
|
var LogoBar = ({ className, items }) => {
|
|
2611
2816
|
if (!items || items.length === 0) return null;
|
|
2612
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2817
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2613
2818
|
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2614
2819
|
item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2615
2820
|
item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2680,17 +2885,17 @@ var HeroBanner = ({
|
|
|
2680
2885
|
});
|
|
2681
2886
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2682
2887
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2683
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2888
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
|
|
2684
2889
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2685
2890
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2686
|
-
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2891
|
+
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(HeroBanner_module_default.text, vMainHeroBanner && HeroBanner_module_default.fullWidth), children: [
|
|
2687
2892
|
isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
|
|
2688
2893
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2689
2894
|
Text,
|
|
2690
2895
|
{
|
|
2691
2896
|
tag: "h2",
|
|
2692
2897
|
promoteToH1,
|
|
2693
|
-
className:
|
|
2898
|
+
className: clsx52__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2694
2899
|
children: titleNode
|
|
2695
2900
|
}
|
|
2696
2901
|
),
|
|
@@ -2699,7 +2904,7 @@ var HeroBanner = ({
|
|
|
2699
2904
|
{
|
|
2700
2905
|
tag: "div",
|
|
2701
2906
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2702
|
-
className:
|
|
2907
|
+
className: clsx52__default.default(HeroBanner_module_default.subtitle, "subheading"),
|
|
2703
2908
|
children: subtitleNode
|
|
2704
2909
|
}
|
|
2705
2910
|
)
|
|
@@ -2772,7 +2977,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
|
2772
2977
|
const [swiperInstance, setSwiperInstance] = React72.useState(null);
|
|
2773
2978
|
const [activeIndex, setActiveIndex] = React72.useState(0);
|
|
2774
2979
|
if (!items.length) return null;
|
|
2775
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2980
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
2776
2981
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2777
2982
|
react$1.Swiper,
|
|
2778
2983
|
{
|
|
@@ -2784,7 +2989,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
|
2784
2989
|
children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
2785
2990
|
item.isNewItem && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
|
|
2786
2991
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
2787
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2992
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx52__default.default(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
|
|
2788
2993
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
2789
2994
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
2790
2995
|
item.ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2819,7 +3024,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
|
2819
3024
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2820
3025
|
"button",
|
|
2821
3026
|
{
|
|
2822
|
-
className:
|
|
3027
|
+
className: clsx52__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
2823
3028
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
2824
3029
|
"aria-label": `Go to slide ${index + 1}`
|
|
2825
3030
|
},
|
|
@@ -2900,7 +3105,7 @@ var AccordionItem = ({
|
|
|
2900
3105
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2901
3106
|
"div",
|
|
2902
3107
|
{
|
|
2903
|
-
className:
|
|
3108
|
+
className: clsx52__default.default(
|
|
2904
3109
|
Accordion_module_default.accordionItem,
|
|
2905
3110
|
{
|
|
2906
3111
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -2914,18 +3119,18 @@ var AccordionItem = ({
|
|
|
2914
3119
|
}) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2915
3120
|
"button",
|
|
2916
3121
|
{
|
|
2917
|
-
className:
|
|
3122
|
+
className: clsx52__default.default(Accordion_module_default.accordionHeader, {
|
|
2918
3123
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
2919
3124
|
}),
|
|
2920
3125
|
onClick: handleToggle,
|
|
2921
3126
|
"aria-expanded": isOpen,
|
|
2922
3127
|
"aria-label": `Toggle ${title}`,
|
|
2923
3128
|
children: [
|
|
2924
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3129
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
2925
3130
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2926
3131
|
"span",
|
|
2927
3132
|
{
|
|
2928
|
-
className:
|
|
3133
|
+
className: clsx52__default.default(Accordion_module_default.accordionChevron, {
|
|
2929
3134
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
2930
3135
|
}),
|
|
2931
3136
|
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -2938,7 +3143,7 @@ var AccordionItem = ({
|
|
|
2938
3143
|
"div",
|
|
2939
3144
|
{
|
|
2940
3145
|
ref: contentRef,
|
|
2941
|
-
className:
|
|
3146
|
+
className: clsx52__default.default("accordionContent", Accordion_module_default.accordionContent),
|
|
2942
3147
|
style: {
|
|
2943
3148
|
overflow: "hidden",
|
|
2944
3149
|
height: 0
|
|
@@ -2948,7 +3153,7 @@ var AccordionItem = ({
|
|
|
2948
3153
|
"div",
|
|
2949
3154
|
{
|
|
2950
3155
|
ref: contentInnerRef,
|
|
2951
|
-
className:
|
|
3156
|
+
className: clsx52__default.default("accordionContentInner", Accordion_module_default.accordionContentInner),
|
|
2952
3157
|
children
|
|
2953
3158
|
}
|
|
2954
3159
|
)
|
|
@@ -2985,7 +3190,7 @@ var Accordion = ({
|
|
|
2985
3190
|
if (items.length === 0) {
|
|
2986
3191
|
return null;
|
|
2987
3192
|
}
|
|
2988
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3193
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(Accordion_module_default.accordion, className), children: items.map((item) => {
|
|
2989
3194
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2990
3195
|
AccordionItem,
|
|
2991
3196
|
{
|
|
@@ -3078,7 +3283,7 @@ var InternalBrandsTab = (props) => {
|
|
|
3078
3283
|
};
|
|
3079
3284
|
})) || [];
|
|
3080
3285
|
}, [tabs]);
|
|
3081
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
3286
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
3082
3287
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
3083
3288
|
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
3084
3289
|
subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -3094,7 +3299,7 @@ var InternalBrandsTab = (props) => {
|
|
|
3094
3299
|
},
|
|
3095
3300
|
index
|
|
3096
3301
|
)) }),
|
|
3097
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3302
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3098
3303
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
3099
3304
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3100
3305
|
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
@@ -3194,22 +3399,22 @@ var MiniBanner = ({
|
|
|
3194
3399
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3195
3400
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3196
3401
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3197
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3402
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
3198
3403
|
((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
3199
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
3404
|
+
/* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx52__default.default(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
3200
3405
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3201
3406
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3202
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3407
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3203
3408
|
(titleNode || goBackNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3204
3409
|
goBackNode ? React72__default.default.cloneElement(goBackNode, {
|
|
3205
|
-
className:
|
|
3410
|
+
className: clsx52__default.default("back-button", MiniBanner_module_default["back-button"])
|
|
3206
3411
|
}) : null,
|
|
3207
3412
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3208
3413
|
Text,
|
|
3209
3414
|
{
|
|
3210
3415
|
tag: "div",
|
|
3211
3416
|
promoteToH1,
|
|
3212
|
-
className:
|
|
3417
|
+
className: clsx52__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
|
|
3213
3418
|
children: titleNode
|
|
3214
3419
|
}
|
|
3215
3420
|
)
|
|
@@ -3217,7 +3422,7 @@ var MiniBanner = ({
|
|
|
3217
3422
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3218
3423
|
"div",
|
|
3219
3424
|
{
|
|
3220
|
-
className:
|
|
3425
|
+
className: clsx52__default.default(MiniBanner_module_default.title, MiniBanner_module_default.subtitle, {
|
|
3221
3426
|
subheading: isMiniBannerNoBG,
|
|
3222
3427
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3223
3428
|
h4: isMiniBannerTextLeft
|
|
@@ -3293,7 +3498,7 @@ var MiniSectionCta = ({
|
|
|
3293
3498
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3294
3499
|
"div",
|
|
3295
3500
|
{
|
|
3296
|
-
className:
|
|
3501
|
+
className: clsx52__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3297
3502
|
style: __spreadValues({}, hasModuleStyles && {
|
|
3298
3503
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
3299
3504
|
"--custom-color": moduleStyles.color
|
|
@@ -3304,7 +3509,7 @@ var MiniSectionCta = ({
|
|
|
3304
3509
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3305
3510
|
"div",
|
|
3306
3511
|
{
|
|
3307
|
-
className:
|
|
3512
|
+
className: clsx52__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3308
3513
|
children: subtitleNode
|
|
3309
3514
|
}
|
|
3310
3515
|
)
|
|
@@ -3379,7 +3584,7 @@ var NavigationBrandBars_module_default = {
|
|
|
3379
3584
|
};
|
|
3380
3585
|
var NavigationBrandBars = ({ brandBars, className }) => {
|
|
3381
3586
|
if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
|
|
3382
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3587
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3383
3588
|
"span",
|
|
3384
3589
|
{
|
|
3385
3590
|
className: NavigationBrandBars_module_default.brandBar,
|
|
@@ -3454,7 +3659,7 @@ var NavigationDesktop = ({
|
|
|
3454
3659
|
"a",
|
|
3455
3660
|
{
|
|
3456
3661
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3457
|
-
className:
|
|
3662
|
+
className: clsx52__default.default(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
|
|
3458
3663
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3459
3664
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3460
3665
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3473,7 +3678,7 @@ var NavigationDesktop = ({
|
|
|
3473
3678
|
{
|
|
3474
3679
|
type: "button",
|
|
3475
3680
|
id: `${baseId}-trigger-${index}`,
|
|
3476
|
-
className:
|
|
3681
|
+
className: clsx52__default.default(
|
|
3477
3682
|
NavigationDesktop_module_default.navTabLink,
|
|
3478
3683
|
NavigationDesktop_module_default.navTabTrigger,
|
|
3479
3684
|
(isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
|
|
@@ -3547,7 +3752,7 @@ var NavigationDropdown = ({
|
|
|
3547
3752
|
"div",
|
|
3548
3753
|
{
|
|
3549
3754
|
id: panelId,
|
|
3550
|
-
className:
|
|
3755
|
+
className: clsx52__default.default(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
|
|
3551
3756
|
onMouseEnter,
|
|
3552
3757
|
onMouseLeave,
|
|
3553
3758
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
|
|
@@ -3556,7 +3761,7 @@ var NavigationDropdown = ({
|
|
|
3556
3761
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3557
3762
|
"li",
|
|
3558
3763
|
{
|
|
3559
|
-
className:
|
|
3764
|
+
className: clsx52__default.default(NavigationDropdown_module_default.dropdownLinkItem, {
|
|
3560
3765
|
[NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3561
3766
|
}),
|
|
3562
3767
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3668,7 +3873,7 @@ var NavigationMobile = ({
|
|
|
3668
3873
|
"div",
|
|
3669
3874
|
{
|
|
3670
3875
|
id,
|
|
3671
|
-
className:
|
|
3876
|
+
className: clsx52__default.default(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
|
|
3672
3877
|
role: "dialog",
|
|
3673
3878
|
"aria-modal": "true",
|
|
3674
3879
|
"aria-label": "Navigation menu",
|
|
@@ -3714,7 +3919,7 @@ var NavigationMobile = ({
|
|
|
3714
3919
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3715
3920
|
"span",
|
|
3716
3921
|
{
|
|
3717
|
-
className:
|
|
3922
|
+
className: clsx52__default.default(
|
|
3718
3923
|
NavigationMobile_module_default.mobileItemChevron,
|
|
3719
3924
|
isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
|
|
3720
3925
|
),
|
|
@@ -3729,7 +3934,7 @@ var NavigationMobile = ({
|
|
|
3729
3934
|
"div",
|
|
3730
3935
|
{
|
|
3731
3936
|
id: subMenuId,
|
|
3732
|
-
className:
|
|
3937
|
+
className: clsx52__default.default(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
|
|
3733
3938
|
children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3734
3939
|
(subItem, i) => {
|
|
3735
3940
|
var _a2, _b2;
|
|
@@ -3737,7 +3942,7 @@ var NavigationMobile = ({
|
|
|
3737
3942
|
"a",
|
|
3738
3943
|
{
|
|
3739
3944
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3740
|
-
className:
|
|
3945
|
+
className: clsx52__default.default(
|
|
3741
3946
|
NavigationMobile_module_default.mobileSubLink,
|
|
3742
3947
|
subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
|
|
3743
3948
|
),
|
|
@@ -3768,7 +3973,7 @@ var NavigationMobile = ({
|
|
|
3768
3973
|
"div",
|
|
3769
3974
|
{
|
|
3770
3975
|
id,
|
|
3771
|
-
className:
|
|
3976
|
+
className: clsx52__default.default(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
|
|
3772
3977
|
role: "dialog",
|
|
3773
3978
|
"aria-modal": "true",
|
|
3774
3979
|
"aria-label": "Navigation menu",
|
|
@@ -3820,7 +4025,7 @@ var NavigationMobile = ({
|
|
|
3820
4025
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3821
4026
|
"span",
|
|
3822
4027
|
{
|
|
3823
|
-
className:
|
|
4028
|
+
className: clsx52__default.default(
|
|
3824
4029
|
NavigationMobile_module_default.internalMobileItemChevron,
|
|
3825
4030
|
isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
|
|
3826
4031
|
),
|
|
@@ -3835,7 +4040,7 @@ var NavigationMobile = ({
|
|
|
3835
4040
|
"div",
|
|
3836
4041
|
{
|
|
3837
4042
|
id: subMenuId,
|
|
3838
|
-
className:
|
|
4043
|
+
className: clsx52__default.default(
|
|
3839
4044
|
NavigationMobile_module_default.internalMobileSubItems,
|
|
3840
4045
|
isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
|
|
3841
4046
|
),
|
|
@@ -3846,7 +4051,7 @@ var NavigationMobile = ({
|
|
|
3846
4051
|
"a",
|
|
3847
4052
|
{
|
|
3848
4053
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3849
|
-
className:
|
|
4054
|
+
className: clsx52__default.default(
|
|
3850
4055
|
NavigationMobile_module_default.internalMobileSubLink,
|
|
3851
4056
|
sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
|
|
3852
4057
|
),
|
|
@@ -4005,7 +4210,7 @@ var Navigation2 = (props) => {
|
|
|
4005
4210
|
const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4006
4211
|
Picture,
|
|
4007
4212
|
{
|
|
4008
|
-
className:
|
|
4213
|
+
className: clsx52__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
4009
4214
|
src: mainLogo,
|
|
4010
4215
|
alt: logoAlt
|
|
4011
4216
|
}
|
|
@@ -4015,7 +4220,7 @@ var Navigation2 = (props) => {
|
|
|
4015
4220
|
"nav",
|
|
4016
4221
|
{
|
|
4017
4222
|
ref: navRef,
|
|
4018
|
-
className:
|
|
4223
|
+
className: clsx52__default.default(
|
|
4019
4224
|
Navigation_module_default.navigation,
|
|
4020
4225
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
4021
4226
|
// External-only transparent / hover treatment.
|
|
@@ -4035,7 +4240,7 @@ var Navigation2 = (props) => {
|
|
|
4035
4240
|
{
|
|
4036
4241
|
mainLogo,
|
|
4037
4242
|
homeCta,
|
|
4038
|
-
className:
|
|
4243
|
+
className: clsx52__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
4039
4244
|
}
|
|
4040
4245
|
) : logo,
|
|
4041
4246
|
isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4067,7 +4272,7 @@ var Navigation2 = (props) => {
|
|
|
4067
4272
|
loginVariant: isTransparent ? "ghost" : "nofillblack"
|
|
4068
4273
|
}
|
|
4069
4274
|
) : user ? /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user }) : userMenuFallbackNode ? React72.cloneElement(userMenuFallbackNode, {
|
|
4070
|
-
className:
|
|
4275
|
+
className: clsx52__default.default("userMenuFallback", Navigation_module_default["userMenuFallback"])
|
|
4071
4276
|
}) : null
|
|
4072
4277
|
] }),
|
|
4073
4278
|
!isTabletBelow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.bottomRow, children: [
|
|
@@ -4174,7 +4379,7 @@ var PracticePathCards = ({
|
|
|
4174
4379
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4175
4380
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4176
4381
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4177
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4382
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
4178
4383
|
(titleNode || subtitleNode || (cta == null ? void 0 : cta.url)) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4179
4384
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4180
4385
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -4228,8 +4433,8 @@ var Teaser5050With3Text = ({
|
|
|
4228
4433
|
title: Teaser5050With3TextTitle
|
|
4229
4434
|
});
|
|
4230
4435
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4231
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4232
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4436
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
4437
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4233
4438
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4234
4439
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4235
4440
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4281,7 +4486,7 @@ var Teaser5050WithCta = ({
|
|
|
4281
4486
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4282
4487
|
"div",
|
|
4283
4488
|
{
|
|
4284
|
-
className:
|
|
4489
|
+
className: clsx52__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4285
4490
|
style: __spreadValues({}, hasModuleStyles && {
|
|
4286
4491
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
4287
4492
|
"--custom-color": moduleStyles.color
|
|
@@ -4289,8 +4494,8 @@ var Teaser5050WithCta = ({
|
|
|
4289
4494
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4290
4495
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4291
4496
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4292
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4293
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4497
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("h3", Teaser5050WithCta_module_default.title), children: titleNode }),
|
|
4498
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("subheading", Teaser5050WithCta_module_default.subheading), children: subtitleNode })
|
|
4294
4499
|
] }),
|
|
4295
4500
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4296
4501
|
Button,
|
|
@@ -4341,7 +4546,7 @@ var Carousel = (_a) => {
|
|
|
4341
4546
|
},
|
|
4342
4547
|
role: "region",
|
|
4343
4548
|
"aria-label": ariaLabel,
|
|
4344
|
-
className:
|
|
4549
|
+
className: clsx52__default.default(Carousel_module_default.carousel, className),
|
|
4345
4550
|
spaceBetween: 0,
|
|
4346
4551
|
slidesPerView: "auto",
|
|
4347
4552
|
modules: [modules.FreeMode, modules.A11y],
|
|
@@ -4351,7 +4556,7 @@ var Carousel = (_a) => {
|
|
|
4351
4556
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4352
4557
|
react$1.SwiperSlide,
|
|
4353
4558
|
{
|
|
4354
|
-
className:
|
|
4559
|
+
className: clsx52__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4355
4560
|
children: slide
|
|
4356
4561
|
},
|
|
4357
4562
|
index
|
|
@@ -4409,15 +4614,15 @@ var EventList = ({
|
|
|
4409
4614
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4410
4615
|
"div",
|
|
4411
4616
|
{
|
|
4412
|
-
className:
|
|
4617
|
+
className: clsx52__default.default(
|
|
4413
4618
|
"event-list-module",
|
|
4414
4619
|
EventList_module_default["event-list-module"],
|
|
4415
4620
|
backgroundColor && EventList_module_default[backgroundColor],
|
|
4416
4621
|
className
|
|
4417
4622
|
),
|
|
4418
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4623
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(EventList_module_default["event-list-container"]), children: [
|
|
4419
4624
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4420
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
4625
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx52__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4421
4626
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4422
4627
|
Button,
|
|
4423
4628
|
{
|
|
@@ -4435,7 +4640,7 @@ var EventList = ({
|
|
|
4435
4640
|
Carousel,
|
|
4436
4641
|
{
|
|
4437
4642
|
"aria-label": "Upcoming events",
|
|
4438
|
-
wrapperClass:
|
|
4643
|
+
wrapperClass: clsx52__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4439
4644
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4440
4645
|
spaceBetween: 16,
|
|
4441
4646
|
slides: items.map((item) => {
|
|
@@ -4443,7 +4648,7 @@ var EventList = ({
|
|
|
4443
4648
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4444
4649
|
UpcomingEventCard,
|
|
4445
4650
|
__spreadValues({
|
|
4446
|
-
className:
|
|
4651
|
+
className: clsx52__default.default(EventList_module_default["event-card"]),
|
|
4447
4652
|
direction: "vertical",
|
|
4448
4653
|
showImage: false
|
|
4449
4654
|
}, item),
|
|
@@ -4456,7 +4661,7 @@ var EventList = ({
|
|
|
4456
4661
|
"ul",
|
|
4457
4662
|
{
|
|
4458
4663
|
"aria-label": "Upcoming events",
|
|
4459
|
-
className:
|
|
4664
|
+
className: clsx52__default.default(
|
|
4460
4665
|
EventList_module_default["event-list-wrapper"],
|
|
4461
4666
|
EventList_module_default["horizontal"],
|
|
4462
4667
|
EventList_module_default[variant]
|
|
@@ -4466,11 +4671,11 @@ var EventList = ({
|
|
|
4466
4671
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4467
4672
|
"li",
|
|
4468
4673
|
{
|
|
4469
|
-
className:
|
|
4674
|
+
className: clsx52__default.default(EventList_module_default["card-list-item"]),
|
|
4470
4675
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4471
4676
|
UpcomingEventCard,
|
|
4472
4677
|
__spreadProps(__spreadValues({}, item), {
|
|
4473
|
-
className:
|
|
4678
|
+
className: clsx52__default.default(EventList_module_default["card-item"]),
|
|
4474
4679
|
showImage: false,
|
|
4475
4680
|
direction: "vertical"
|
|
4476
4681
|
})
|
|
@@ -4485,7 +4690,7 @@ var EventList = ({
|
|
|
4485
4690
|
"ul",
|
|
4486
4691
|
{
|
|
4487
4692
|
"aria-label": "Upcoming events",
|
|
4488
|
-
className:
|
|
4693
|
+
className: clsx52__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4489
4694
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4490
4695
|
var _a2, _b, _c;
|
|
4491
4696
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -4494,7 +4699,7 @@ var EventList = ({
|
|
|
4494
4699
|
)
|
|
4495
4700
|
] }),
|
|
4496
4701
|
!isNotEmpty && emptyNode ? React72__default.default.cloneElement(emptyNode, {
|
|
4497
|
-
className:
|
|
4702
|
+
className: clsx52__default.default("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4498
4703
|
}) : null
|
|
4499
4704
|
] })
|
|
4500
4705
|
}
|
|
@@ -4538,9 +4743,9 @@ var TextEvent = (props) => {
|
|
|
4538
4743
|
});
|
|
4539
4744
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4540
4745
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4541
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4746
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
4542
4747
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4543
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4748
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4544
4749
|
] });
|
|
4545
4750
|
};
|
|
4546
4751
|
|
|
@@ -4577,13 +4782,13 @@ var TextBody = (props) => {
|
|
|
4577
4782
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4578
4783
|
Container,
|
|
4579
4784
|
{
|
|
4580
|
-
className:
|
|
4785
|
+
className: clsx52__default.default(TextBody_module_default.textBody, isArticleBigPadding && TextBody_module_default.articleBigPadding, className),
|
|
4581
4786
|
children: [
|
|
4582
4787
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4583
4788
|
Text,
|
|
4584
4789
|
{
|
|
4585
4790
|
tag: isTableCenter ? "h4" : "h3",
|
|
4586
|
-
className:
|
|
4791
|
+
className: clsx52__default.default(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
|
|
4587
4792
|
children: titleNode
|
|
4588
4793
|
}
|
|
4589
4794
|
),
|
|
@@ -4630,7 +4835,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4630
4835
|
});
|
|
4631
4836
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4632
4837
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4633
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4838
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4634
4839
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4635
4840
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4636
4841
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4638,7 +4843,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4638
4843
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4639
4844
|
"div",
|
|
4640
4845
|
{
|
|
4641
|
-
className:
|
|
4846
|
+
className: clsx52__default.default(
|
|
4642
4847
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4643
4848
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4644
4849
|
),
|
|
@@ -4767,7 +4972,7 @@ var ResourcesGridList = ({
|
|
|
4767
4972
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4768
4973
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4769
4974
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4770
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className:
|
|
4975
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx52__default.default(ResourcesGridList_module_default.widget, className), children: [
|
|
4771
4976
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4772
4977
|
FilterBar,
|
|
4773
4978
|
{
|
|
@@ -4786,7 +4991,7 @@ var ResourcesGridList = ({
|
|
|
4786
4991
|
isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4787
4992
|
"div",
|
|
4788
4993
|
{
|
|
4789
|
-
className:
|
|
4994
|
+
className: clsx52__default.default(
|
|
4790
4995
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4791
4996
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4792
4997
|
),
|
|
@@ -4797,7 +5002,7 @@ var ResourcesGridList = ({
|
|
|
4797
5002
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4798
5003
|
"li",
|
|
4799
5004
|
{
|
|
4800
|
-
className:
|
|
5005
|
+
className: clsx52__default.default(
|
|
4801
5006
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4802
5007
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4803
5008
|
),
|
|
@@ -4842,7 +5047,7 @@ var ResourcesGridList = ({
|
|
|
4842
5047
|
onSelect: handleSelectCategory
|
|
4843
5048
|
}
|
|
4844
5049
|
),
|
|
4845
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5050
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
|
|
4846
5051
|
] }),
|
|
4847
5052
|
totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4848
5053
|
Pagination,
|
|
@@ -4881,7 +5086,7 @@ var Grid = ({
|
|
|
4881
5086
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4882
5087
|
Component,
|
|
4883
5088
|
{
|
|
4884
|
-
className:
|
|
5089
|
+
className: clsx52__default.default("grid", Grid_module_default.grid, className),
|
|
4885
5090
|
role,
|
|
4886
5091
|
"aria-label": ariaLabel,
|
|
4887
5092
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4906,7 +5111,7 @@ var GridItem = ({
|
|
|
4906
5111
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4907
5112
|
Component,
|
|
4908
5113
|
{
|
|
4909
|
-
className:
|
|
5114
|
+
className: clsx52__default.default("grid-item", Grid_module_default["grid-item"], className),
|
|
4910
5115
|
role,
|
|
4911
5116
|
"aria-label": ariaLabel,
|
|
4912
5117
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4954,13 +5159,13 @@ var BlogCardGrid = ({
|
|
|
4954
5159
|
title: BlogCardGridTitle
|
|
4955
5160
|
});
|
|
4956
5161
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4957
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4958
|
-
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4959
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className:
|
|
4960
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5162
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
5163
|
+
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
5164
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx52__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
5165
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4961
5166
|
Button,
|
|
4962
5167
|
{
|
|
4963
|
-
className:
|
|
5168
|
+
className: clsx52__default.default("cta", BlogCardGrid_module_default["cta"]),
|
|
4964
5169
|
variant: "nofillblack",
|
|
4965
5170
|
href: cta.url,
|
|
4966
5171
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4985,11 +5190,11 @@ var BlogCardGrid = ({
|
|
|
4985
5190
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4986
5191
|
"div",
|
|
4987
5192
|
{
|
|
4988
|
-
className:
|
|
5193
|
+
className: clsx52__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4989
5194
|
style: {
|
|
4990
5195
|
backgroundColor
|
|
4991
5196
|
},
|
|
4992
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
5197
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx52__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4993
5198
|
}
|
|
4994
5199
|
);
|
|
4995
5200
|
};
|
|
@@ -5037,13 +5242,13 @@ var FeaturedNewsHighlights = ({
|
|
|
5037
5242
|
const sideCards = items.slice(1);
|
|
5038
5243
|
const isVariantHome = variant === "home";
|
|
5039
5244
|
const isBelowTablet = is("tablet", "below");
|
|
5040
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5041
|
-
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5245
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
5246
|
+
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
5042
5247
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
5043
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5248
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5044
5249
|
Button,
|
|
5045
5250
|
{
|
|
5046
|
-
className:
|
|
5251
|
+
className: clsx52__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
5047
5252
|
variant: "nofillblack",
|
|
5048
5253
|
href: cta.url,
|
|
5049
5254
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -5055,33 +5260,33 @@ var FeaturedNewsHighlights = ({
|
|
|
5055
5260
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5056
5261
|
Carousel,
|
|
5057
5262
|
{
|
|
5058
|
-
className:
|
|
5263
|
+
className: clsx52__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
5059
5264
|
"aria-label": "featured news",
|
|
5060
|
-
wrapperClass:
|
|
5265
|
+
wrapperClass: clsx52__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
5061
5266
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
5062
5267
|
spaceBetween: 16,
|
|
5063
5268
|
slides: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5064
5269
|
NewsCard,
|
|
5065
5270
|
__spreadProps(__spreadValues({}, item), {
|
|
5066
5271
|
direction: "vertical",
|
|
5067
|
-
className:
|
|
5272
|
+
className: clsx52__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
5068
5273
|
}),
|
|
5069
5274
|
`${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
|
|
5070
5275
|
))
|
|
5071
5276
|
}
|
|
5072
5277
|
),
|
|
5073
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5278
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
5074
5279
|
featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5075
5280
|
NewsCard,
|
|
5076
5281
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
5077
|
-
className:
|
|
5282
|
+
className: clsx52__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
5078
5283
|
renderLink
|
|
5079
5284
|
})
|
|
5080
5285
|
),
|
|
5081
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5286
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5082
5287
|
NewsCard,
|
|
5083
5288
|
__spreadProps(__spreadValues({}, card), {
|
|
5084
|
-
className:
|
|
5289
|
+
className: clsx52__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
5085
5290
|
direction: "horizontal",
|
|
5086
5291
|
renderLink
|
|
5087
5292
|
}),
|
|
@@ -5092,11 +5297,11 @@ var FeaturedNewsHighlights = ({
|
|
|
5092
5297
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5093
5298
|
"div",
|
|
5094
5299
|
{
|
|
5095
|
-
className:
|
|
5300
|
+
className: clsx52__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
5096
5301
|
style: {
|
|
5097
5302
|
backgroundColor
|
|
5098
5303
|
},
|
|
5099
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
5304
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx52__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
5100
5305
|
}
|
|
5101
5306
|
);
|
|
5102
5307
|
};
|
|
@@ -5140,16 +5345,16 @@ var NewsCardList = ({
|
|
|
5140
5345
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5141
5346
|
"div",
|
|
5142
5347
|
{
|
|
5143
|
-
className:
|
|
5348
|
+
className: clsx52__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
5144
5349
|
style: {
|
|
5145
5350
|
backgroundColor
|
|
5146
5351
|
},
|
|
5147
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
5148
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5352
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default("container", NewsCardList_module_default["container"]), children: [
|
|
5353
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
5149
5354
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5150
5355
|
Input,
|
|
5151
5356
|
__spreadValues({
|
|
5152
|
-
className:
|
|
5357
|
+
className: clsx52__default.default("search-input", NewsCardList_module_default["search-input"]),
|
|
5153
5358
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
5154
5359
|
placeholder: "Search News",
|
|
5155
5360
|
"aria-label": "Search News",
|
|
@@ -5157,7 +5362,7 @@ var NewsCardList = ({
|
|
|
5157
5362
|
Button,
|
|
5158
5363
|
{
|
|
5159
5364
|
variant: "nofillblack",
|
|
5160
|
-
className:
|
|
5365
|
+
className: clsx52__default.default(NewsCardList_module_default["end-action-button"]),
|
|
5161
5366
|
"aria-label": "Search",
|
|
5162
5367
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
5163
5368
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -5169,7 +5374,7 @@ var NewsCardList = ({
|
|
|
5169
5374
|
} : void 0
|
|
5170
5375
|
}, searchInputProps)
|
|
5171
5376
|
),
|
|
5172
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5377
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
5173
5378
|
currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5174
5379
|
FeaturedNewsHighlights2,
|
|
5175
5380
|
{
|
|
@@ -5183,7 +5388,7 @@ var NewsCardList = ({
|
|
|
5183
5388
|
] })
|
|
5184
5389
|
] }),
|
|
5185
5390
|
paginationNode ? React72__default.default.cloneElement(paginationNode, {
|
|
5186
|
-
className:
|
|
5391
|
+
className: clsx52__default.default("pagination", NewsCardList_module_default["pagination"])
|
|
5187
5392
|
}) : null
|
|
5188
5393
|
] })
|
|
5189
5394
|
}
|
|
@@ -5228,15 +5433,15 @@ var BlogPost = ({
|
|
|
5228
5433
|
});
|
|
5229
5434
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5230
5435
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5231
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5232
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5436
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default("container", BlogPost_module_default["container"]), children: [
|
|
5437
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("header", BlogPost_module_default["header"]), children: [
|
|
5233
5438
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5234
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5439
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx52__default.default("image", BlogPost_module_default["image"]) }))
|
|
5235
5440
|
] }),
|
|
5236
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5237
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5441
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("content", BlogPost_module_default["content"]), children: [
|
|
5442
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5238
5443
|
/* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
|
|
5239
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
5444
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx52__default.default("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5240
5445
|
"Published ",
|
|
5241
5446
|
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
|
|
5242
5447
|
] })
|
|
@@ -5249,7 +5454,7 @@ var BlogPost = ({
|
|
|
5249
5454
|
title: "More News",
|
|
5250
5455
|
items: relatedArticles,
|
|
5251
5456
|
hasContainer: false,
|
|
5252
|
-
className:
|
|
5457
|
+
className: clsx52__default.default("related-articles", BlogPost_module_default["related-articles"])
|
|
5253
5458
|
}
|
|
5254
5459
|
)
|
|
5255
5460
|
] }) });
|
|
@@ -5297,15 +5502,15 @@ var BlogSearchResultsList = ({
|
|
|
5297
5502
|
});
|
|
5298
5503
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5299
5504
|
const paginationNode = slots.pagination;
|
|
5300
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5301
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5302
|
-
className:
|
|
5505
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
5506
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React72__default.default.isValidElement(searchNode) ? React72__default.default.cloneElement(searchNode, {
|
|
5507
|
+
className: clsx52__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5303
5508
|
}) : null,
|
|
5304
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5509
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5305
5510
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5306
5511
|
Input,
|
|
5307
5512
|
__spreadValues({
|
|
5308
|
-
className:
|
|
5513
|
+
className: clsx52__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5309
5514
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
5310
5515
|
placeholder: "Search News",
|
|
5311
5516
|
"aria-label": "Search News",
|
|
@@ -5313,7 +5518,7 @@ var BlogSearchResultsList = ({
|
|
|
5313
5518
|
Button,
|
|
5314
5519
|
{
|
|
5315
5520
|
variant: "nofillblack",
|
|
5316
|
-
className:
|
|
5521
|
+
className: clsx52__default.default(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5317
5522
|
"aria-label": "Search",
|
|
5318
5523
|
onClick: () => onSearchSubmit(searchValue),
|
|
5319
5524
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -5328,7 +5533,7 @@ var BlogSearchResultsList = ({
|
|
|
5328
5533
|
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5329
5534
|
] }),
|
|
5330
5535
|
paginationNode ? React72__default.default.cloneElement(paginationNode, {
|
|
5331
|
-
className:
|
|
5536
|
+
className: clsx52__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5332
5537
|
}) : null
|
|
5333
5538
|
] }) });
|
|
5334
5539
|
};
|
|
@@ -5369,11 +5574,11 @@ var GlobalSearchResultsList = ({
|
|
|
5369
5574
|
});
|
|
5370
5575
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5371
5576
|
const paginationNode = slots.pagination;
|
|
5372
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5373
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5374
|
-
className:
|
|
5577
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
|
|
5578
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React72__default.default.isValidElement(searchNode) ? React72__default.default.cloneElement(searchNode, {
|
|
5579
|
+
className: clsx52__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5375
5580
|
}) : null,
|
|
5376
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5581
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5377
5582
|
var _a2;
|
|
5378
5583
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5379
5584
|
GridItem,
|
|
@@ -5394,7 +5599,7 @@ var GlobalSearchResultsList = ({
|
|
|
5394
5599
|
);
|
|
5395
5600
|
}) }) }),
|
|
5396
5601
|
paginationNode ? React72__default.default.cloneElement(paginationNode, {
|
|
5397
|
-
className:
|
|
5602
|
+
className: clsx52__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5398
5603
|
}) : null
|
|
5399
5604
|
] }) });
|
|
5400
5605
|
};
|
|
@@ -5411,10 +5616,6 @@ var TextCenterWithMedia_module_default = {
|
|
|
5411
5616
|
thumbnailWrapper: "TextCenterWithMedia_module_thumbnailWrapper",
|
|
5412
5617
|
thumbnail: "TextCenterWithMedia_module_thumbnail",
|
|
5413
5618
|
playButton: "TextCenterWithMedia_module_playButton",
|
|
5414
|
-
modal: "TextCenterWithMedia_module_modal",
|
|
5415
|
-
modalInner: "TextCenterWithMedia_module_modalInner",
|
|
5416
|
-
modalHeader: "TextCenterWithMedia_module_modalHeader",
|
|
5417
|
-
closeButton: "TextCenterWithMedia_module_closeButton",
|
|
5418
5619
|
video: "TextCenterWithMedia_module_video"
|
|
5419
5620
|
};
|
|
5420
5621
|
var TextCenterWithMediaTitle = ({ children }) => {
|
|
@@ -5433,16 +5634,7 @@ var TextCenterWithMedia = ({
|
|
|
5433
5634
|
}) => {
|
|
5434
5635
|
var _a;
|
|
5435
5636
|
const [isOpen, setIsOpen] = React72.useState(false);
|
|
5436
|
-
const dialogRef = React72.useRef(null);
|
|
5437
5637
|
const videoRef = React72.useRef(null);
|
|
5438
|
-
React72.useEffect(() => {
|
|
5439
|
-
var _a2, _b;
|
|
5440
|
-
if (isOpen) {
|
|
5441
|
-
(_a2 = dialogRef.current) == null ? void 0 : _a2.showModal();
|
|
5442
|
-
} else {
|
|
5443
|
-
(_b = dialogRef.current) == null ? void 0 : _b.close();
|
|
5444
|
-
}
|
|
5445
|
-
}, [isOpen]);
|
|
5446
5638
|
const handleClose = () => {
|
|
5447
5639
|
if (videoRef.current) {
|
|
5448
5640
|
videoRef.current.pause();
|
|
@@ -5452,7 +5644,7 @@ var TextCenterWithMedia = ({
|
|
|
5452
5644
|
};
|
|
5453
5645
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5454
5646
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5455
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className:
|
|
5647
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx52__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5456
5648
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
|
|
5457
5649
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
|
|
5458
5650
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -5468,23 +5660,29 @@ var TextCenterWithMedia = ({
|
|
|
5468
5660
|
)
|
|
5469
5661
|
] }) })
|
|
5470
5662
|
] }),
|
|
5471
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
|
|
5487
|
-
|
|
5663
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5664
|
+
Modal,
|
|
5665
|
+
{
|
|
5666
|
+
isOpen,
|
|
5667
|
+
onClose: handleClose,
|
|
5668
|
+
ariaLabel: "Video player",
|
|
5669
|
+
closeLabel: "Close video",
|
|
5670
|
+
children: videoUrl && isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5671
|
+
ReactPlayer__default.default,
|
|
5672
|
+
{
|
|
5673
|
+
ref: videoRef,
|
|
5674
|
+
src: videoUrl,
|
|
5675
|
+
playing: autoPlay,
|
|
5676
|
+
loop,
|
|
5677
|
+
muted: mute,
|
|
5678
|
+
controls: !hideControl,
|
|
5679
|
+
className: TextCenterWithMedia_module_default.video,
|
|
5680
|
+
width: "100%",
|
|
5681
|
+
height: "100%"
|
|
5682
|
+
}
|
|
5683
|
+
)
|
|
5684
|
+
}
|
|
5685
|
+
)
|
|
5488
5686
|
] });
|
|
5489
5687
|
};
|
|
5490
5688
|
|
|
@@ -5515,7 +5713,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5515
5713
|
const [swiperInstance, setSwiperInstance] = React72.useState(null);
|
|
5516
5714
|
const [activeIndex, setActiveIndex] = React72.useState(0);
|
|
5517
5715
|
if (!items.length) return null;
|
|
5518
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5716
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
|
|
5519
5717
|
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5520
5718
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5521
5719
|
react$1.Swiper,
|
|
@@ -5574,12 +5772,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5574
5772
|
logo: PageLoaderLogo
|
|
5575
5773
|
});
|
|
5576
5774
|
const logoNode = slots.logo;
|
|
5577
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
5775
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx52__default.default(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
5578
5776
|
logoNode ? React72__default.default.cloneElement(logoNode, {
|
|
5579
|
-
className:
|
|
5777
|
+
className: clsx52__default.default("image-logo", PageLoader_module_default["image-logo"])
|
|
5580
5778
|
}) : null,
|
|
5581
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5582
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5779
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) }),
|
|
5780
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5583
5781
|
] }) });
|
|
5584
5782
|
};
|
|
5585
5783
|
|
|
@@ -5605,8 +5803,8 @@ var TwoColTextMenu = ({
|
|
|
5605
5803
|
renderLink
|
|
5606
5804
|
}) => {
|
|
5607
5805
|
if (sections.length === 0) return null;
|
|
5608
|
-
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className:
|
|
5609
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
5806
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: clsx52__default.default(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
|
|
5807
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx52__default.default("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
|
|
5610
5808
|
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: TwoColTextMenu_module_default.list, children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ColTextMenu, __spreadProps(__spreadValues({}, item), { renderLink })) }, itemIndex)) })
|
|
5611
5809
|
] }, index)) }) }) });
|
|
5612
5810
|
};
|
|
@@ -5641,11 +5839,11 @@ var LocationsBrandCards = ({
|
|
|
5641
5839
|
text: LocationsBrandCardsText
|
|
5642
5840
|
});
|
|
5643
5841
|
const textNode = (_a = slots == null ? void 0 : slots.text) != null ? _a : subtitle;
|
|
5644
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5645
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5646
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
5842
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("locations-brand-cards", LocationsBrandCards_module_default["locations-brand-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(LocationsBrandCards_module_default.container), children: [
|
|
5843
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
|
|
5844
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx52__default.default("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
|
|
5647
5845
|
textNode && React72.isValidElement(textNode) ? React72.cloneElement(textNode, {
|
|
5648
|
-
className:
|
|
5846
|
+
className: clsx52__default.default(
|
|
5649
5847
|
"locations-brand-subtitle",
|
|
5650
5848
|
"subheading",
|
|
5651
5849
|
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
@@ -5653,7 +5851,7 @@ var LocationsBrandCards = ({
|
|
|
5653
5851
|
}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
5654
5852
|
"p",
|
|
5655
5853
|
{
|
|
5656
|
-
className:
|
|
5854
|
+
className: clsx52__default.default(
|
|
5657
5855
|
"locations-brand-subtitle",
|
|
5658
5856
|
"subheading",
|
|
5659
5857
|
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
@@ -5662,20 +5860,20 @@ var LocationsBrandCards = ({
|
|
|
5662
5860
|
}
|
|
5663
5861
|
)
|
|
5664
5862
|
] }),
|
|
5665
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5666
|
-
/* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5667
|
-
/* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 2, className:
|
|
5863
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
|
|
5864
|
+
/* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx52__default.default("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
|
|
5865
|
+
/* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 2, className: clsx52__default.default("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
|
|
5668
5866
|
var _a2;
|
|
5669
5867
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5670
5868
|
GridItem,
|
|
5671
5869
|
{
|
|
5672
|
-
className:
|
|
5870
|
+
className: clsx52__default.default("card-item", LocationsBrandCards_module_default["card-item"]),
|
|
5673
5871
|
colSpan: { md: 1 },
|
|
5674
5872
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5675
5873
|
BrandCard,
|
|
5676
5874
|
__spreadProps(__spreadValues({}, card), {
|
|
5677
5875
|
animationSettings: __spreadProps(__spreadValues({}, card.animationSettings), { triggerRef: containerRef }),
|
|
5678
|
-
className:
|
|
5876
|
+
className: clsx52__default.default("card", LocationsBrandCards_module_default["card"])
|
|
5679
5877
|
})
|
|
5680
5878
|
)
|
|
5681
5879
|
},
|
|
@@ -5729,7 +5927,7 @@ var BrandsTab = (props) => {
|
|
|
5729
5927
|
content: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5730
5928
|
"div",
|
|
5731
5929
|
{
|
|
5732
|
-
className:
|
|
5930
|
+
className: clsx52__default.default(BrandsTab_module_default["accordion-content"]),
|
|
5733
5931
|
style: {
|
|
5734
5932
|
"--theme-color": `var(${tab.theme})`
|
|
5735
5933
|
},
|
|
@@ -5745,7 +5943,7 @@ var BrandsTab = (props) => {
|
|
|
5745
5943
|
children: [
|
|
5746
5944
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
|
|
5747
5945
|
content.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
|
|
5748
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
5946
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx52__default.default("h4", BrandsTab_module_default["card-title"]), children: content.title })
|
|
5749
5947
|
] }),
|
|
5750
5948
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
|
|
5751
5949
|
]
|
|
@@ -5771,7 +5969,7 @@ var BrandsTab = (props) => {
|
|
|
5771
5969
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5772
5970
|
"button",
|
|
5773
5971
|
{
|
|
5774
|
-
className:
|
|
5972
|
+
className: clsx52__default.default(BrandsTab_module_default["accordion-header"], {
|
|
5775
5973
|
[BrandsTab_module_default["accordion-header-open"]]: isOpen
|
|
5776
5974
|
}),
|
|
5777
5975
|
style: {
|
|
@@ -5785,7 +5983,7 @@ var BrandsTab = (props) => {
|
|
|
5785
5983
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5786
5984
|
"span",
|
|
5787
5985
|
{
|
|
5788
|
-
className:
|
|
5986
|
+
className: clsx52__default.default(BrandsTab_module_default.accordionChevron, {
|
|
5789
5987
|
[BrandsTab_module_default.accordionChevronOpen]: isOpen
|
|
5790
5988
|
}),
|
|
5791
5989
|
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUp", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -5798,10 +5996,10 @@ var BrandsTab = (props) => {
|
|
|
5798
5996
|
};
|
|
5799
5997
|
})) || [];
|
|
5800
5998
|
}, [tabs]);
|
|
5801
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
5999
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(BrandsTab_module_default["brands-tab"], className), children: [
|
|
5802
6000
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["text-container"], children: [
|
|
5803
6001
|
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: BrandsTab_module_default.title, children: title }),
|
|
5804
|
-
subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
6002
|
+
subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default("subheading", BrandsTab_module_default.subtitle), children: subtitle })
|
|
5805
6003
|
] }),
|
|
5806
6004
|
isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
5807
6005
|
Accordion,
|
|
@@ -5809,7 +6007,7 @@ var BrandsTab = (props) => {
|
|
|
5809
6007
|
items: accordionItems,
|
|
5810
6008
|
allowMultiple: true,
|
|
5811
6009
|
defaultOpenIds: [],
|
|
5812
|
-
className:
|
|
6010
|
+
className: clsx52__default.default(BrandsTab_module_default["accordion"])
|
|
5813
6011
|
}
|
|
5814
6012
|
) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["tab-wrapper"], children: [
|
|
5815
6013
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsTab_module_default["tab-buttons"], children: tabs == null ? void 0 : tabs.map(({ trigger, theme }, index) => {
|
|
@@ -5820,7 +6018,7 @@ var BrandsTab = (props) => {
|
|
|
5820
6018
|
variant: "tabbutton",
|
|
5821
6019
|
onClick: () => setActiveIndex(index),
|
|
5822
6020
|
isActive,
|
|
5823
|
-
className:
|
|
6021
|
+
className: clsx52__default.default(BrandsTab_module_default["tab-trigger"], isActive ? BrandsTab_module_default["tab-active"] : null),
|
|
5824
6022
|
style: {
|
|
5825
6023
|
"--theme-color": `var(${theme})`
|
|
5826
6024
|
},
|
|
@@ -5832,7 +6030,7 @@ var BrandsTab = (props) => {
|
|
|
5832
6030
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5833
6031
|
"div",
|
|
5834
6032
|
{
|
|
5835
|
-
className:
|
|
6033
|
+
className: clsx52__default.default(BrandsTab_module_default["tab-content-area"]),
|
|
5836
6034
|
style: {
|
|
5837
6035
|
"--theme-color": `var(${tabs == null ? void 0 : tabs[activeIndex].theme})`
|
|
5838
6036
|
},
|
|
@@ -5848,7 +6046,7 @@ var BrandsTab = (props) => {
|
|
|
5848
6046
|
children: [
|
|
5849
6047
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
|
|
5850
6048
|
content.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
|
|
5851
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
6049
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx52__default.default("h4", BrandsTab_module_default["card-title"]), children: content.title })
|
|
5852
6050
|
] }),
|
|
5853
6051
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
|
|
5854
6052
|
]
|
|
@@ -5877,6 +6075,67 @@ var BrandsTab = (props) => {
|
|
|
5877
6075
|
|
|
5878
6076
|
// src/widgets/BrandsTab/index.tsx
|
|
5879
6077
|
var BrandsTab2 = Object.assign(BrandsTab, {});
|
|
6078
|
+
|
|
6079
|
+
// src/widgets/TimelineCards/TimelineCards.module.scss
|
|
6080
|
+
var TimelineCards_module_default = {
|
|
6081
|
+
"timeline-cards": "TimelineCards_module_timeline-cards",
|
|
6082
|
+
"timeline-steps": "TimelineCards_module_timeline-steps",
|
|
6083
|
+
"step-container": "TimelineCards_module_step-container",
|
|
6084
|
+
"step-content": "TimelineCards_module_step-content",
|
|
6085
|
+
"timeline-cards-container": "TimelineCards_module_timeline-cards-container",
|
|
6086
|
+
"timeline-card-item": "TimelineCards_module_timeline-card-item",
|
|
6087
|
+
card: "TimelineCards_module_card",
|
|
6088
|
+
"card-text": "TimelineCards_module_card-text",
|
|
6089
|
+
"timeline-cards-text": "TimelineCards_module_timeline-cards-text",
|
|
6090
|
+
container: "TimelineCards_module_container",
|
|
6091
|
+
wrapper: "TimelineCards_module_wrapper",
|
|
6092
|
+
"card-logo": "TimelineCards_module_card-logo",
|
|
6093
|
+
"step-divider": "TimelineCards_module_step-divider"
|
|
6094
|
+
};
|
|
6095
|
+
var TimelineCard = ({ text, logo }) => {
|
|
6096
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(TimelineCards_module_default["card"]), children: [
|
|
6097
|
+
logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: TimelineCards_module_default["card-logo"] }, logo)),
|
|
6098
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default(TimelineCards_module_default["card-text"]), children: text })
|
|
6099
|
+
] });
|
|
6100
|
+
};
|
|
6101
|
+
var TimelineSteps = ({ length }) => {
|
|
6102
|
+
if (length === 0) return null;
|
|
6103
|
+
return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: clsx52__default.default(TimelineCards_module_default["timeline-steps"]), children: Array.from({ length }).map((_, index) => {
|
|
6104
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(React72.Fragment, { children: [
|
|
6105
|
+
/* @__PURE__ */ jsxRuntime.jsxs("li", { className: clsx52__default.default(TimelineCards_module_default["step-container"]), children: [
|
|
6106
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx52__default.default(TimelineCards_module_default["step-content"]), "aria-hidden": "true", children: index + 1 }),
|
|
6107
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
|
|
6108
|
+
"Step ",
|
|
6109
|
+
index + 1,
|
|
6110
|
+
" of ",
|
|
6111
|
+
length
|
|
6112
|
+
] })
|
|
6113
|
+
] }),
|
|
6114
|
+
index < length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: clsx52__default.default(TimelineCards_module_default["step-divider"]), role: "presentation" }) : null
|
|
6115
|
+
] }, index);
|
|
6116
|
+
}) });
|
|
6117
|
+
};
|
|
6118
|
+
var TimelineCards = ({ captionText, cards, className }) => {
|
|
6119
|
+
const slicedCards = cards == null ? void 0 : cards.slice(0, 3);
|
|
6120
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(TimelineCards_module_default["timeline-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx52__default.default(TimelineCards_module_default["container"]), children: [
|
|
6121
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx52__default.default(TimelineCards_module_default["wrapper"]), children: [
|
|
6122
|
+
/* @__PURE__ */ jsxRuntime.jsx(TimelineSteps, { length: (slicedCards == null ? void 0 : slicedCards.length) || 0 }),
|
|
6123
|
+
/* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 3, gap: 16, className: clsx52__default.default(TimelineCards_module_default["timeline-cards-container"]), children: slicedCards == null ? void 0 : slicedCards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
6124
|
+
GridItem,
|
|
6125
|
+
{
|
|
6126
|
+
colSpan: { md: 3 },
|
|
6127
|
+
className: clsx52__default.default(TimelineCards_module_default["timeline-card-item"]),
|
|
6128
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(TimelineCard, __spreadValues({}, card))
|
|
6129
|
+
},
|
|
6130
|
+
index
|
|
6131
|
+
)) })
|
|
6132
|
+
] }),
|
|
6133
|
+
captionText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx52__default.default(TimelineCards_module_default["timeline-cards-text"]), children: captionText })
|
|
6134
|
+
] }) });
|
|
6135
|
+
};
|
|
6136
|
+
|
|
6137
|
+
// src/widgets/TimelineCards/index.tsx
|
|
6138
|
+
var TimelineCards2 = Object.assign(TimelineCards, {});
|
|
5880
6139
|
function useIntersectionObserver({
|
|
5881
6140
|
animateOnce = false,
|
|
5882
6141
|
options = {}
|
|
@@ -5917,6 +6176,7 @@ exports.BrandsStrip = BrandsStrip;
|
|
|
5917
6176
|
exports.BrandsTab = BrandsTab2;
|
|
5918
6177
|
exports.Button = Button;
|
|
5919
6178
|
exports.Card = Card2;
|
|
6179
|
+
exports.CardCarousel = CardCarousel2;
|
|
5920
6180
|
exports.CardCollection = CardCollection2;
|
|
5921
6181
|
exports.ColTextMenu = ColTextMenu;
|
|
5922
6182
|
exports.ConditionalWrapper = ConditionalWrapper;
|
|
@@ -5938,6 +6198,7 @@ exports.Loader = Loader;
|
|
|
5938
6198
|
exports.LocationsBrandCards = LocationsBrandCards2;
|
|
5939
6199
|
exports.MiniBanner = MiniBanner2;
|
|
5940
6200
|
exports.MiniSectionCta = MiniSectionCta2;
|
|
6201
|
+
exports.Modal = Modal;
|
|
5941
6202
|
exports.Navigation = Navigation3;
|
|
5942
6203
|
exports.NewsCard = NewsCard;
|
|
5943
6204
|
exports.NewsCardList = NewsCardList2;
|
|
@@ -5958,6 +6219,7 @@ exports.TextBody = TextBody2;
|
|
|
5958
6219
|
exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
|
|
5959
6220
|
exports.TextCenterWithMedia = TextCenterWithMedia2;
|
|
5960
6221
|
exports.TextEvent = TextEvent2;
|
|
6222
|
+
exports.TimelineCards = TimelineCards2;
|
|
5961
6223
|
exports.TwoColTextMenu = TwoColTextMenu;
|
|
5962
6224
|
exports.UpcomingEventCard = UpcomingEventCard;
|
|
5963
6225
|
exports.UserMenu = UserMenu;
|