@digital-b2c/coreui-kit 0.26.1 → 0.28.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/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +757 -402
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +513 -3
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +157 -109
- package/dist/index.d.ts +157 -109
- package/dist/index.mjs +652 -300
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +101 -101
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import clsx67 from 'clsx';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import
|
|
3
|
+
import React73, { forwardRef, useId, useState, useRef, useCallback, useMemo, useEffect, cloneElement, isValidElement, Children, Fragment as Fragment$1, useSyncExternalStore } from 'react';
|
|
4
4
|
import gsap, { gsap as gsap$1 } from 'gsap';
|
|
5
5
|
import { useGSAP } from '@gsap/react';
|
|
6
6
|
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
7
|
+
import { createPortal } from 'react-dom';
|
|
7
8
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
8
9
|
import { A11y, FreeMode, Navigation, Pagination as Pagination$1 } from 'swiper/modules';
|
|
9
10
|
import ReactPlayer from 'react-player';
|
|
@@ -59,7 +60,7 @@ var Picture = (_a) => {
|
|
|
59
60
|
__spreadValues({
|
|
60
61
|
src: desktop.src,
|
|
61
62
|
alt: desktop.alt,
|
|
62
|
-
className:
|
|
63
|
+
className: clsx67(className, Picture_module_default["image-desktop"])
|
|
63
64
|
}, rest)
|
|
64
65
|
),
|
|
65
66
|
/* @__PURE__ */ jsx(
|
|
@@ -67,7 +68,7 @@ var Picture = (_a) => {
|
|
|
67
68
|
__spreadValues({
|
|
68
69
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
69
70
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
70
|
-
className:
|
|
71
|
+
className: clsx67(className, Picture_module_default["image-mobile"])
|
|
71
72
|
}, rest)
|
|
72
73
|
)
|
|
73
74
|
] });
|
|
@@ -415,7 +416,7 @@ var svgs = {
|
|
|
415
416
|
xWhite: icon_x_white_default,
|
|
416
417
|
user: icon_user_default
|
|
417
418
|
};
|
|
418
|
-
var Icon =
|
|
419
|
+
var Icon = React73.memo(
|
|
419
420
|
(_a) => {
|
|
420
421
|
var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
|
|
421
422
|
if (type) {
|
|
@@ -474,7 +475,7 @@ var Button = (_a) => {
|
|
|
474
475
|
]);
|
|
475
476
|
const isLink = !!href;
|
|
476
477
|
const props = __spreadValues(__spreadValues({
|
|
477
|
-
className:
|
|
478
|
+
className: clsx67(
|
|
478
479
|
Button_module_default.button,
|
|
479
480
|
variant ? Button_module_default[variant] : null,
|
|
480
481
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -706,7 +707,7 @@ var BrandsStrip = ({
|
|
|
706
707
|
"div",
|
|
707
708
|
{
|
|
708
709
|
ref: containerRef,
|
|
709
|
-
className:
|
|
710
|
+
className: clsx67(
|
|
710
711
|
BrandsStrip_module_default.brandsStrip,
|
|
711
712
|
BrandsStrip_module_default[variant],
|
|
712
713
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -715,13 +716,13 @@ var BrandsStrip = ({
|
|
|
715
716
|
onMouseEnter: handleMouseEnter,
|
|
716
717
|
onMouseLeave: handleMouseLeave,
|
|
717
718
|
children: [
|
|
718
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
719
|
-
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className:
|
|
719
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
720
|
+
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx67("body", BrandsStrip_module_default.title), children: title }),
|
|
720
721
|
logos.length > 0 && /* @__PURE__ */ jsx(
|
|
721
722
|
"div",
|
|
722
723
|
{
|
|
723
724
|
ref: marqueeRef,
|
|
724
|
-
className:
|
|
725
|
+
className: clsx67(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
725
726
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
726
727
|
}
|
|
727
728
|
)
|
|
@@ -768,7 +769,7 @@ var Container_module_default = {
|
|
|
768
769
|
var Container = forwardRef(
|
|
769
770
|
(_a, ref) => {
|
|
770
771
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
771
|
-
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
772
|
+
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx67(Container_module_default.container, className) }, props), { children }));
|
|
772
773
|
}
|
|
773
774
|
);
|
|
774
775
|
Container.displayName = "Container";
|
|
@@ -816,14 +817,14 @@ var Card = ({
|
|
|
816
817
|
ConditionalWrapper,
|
|
817
818
|
__spreadProps(__spreadValues({
|
|
818
819
|
ref,
|
|
819
|
-
className:
|
|
820
|
+
className: clsx67(Card_module_default.card, Card_module_default[variant], className),
|
|
820
821
|
wrapper: Anchor,
|
|
821
822
|
fallback: "div",
|
|
822
823
|
condition: isLink
|
|
823
824
|
}, isLink ? { href, isExternal } : {}), {
|
|
824
825
|
children: [
|
|
825
826
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
826
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className:
|
|
827
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx67(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx67(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
827
828
|
isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
828
829
|
] }),
|
|
829
830
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
|
|
@@ -869,10 +870,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
869
870
|
title: CountingCardTitle
|
|
870
871
|
});
|
|
871
872
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
872
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
873
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(CountingCard_module_default["counting-card"], className), children: [
|
|
873
874
|
/* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
874
875
|
titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
|
|
875
|
-
count && /* @__PURE__ */ jsx("div", { className:
|
|
876
|
+
count && /* @__PURE__ */ jsx("div", { className: clsx67(CountingCard_module_default.count, "h1"), children: count })
|
|
876
877
|
] }),
|
|
877
878
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
878
879
|
] });
|
|
@@ -958,7 +959,7 @@ function FilterBar({
|
|
|
958
959
|
"button",
|
|
959
960
|
{
|
|
960
961
|
type: "button",
|
|
961
|
-
className:
|
|
962
|
+
className: clsx67(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
962
963
|
onClick: () => onViewChange("grid"),
|
|
963
964
|
"aria-pressed": view === "grid",
|
|
964
965
|
children: [
|
|
@@ -971,7 +972,7 @@ function FilterBar({
|
|
|
971
972
|
"button",
|
|
972
973
|
{
|
|
973
974
|
type: "button",
|
|
974
|
-
className:
|
|
975
|
+
className: clsx67(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
975
976
|
onClick: () => onViewChange("list"),
|
|
976
977
|
"aria-pressed": view === "list",
|
|
977
978
|
children: [
|
|
@@ -985,7 +986,7 @@ function FilterBar({
|
|
|
985
986
|
/* @__PURE__ */ jsxs(
|
|
986
987
|
"div",
|
|
987
988
|
{
|
|
988
|
-
className:
|
|
989
|
+
className: clsx67(
|
|
989
990
|
FilterBar_module_default.dropdownWrapper,
|
|
990
991
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
991
992
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -996,7 +997,7 @@ function FilterBar({
|
|
|
996
997
|
"button",
|
|
997
998
|
{
|
|
998
999
|
type: "button",
|
|
999
|
-
className:
|
|
1000
|
+
className: clsx67(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
1000
1001
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
1001
1002
|
"aria-expanded": openDropdown === "filter",
|
|
1002
1003
|
children: [
|
|
@@ -1011,7 +1012,7 @@ function FilterBar({
|
|
|
1011
1012
|
type: "button",
|
|
1012
1013
|
role: "option",
|
|
1013
1014
|
"aria-selected": filterValue === opt.value,
|
|
1014
|
-
className:
|
|
1015
|
+
className: clsx67(
|
|
1015
1016
|
FilterBar_module_default.dropdownOption,
|
|
1016
1017
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
1017
1018
|
),
|
|
@@ -1032,7 +1033,7 @@ function FilterBar({
|
|
|
1032
1033
|
/* @__PURE__ */ jsxs(
|
|
1033
1034
|
"div",
|
|
1034
1035
|
{
|
|
1035
|
-
className:
|
|
1036
|
+
className: clsx67(
|
|
1036
1037
|
FilterBar_module_default.dropdownWrapper,
|
|
1037
1038
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
1038
1039
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -1058,7 +1059,7 @@ function FilterBar({
|
|
|
1058
1059
|
type: "button",
|
|
1059
1060
|
role: "option",
|
|
1060
1061
|
"aria-selected": sortValue === opt.value,
|
|
1061
|
-
className:
|
|
1062
|
+
className: clsx67(
|
|
1062
1063
|
FilterBar_module_default.dropdownOption,
|
|
1063
1064
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1064
1065
|
),
|
|
@@ -1076,7 +1077,7 @@ function FilterBar({
|
|
|
1076
1077
|
searchState !== "closed" ? /* @__PURE__ */ jsxs(
|
|
1077
1078
|
"div",
|
|
1078
1079
|
{
|
|
1079
|
-
className:
|
|
1080
|
+
className: clsx67(
|
|
1080
1081
|
FilterBar_module_default.searchExpanded,
|
|
1081
1082
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1082
1083
|
),
|
|
@@ -1158,9 +1159,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1158
1159
|
});
|
|
1159
1160
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1160
1161
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1161
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1162
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1162
1163
|
/* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1163
|
-
icon && typeof icon === "object" ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: InfoCard_module_default.icon }, icon)) : icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className:
|
|
1164
|
+
icon && typeof icon === "object" ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: InfoCard_module_default.icon }, icon)) : icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx67(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1164
1165
|
titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
|
|
1165
1166
|
] }),
|
|
1166
1167
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1204,13 +1205,13 @@ var Modal = ({
|
|
|
1204
1205
|
"dialog",
|
|
1205
1206
|
{
|
|
1206
1207
|
ref: dialogRef,
|
|
1207
|
-
className:
|
|
1208
|
+
className: clsx67(Modal_module_default.modal, className),
|
|
1208
1209
|
"aria-label": ariaLabel,
|
|
1209
1210
|
onClose,
|
|
1210
1211
|
onClick: (event) => {
|
|
1211
1212
|
if (event.target === dialogRef.current) onClose();
|
|
1212
1213
|
},
|
|
1213
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
1214
|
+
children: /* @__PURE__ */ jsxs("div", { className: clsx67(Modal_module_default.inner, contentClassName), children: [
|
|
1214
1215
|
!hideCloseButton && /* @__PURE__ */ jsx("div", { className: Modal_module_default.header, children: /* @__PURE__ */ jsx(
|
|
1215
1216
|
Button,
|
|
1216
1217
|
{
|
|
@@ -1312,7 +1313,7 @@ var Pagination = ({
|
|
|
1312
1313
|
const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
|
|
1313
1314
|
const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
|
|
1314
1315
|
const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
1315
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1316
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(Pagination_module_default.pagination, className), children: [
|
|
1316
1317
|
!disableArrows && (renderLink ? renderLink({
|
|
1317
1318
|
page: prevPage,
|
|
1318
1319
|
className: Pagination_module_default.prev,
|
|
@@ -1333,7 +1334,7 @@ var Pagination = ({
|
|
|
1333
1334
|
return /* @__PURE__ */ jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
|
|
1334
1335
|
}
|
|
1335
1336
|
const page = item;
|
|
1336
|
-
const pageClassName =
|
|
1337
|
+
const pageClassName = clsx67(Pagination_module_default.page, {
|
|
1337
1338
|
[Pagination_module_default.active]: activePage === page,
|
|
1338
1339
|
[Pagination_module_default.number]: hasNumber,
|
|
1339
1340
|
[Pagination_module_default["no-border"]]: hidePagesBorder
|
|
@@ -1386,10 +1387,10 @@ var PracticeCard_module_default = {
|
|
|
1386
1387
|
};
|
|
1387
1388
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1388
1389
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1389
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1390
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
|
|
1390
1391
|
ConditionalWrapper,
|
|
1391
1392
|
__spreadProps(__spreadValues({
|
|
1392
|
-
className:
|
|
1393
|
+
className: clsx67(PracticeCard_module_default.wrapper, PracticeCard_module_default["focusable-card"]),
|
|
1393
1394
|
wrapper: Anchor,
|
|
1394
1395
|
fallback: "div",
|
|
1395
1396
|
condition: !!href,
|
|
@@ -1398,7 +1399,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1398
1399
|
children: [
|
|
1399
1400
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1400
1401
|
/* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1401
|
-
title && /* @__PURE__ */ jsx("div", { className:
|
|
1402
|
+
title && /* @__PURE__ */ jsx("div", { className: clsx67(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1402
1403
|
href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1403
1404
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1404
1405
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1443,15 +1444,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1443
1444
|
"aria-disabled": isRestricted
|
|
1444
1445
|
} : null;
|
|
1445
1446
|
const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
|
|
1446
|
-
className:
|
|
1447
|
+
className: clsx67(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
|
|
1447
1448
|
children: null
|
|
1448
1449
|
})) : /* @__PURE__ */ jsx(
|
|
1449
1450
|
"a",
|
|
1450
1451
|
__spreadProps(__spreadValues({}, linkProps), {
|
|
1451
|
-
className:
|
|
1452
|
+
className: clsx67(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
|
|
1452
1453
|
})
|
|
1453
1454
|
) : null;
|
|
1454
|
-
const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className:
|
|
1455
|
+
const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx67(ResourceCardItem_module_default.cardLink), children }));
|
|
1455
1456
|
const cardLinkOverlay = linkProps && !isGlobalSearchVariant ? /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: -1, className: ResourceCardItem_module_default.cardLinkOverlay })) : null;
|
|
1456
1457
|
function getIcon() {
|
|
1457
1458
|
switch (item.type) {
|
|
@@ -1469,7 +1470,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1469
1470
|
return /* @__PURE__ */ jsxs(
|
|
1470
1471
|
"article",
|
|
1471
1472
|
{
|
|
1472
|
-
className:
|
|
1473
|
+
className: clsx67(
|
|
1473
1474
|
ResourceCardItem_module_default.cardGrid,
|
|
1474
1475
|
isGlobalSearchVariant && ResourceCardItem_module_default[variant],
|
|
1475
1476
|
isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
|
|
@@ -1555,7 +1556,7 @@ var Sidebar = ({
|
|
|
1555
1556
|
return /* @__PURE__ */ jsxs(
|
|
1556
1557
|
"li",
|
|
1557
1558
|
{
|
|
1558
|
-
className:
|
|
1559
|
+
className: clsx67(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1559
1560
|
role: "button",
|
|
1560
1561
|
tabIndex: 0,
|
|
1561
1562
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1613,7 +1614,7 @@ var UpcomingEventCard = ({
|
|
|
1613
1614
|
return /* @__PURE__ */ jsxs(
|
|
1614
1615
|
"article",
|
|
1615
1616
|
{
|
|
1616
|
-
className:
|
|
1617
|
+
className: clsx67(
|
|
1617
1618
|
"card",
|
|
1618
1619
|
UpcomingEventCard_module_default["event-card"],
|
|
1619
1620
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1621,26 +1622,26 @@ var UpcomingEventCard = ({
|
|
|
1621
1622
|
className
|
|
1622
1623
|
),
|
|
1623
1624
|
children: [
|
|
1624
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1625
|
-
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1625
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1626
|
+
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1626
1627
|
/* @__PURE__ */ jsxs(
|
|
1627
1628
|
"div",
|
|
1628
1629
|
{
|
|
1629
|
-
className:
|
|
1630
|
+
className: clsx67(
|
|
1630
1631
|
"card-text-content",
|
|
1631
1632
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1632
1633
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1633
1634
|
),
|
|
1634
1635
|
children: [
|
|
1635
1636
|
/* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1636
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
1637
|
+
title && /* @__PURE__ */ jsx("h3", { className: clsx67("card-text-title"), children: title }),
|
|
1637
1638
|
location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1638
|
-
description && /* @__PURE__ */ jsx("div", { className:
|
|
1639
|
-
cta && cta.url && /* @__PURE__ */ jsx("div", { className:
|
|
1639
|
+
description && /* @__PURE__ */ jsx("div", { className: clsx67("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1640
|
+
cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx67("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
1640
1641
|
Button,
|
|
1641
1642
|
{
|
|
1642
1643
|
variant: "secondary",
|
|
1643
|
-
className:
|
|
1644
|
+
className: clsx67(
|
|
1644
1645
|
"card-cta",
|
|
1645
1646
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1646
1647
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1659,12 +1660,12 @@ var UpcomingEventCard = ({
|
|
|
1659
1660
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1660
1661
|
"div",
|
|
1661
1662
|
{
|
|
1662
|
-
className:
|
|
1663
|
+
className: clsx67("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1663
1664
|
children: /* @__PURE__ */ jsx(
|
|
1664
1665
|
Button,
|
|
1665
1666
|
{
|
|
1666
1667
|
variant: "secondary",
|
|
1667
|
-
className:
|
|
1668
|
+
className: clsx67("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1668
1669
|
fullWidth: isBelowMobile,
|
|
1669
1670
|
href: cta.url,
|
|
1670
1671
|
icon: cta.icon,
|
|
@@ -1712,7 +1713,7 @@ var Badge = forwardRef(
|
|
|
1712
1713
|
"live",
|
|
1713
1714
|
"clickable"
|
|
1714
1715
|
]);
|
|
1715
|
-
const classes =
|
|
1716
|
+
const classes = clsx67(
|
|
1716
1717
|
Badge_module_default.badge,
|
|
1717
1718
|
Badge_module_default[variant],
|
|
1718
1719
|
Badge_module_default[size],
|
|
@@ -1723,7 +1724,7 @@ var Badge = forwardRef(
|
|
|
1723
1724
|
className
|
|
1724
1725
|
);
|
|
1725
1726
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1726
|
-
icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className:
|
|
1727
|
+
icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className: clsx67("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1727
1728
|
!iconOnly && /* @__PURE__ */ jsx("span", { className: Badge_module_default.label, children })
|
|
1728
1729
|
] });
|
|
1729
1730
|
if (clickable) {
|
|
@@ -1804,7 +1805,7 @@ var Input = forwardRef(
|
|
|
1804
1805
|
return /* @__PURE__ */ jsxs(
|
|
1805
1806
|
"div",
|
|
1806
1807
|
{
|
|
1807
|
-
className:
|
|
1808
|
+
className: clsx67(
|
|
1808
1809
|
"input-field",
|
|
1809
1810
|
Input_module_default["input-field"],
|
|
1810
1811
|
{
|
|
@@ -1818,17 +1819,17 @@ var Input = forwardRef(
|
|
|
1818
1819
|
"label",
|
|
1819
1820
|
{
|
|
1820
1821
|
htmlFor: inputId,
|
|
1821
|
-
className:
|
|
1822
|
+
className: clsx67("input-label", Input_module_default.label, {
|
|
1822
1823
|
["sr-only"]: hideLabel
|
|
1823
1824
|
}),
|
|
1824
1825
|
children: [
|
|
1825
1826
|
label,
|
|
1826
|
-
required && /* @__PURE__ */ jsx("span", { className:
|
|
1827
|
+
required && /* @__PURE__ */ jsx("span", { className: clsx67("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1827
1828
|
]
|
|
1828
1829
|
}
|
|
1829
1830
|
),
|
|
1830
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1831
|
-
startAdornment && /* @__PURE__ */ jsx("span", { className:
|
|
1831
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("input-wrapper", Input_module_default.wrapper), children: [
|
|
1832
|
+
startAdornment && /* @__PURE__ */ jsx("span", { className: clsx67("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1832
1833
|
/* @__PURE__ */ jsx(
|
|
1833
1834
|
"input",
|
|
1834
1835
|
__spreadValues({
|
|
@@ -1839,7 +1840,7 @@ var Input = forwardRef(
|
|
|
1839
1840
|
disabled,
|
|
1840
1841
|
"aria-invalid": !!error,
|
|
1841
1842
|
"aria-describedby": describedBy || void 0,
|
|
1842
|
-
className:
|
|
1843
|
+
className: clsx67(
|
|
1843
1844
|
"input",
|
|
1844
1845
|
Input_module_default.input,
|
|
1845
1846
|
{
|
|
@@ -1850,11 +1851,11 @@ var Input = forwardRef(
|
|
|
1850
1851
|
)
|
|
1851
1852
|
}, props)
|
|
1852
1853
|
),
|
|
1853
|
-
endAdornment && /* @__PURE__ */ jsx("span", { className:
|
|
1854
|
-
endAction && /* @__PURE__ */ jsx("span", { className:
|
|
1854
|
+
endAdornment && /* @__PURE__ */ jsx("span", { className: clsx67("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1855
|
+
endAction && /* @__PURE__ */ jsx("span", { className: clsx67("input-end-action"), children: endAction })
|
|
1855
1856
|
] }),
|
|
1856
|
-
helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className:
|
|
1857
|
-
error && /* @__PURE__ */ jsx("p", { id: errorId, className:
|
|
1857
|
+
helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className: clsx67("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1858
|
+
error && /* @__PURE__ */ jsx("p", { id: errorId, className: clsx67("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1858
1859
|
]
|
|
1859
1860
|
}
|
|
1860
1861
|
);
|
|
@@ -1905,7 +1906,7 @@ var NewsCard = ({
|
|
|
1905
1906
|
href: cta.url,
|
|
1906
1907
|
target: cta.isExternal ? "_blank" : void 0,
|
|
1907
1908
|
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1908
|
-
className:
|
|
1909
|
+
className: clsx67("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1909
1910
|
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1910
1911
|
}, isRestricted && {
|
|
1911
1912
|
"aria-disabled": true
|
|
@@ -1917,7 +1918,7 @@ var NewsCard = ({
|
|
|
1917
1918
|
"article",
|
|
1918
1919
|
{
|
|
1919
1920
|
ref: cardRef,
|
|
1920
|
-
className:
|
|
1921
|
+
className: clsx67(
|
|
1921
1922
|
"news-card",
|
|
1922
1923
|
NewsCard_module_default["news-card"],
|
|
1923
1924
|
type && NewsCard_module_default[type],
|
|
@@ -1928,29 +1929,29 @@ var NewsCard = ({
|
|
|
1928
1929
|
"aria-describedby": isRestricted ? `restricted-${id}` : void 0,
|
|
1929
1930
|
children: [
|
|
1930
1931
|
cardLink,
|
|
1931
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1932
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1932
1933
|
/* @__PURE__ */ jsxs(
|
|
1933
1934
|
"div",
|
|
1934
1935
|
{
|
|
1935
|
-
className:
|
|
1936
|
+
className: clsx67("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1936
1937
|
style: {
|
|
1937
1938
|
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1938
1939
|
},
|
|
1939
1940
|
children: [
|
|
1940
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1941
|
-
/* @__PURE__ */ jsx(Badge, { className:
|
|
1942
|
-
/* @__PURE__ */ jsx("time", { dateTime: date.value, className:
|
|
1941
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1942
|
+
/* @__PURE__ */ jsx(Badge, { className: clsx67("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1943
|
+
/* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx67("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1943
1944
|
] }),
|
|
1944
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1945
|
-
/* @__PURE__ */ jsx("h3", { id: `title-${id}`, className:
|
|
1946
|
-
typeof description === "string" ? /* @__PURE__ */ jsx("p", { className:
|
|
1945
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1946
|
+
/* @__PURE__ */ jsx("h3", { id: `title-${id}`, className: clsx67("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1947
|
+
typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx67("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
|
|
1947
1948
|
isRestricted && /* @__PURE__ */ jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
|
|
1948
1949
|
] }),
|
|
1949
|
-
cta && cta.url && /* @__PURE__ */ jsx("div", { className:
|
|
1950
|
+
cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx67("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
1950
1951
|
Button,
|
|
1951
1952
|
{
|
|
1952
1953
|
variant: "secondary",
|
|
1953
|
-
className:
|
|
1954
|
+
className: clsx67("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1954
1955
|
icon: cta.icon,
|
|
1955
1956
|
type: "button",
|
|
1956
1957
|
onClick: handleCtaClick,
|
|
@@ -1980,7 +1981,7 @@ var BlogPostContent = ({ className, body, children }) => {
|
|
|
1980
1981
|
body: BlogPostContentBody
|
|
1981
1982
|
});
|
|
1982
1983
|
const bodyNode = (_a = slots.body) != null ? _a : body;
|
|
1983
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1984
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
|
|
1984
1985
|
};
|
|
1985
1986
|
|
|
1986
1987
|
// src/components/BlogPostContent/index.ts
|
|
@@ -2031,7 +2032,7 @@ var Search = ({
|
|
|
2031
2032
|
}
|
|
2032
2033
|
};
|
|
2033
2034
|
if (!isOpen) {
|
|
2034
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2035
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(Search_module_default.search, className), children: /* @__PURE__ */ jsx(
|
|
2035
2036
|
"button",
|
|
2036
2037
|
{
|
|
2037
2038
|
type: "button",
|
|
@@ -2043,10 +2044,10 @@ var Search = ({
|
|
|
2043
2044
|
}
|
|
2044
2045
|
) });
|
|
2045
2046
|
}
|
|
2046
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2047
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(Search_module_default.search, className), children: /* @__PURE__ */ jsxs(
|
|
2047
2048
|
"div",
|
|
2048
2049
|
{
|
|
2049
|
-
className:
|
|
2050
|
+
className: clsx67(
|
|
2050
2051
|
Search_module_default.searchField,
|
|
2051
2052
|
isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
|
|
2052
2053
|
),
|
|
@@ -2113,7 +2114,7 @@ var ColTextMenu = ({
|
|
|
2113
2114
|
isExternal,
|
|
2114
2115
|
renderLink,
|
|
2115
2116
|
icon: "chevronRight",
|
|
2116
|
-
className:
|
|
2117
|
+
className: clsx67("subheading", className),
|
|
2117
2118
|
children: label
|
|
2118
2119
|
}
|
|
2119
2120
|
);
|
|
@@ -2193,7 +2194,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2193
2194
|
/* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2194
2195
|
] })
|
|
2195
2196
|
] });
|
|
2196
|
-
const rootClass =
|
|
2197
|
+
const rootClass = clsx67(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2197
2198
|
return user.url ? /* @__PURE__ */ jsx(
|
|
2198
2199
|
"a",
|
|
2199
2200
|
{
|
|
@@ -2208,7 +2209,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2208
2209
|
return /* @__PURE__ */ jsxs(
|
|
2209
2210
|
"div",
|
|
2210
2211
|
{
|
|
2211
|
-
className:
|
|
2212
|
+
className: clsx67(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2212
2213
|
ref: wrapperRef,
|
|
2213
2214
|
onPointerLeave: handlePointerLeave,
|
|
2214
2215
|
onBlur: handleBlur,
|
|
@@ -2230,7 +2231,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2230
2231
|
/* @__PURE__ */ jsx(
|
|
2231
2232
|
"span",
|
|
2232
2233
|
{
|
|
2233
|
-
className:
|
|
2234
|
+
className: clsx67(
|
|
2234
2235
|
UserMenu_module_default.userChevron,
|
|
2235
2236
|
dropUp && UserMenu_module_default.userChevronUp,
|
|
2236
2237
|
isOpen && UserMenu_module_default.userChevronOpen
|
|
@@ -2245,12 +2246,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2245
2246
|
isOpen && /* @__PURE__ */ jsx(
|
|
2246
2247
|
"div",
|
|
2247
2248
|
{
|
|
2248
|
-
className:
|
|
2249
|
+
className: clsx67(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2249
2250
|
role: "menu",
|
|
2250
2251
|
onPointerEnter: handlePointerEnter,
|
|
2251
2252
|
onPointerLeave: handlePointerLeave,
|
|
2252
2253
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2253
|
-
const itemClass =
|
|
2254
|
+
const itemClass = clsx67(
|
|
2254
2255
|
UserMenu_module_default.userMenuItem,
|
|
2255
2256
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2256
2257
|
);
|
|
@@ -2294,7 +2295,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2294
2295
|
var Loader_module_default = {
|
|
2295
2296
|
loader: "Loader_module_loader"};
|
|
2296
2297
|
var Loader = ({ className }) => {
|
|
2297
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2298
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("loader", Loader_module_default["loader"], className) });
|
|
2298
2299
|
};
|
|
2299
2300
|
Loader.displayName = "Loader";
|
|
2300
2301
|
|
|
@@ -2343,17 +2344,320 @@ var BrandCard = ({
|
|
|
2343
2344
|
"div",
|
|
2344
2345
|
{
|
|
2345
2346
|
ref: containerRef,
|
|
2346
|
-
className:
|
|
2347
|
+
className: clsx67("brand-card", BrandCard_module_default["brand-card"], BrandCard_module_default[theme], className),
|
|
2347
2348
|
children: [
|
|
2348
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
2349
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
2350
|
-
/* @__PURE__ */ jsx("p", { ref: textRef, className:
|
|
2349
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content-wrapper", BrandCard_module_default["content-wrapper"]), children: [
|
|
2350
|
+
/* @__PURE__ */ jsx("h3", { className: clsx67("content-title", "body", BrandCard_module_default["content-title"]), children: title }),
|
|
2351
|
+
/* @__PURE__ */ jsx("p", { ref: textRef, className: clsx67("content-subtitle", "h1", BrandCard_module_default["content-subtitle"]), children: subtitle })
|
|
2351
2352
|
] }),
|
|
2352
|
-
(image == null ? void 0 : image.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className:
|
|
2353
|
+
(image == null ? void 0 : image.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx67("brand-image", BrandCard_module_default["brand-image"]) }, image))
|
|
2353
2354
|
]
|
|
2354
2355
|
}
|
|
2355
2356
|
);
|
|
2356
2357
|
};
|
|
2358
|
+
|
|
2359
|
+
// src/components/Select/Select.module.scss
|
|
2360
|
+
var Select_module_default = {
|
|
2361
|
+
"select-trigger": "Select_module_select-trigger",
|
|
2362
|
+
"select-option": "Select_module_select-option",
|
|
2363
|
+
"select-panel": "Select_module_select-panel",
|
|
2364
|
+
"is-highlighted": "Select_module_is-highlighted",
|
|
2365
|
+
"is-selected": "Select_module_is-selected"
|
|
2366
|
+
};
|
|
2367
|
+
var Select = ({
|
|
2368
|
+
options,
|
|
2369
|
+
value,
|
|
2370
|
+
onChange,
|
|
2371
|
+
placeholder = "-- Select option --",
|
|
2372
|
+
disabled = false,
|
|
2373
|
+
className
|
|
2374
|
+
}) => {
|
|
2375
|
+
var _a;
|
|
2376
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
2377
|
+
const [highlightedIndex, setHighlightedIndex] = useState(0);
|
|
2378
|
+
const selectId = useId();
|
|
2379
|
+
const triggerRef = useRef(null);
|
|
2380
|
+
const optionRefs = useRef([]);
|
|
2381
|
+
const shouldFocusHighlightedOptionRef = useRef(false);
|
|
2382
|
+
const typeaheadRef = useRef("");
|
|
2383
|
+
const typeaheadTimeoutRef = useRef(null);
|
|
2384
|
+
const [position, setPosition] = useState({
|
|
2385
|
+
top: 0,
|
|
2386
|
+
left: 0,
|
|
2387
|
+
width: 0
|
|
2388
|
+
});
|
|
2389
|
+
const selectedIndex = options.findIndex((option) => option.value === value);
|
|
2390
|
+
const selectedOption = selectedIndex >= 0 ? options[selectedIndex] : void 0;
|
|
2391
|
+
const updatePosition = () => {
|
|
2392
|
+
if (!triggerRef.current) return;
|
|
2393
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
2394
|
+
setPosition({
|
|
2395
|
+
top: rect.bottom + 4,
|
|
2396
|
+
left: rect.left,
|
|
2397
|
+
width: rect.width
|
|
2398
|
+
});
|
|
2399
|
+
};
|
|
2400
|
+
const openDropdown = () => {
|
|
2401
|
+
if (disabled || options.length === 0) return;
|
|
2402
|
+
shouldFocusHighlightedOptionRef.current = true;
|
|
2403
|
+
setHighlightedIndex(selectedIndex >= 0 ? selectedIndex : 0);
|
|
2404
|
+
updatePosition();
|
|
2405
|
+
setIsOpen(true);
|
|
2406
|
+
};
|
|
2407
|
+
const closeDropdown = () => {
|
|
2408
|
+
var _a2;
|
|
2409
|
+
setIsOpen(false);
|
|
2410
|
+
(_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
|
|
2411
|
+
};
|
|
2412
|
+
const selectOption = (index) => {
|
|
2413
|
+
var _a2;
|
|
2414
|
+
const option = options[index];
|
|
2415
|
+
if (!option) return;
|
|
2416
|
+
onChange == null ? void 0 : onChange(option.value || void 0);
|
|
2417
|
+
setIsOpen(false);
|
|
2418
|
+
(_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
|
|
2419
|
+
};
|
|
2420
|
+
const handleTriggerKeyDown = (event) => {
|
|
2421
|
+
if (disabled) return;
|
|
2422
|
+
shouldFocusHighlightedOptionRef.current = true;
|
|
2423
|
+
switch (event.key) {
|
|
2424
|
+
case "Enter":
|
|
2425
|
+
case " ":
|
|
2426
|
+
case "ArrowDown":
|
|
2427
|
+
event.preventDefault();
|
|
2428
|
+
if (!isOpen) {
|
|
2429
|
+
openDropdown();
|
|
2430
|
+
} else {
|
|
2431
|
+
setHighlightedIndex((current) => Math.min(current + 1, options.length - 1));
|
|
2432
|
+
}
|
|
2433
|
+
break;
|
|
2434
|
+
case "ArrowUp":
|
|
2435
|
+
event.preventDefault();
|
|
2436
|
+
if (!isOpen) {
|
|
2437
|
+
openDropdown();
|
|
2438
|
+
} else {
|
|
2439
|
+
setHighlightedIndex((current) => Math.max(current - 1, 0));
|
|
2440
|
+
}
|
|
2441
|
+
break;
|
|
2442
|
+
case "Escape":
|
|
2443
|
+
if (isOpen) {
|
|
2444
|
+
event.preventDefault();
|
|
2445
|
+
closeDropdown();
|
|
2446
|
+
}
|
|
2447
|
+
break;
|
|
2448
|
+
case "Home":
|
|
2449
|
+
if (isOpen) {
|
|
2450
|
+
event.preventDefault();
|
|
2451
|
+
setHighlightedIndex(0);
|
|
2452
|
+
}
|
|
2453
|
+
break;
|
|
2454
|
+
case "End":
|
|
2455
|
+
if (isOpen) {
|
|
2456
|
+
event.preventDefault();
|
|
2457
|
+
setHighlightedIndex(options.length - 1);
|
|
2458
|
+
}
|
|
2459
|
+
break;
|
|
2460
|
+
}
|
|
2461
|
+
};
|
|
2462
|
+
const handleOptionKeyDown = (event) => {
|
|
2463
|
+
shouldFocusHighlightedOptionRef.current = true;
|
|
2464
|
+
switch (event.key) {
|
|
2465
|
+
case "ArrowDown":
|
|
2466
|
+
event.preventDefault();
|
|
2467
|
+
setHighlightedIndex((current) => Math.min(current + 1, options.length - 1));
|
|
2468
|
+
break;
|
|
2469
|
+
case "ArrowUp":
|
|
2470
|
+
event.preventDefault();
|
|
2471
|
+
setHighlightedIndex((current) => Math.max(current - 1, 0));
|
|
2472
|
+
break;
|
|
2473
|
+
case "Home":
|
|
2474
|
+
event.preventDefault();
|
|
2475
|
+
setHighlightedIndex(0);
|
|
2476
|
+
break;
|
|
2477
|
+
case "End":
|
|
2478
|
+
event.preventDefault();
|
|
2479
|
+
setHighlightedIndex(options.length - 1);
|
|
2480
|
+
break;
|
|
2481
|
+
case "Enter":
|
|
2482
|
+
case " ":
|
|
2483
|
+
event.preventDefault();
|
|
2484
|
+
selectOption(highlightedIndex);
|
|
2485
|
+
break;
|
|
2486
|
+
case "Escape":
|
|
2487
|
+
event.preventDefault();
|
|
2488
|
+
closeDropdown();
|
|
2489
|
+
break;
|
|
2490
|
+
case "Tab":
|
|
2491
|
+
setIsOpen(false);
|
|
2492
|
+
break;
|
|
2493
|
+
default:
|
|
2494
|
+
handleTypeahead(event);
|
|
2495
|
+
break;
|
|
2496
|
+
}
|
|
2497
|
+
};
|
|
2498
|
+
const handleTypeahead = (event) => {
|
|
2499
|
+
if (event.key.length !== 1) return;
|
|
2500
|
+
typeaheadRef.current += event.key.toLowerCase();
|
|
2501
|
+
const index = options.findIndex(
|
|
2502
|
+
(option) => option.label.toLowerCase().startsWith(typeaheadRef.current)
|
|
2503
|
+
);
|
|
2504
|
+
if (index >= 0) {
|
|
2505
|
+
setHighlightedIndex(index);
|
|
2506
|
+
}
|
|
2507
|
+
if (typeaheadTimeoutRef.current) {
|
|
2508
|
+
clearTimeout(typeaheadTimeoutRef.current);
|
|
2509
|
+
}
|
|
2510
|
+
typeaheadTimeoutRef.current = setTimeout(() => {
|
|
2511
|
+
typeaheadRef.current = "";
|
|
2512
|
+
}, 500);
|
|
2513
|
+
};
|
|
2514
|
+
useEffect(() => {
|
|
2515
|
+
var _a2;
|
|
2516
|
+
if (!isOpen || !shouldFocusHighlightedOptionRef.current) return;
|
|
2517
|
+
(_a2 = optionRefs.current[highlightedIndex]) == null ? void 0 : _a2.focus();
|
|
2518
|
+
shouldFocusHighlightedOptionRef.current = false;
|
|
2519
|
+
}, [highlightedIndex, isOpen]);
|
|
2520
|
+
useEffect(() => {
|
|
2521
|
+
if (!isOpen) return;
|
|
2522
|
+
updatePosition();
|
|
2523
|
+
window.addEventListener("resize", updatePosition);
|
|
2524
|
+
window.addEventListener("scroll", updatePosition, true);
|
|
2525
|
+
return () => {
|
|
2526
|
+
window.removeEventListener("resize", updatePosition);
|
|
2527
|
+
window.removeEventListener("scroll", updatePosition, true);
|
|
2528
|
+
};
|
|
2529
|
+
}, [isOpen]);
|
|
2530
|
+
useEffect(() => {
|
|
2531
|
+
if (!isOpen) return;
|
|
2532
|
+
const handleClickOutside = (event) => {
|
|
2533
|
+
const target = event.target;
|
|
2534
|
+
const trigger = triggerRef.current;
|
|
2535
|
+
if (trigger == null ? void 0 : trigger.contains(target)) {
|
|
2536
|
+
return;
|
|
2537
|
+
}
|
|
2538
|
+
const panel = document.getElementById(`${selectId}-listbox`);
|
|
2539
|
+
if (panel == null ? void 0 : panel.contains(target)) {
|
|
2540
|
+
return;
|
|
2541
|
+
}
|
|
2542
|
+
setIsOpen(false);
|
|
2543
|
+
};
|
|
2544
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
2545
|
+
return () => {
|
|
2546
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
2547
|
+
};
|
|
2548
|
+
}, [isOpen, selectId]);
|
|
2549
|
+
useEffect(() => {
|
|
2550
|
+
return () => {
|
|
2551
|
+
if (typeaheadTimeoutRef.current) {
|
|
2552
|
+
clearTimeout(typeaheadTimeoutRef.current);
|
|
2553
|
+
}
|
|
2554
|
+
};
|
|
2555
|
+
}, []);
|
|
2556
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2557
|
+
/* @__PURE__ */ jsxs(
|
|
2558
|
+
"button",
|
|
2559
|
+
{
|
|
2560
|
+
ref: triggerRef,
|
|
2561
|
+
type: "button",
|
|
2562
|
+
className: clsx67(Select_module_default["select-trigger"], className),
|
|
2563
|
+
disabled,
|
|
2564
|
+
"aria-haspopup": "listbox",
|
|
2565
|
+
"aria-expanded": isOpen,
|
|
2566
|
+
"aria-controls": isOpen ? `${selectId}-listbox` : void 0,
|
|
2567
|
+
onClick: () => {
|
|
2568
|
+
if (isOpen) {
|
|
2569
|
+
closeDropdown();
|
|
2570
|
+
} else {
|
|
2571
|
+
openDropdown();
|
|
2572
|
+
}
|
|
2573
|
+
},
|
|
2574
|
+
onKeyDown: handleTriggerKeyDown,
|
|
2575
|
+
children: [
|
|
2576
|
+
/* @__PURE__ */ jsx("span", { className: clsx67("label"), children: (_a = selectedOption == null ? void 0 : selectedOption.label) != null ? _a : placeholder }),
|
|
2577
|
+
/* @__PURE__ */ jsx(
|
|
2578
|
+
Icon,
|
|
2579
|
+
{
|
|
2580
|
+
type: "downChevronBlack",
|
|
2581
|
+
"aria-hidden": "true",
|
|
2582
|
+
className: isOpen ? "is-open icon" : "icon"
|
|
2583
|
+
}
|
|
2584
|
+
)
|
|
2585
|
+
]
|
|
2586
|
+
}
|
|
2587
|
+
),
|
|
2588
|
+
isOpen && createPortal(
|
|
2589
|
+
/* @__PURE__ */ jsx(
|
|
2590
|
+
"div",
|
|
2591
|
+
{
|
|
2592
|
+
id: `${selectId}-listbox`,
|
|
2593
|
+
className: clsx67(Select_module_default["select-panel"]),
|
|
2594
|
+
role: "listbox",
|
|
2595
|
+
style: {
|
|
2596
|
+
position: "fixed",
|
|
2597
|
+
top: position.top,
|
|
2598
|
+
left: position.left,
|
|
2599
|
+
width: position.width
|
|
2600
|
+
},
|
|
2601
|
+
children: options.map((option, index) => {
|
|
2602
|
+
var _a2;
|
|
2603
|
+
const isSelected = option.value === value;
|
|
2604
|
+
const isHighlighted = index === highlightedIndex;
|
|
2605
|
+
return /* @__PURE__ */ jsx(
|
|
2606
|
+
"button",
|
|
2607
|
+
{
|
|
2608
|
+
ref: (element) => {
|
|
2609
|
+
optionRefs.current[index] = element;
|
|
2610
|
+
},
|
|
2611
|
+
id: `${selectId}-option-${index}`,
|
|
2612
|
+
type: "button",
|
|
2613
|
+
role: "option",
|
|
2614
|
+
"aria-selected": isSelected,
|
|
2615
|
+
className: clsx67(
|
|
2616
|
+
Select_module_default["select-option"],
|
|
2617
|
+
isHighlighted && Select_module_default["is-highlighted"],
|
|
2618
|
+
isSelected && Select_module_default["is-selected"]
|
|
2619
|
+
),
|
|
2620
|
+
onClick: () => selectOption(index),
|
|
2621
|
+
onKeyDown: handleOptionKeyDown,
|
|
2622
|
+
onMouseEnter: () => {
|
|
2623
|
+
shouldFocusHighlightedOptionRef.current = false;
|
|
2624
|
+
setHighlightedIndex(index);
|
|
2625
|
+
},
|
|
2626
|
+
children: /* @__PURE__ */ jsx("span", { children: option.label })
|
|
2627
|
+
},
|
|
2628
|
+
(_a2 = option.value) != null ? _a2 : `option-${index}`
|
|
2629
|
+
);
|
|
2630
|
+
})
|
|
2631
|
+
}
|
|
2632
|
+
),
|
|
2633
|
+
document.body
|
|
2634
|
+
)
|
|
2635
|
+
] });
|
|
2636
|
+
};
|
|
2637
|
+
|
|
2638
|
+
// src/components/IconTeamCard/IconTeamCard.module.scss
|
|
2639
|
+
var IconTeamCard_module_default = {
|
|
2640
|
+
"icon-team-card": "IconTeamCard_module_icon-team-card",
|
|
2641
|
+
"contact-wrapper": "IconTeamCard_module_contact-wrapper",
|
|
2642
|
+
name: "IconTeamCard_module_name",
|
|
2643
|
+
"photo-wrapper": "IconTeamCard_module_photo-wrapper",
|
|
2644
|
+
photo: "IconTeamCard_module_photo",
|
|
2645
|
+
details: "IconTeamCard_module_details",
|
|
2646
|
+
contacts: "IconTeamCard_module_contacts",
|
|
2647
|
+
cta: "IconTeamCard_module_cta"
|
|
2648
|
+
};
|
|
2649
|
+
var IconTeamCard = ({ className, name, contact, cta, photo }) => {
|
|
2650
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67("icon-team-card", IconTeamCard_module_default["icon-team-card"], className), children: [
|
|
2651
|
+
photo && /* @__PURE__ */ jsx("div", { className: clsx67("photo-wrapper", IconTeamCard_module_default["photo-wrapper"]), children: /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, photo), { className: clsx67("photo", IconTeamCard_module_default["photo"]) })) }),
|
|
2652
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("contact-wrapper", IconTeamCard_module_default["contact-wrapper"]), children: [
|
|
2653
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("details", IconTeamCard_module_default["details"]), children: [
|
|
2654
|
+
/* @__PURE__ */ jsx("span", { className: clsx67("name", IconTeamCard_module_default["name"]), children: name }),
|
|
2655
|
+
/* @__PURE__ */ jsx("div", { className: clsx67("contacts", IconTeamCard_module_default["contacts"]), children: contact })
|
|
2656
|
+
] }),
|
|
2657
|
+
/* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({}, cta), { href: cta == null ? void 0 : cta.url, variant: "secondary", className: clsx67("cta", IconTeamCard_module_default["cta"]), children: cta == null ? void 0 : cta.label }))
|
|
2658
|
+
] })
|
|
2659
|
+
] });
|
|
2660
|
+
};
|
|
2357
2661
|
var CardCarouselTitle = ({ children }) => {
|
|
2358
2662
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
2359
2663
|
};
|
|
@@ -2409,11 +2713,11 @@ var CardCarousel = ({
|
|
|
2409
2713
|
setTotalPages(Math.max((_b2 = (_a2 = swiper.snapGrid) == null ? void 0 : _a2.length) != null ? _b2 : 1, 1));
|
|
2410
2714
|
};
|
|
2411
2715
|
if (!cards.length) return null;
|
|
2412
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
2716
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(CardCarousel_module_default.cardCarousel, className), children: [
|
|
2413
2717
|
/* @__PURE__ */ jsxs("div", { className: CardCarousel_module_default.header, children: [
|
|
2414
2718
|
/* @__PURE__ */ jsxs("div", { className: CardCarousel_module_default.texts, children: [
|
|
2415
2719
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
2416
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2720
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx67("subheading", CardCarousel_module_default.subtitle), children: subtitleNode })
|
|
2417
2721
|
] }),
|
|
2418
2722
|
!isMobile && totalPages > 1 && /* @__PURE__ */ jsx(
|
|
2419
2723
|
Pagination,
|
|
@@ -2450,7 +2754,7 @@ var CardCarousel = ({
|
|
|
2450
2754
|
Card2,
|
|
2451
2755
|
__spreadProps(__spreadValues({}, card), {
|
|
2452
2756
|
variant: theme,
|
|
2453
|
-
className:
|
|
2757
|
+
className: clsx67(CardCarousel_module_default.card, isLocked && CardCarousel_module_default.locked, cardClassName),
|
|
2454
2758
|
onCtaClick: !isLocked && videoUrl ? (event) => {
|
|
2455
2759
|
event.preventDefault();
|
|
2456
2760
|
setActiveVideo(videoUrl);
|
|
@@ -2461,7 +2765,7 @@ var CardCarousel = ({
|
|
|
2461
2765
|
})
|
|
2462
2766
|
}
|
|
2463
2767
|
),
|
|
2464
|
-
footnoteNode && /* @__PURE__ */ jsx("div", { className:
|
|
2768
|
+
footnoteNode && /* @__PURE__ */ jsx("div", { className: clsx67("body", CardCarousel_module_default.footnote), children: footnoteNode }),
|
|
2465
2769
|
/* @__PURE__ */ jsx(
|
|
2466
2770
|
Modal,
|
|
2467
2771
|
{
|
|
@@ -2570,13 +2874,13 @@ var CardCollection = ({
|
|
|
2570
2874
|
Container,
|
|
2571
2875
|
{
|
|
2572
2876
|
ref: container,
|
|
2573
|
-
className:
|
|
2877
|
+
className: clsx67(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2574
2878
|
children: [
|
|
2575
2879
|
/* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2576
2880
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
2577
2881
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
2578
2882
|
] }),
|
|
2579
|
-
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className:
|
|
2883
|
+
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx67(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
2580
2884
|
visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2581
2885
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
|
|
2582
2886
|
Card2,
|
|
@@ -2677,7 +2981,7 @@ var ContactModule = ({
|
|
|
2677
2981
|
},
|
|
2678
2982
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2679
2983
|
);
|
|
2680
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className:
|
|
2984
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx67(ContactModule_module_default["contact-module"], className), children: [
|
|
2681
2985
|
blurred && /* @__PURE__ */ jsx(
|
|
2682
2986
|
"div",
|
|
2683
2987
|
{
|
|
@@ -2692,8 +2996,8 @@ var ContactModule = ({
|
|
|
2692
2996
|
/* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2693
2997
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2694
2998
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2695
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2696
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2999
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx67(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
3000
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx67(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
2697
3001
|
] }),
|
|
2698
3002
|
/* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
2699
3003
|
Button,
|
|
@@ -2762,7 +3066,7 @@ var Footer = ({
|
|
|
2762
3066
|
disclaimer: FooterDisclaimer
|
|
2763
3067
|
});
|
|
2764
3068
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2765
|
-
return /* @__PURE__ */ jsx("footer", { className:
|
|
3069
|
+
return /* @__PURE__ */ jsx("footer", { className: clsx67(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
|
|
2766
3070
|
supportContacts.length > 0 && /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2767
3071
|
/* @__PURE__ */ jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2768
3072
|
/* @__PURE__ */ jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-group"], children: [
|
|
@@ -2791,7 +3095,7 @@ var Footer = ({
|
|
|
2791
3095
|
index
|
|
2792
3096
|
) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2793
3097
|
) }) }),
|
|
2794
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
3098
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx67(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2795
3099
|
copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2796
3100
|
] }),
|
|
2797
3101
|
navigationLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -2817,7 +3121,7 @@ var LogoBar_module_default = {
|
|
|
2817
3121
|
};
|
|
2818
3122
|
var LogoBar = ({ className, items }) => {
|
|
2819
3123
|
if (!items || items.length === 0) return null;
|
|
2820
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
3124
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2821
3125
|
return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2822
3126
|
item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2823
3127
|
item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2888,17 +3192,17 @@ var HeroBanner = ({
|
|
|
2888
3192
|
});
|
|
2889
3193
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2890
3194
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2891
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3195
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
|
|
2892
3196
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2893
3197
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2894
|
-
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className:
|
|
3198
|
+
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: clsx67(HeroBanner_module_default.text, vMainHeroBanner && HeroBanner_module_default.fullWidth), children: [
|
|
2895
3199
|
isTitleLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
|
|
2896
3200
|
titleNode && /* @__PURE__ */ jsx(
|
|
2897
3201
|
Text,
|
|
2898
3202
|
{
|
|
2899
3203
|
tag: "h2",
|
|
2900
3204
|
promoteToH1,
|
|
2901
|
-
className:
|
|
3205
|
+
className: clsx67(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2902
3206
|
children: titleNode
|
|
2903
3207
|
}
|
|
2904
3208
|
),
|
|
@@ -2907,7 +3211,7 @@ var HeroBanner = ({
|
|
|
2907
3211
|
{
|
|
2908
3212
|
tag: "div",
|
|
2909
3213
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2910
|
-
className:
|
|
3214
|
+
className: clsx67(HeroBanner_module_default.subtitle, "subheading"),
|
|
2911
3215
|
children: subtitleNode
|
|
2912
3216
|
}
|
|
2913
3217
|
)
|
|
@@ -2980,7 +3284,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
|
2980
3284
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
2981
3285
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
2982
3286
|
if (!items.length) return null;
|
|
2983
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
3287
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
2984
3288
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
2985
3289
|
Swiper,
|
|
2986
3290
|
{
|
|
@@ -2992,7 +3296,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
|
2992
3296
|
children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
2993
3297
|
item.isNewItem && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
|
|
2994
3298
|
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
2995
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
3299
|
+
/* @__PURE__ */ jsx("h2", { className: clsx67(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
|
|
2996
3300
|
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
2997
3301
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
2998
3302
|
item.ctas.length > 0 && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsx(
|
|
@@ -3027,7 +3331,7 @@ var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
|
3027
3331
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
|
|
3028
3332
|
"button",
|
|
3029
3333
|
{
|
|
3030
|
-
className:
|
|
3334
|
+
className: clsx67(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
3031
3335
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
3032
3336
|
"aria-label": `Go to slide ${index + 1}`
|
|
3033
3337
|
},
|
|
@@ -3110,7 +3414,7 @@ var AccordionItem = ({
|
|
|
3110
3414
|
return /* @__PURE__ */ jsxs(
|
|
3111
3415
|
"div",
|
|
3112
3416
|
{
|
|
3113
|
-
className:
|
|
3417
|
+
className: clsx67(
|
|
3114
3418
|
"accordionItem",
|
|
3115
3419
|
Accordion_module_default.accordionItem,
|
|
3116
3420
|
{
|
|
@@ -3125,18 +3429,18 @@ var AccordionItem = ({
|
|
|
3125
3429
|
}) : /* @__PURE__ */ jsxs(
|
|
3126
3430
|
"button",
|
|
3127
3431
|
{
|
|
3128
|
-
className:
|
|
3432
|
+
className: clsx67(Accordion_module_default.accordionHeader, {
|
|
3129
3433
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
3130
3434
|
}),
|
|
3131
3435
|
onClick: handleToggle,
|
|
3132
3436
|
"aria-expanded": isOpen,
|
|
3133
3437
|
"aria-label": `Toggle ${title}`,
|
|
3134
3438
|
children: [
|
|
3135
|
-
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className:
|
|
3439
|
+
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx67("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
3136
3440
|
/* @__PURE__ */ jsx(
|
|
3137
3441
|
"span",
|
|
3138
3442
|
{
|
|
3139
|
-
className:
|
|
3443
|
+
className: clsx67(Accordion_module_default.accordionChevron, {
|
|
3140
3444
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
3141
3445
|
}),
|
|
3142
3446
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -3149,7 +3453,7 @@ var AccordionItem = ({
|
|
|
3149
3453
|
"div",
|
|
3150
3454
|
{
|
|
3151
3455
|
ref: contentRef,
|
|
3152
|
-
className:
|
|
3456
|
+
className: clsx67("accordionContent", Accordion_module_default.accordionContent),
|
|
3153
3457
|
style: {
|
|
3154
3458
|
overflow: "hidden",
|
|
3155
3459
|
height: 0
|
|
@@ -3159,7 +3463,7 @@ var AccordionItem = ({
|
|
|
3159
3463
|
"div",
|
|
3160
3464
|
{
|
|
3161
3465
|
ref: contentInnerRef,
|
|
3162
|
-
className:
|
|
3466
|
+
className: clsx67("accordionContentInner", Accordion_module_default.accordionContentInner),
|
|
3163
3467
|
children
|
|
3164
3468
|
}
|
|
3165
3469
|
)
|
|
@@ -3168,7 +3472,7 @@ var AccordionItem = ({
|
|
|
3168
3472
|
hasDivider && /* @__PURE__ */ jsx(
|
|
3169
3473
|
"div",
|
|
3170
3474
|
{
|
|
3171
|
-
className:
|
|
3475
|
+
className: clsx67("accordionContentDivider", Accordion_module_default.accordionContentDivider),
|
|
3172
3476
|
"aria-hidden": "true"
|
|
3173
3477
|
}
|
|
3174
3478
|
)
|
|
@@ -3203,7 +3507,7 @@ var Accordion = ({
|
|
|
3203
3507
|
if (items.length === 0) {
|
|
3204
3508
|
return null;
|
|
3205
3509
|
}
|
|
3206
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
3510
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(Accordion_module_default.accordion, className), children: items.map((item) => {
|
|
3207
3511
|
return /* @__PURE__ */ jsx(
|
|
3208
3512
|
AccordionItem,
|
|
3209
3513
|
{
|
|
@@ -3297,7 +3601,7 @@ var InternalBrandsTab = (props) => {
|
|
|
3297
3601
|
};
|
|
3298
3602
|
})) || [];
|
|
3299
3603
|
}, [tabs]);
|
|
3300
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
3604
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
3301
3605
|
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
3302
3606
|
title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
3303
3607
|
subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -3313,7 +3617,7 @@ var InternalBrandsTab = (props) => {
|
|
|
3313
3617
|
},
|
|
3314
3618
|
index
|
|
3315
3619
|
)) }),
|
|
3316
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3620
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3317
3621
|
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
3318
3622
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
3319
3623
|
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
@@ -3413,22 +3717,22 @@ var MiniBanner = ({
|
|
|
3413
3717
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3414
3718
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3415
3719
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3416
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3720
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
3417
3721
|
((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__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
3418
|
-
/* @__PURE__ */ jsx(Container, { className:
|
|
3722
|
+
/* @__PURE__ */ jsx(Container, { className: clsx67(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
3419
3723
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3420
3724
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3421
|
-
pretitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
3725
|
+
pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx67(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3422
3726
|
(titleNode || goBackNode) && /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3423
|
-
goBackNode ?
|
|
3424
|
-
className:
|
|
3727
|
+
goBackNode ? React73.cloneElement(goBackNode, {
|
|
3728
|
+
className: clsx67("back-button", MiniBanner_module_default["back-button"])
|
|
3425
3729
|
}) : null,
|
|
3426
3730
|
titleNode && /* @__PURE__ */ jsx(
|
|
3427
3731
|
Text,
|
|
3428
3732
|
{
|
|
3429
3733
|
tag: "div",
|
|
3430
3734
|
promoteToH1,
|
|
3431
|
-
className:
|
|
3735
|
+
className: clsx67(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
|
|
3432
3736
|
children: titleNode
|
|
3433
3737
|
}
|
|
3434
3738
|
)
|
|
@@ -3436,7 +3740,7 @@ var MiniBanner = ({
|
|
|
3436
3740
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
3437
3741
|
"div",
|
|
3438
3742
|
{
|
|
3439
|
-
className:
|
|
3743
|
+
className: clsx67(MiniBanner_module_default.title, MiniBanner_module_default.subtitle, {
|
|
3440
3744
|
subheading: isMiniBannerNoBG,
|
|
3441
3745
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3442
3746
|
h4: isMiniBannerTextLeft
|
|
@@ -3514,7 +3818,7 @@ var MiniSectionCta = ({
|
|
|
3514
3818
|
return /* @__PURE__ */ jsx(
|
|
3515
3819
|
"div",
|
|
3516
3820
|
{
|
|
3517
|
-
className:
|
|
3821
|
+
className: clsx67(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3518
3822
|
style: __spreadValues({}, hasModuleStyles && {
|
|
3519
3823
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
3520
3824
|
"--custom-mobile-background-color": moduleStyles.mobileBackgroundColor,
|
|
@@ -3526,7 +3830,7 @@ var MiniSectionCta = ({
|
|
|
3526
3830
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
3527
3831
|
"div",
|
|
3528
3832
|
{
|
|
3529
|
-
className:
|
|
3833
|
+
className: clsx67(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3530
3834
|
children: subtitleNode
|
|
3531
3835
|
}
|
|
3532
3836
|
)
|
|
@@ -3601,7 +3905,7 @@ var NavigationBrandBars_module_default = {
|
|
|
3601
3905
|
};
|
|
3602
3906
|
var NavigationBrandBars = ({ brandBars, className }) => {
|
|
3603
3907
|
if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
|
|
3604
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
3908
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsx(
|
|
3605
3909
|
"span",
|
|
3606
3910
|
{
|
|
3607
3911
|
className: NavigationBrandBars_module_default.brandBar,
|
|
@@ -3676,7 +3980,7 @@ var NavigationDesktop = ({
|
|
|
3676
3980
|
"a",
|
|
3677
3981
|
{
|
|
3678
3982
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3679
|
-
className:
|
|
3983
|
+
className: clsx67(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
|
|
3680
3984
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3681
3985
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3682
3986
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3695,7 +3999,7 @@ var NavigationDesktop = ({
|
|
|
3695
3999
|
{
|
|
3696
4000
|
type: "button",
|
|
3697
4001
|
id: `${baseId}-trigger-${index}`,
|
|
3698
|
-
className:
|
|
4002
|
+
className: clsx67(
|
|
3699
4003
|
NavigationDesktop_module_default.navTabLink,
|
|
3700
4004
|
NavigationDesktop_module_default.navTabTrigger,
|
|
3701
4005
|
(isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
|
|
@@ -3769,7 +4073,7 @@ var NavigationDropdown = ({
|
|
|
3769
4073
|
"div",
|
|
3770
4074
|
{
|
|
3771
4075
|
id: panelId,
|
|
3772
|
-
className:
|
|
4076
|
+
className: clsx67(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
|
|
3773
4077
|
onMouseEnter,
|
|
3774
4078
|
onMouseLeave,
|
|
3775
4079
|
children: /* @__PURE__ */ jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
|
|
@@ -3778,7 +4082,7 @@ var NavigationDropdown = ({
|
|
|
3778
4082
|
return /* @__PURE__ */ jsx(
|
|
3779
4083
|
"li",
|
|
3780
4084
|
{
|
|
3781
|
-
className:
|
|
4085
|
+
className: clsx67(NavigationDropdown_module_default.dropdownLinkItem, {
|
|
3782
4086
|
[NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3783
4087
|
}),
|
|
3784
4088
|
children: /* @__PURE__ */ jsx(
|
|
@@ -3890,7 +4194,7 @@ var NavigationMobile = ({
|
|
|
3890
4194
|
"div",
|
|
3891
4195
|
{
|
|
3892
4196
|
id,
|
|
3893
|
-
className:
|
|
4197
|
+
className: clsx67(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
|
|
3894
4198
|
role: "dialog",
|
|
3895
4199
|
"aria-modal": "true",
|
|
3896
4200
|
"aria-label": "Navigation menu",
|
|
@@ -3936,7 +4240,7 @@ var NavigationMobile = ({
|
|
|
3936
4240
|
/* @__PURE__ */ jsx(
|
|
3937
4241
|
"span",
|
|
3938
4242
|
{
|
|
3939
|
-
className:
|
|
4243
|
+
className: clsx67(
|
|
3940
4244
|
NavigationMobile_module_default.mobileItemChevron,
|
|
3941
4245
|
isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
|
|
3942
4246
|
),
|
|
@@ -3951,7 +4255,7 @@ var NavigationMobile = ({
|
|
|
3951
4255
|
"div",
|
|
3952
4256
|
{
|
|
3953
4257
|
id: subMenuId,
|
|
3954
|
-
className:
|
|
4258
|
+
className: clsx67(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
|
|
3955
4259
|
children: /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3956
4260
|
(subItem, i) => {
|
|
3957
4261
|
var _a2, _b2;
|
|
@@ -3959,7 +4263,7 @@ var NavigationMobile = ({
|
|
|
3959
4263
|
"a",
|
|
3960
4264
|
{
|
|
3961
4265
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3962
|
-
className:
|
|
4266
|
+
className: clsx67(
|
|
3963
4267
|
NavigationMobile_module_default.mobileSubLink,
|
|
3964
4268
|
subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
|
|
3965
4269
|
),
|
|
@@ -3990,7 +4294,7 @@ var NavigationMobile = ({
|
|
|
3990
4294
|
"div",
|
|
3991
4295
|
{
|
|
3992
4296
|
id,
|
|
3993
|
-
className:
|
|
4297
|
+
className: clsx67(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
|
|
3994
4298
|
role: "dialog",
|
|
3995
4299
|
"aria-modal": "true",
|
|
3996
4300
|
"aria-label": "Navigation menu",
|
|
@@ -4042,7 +4346,7 @@ var NavigationMobile = ({
|
|
|
4042
4346
|
/* @__PURE__ */ jsx(
|
|
4043
4347
|
"span",
|
|
4044
4348
|
{
|
|
4045
|
-
className:
|
|
4349
|
+
className: clsx67(
|
|
4046
4350
|
NavigationMobile_module_default.internalMobileItemChevron,
|
|
4047
4351
|
isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
|
|
4048
4352
|
),
|
|
@@ -4057,7 +4361,7 @@ var NavigationMobile = ({
|
|
|
4057
4361
|
"div",
|
|
4058
4362
|
{
|
|
4059
4363
|
id: subMenuId,
|
|
4060
|
-
className:
|
|
4364
|
+
className: clsx67(
|
|
4061
4365
|
NavigationMobile_module_default.internalMobileSubItems,
|
|
4062
4366
|
isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
|
|
4063
4367
|
),
|
|
@@ -4068,7 +4372,7 @@ var NavigationMobile = ({
|
|
|
4068
4372
|
"a",
|
|
4069
4373
|
{
|
|
4070
4374
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
4071
|
-
className:
|
|
4375
|
+
className: clsx67(
|
|
4072
4376
|
NavigationMobile_module_default.internalMobileSubLink,
|
|
4073
4377
|
sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
|
|
4074
4378
|
),
|
|
@@ -4245,7 +4549,7 @@ var Navigation2 = (props) => {
|
|
|
4245
4549
|
const logo = mainLogo ? /* @__PURE__ */ jsx(
|
|
4246
4550
|
Picture,
|
|
4247
4551
|
{
|
|
4248
|
-
className:
|
|
4552
|
+
className: clsx67(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
4249
4553
|
src: mainLogo,
|
|
4250
4554
|
alt: logoAlt
|
|
4251
4555
|
}
|
|
@@ -4255,7 +4559,7 @@ var Navigation2 = (props) => {
|
|
|
4255
4559
|
"nav",
|
|
4256
4560
|
{
|
|
4257
4561
|
ref: navRef,
|
|
4258
|
-
className:
|
|
4562
|
+
className: clsx67(
|
|
4259
4563
|
Navigation_module_default.navigation,
|
|
4260
4564
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
4261
4565
|
// External-only transparent / hover treatment.
|
|
@@ -4275,7 +4579,7 @@ var Navigation2 = (props) => {
|
|
|
4275
4579
|
{
|
|
4276
4580
|
mainLogo,
|
|
4277
4581
|
homeCta,
|
|
4278
|
-
className:
|
|
4582
|
+
className: clsx67(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
4279
4583
|
}
|
|
4280
4584
|
) : logo,
|
|
4281
4585
|
isTabletBelow ? /* @__PURE__ */ jsx(
|
|
@@ -4307,7 +4611,7 @@ var Navigation2 = (props) => {
|
|
|
4307
4611
|
loginVariant: isTransparent ? "ghost" : "nofillblack"
|
|
4308
4612
|
}
|
|
4309
4613
|
) : user ? /* @__PURE__ */ jsx(UserMenu, { user }) : userMenuFallbackNode ? cloneElement(userMenuFallbackNode, {
|
|
4310
|
-
className:
|
|
4614
|
+
className: clsx67("userMenuFallback", Navigation_module_default["userMenuFallback"])
|
|
4311
4615
|
}) : null
|
|
4312
4616
|
] }),
|
|
4313
4617
|
!isTabletBelow && /* @__PURE__ */ jsxs("div", { className: Navigation_module_default.bottomRow, children: [
|
|
@@ -4414,7 +4718,7 @@ var PracticePathCards = ({
|
|
|
4414
4718
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4415
4719
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4416
4720
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4417
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4721
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
4418
4722
|
(titleNode || subtitleNode || (cta == null ? void 0 : cta.url)) && /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4419
4723
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4420
4724
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
@@ -4468,8 +4772,8 @@ var Teaser5050With3Text = ({
|
|
|
4468
4772
|
title: Teaser5050With3TextTitle
|
|
4469
4773
|
});
|
|
4470
4774
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4471
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4472
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4775
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
4776
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx67(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4473
4777
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4474
4778
|
/* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4475
4779
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4521,7 +4825,7 @@ var Teaser5050WithCta = ({
|
|
|
4521
4825
|
return /* @__PURE__ */ jsx(
|
|
4522
4826
|
"div",
|
|
4523
4827
|
{
|
|
4524
|
-
className:
|
|
4828
|
+
className: clsx67(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4525
4829
|
style: __spreadValues({}, hasModuleStyles && {
|
|
4526
4830
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
4527
4831
|
"--custom-color": moduleStyles.color
|
|
@@ -4529,8 +4833,8 @@ var Teaser5050WithCta = ({
|
|
|
4529
4833
|
children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4530
4834
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4531
4835
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4532
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4533
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4836
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx67("h3", Teaser5050WithCta_module_default.title), children: titleNode }),
|
|
4837
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx67("subheading", Teaser5050WithCta_module_default.subheading), children: subtitleNode })
|
|
4534
4838
|
] }),
|
|
4535
4839
|
/* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
4536
4840
|
Button,
|
|
@@ -4593,14 +4897,14 @@ var Media5050Left = ({
|
|
|
4593
4897
|
});
|
|
4594
4898
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4595
4899
|
const longTextNode = (_b = slots.subtitle) != null ? _b : longText;
|
|
4596
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4597
|
-
heading && /* @__PURE__ */ jsx("h2", { className:
|
|
4900
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(Media5050Left_module_default.media5050, className), children: /* @__PURE__ */ jsxs(Container, { className: Media5050Left_module_default.outerContainer, children: [
|
|
4901
|
+
heading && /* @__PURE__ */ jsx("h2", { className: clsx67("h2", Media5050Left_module_default.heading), children: heading }),
|
|
4598
4902
|
/* @__PURE__ */ jsxs("div", { className: Media5050Left_module_default.container, children: [
|
|
4599
4903
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Media5050Left_module_default.image }, image)),
|
|
4600
4904
|
/* @__PURE__ */ jsxs("div", { className: Media5050Left_module_default.content, children: [
|
|
4601
|
-
eyebrow && /* @__PURE__ */ jsx("p", { className:
|
|
4602
|
-
titleNode && /* @__PURE__ */ jsx("h4", { className:
|
|
4603
|
-
longTextNode && /* @__PURE__ */ jsx("div", { className:
|
|
4905
|
+
eyebrow && /* @__PURE__ */ jsx("p", { className: clsx67("overline", Media5050Left_module_default.eyebrow), children: eyebrow }),
|
|
4906
|
+
titleNode && /* @__PURE__ */ jsx("h4", { className: clsx67("h4", Media5050Left_module_default.title), children: titleNode }),
|
|
4907
|
+
longTextNode && /* @__PURE__ */ jsx("div", { className: clsx67("body", Media5050Left_module_default.longText), children: longTextNode }),
|
|
4604
4908
|
ctas && ctas.length > 0 && /* @__PURE__ */ jsx(LogoBar, { items: ctas, className: Media5050Left_module_default.ctaWrapper })
|
|
4605
4909
|
] })
|
|
4606
4910
|
] })
|
|
@@ -4637,7 +4941,7 @@ var Carousel = (_a) => {
|
|
|
4637
4941
|
},
|
|
4638
4942
|
role: "region",
|
|
4639
4943
|
"aria-label": ariaLabel,
|
|
4640
|
-
className:
|
|
4944
|
+
className: clsx67(Carousel_module_default.carousel, className),
|
|
4641
4945
|
spaceBetween: 0,
|
|
4642
4946
|
slidesPerView: "auto",
|
|
4643
4947
|
modules: [FreeMode, A11y],
|
|
@@ -4647,7 +4951,7 @@ var Carousel = (_a) => {
|
|
|
4647
4951
|
children: slides.map((slide, index) => /* @__PURE__ */ jsx(
|
|
4648
4952
|
SwiperSlide,
|
|
4649
4953
|
{
|
|
4650
|
-
className:
|
|
4954
|
+
className: clsx67(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4651
4955
|
children: slide
|
|
4652
4956
|
},
|
|
4653
4957
|
index
|
|
@@ -4705,15 +5009,15 @@ var EventList = ({
|
|
|
4705
5009
|
return /* @__PURE__ */ jsx(
|
|
4706
5010
|
"div",
|
|
4707
5011
|
{
|
|
4708
|
-
className:
|
|
5012
|
+
className: clsx67(
|
|
4709
5013
|
"event-list-module",
|
|
4710
5014
|
EventList_module_default["event-list-module"],
|
|
4711
5015
|
backgroundColor && EventList_module_default[backgroundColor],
|
|
4712
5016
|
className
|
|
4713
5017
|
),
|
|
4714
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
5018
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx67(EventList_module_default["event-list-container"]), children: [
|
|
4715
5019
|
/* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4716
|
-
titleNode && /* @__PURE__ */ jsx("h2", { className:
|
|
5020
|
+
titleNode && /* @__PURE__ */ jsx("h2", { className: clsx67(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4717
5021
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
4718
5022
|
Button,
|
|
4719
5023
|
{
|
|
@@ -4731,7 +5035,7 @@ var EventList = ({
|
|
|
4731
5035
|
Carousel,
|
|
4732
5036
|
{
|
|
4733
5037
|
"aria-label": "Upcoming events",
|
|
4734
|
-
wrapperClass:
|
|
5038
|
+
wrapperClass: clsx67(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4735
5039
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4736
5040
|
spaceBetween: 16,
|
|
4737
5041
|
slides: items.map((item) => {
|
|
@@ -4739,7 +5043,7 @@ var EventList = ({
|
|
|
4739
5043
|
return /* @__PURE__ */ jsx(
|
|
4740
5044
|
UpcomingEventCard,
|
|
4741
5045
|
__spreadValues({
|
|
4742
|
-
className:
|
|
5046
|
+
className: clsx67(EventList_module_default["event-card"]),
|
|
4743
5047
|
direction: "vertical",
|
|
4744
5048
|
showImage: false
|
|
4745
5049
|
}, item),
|
|
@@ -4752,7 +5056,7 @@ var EventList = ({
|
|
|
4752
5056
|
"ul",
|
|
4753
5057
|
{
|
|
4754
5058
|
"aria-label": "Upcoming events",
|
|
4755
|
-
className:
|
|
5059
|
+
className: clsx67(
|
|
4756
5060
|
EventList_module_default["event-list-wrapper"],
|
|
4757
5061
|
EventList_module_default["horizontal"],
|
|
4758
5062
|
EventList_module_default[variant]
|
|
@@ -4762,11 +5066,11 @@ var EventList = ({
|
|
|
4762
5066
|
return /* @__PURE__ */ jsx(
|
|
4763
5067
|
"li",
|
|
4764
5068
|
{
|
|
4765
|
-
className:
|
|
5069
|
+
className: clsx67(EventList_module_default["card-list-item"]),
|
|
4766
5070
|
children: /* @__PURE__ */ jsx(
|
|
4767
5071
|
UpcomingEventCard,
|
|
4768
5072
|
__spreadProps(__spreadValues({}, item), {
|
|
4769
|
-
className:
|
|
5073
|
+
className: clsx67(EventList_module_default["card-item"]),
|
|
4770
5074
|
showImage: false,
|
|
4771
5075
|
direction: "vertical"
|
|
4772
5076
|
})
|
|
@@ -4781,7 +5085,7 @@ var EventList = ({
|
|
|
4781
5085
|
"ul",
|
|
4782
5086
|
{
|
|
4783
5087
|
"aria-label": "Upcoming events",
|
|
4784
|
-
className:
|
|
5088
|
+
className: clsx67(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4785
5089
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4786
5090
|
var _a2, _b, _c;
|
|
4787
5091
|
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -4789,8 +5093,8 @@ var EventList = ({
|
|
|
4789
5093
|
}
|
|
4790
5094
|
)
|
|
4791
5095
|
] }),
|
|
4792
|
-
!isNotEmpty && emptyNode ?
|
|
4793
|
-
className:
|
|
5096
|
+
!isNotEmpty && emptyNode ? React73.cloneElement(emptyNode, {
|
|
5097
|
+
className: clsx67("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4794
5098
|
}) : null
|
|
4795
5099
|
] })
|
|
4796
5100
|
}
|
|
@@ -4834,9 +5138,9 @@ var TextEvent = (props) => {
|
|
|
4834
5138
|
});
|
|
4835
5139
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4836
5140
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4837
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
5141
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(TextEvent_module_default.textEvent, className), children: [
|
|
4838
5142
|
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4839
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5143
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4840
5144
|
] });
|
|
4841
5145
|
};
|
|
4842
5146
|
|
|
@@ -4873,13 +5177,13 @@ var TextBody = (props) => {
|
|
|
4873
5177
|
return /* @__PURE__ */ jsxs(
|
|
4874
5178
|
Container,
|
|
4875
5179
|
{
|
|
4876
|
-
className:
|
|
5180
|
+
className: clsx67(TextBody_module_default.textBody, isArticleBigPadding && TextBody_module_default.articleBigPadding, className),
|
|
4877
5181
|
children: [
|
|
4878
5182
|
titleNode && /* @__PURE__ */ jsx(
|
|
4879
5183
|
Text,
|
|
4880
5184
|
{
|
|
4881
5185
|
tag: isTableCenter ? "h4" : "h3",
|
|
4882
|
-
className:
|
|
5186
|
+
className: clsx67(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
|
|
4883
5187
|
children: titleNode
|
|
4884
5188
|
}
|
|
4885
5189
|
),
|
|
@@ -4910,10 +5214,14 @@ var TextCenterCtaInBottom_module_default = {
|
|
|
4910
5214
|
subtitle: "TextCenterCtaInBottom_module_subtitle",
|
|
4911
5215
|
ctaWrapper: "TextCenterCtaInBottom_module_ctaWrapper",
|
|
4912
5216
|
iconOnly: "TextCenterCtaInBottom_module_iconOnly",
|
|
4913
|
-
cta: "TextCenterCtaInBottom_module_cta"
|
|
5217
|
+
cta: "TextCenterCtaInBottom_module_cta",
|
|
5218
|
+
textCenterCTA: "TextCenterCtaInBottom_module_textCenterCTA",
|
|
5219
|
+
textCenterButtonLogoBar: "TextCenterCtaInBottom_module_textCenterButtonLogoBar"
|
|
4914
5220
|
};
|
|
4915
5221
|
var TextCenterCtaInBottom = ({
|
|
4916
5222
|
className,
|
|
5223
|
+
variant,
|
|
5224
|
+
buttonVariant,
|
|
4917
5225
|
title,
|
|
4918
5226
|
subtitle,
|
|
4919
5227
|
ctas,
|
|
@@ -4926,15 +5234,15 @@ var TextCenterCtaInBottom = ({
|
|
|
4926
5234
|
});
|
|
4927
5235
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4928
5236
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4929
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5237
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(TextCenterCtaInBottom_module_default.textCenterCta, variant && TextCenterCtaInBottom_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4930
5238
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4931
5239
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4932
5240
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
4933
5241
|
] }),
|
|
4934
|
-
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
5242
|
+
!!(ctas == null ? void 0 : ctas.length) && (variant === "textCenterButtonLogoBar" ? /* @__PURE__ */ jsx(LogoBar, { items: ctas, className: TextCenterCtaInBottom_module_default.ctaWrapper }) : /* @__PURE__ */ jsx(
|
|
4935
5243
|
"div",
|
|
4936
5244
|
{
|
|
4937
|
-
className:
|
|
5245
|
+
className: clsx67(
|
|
4938
5246
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4939
5247
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4940
5248
|
),
|
|
@@ -4942,7 +5250,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4942
5250
|
Button,
|
|
4943
5251
|
{
|
|
4944
5252
|
className: TextCenterCtaInBottom_module_default.cta,
|
|
4945
|
-
variant: "secondary",
|
|
5253
|
+
variant: buttonVariant === "buttonBlack" ? "primary" : "secondary",
|
|
4946
5254
|
href: cta == null ? void 0 : cta.url,
|
|
4947
5255
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
4948
5256
|
logo: cta.logo,
|
|
@@ -4951,7 +5259,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4951
5259
|
key
|
|
4952
5260
|
))
|
|
4953
5261
|
}
|
|
4954
|
-
)
|
|
5262
|
+
))
|
|
4955
5263
|
] }) });
|
|
4956
5264
|
};
|
|
4957
5265
|
|
|
@@ -5063,7 +5371,7 @@ var ResourcesGridList = ({
|
|
|
5063
5371
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
5064
5372
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
5065
5373
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
5066
|
-
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className:
|
|
5374
|
+
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx67(ResourcesGridList_module_default.widget, className), children: [
|
|
5067
5375
|
/* @__PURE__ */ jsx(
|
|
5068
5376
|
FilterBar,
|
|
5069
5377
|
{
|
|
@@ -5082,7 +5390,7 @@ var ResourcesGridList = ({
|
|
|
5082
5390
|
isMobile && /* @__PURE__ */ jsxs(
|
|
5083
5391
|
"div",
|
|
5084
5392
|
{
|
|
5085
|
-
className:
|
|
5393
|
+
className: clsx67(
|
|
5086
5394
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
5087
5395
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
5088
5396
|
),
|
|
@@ -5093,7 +5401,7 @@ var ResourcesGridList = ({
|
|
|
5093
5401
|
return /* @__PURE__ */ jsxs(
|
|
5094
5402
|
"li",
|
|
5095
5403
|
{
|
|
5096
|
-
className:
|
|
5404
|
+
className: clsx67(
|
|
5097
5405
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
5098
5406
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
5099
5407
|
),
|
|
@@ -5138,7 +5446,7 @@ var ResourcesGridList = ({
|
|
|
5138
5446
|
onSelect: handleSelectCategory
|
|
5139
5447
|
}
|
|
5140
5448
|
),
|
|
5141
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5449
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, item.id)) })
|
|
5142
5450
|
] }),
|
|
5143
5451
|
totalPages > 1 && /* @__PURE__ */ jsx(
|
|
5144
5452
|
Pagination,
|
|
@@ -5177,7 +5485,7 @@ var Grid = ({
|
|
|
5177
5485
|
return /* @__PURE__ */ jsx(
|
|
5178
5486
|
Component,
|
|
5179
5487
|
{
|
|
5180
|
-
className:
|
|
5488
|
+
className: clsx67("grid", Grid_module_default.grid, className),
|
|
5181
5489
|
role,
|
|
5182
5490
|
"aria-label": ariaLabel,
|
|
5183
5491
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -5202,7 +5510,7 @@ var GridItem = ({
|
|
|
5202
5510
|
return /* @__PURE__ */ jsx(
|
|
5203
5511
|
Component,
|
|
5204
5512
|
{
|
|
5205
|
-
className:
|
|
5513
|
+
className: clsx67("grid-item", Grid_module_default["grid-item"], className),
|
|
5206
5514
|
role,
|
|
5207
5515
|
"aria-label": ariaLabel,
|
|
5208
5516
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -5250,13 +5558,13 @@ var BlogCardGrid = ({
|
|
|
5250
5558
|
title: BlogCardGridTitle
|
|
5251
5559
|
});
|
|
5252
5560
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5253
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
5254
|
-
title && /* @__PURE__ */ jsxs("div", { className:
|
|
5255
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className:
|
|
5256
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
5561
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
5562
|
+
title && /* @__PURE__ */ jsxs("div", { className: clsx67("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
5563
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx67("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
5564
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx67("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
5257
5565
|
Button,
|
|
5258
5566
|
{
|
|
5259
|
-
className:
|
|
5567
|
+
className: clsx67("cta", BlogCardGrid_module_default["cta"]),
|
|
5260
5568
|
variant: "nofillblack",
|
|
5261
5569
|
href: cta.url,
|
|
5262
5570
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -5281,11 +5589,11 @@ var BlogCardGrid = ({
|
|
|
5281
5589
|
return /* @__PURE__ */ jsx(
|
|
5282
5590
|
"div",
|
|
5283
5591
|
{
|
|
5284
|
-
className:
|
|
5592
|
+
className: clsx67("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
5285
5593
|
style: {
|
|
5286
5594
|
backgroundColor
|
|
5287
5595
|
},
|
|
5288
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
5596
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx67("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
5289
5597
|
}
|
|
5290
5598
|
);
|
|
5291
5599
|
};
|
|
@@ -5333,13 +5641,13 @@ var FeaturedNewsHighlights = ({
|
|
|
5333
5641
|
const sideCards = items.slice(1);
|
|
5334
5642
|
const isVariantHome = variant === "home";
|
|
5335
5643
|
const isBelowTablet = is("tablet", "below");
|
|
5336
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
5337
|
-
title && cta && /* @__PURE__ */ jsxs("div", { className:
|
|
5644
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
5645
|
+
title && cta && /* @__PURE__ */ jsxs("div", { className: clsx67("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
5338
5646
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
5339
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
5647
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx67("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
5340
5648
|
Button,
|
|
5341
5649
|
{
|
|
5342
|
-
className:
|
|
5650
|
+
className: clsx67("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
5343
5651
|
variant: "nofillblack",
|
|
5344
5652
|
href: cta.url,
|
|
5345
5653
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -5351,33 +5659,33 @@ var FeaturedNewsHighlights = ({
|
|
|
5351
5659
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
|
|
5352
5660
|
Carousel,
|
|
5353
5661
|
{
|
|
5354
|
-
className:
|
|
5662
|
+
className: clsx67("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
5355
5663
|
"aria-label": "featured news",
|
|
5356
|
-
wrapperClass:
|
|
5664
|
+
wrapperClass: clsx67(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
5357
5665
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
5358
5666
|
spaceBetween: 16,
|
|
5359
5667
|
slides: items.map((item) => /* @__PURE__ */ jsx(
|
|
5360
5668
|
NewsCard,
|
|
5361
5669
|
__spreadProps(__spreadValues({}, item), {
|
|
5362
5670
|
direction: "vertical",
|
|
5363
|
-
className:
|
|
5671
|
+
className: clsx67("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
5364
5672
|
}),
|
|
5365
5673
|
`${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
|
|
5366
5674
|
))
|
|
5367
5675
|
}
|
|
5368
5676
|
),
|
|
5369
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className:
|
|
5677
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx67("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
5370
5678
|
featuredCard && /* @__PURE__ */ jsx(
|
|
5371
5679
|
NewsCard,
|
|
5372
5680
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
5373
|
-
className:
|
|
5681
|
+
className: clsx67("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
5374
5682
|
renderLink
|
|
5375
5683
|
})
|
|
5376
5684
|
),
|
|
5377
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
5685
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx67("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsx(
|
|
5378
5686
|
NewsCard,
|
|
5379
5687
|
__spreadProps(__spreadValues({}, card), {
|
|
5380
|
-
className:
|
|
5688
|
+
className: clsx67("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
5381
5689
|
direction: "horizontal",
|
|
5382
5690
|
renderLink
|
|
5383
5691
|
}),
|
|
@@ -5388,11 +5696,11 @@ var FeaturedNewsHighlights = ({
|
|
|
5388
5696
|
return /* @__PURE__ */ jsx(
|
|
5389
5697
|
"div",
|
|
5390
5698
|
{
|
|
5391
|
-
className:
|
|
5699
|
+
className: clsx67("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
5392
5700
|
style: {
|
|
5393
5701
|
backgroundColor
|
|
5394
5702
|
},
|
|
5395
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
5703
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx67("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
5396
5704
|
}
|
|
5397
5705
|
);
|
|
5398
5706
|
};
|
|
@@ -5436,16 +5744,16 @@ var NewsCardList = ({
|
|
|
5436
5744
|
return /* @__PURE__ */ jsx(
|
|
5437
5745
|
"div",
|
|
5438
5746
|
{
|
|
5439
|
-
className:
|
|
5747
|
+
className: clsx67("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
5440
5748
|
style: {
|
|
5441
5749
|
backgroundColor
|
|
5442
5750
|
},
|
|
5443
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
5444
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5751
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx67("container", NewsCardList_module_default["container"]), children: [
|
|
5752
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
5445
5753
|
/* @__PURE__ */ jsx(
|
|
5446
5754
|
Input,
|
|
5447
5755
|
__spreadValues({
|
|
5448
|
-
className:
|
|
5756
|
+
className: clsx67("search-input", NewsCardList_module_default["search-input"]),
|
|
5449
5757
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5450
5758
|
placeholder: "Search News",
|
|
5451
5759
|
"aria-label": "Search News",
|
|
@@ -5453,7 +5761,7 @@ var NewsCardList = ({
|
|
|
5453
5761
|
Button,
|
|
5454
5762
|
{
|
|
5455
5763
|
variant: "nofillblack",
|
|
5456
|
-
className:
|
|
5764
|
+
className: clsx67(NewsCardList_module_default["end-action-button"]),
|
|
5457
5765
|
"aria-label": "Search",
|
|
5458
5766
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
5459
5767
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5465,7 +5773,7 @@ var NewsCardList = ({
|
|
|
5465
5773
|
} : void 0
|
|
5466
5774
|
}, searchInputProps)
|
|
5467
5775
|
),
|
|
5468
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5776
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
5469
5777
|
currentPage === 1 && /* @__PURE__ */ jsx(
|
|
5470
5778
|
FeaturedNewsHighlights2,
|
|
5471
5779
|
{
|
|
@@ -5478,8 +5786,8 @@ var NewsCardList = ({
|
|
|
5478
5786
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
|
|
5479
5787
|
] })
|
|
5480
5788
|
] }),
|
|
5481
|
-
paginationNode ?
|
|
5482
|
-
className:
|
|
5789
|
+
paginationNode ? React73.cloneElement(paginationNode, {
|
|
5790
|
+
className: clsx67("pagination", NewsCardList_module_default["pagination"])
|
|
5483
5791
|
}) : null
|
|
5484
5792
|
] })
|
|
5485
5793
|
}
|
|
@@ -5524,15 +5832,15 @@ var BlogPost = ({
|
|
|
5524
5832
|
});
|
|
5525
5833
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5526
5834
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5527
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5528
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5835
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67("container", BlogPost_module_default["container"]), children: [
|
|
5836
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("header", BlogPost_module_default["header"]), children: [
|
|
5529
5837
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5530
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5838
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67("image", BlogPost_module_default["image"]) }))
|
|
5531
5839
|
] }),
|
|
5532
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5533
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5840
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content", BlogPost_module_default["content"]), children: [
|
|
5841
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5534
5842
|
/* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
|
|
5535
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
5843
|
+
/* @__PURE__ */ jsxs("span", { className: clsx67("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5536
5844
|
"Published ",
|
|
5537
5845
|
/* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
|
|
5538
5846
|
] })
|
|
@@ -5545,7 +5853,7 @@ var BlogPost = ({
|
|
|
5545
5853
|
title: "More News",
|
|
5546
5854
|
items: relatedArticles,
|
|
5547
5855
|
hasContainer: false,
|
|
5548
|
-
className:
|
|
5856
|
+
className: clsx67("related-articles", BlogPost_module_default["related-articles"])
|
|
5549
5857
|
}
|
|
5550
5858
|
)
|
|
5551
5859
|
] }) });
|
|
@@ -5593,15 +5901,15 @@ var BlogSearchResultsList = ({
|
|
|
5593
5901
|
});
|
|
5594
5902
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5595
5903
|
const paginationNode = slots.pagination;
|
|
5596
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5597
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5598
|
-
className:
|
|
5904
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
5905
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx67("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React73.isValidElement(searchNode) ? React73.cloneElement(searchNode, {
|
|
5906
|
+
className: clsx67("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5599
5907
|
}) : null,
|
|
5600
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5908
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5601
5909
|
/* @__PURE__ */ jsx(
|
|
5602
5910
|
Input,
|
|
5603
5911
|
__spreadValues({
|
|
5604
|
-
className:
|
|
5912
|
+
className: clsx67("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5605
5913
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5606
5914
|
placeholder: "Search News",
|
|
5607
5915
|
"aria-label": "Search News",
|
|
@@ -5609,7 +5917,7 @@ var BlogSearchResultsList = ({
|
|
|
5609
5917
|
Button,
|
|
5610
5918
|
{
|
|
5611
5919
|
variant: "nofillblack",
|
|
5612
|
-
className:
|
|
5920
|
+
className: clsx67(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5613
5921
|
"aria-label": "Search",
|
|
5614
5922
|
onClick: () => onSearchSubmit(searchValue),
|
|
5615
5923
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5623,8 +5931,8 @@ var BlogSearchResultsList = ({
|
|
|
5623
5931
|
),
|
|
5624
5932
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5625
5933
|
] }),
|
|
5626
|
-
paginationNode ?
|
|
5627
|
-
className:
|
|
5934
|
+
paginationNode ? React73.cloneElement(paginationNode, {
|
|
5935
|
+
className: clsx67("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5628
5936
|
}) : null
|
|
5629
5937
|
] }) });
|
|
5630
5938
|
};
|
|
@@ -5665,11 +5973,11 @@ var GlobalSearchResultsList = ({
|
|
|
5665
5973
|
});
|
|
5666
5974
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5667
5975
|
const paginationNode = slots.pagination;
|
|
5668
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5669
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5670
|
-
className:
|
|
5976
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67("container", GlobalSearchResultsList_module_default["container"]), children: [
|
|
5977
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx67("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React73.isValidElement(searchNode) ? React73.cloneElement(searchNode, {
|
|
5978
|
+
className: clsx67("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5671
5979
|
}) : null,
|
|
5672
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5980
|
+
/* @__PURE__ */ jsx("div", { className: clsx67("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5673
5981
|
var _a2;
|
|
5674
5982
|
return /* @__PURE__ */ jsx(
|
|
5675
5983
|
GridItem,
|
|
@@ -5689,8 +5997,8 @@ var GlobalSearchResultsList = ({
|
|
|
5689
5997
|
item.title ? `${item.title}-${(_a2 = item == null ? void 0 : item.id) != null ? _a2 : index}` : index
|
|
5690
5998
|
);
|
|
5691
5999
|
}) }) }),
|
|
5692
|
-
paginationNode ?
|
|
5693
|
-
className:
|
|
6000
|
+
paginationNode ? React73.cloneElement(paginationNode, {
|
|
6001
|
+
className: clsx67("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5694
6002
|
}) : null
|
|
5695
6003
|
] }) });
|
|
5696
6004
|
};
|
|
@@ -5735,7 +6043,7 @@ var TextCenterWithMedia = ({
|
|
|
5735
6043
|
};
|
|
5736
6044
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5737
6045
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5738
|
-
return /* @__PURE__ */ jsxs("section", { className:
|
|
6046
|
+
return /* @__PURE__ */ jsxs("section", { className: clsx67(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5739
6047
|
/* @__PURE__ */ jsxs(Container, { children: [
|
|
5740
6048
|
titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
|
|
5741
6049
|
/* @__PURE__ */ jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -5811,7 +6119,7 @@ var QuoteSectionBlock = ({
|
|
|
5811
6119
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
5812
6120
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
5813
6121
|
if (!items.length) return null;
|
|
5814
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
6122
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
|
|
5815
6123
|
title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5816
6124
|
/* @__PURE__ */ jsx("div", { className: !viewtype ? QuoteSectionBlock_module_default.swiperContainer : QuoteSectionBlock_module_default.swiperContainerFullWidth, children: /* @__PURE__ */ jsx(
|
|
5817
6125
|
Swiper,
|
|
@@ -5866,12 +6174,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5866
6174
|
logo: PageLoaderLogo
|
|
5867
6175
|
});
|
|
5868
6176
|
const logoNode = slots.logo;
|
|
5869
|
-
return /* @__PURE__ */ jsx(Container, { className:
|
|
5870
|
-
logoNode ?
|
|
5871
|
-
className:
|
|
6177
|
+
return /* @__PURE__ */ jsx(Container, { className: clsx67(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
6178
|
+
logoNode ? React73.cloneElement(logoNode, {
|
|
6179
|
+
className: clsx67("image-logo", PageLoader_module_default["image-logo"])
|
|
5872
6180
|
}) : null,
|
|
5873
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5874
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6181
|
+
/* @__PURE__ */ jsx("div", { className: clsx67("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsx(Loader, {}) }),
|
|
6182
|
+
/* @__PURE__ */ jsx("span", { className: clsx67("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5875
6183
|
] }) });
|
|
5876
6184
|
};
|
|
5877
6185
|
|
|
@@ -5897,8 +6205,8 @@ var TwoColTextMenu = ({
|
|
|
5897
6205
|
renderLink
|
|
5898
6206
|
}) => {
|
|
5899
6207
|
if (sections.length === 0) return null;
|
|
5900
|
-
return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className:
|
|
5901
|
-
/* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsx("h2", { className:
|
|
6208
|
+
return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className: clsx67(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
|
|
6209
|
+
/* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsx("h2", { className: clsx67("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
|
|
5902
6210
|
/* @__PURE__ */ jsx("ul", { className: TwoColTextMenu_module_default.list, children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ColTextMenu, __spreadProps(__spreadValues({}, item), { renderLink })) }, itemIndex)) })
|
|
5903
6211
|
] }, index)) }) }) });
|
|
5904
6212
|
};
|
|
@@ -5933,11 +6241,11 @@ var LocationsBrandCards = ({
|
|
|
5933
6241
|
text: LocationsBrandCardsText
|
|
5934
6242
|
});
|
|
5935
6243
|
const textNode = (_a = slots == null ? void 0 : slots.text) != null ? _a : subtitle;
|
|
5936
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5937
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5938
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
6244
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("locations-brand-cards", LocationsBrandCards_module_default["locations-brand-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67(LocationsBrandCards_module_default.container), children: [
|
|
6245
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
|
|
6246
|
+
/* @__PURE__ */ jsx("h2", { className: clsx67("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
|
|
5939
6247
|
textNode && isValidElement(textNode) ? cloneElement(textNode, {
|
|
5940
|
-
className:
|
|
6248
|
+
className: clsx67(
|
|
5941
6249
|
"locations-brand-subtitle",
|
|
5942
6250
|
"subheading",
|
|
5943
6251
|
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
@@ -5945,7 +6253,7 @@ var LocationsBrandCards = ({
|
|
|
5945
6253
|
}) : /* @__PURE__ */ jsx(
|
|
5946
6254
|
"p",
|
|
5947
6255
|
{
|
|
5948
|
-
className:
|
|
6256
|
+
className: clsx67(
|
|
5949
6257
|
"locations-brand-subtitle",
|
|
5950
6258
|
"subheading",
|
|
5951
6259
|
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
@@ -5954,20 +6262,20 @@ var LocationsBrandCards = ({
|
|
|
5954
6262
|
}
|
|
5955
6263
|
)
|
|
5956
6264
|
] }),
|
|
5957
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5958
|
-
/* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5959
|
-
/* @__PURE__ */ jsx(Grid, { columns: 2, className:
|
|
6265
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
|
|
6266
|
+
/* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
|
|
6267
|
+
/* @__PURE__ */ jsx(Grid, { columns: 2, className: clsx67("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
|
|
5960
6268
|
var _a2;
|
|
5961
6269
|
return /* @__PURE__ */ jsx(
|
|
5962
6270
|
GridItem,
|
|
5963
6271
|
{
|
|
5964
|
-
className:
|
|
6272
|
+
className: clsx67("card-item", LocationsBrandCards_module_default["card-item"]),
|
|
5965
6273
|
colSpan: { md: 1 },
|
|
5966
6274
|
children: /* @__PURE__ */ jsx(
|
|
5967
6275
|
BrandCard,
|
|
5968
6276
|
__spreadProps(__spreadValues({}, card), {
|
|
5969
6277
|
animationSettings: __spreadProps(__spreadValues({}, card.animationSettings), { triggerRef: containerRef }),
|
|
5970
|
-
className:
|
|
6278
|
+
className: clsx67("card", LocationsBrandCards_module_default["card"])
|
|
5971
6279
|
})
|
|
5972
6280
|
)
|
|
5973
6281
|
},
|
|
@@ -6021,7 +6329,7 @@ var BrandsTab = (props) => {
|
|
|
6021
6329
|
content: /* @__PURE__ */ jsxs(
|
|
6022
6330
|
"div",
|
|
6023
6331
|
{
|
|
6024
|
-
className:
|
|
6332
|
+
className: clsx67(BrandsTab_module_default["accordion-content"]),
|
|
6025
6333
|
style: {
|
|
6026
6334
|
"--theme-color": `var(${tab.theme})`
|
|
6027
6335
|
},
|
|
@@ -6037,7 +6345,7 @@ var BrandsTab = (props) => {
|
|
|
6037
6345
|
children: [
|
|
6038
6346
|
/* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
|
|
6039
6347
|
content.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
|
|
6040
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6348
|
+
/* @__PURE__ */ jsx("h3", { className: clsx67("h4", BrandsTab_module_default["card-title"]), children: content.title })
|
|
6041
6349
|
] }),
|
|
6042
6350
|
/* @__PURE__ */ jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
|
|
6043
6351
|
]
|
|
@@ -6064,7 +6372,7 @@ var BrandsTab = (props) => {
|
|
|
6064
6372
|
return /* @__PURE__ */ jsxs(
|
|
6065
6373
|
"button",
|
|
6066
6374
|
{
|
|
6067
|
-
className:
|
|
6375
|
+
className: clsx67(BrandsTab_module_default["accordion-header"], {
|
|
6068
6376
|
[BrandsTab_module_default["accordion-header-open"]]: isOpen
|
|
6069
6377
|
}),
|
|
6070
6378
|
style: {
|
|
@@ -6078,7 +6386,7 @@ var BrandsTab = (props) => {
|
|
|
6078
6386
|
/* @__PURE__ */ jsx(
|
|
6079
6387
|
"span",
|
|
6080
6388
|
{
|
|
6081
|
-
className:
|
|
6389
|
+
className: clsx67(BrandsTab_module_default.accordionChevron, {
|
|
6082
6390
|
[BrandsTab_module_default.accordionChevronOpen]: isOpen
|
|
6083
6391
|
}),
|
|
6084
6392
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUp", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -6091,10 +6399,10 @@ var BrandsTab = (props) => {
|
|
|
6091
6399
|
};
|
|
6092
6400
|
})) || [];
|
|
6093
6401
|
}, [tabs]);
|
|
6094
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
6402
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(BrandsTab_module_default["brands-tab"], className), children: [
|
|
6095
6403
|
/* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["text-container"], children: [
|
|
6096
6404
|
title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: BrandsTab_module_default.title, children: title }),
|
|
6097
|
-
subtitle && /* @__PURE__ */ jsx("div", { className:
|
|
6405
|
+
subtitle && /* @__PURE__ */ jsx("div", { className: clsx67("subheading", BrandsTab_module_default.subtitle), children: subtitle })
|
|
6098
6406
|
] }),
|
|
6099
6407
|
isTabletBelow ? /* @__PURE__ */ jsx(
|
|
6100
6408
|
Accordion,
|
|
@@ -6102,7 +6410,7 @@ var BrandsTab = (props) => {
|
|
|
6102
6410
|
items: accordionItems,
|
|
6103
6411
|
allowMultiple: true,
|
|
6104
6412
|
defaultOpenIds: [],
|
|
6105
|
-
className:
|
|
6413
|
+
className: clsx67(BrandsTab_module_default["accordion"])
|
|
6106
6414
|
}
|
|
6107
6415
|
) : /* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["tab-wrapper"], children: [
|
|
6108
6416
|
/* @__PURE__ */ jsx("div", { className: BrandsTab_module_default["tab-buttons"], children: tabs == null ? void 0 : tabs.map(({ trigger, theme }, index) => {
|
|
@@ -6113,7 +6421,7 @@ var BrandsTab = (props) => {
|
|
|
6113
6421
|
variant: "tabbutton",
|
|
6114
6422
|
onClick: () => setActiveIndex(index),
|
|
6115
6423
|
isActive,
|
|
6116
|
-
className:
|
|
6424
|
+
className: clsx67(BrandsTab_module_default["tab-trigger"], isActive ? BrandsTab_module_default["tab-active"] : null),
|
|
6117
6425
|
style: {
|
|
6118
6426
|
"--theme-color": `var(${theme})`
|
|
6119
6427
|
},
|
|
@@ -6125,7 +6433,7 @@ var BrandsTab = (props) => {
|
|
|
6125
6433
|
/* @__PURE__ */ jsxs(
|
|
6126
6434
|
"div",
|
|
6127
6435
|
{
|
|
6128
|
-
className:
|
|
6436
|
+
className: clsx67(BrandsTab_module_default["tab-content-area"]),
|
|
6129
6437
|
style: {
|
|
6130
6438
|
"--theme-color": `var(${tabs == null ? void 0 : tabs[activeIndex].theme})`
|
|
6131
6439
|
},
|
|
@@ -6141,7 +6449,7 @@ var BrandsTab = (props) => {
|
|
|
6141
6449
|
children: [
|
|
6142
6450
|
/* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
|
|
6143
6451
|
content.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
|
|
6144
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6452
|
+
/* @__PURE__ */ jsx("h3", { className: clsx67("h4", BrandsTab_module_default["card-title"]), children: content.title })
|
|
6145
6453
|
] }),
|
|
6146
6454
|
/* @__PURE__ */ jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
|
|
6147
6455
|
]
|
|
@@ -6189,17 +6497,17 @@ var TimelineCards_module_default = {
|
|
|
6189
6497
|
"step-divider": "TimelineCards_module_step-divider"
|
|
6190
6498
|
};
|
|
6191
6499
|
var TimelineCard = ({ text, logo }) => {
|
|
6192
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
6500
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(TimelineCards_module_default["card"]), children: [
|
|
6193
6501
|
logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: TimelineCards_module_default["card-logo"] }, logo)),
|
|
6194
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6502
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(TimelineCards_module_default["card-text"]), children: text })
|
|
6195
6503
|
] });
|
|
6196
6504
|
};
|
|
6197
6505
|
var TimelineSteps = ({ length }) => {
|
|
6198
6506
|
if (length === 0) return null;
|
|
6199
|
-
return /* @__PURE__ */ jsx("ol", { className:
|
|
6507
|
+
return /* @__PURE__ */ jsx("ol", { className: clsx67(TimelineCards_module_default["timeline-steps"]), children: Array.from({ length }).map((_, index) => {
|
|
6200
6508
|
return /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
6201
|
-
/* @__PURE__ */ jsxs("li", { className:
|
|
6202
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6509
|
+
/* @__PURE__ */ jsxs("li", { className: clsx67(TimelineCards_module_default["step-container"]), children: [
|
|
6510
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(TimelineCards_module_default["step-content"]), "aria-hidden": "true", children: index + 1 }),
|
|
6203
6511
|
/* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
|
|
6204
6512
|
"Step ",
|
|
6205
6513
|
index + 1,
|
|
@@ -6207,26 +6515,26 @@ var TimelineSteps = ({ length }) => {
|
|
|
6207
6515
|
length
|
|
6208
6516
|
] })
|
|
6209
6517
|
] }),
|
|
6210
|
-
index < length - 1 ? /* @__PURE__ */ jsx("li", { className:
|
|
6518
|
+
index < length - 1 ? /* @__PURE__ */ jsx("li", { className: clsx67(TimelineCards_module_default["step-divider"]), role: "presentation" }) : null
|
|
6211
6519
|
] }, index);
|
|
6212
6520
|
}) });
|
|
6213
6521
|
};
|
|
6214
6522
|
var TimelineCards = ({ captionText, cards, className }) => {
|
|
6215
6523
|
const slicedCards = cards == null ? void 0 : cards.slice(0, 3);
|
|
6216
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
6217
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6524
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(TimelineCards_module_default["timeline-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67(TimelineCards_module_default["container"]), children: [
|
|
6525
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(TimelineCards_module_default["wrapper"]), children: [
|
|
6218
6526
|
/* @__PURE__ */ jsx(TimelineSteps, { length: (slicedCards == null ? void 0 : slicedCards.length) || 0 }),
|
|
6219
|
-
/* @__PURE__ */ jsx(Grid, { columns: 3, gap: 16, className:
|
|
6527
|
+
/* @__PURE__ */ jsx(Grid, { columns: 3, gap: 16, className: clsx67(TimelineCards_module_default["timeline-cards-container"]), children: slicedCards == null ? void 0 : slicedCards.map((card, index) => /* @__PURE__ */ jsx(
|
|
6220
6528
|
GridItem,
|
|
6221
6529
|
{
|
|
6222
6530
|
colSpan: { md: 3 },
|
|
6223
|
-
className:
|
|
6531
|
+
className: clsx67(TimelineCards_module_default["timeline-card-item"]),
|
|
6224
6532
|
children: /* @__PURE__ */ jsx(TimelineCard, __spreadValues({}, card))
|
|
6225
6533
|
},
|
|
6226
6534
|
index
|
|
6227
6535
|
)) })
|
|
6228
6536
|
] }),
|
|
6229
|
-
captionText && /* @__PURE__ */ jsx("p", { className:
|
|
6537
|
+
captionText && /* @__PURE__ */ jsx("p", { className: clsx67(TimelineCards_module_default["timeline-cards-text"]), children: captionText })
|
|
6230
6538
|
] }) });
|
|
6231
6539
|
};
|
|
6232
6540
|
|
|
@@ -6258,28 +6566,28 @@ var PodcastCard = ({
|
|
|
6258
6566
|
cta,
|
|
6259
6567
|
className
|
|
6260
6568
|
}) => {
|
|
6261
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
6262
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6263
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6264
|
-
/* @__PURE__ */ jsx(Badge, { className:
|
|
6265
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6569
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67("podcast-card", PodcastCard_module_default["podcast-card"], className), children: [
|
|
6570
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["content-wrapper"]), children: [
|
|
6571
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["top-content"]), children: [
|
|
6572
|
+
/* @__PURE__ */ jsx(Badge, { className: clsx67(PodcastCard_module_default["badge"]), role: void 0, children: badge }),
|
|
6573
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(PodcastCard_module_default["date"]), children: date })
|
|
6266
6574
|
] }),
|
|
6267
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6268
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6269
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6575
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["main-content"]), children: [
|
|
6576
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(PodcastCard_module_default["title"]), children: title }),
|
|
6577
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(PodcastCard_module_default["description"]), children: description })
|
|
6270
6578
|
] })
|
|
6271
6579
|
] }),
|
|
6272
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6273
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6274
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6580
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["cta-wrapper"]), children: [
|
|
6581
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(PodcastCard_module_default["cta-label"]), children: cta.label }),
|
|
6582
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(PodcastCard_module_default["cta-icons"]), children: cta.logoCta.map((logo, index) => /* @__PURE__ */ jsxs(
|
|
6275
6583
|
Anchor,
|
|
6276
6584
|
{
|
|
6277
6585
|
href: logo.url,
|
|
6278
6586
|
isExternal: logo.isExternal,
|
|
6279
|
-
className:
|
|
6587
|
+
className: clsx67(PodcastCard_module_default["cta-icon"]),
|
|
6280
6588
|
children: [
|
|
6281
|
-
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.default), { className:
|
|
6282
|
-
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.active), { className:
|
|
6589
|
+
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.default), { className: clsx67(PodcastCard_module_default["icon-default"]) })),
|
|
6590
|
+
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.active), { className: clsx67(PodcastCard_module_default["icon-active"]) }))
|
|
6283
6591
|
]
|
|
6284
6592
|
},
|
|
6285
6593
|
index
|
|
@@ -6295,15 +6603,15 @@ var PodcastGridCards_module_default = {
|
|
|
6295
6603
|
title: "PodcastGridCards_module_title"
|
|
6296
6604
|
};
|
|
6297
6605
|
var PodcastGridCards = ({ title, items, className }) => {
|
|
6298
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
6299
|
-
title && /* @__PURE__ */ jsx("h2", { className:
|
|
6300
|
-
/* @__PURE__ */ jsx(Grid, { columns: 12, gap: 16, className:
|
|
6606
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(PodcastGridCards_module_default["podcast-grid-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67(PodcastGridCards_module_default["container"]), children: [
|
|
6607
|
+
title && /* @__PURE__ */ jsx("h2", { className: clsx67(PodcastGridCards_module_default["title"]), children: title }),
|
|
6608
|
+
/* @__PURE__ */ jsx(Grid, { columns: 12, gap: 16, className: clsx67(PodcastGridCards_module_default["podcast-grid"]), children: items == null ? void 0 : items.map((item, index) => {
|
|
6301
6609
|
var _a;
|
|
6302
6610
|
return /* @__PURE__ */ jsx(
|
|
6303
6611
|
GridItem,
|
|
6304
6612
|
{
|
|
6305
6613
|
colSpan: { md: 12, lg: 6, xl: 4 },
|
|
6306
|
-
className:
|
|
6614
|
+
className: clsx67(PodcastGridCards_module_default["timeline-card-item"]),
|
|
6307
6615
|
children: /* @__PURE__ */ jsx(PodcastCard, __spreadValues({}, item))
|
|
6308
6616
|
},
|
|
6309
6617
|
(_a = item == null ? void 0 : item.id) != null ? _a : index
|
|
@@ -6336,9 +6644,9 @@ var TextFootnote = (props) => {
|
|
|
6336
6644
|
});
|
|
6337
6645
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
6338
6646
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
6339
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
6340
|
-
titleNode && /* @__PURE__ */ jsx(Text, { tag: "h4", className:
|
|
6341
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6647
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(TextFootnote_module_default.textFootnote, className), children: [
|
|
6648
|
+
titleNode && /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx67(TextFootnote_module_default.title, titleAlign), children: titleNode }),
|
|
6649
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(TextFootnote_module_default.body), children: bodyNode })
|
|
6342
6650
|
] });
|
|
6343
6651
|
};
|
|
6344
6652
|
|
|
@@ -6364,13 +6672,13 @@ var Faq = (props) => {
|
|
|
6364
6672
|
return (items == null ? void 0 : items.map((item, index) => ({
|
|
6365
6673
|
id: index,
|
|
6366
6674
|
title: item.title,
|
|
6367
|
-
content: /* @__PURE__ */ jsx("div", { className:
|
|
6675
|
+
content: /* @__PURE__ */ jsx("div", { className: clsx67(Faq_module_default["accordion-content"]), children: item.body }),
|
|
6368
6676
|
hasDivider: true,
|
|
6369
6677
|
renderItemHeader: ({ isOpen, toggle }) => {
|
|
6370
6678
|
return /* @__PURE__ */ jsxs(
|
|
6371
6679
|
"button",
|
|
6372
6680
|
{
|
|
6373
|
-
className:
|
|
6681
|
+
className: clsx67(Faq_module_default["accordion-header"], {
|
|
6374
6682
|
[Faq_module_default["accordion-header-open"]]: isOpen
|
|
6375
6683
|
}),
|
|
6376
6684
|
onClick: toggle,
|
|
@@ -6380,7 +6688,7 @@ var Faq = (props) => {
|
|
|
6380
6688
|
/* @__PURE__ */ jsx(
|
|
6381
6689
|
"span",
|
|
6382
6690
|
{
|
|
6383
|
-
className:
|
|
6691
|
+
className: clsx67(Faq_module_default["accordion-title"], {
|
|
6384
6692
|
[Faq_module_default.accordionChevronOpen]: isOpen
|
|
6385
6693
|
}),
|
|
6386
6694
|
children: item.title
|
|
@@ -6389,7 +6697,7 @@ var Faq = (props) => {
|
|
|
6389
6697
|
/* @__PURE__ */ jsx(
|
|
6390
6698
|
"span",
|
|
6391
6699
|
{
|
|
6392
|
-
className:
|
|
6700
|
+
className: clsx67(Faq_module_default.accordionChevron, {
|
|
6393
6701
|
[Faq_module_default.accordionChevronOpen]: isOpen
|
|
6394
6702
|
}),
|
|
6395
6703
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 40 }) : /* @__PURE__ */ jsx(
|
|
@@ -6398,7 +6706,7 @@ var Faq = (props) => {
|
|
|
6398
6706
|
type: "downChevronBlack",
|
|
6399
6707
|
size: 40,
|
|
6400
6708
|
stroke: "#949494",
|
|
6401
|
-
className:
|
|
6709
|
+
className: clsx67(Faq_module_default.collapsed)
|
|
6402
6710
|
}
|
|
6403
6711
|
)
|
|
6404
6712
|
}
|
|
@@ -6409,19 +6717,63 @@ var Faq = (props) => {
|
|
|
6409
6717
|
}
|
|
6410
6718
|
}))) || [];
|
|
6411
6719
|
}, [items]);
|
|
6412
|
-
return /* @__PURE__ */ jsx(Container, { className:
|
|
6720
|
+
return /* @__PURE__ */ jsx(Container, { className: clsx67(Faq_module_default["faq"], className), children: /* @__PURE__ */ jsx(
|
|
6413
6721
|
Accordion,
|
|
6414
6722
|
{
|
|
6415
6723
|
items: accordionItems,
|
|
6416
6724
|
allowMultiple: true,
|
|
6417
6725
|
defaultOpenIds: [],
|
|
6418
|
-
className:
|
|
6726
|
+
className: clsx67(Faq_module_default["accordion"])
|
|
6419
6727
|
}
|
|
6420
6728
|
) });
|
|
6421
6729
|
};
|
|
6422
6730
|
|
|
6423
6731
|
// src/widgets/Faq/index.tsx
|
|
6424
6732
|
var Faq2 = Object.assign(Faq, {});
|
|
6733
|
+
var IconTeamSelect = ({ children }) => {
|
|
6734
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
6735
|
+
};
|
|
6736
|
+
var IconTeamCard2 = ({ children }) => {
|
|
6737
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
6738
|
+
};
|
|
6739
|
+
|
|
6740
|
+
// src/widgets/IconTeam/IconTeam.module.scss
|
|
6741
|
+
var IconTeam_module_default = {
|
|
6742
|
+
"icon-team": "IconTeam_module_icon-team",
|
|
6743
|
+
container: "IconTeam_module_container",
|
|
6744
|
+
header: "IconTeam_module_header",
|
|
6745
|
+
subtitle: "IconTeam_module_subtitle",
|
|
6746
|
+
title: "IconTeam_module_title",
|
|
6747
|
+
"select-wrapper": "IconTeam_module_select-wrapper"
|
|
6748
|
+
};
|
|
6749
|
+
var IconTeam = ({ className, title, subtitle, children }) => {
|
|
6750
|
+
const slots = resolveCompoundSlots(children, {
|
|
6751
|
+
select: IconTeamSelect,
|
|
6752
|
+
card: IconTeamCard2
|
|
6753
|
+
});
|
|
6754
|
+
const selectNode = slots.select || null;
|
|
6755
|
+
const cardNode = slots.card || null;
|
|
6756
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67("icon-team", IconTeam_module_default["icon-team"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67("container", IconTeam_module_default["container"]), children: [
|
|
6757
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("header", IconTeam_module_default["header"]), children: [
|
|
6758
|
+
/* @__PURE__ */ jsx("h2", { className: clsx67("title", IconTeam_module_default["title"]), children: title }),
|
|
6759
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: clsx67("subtitle", IconTeam_module_default["subtitle"]), children: subtitle })
|
|
6760
|
+
] }),
|
|
6761
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("select-wrapper", IconTeam_module_default["select-wrapper"]), children: [
|
|
6762
|
+
selectNode && cloneElement(selectNode, {
|
|
6763
|
+
className: clsx67("select", IconTeam_module_default["select"])
|
|
6764
|
+
}),
|
|
6765
|
+
cardNode && cloneElement(cardNode, {
|
|
6766
|
+
className: clsx67("info-card", IconTeam_module_default["info-card"])
|
|
6767
|
+
})
|
|
6768
|
+
] })
|
|
6769
|
+
] }) });
|
|
6770
|
+
};
|
|
6771
|
+
|
|
6772
|
+
// src/widgets/IconTeam/index.tsx
|
|
6773
|
+
var IconTeam2 = Object.assign(IconTeam, {
|
|
6774
|
+
Select: IconTeamSelect,
|
|
6775
|
+
Card: IconTeamCard2
|
|
6776
|
+
});
|
|
6425
6777
|
function useIntersectionObserver({
|
|
6426
6778
|
animateOnce = false,
|
|
6427
6779
|
options = {}
|
|
@@ -6451,6 +6803,6 @@ function useIntersectionObserver({
|
|
|
6451
6803
|
return { observeRef, isVisible };
|
|
6452
6804
|
}
|
|
6453
6805
|
|
|
6454
|
-
export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandCard, BrandsStrip, BrandsTab2 as BrandsTab, Button, Card2 as Card, CardCarousel2 as CardCarousel, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Faq2 as Faq, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, LocationsBrandCards2 as LocationsBrandCards, Media5050Left2 as Media5050Left, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Modal, Navigation3 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PodcastGridCards2 as PodcastGridCards, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, Text, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TextFootnote2 as TextFootnote, TimelineCards2 as TimelineCards, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
6806
|
+
export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandCard, BrandsStrip, BrandsTab2 as BrandsTab, Button, Card2 as Card, CardCarousel2 as CardCarousel, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Faq2 as Faq, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, IconTeam2 as IconTeam, IconTeamCard, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, LocationsBrandCards2 as LocationsBrandCards, Media5050Left2 as Media5050Left, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Modal, Navigation3 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PodcastGridCards2 as PodcastGridCards, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Select, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, Text, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TextFootnote2 as TextFootnote, TimelineCards2 as TimelineCards, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
6455
6807
|
//# sourceMappingURL=index.mjs.map
|
|
6456
6808
|
//# sourceMappingURL=index.mjs.map
|