@digital-b2c/coreui-kit 0.26.0 → 0.27.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 +750 -399
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +492 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +49 -4
- package/dist/index.d.ts +49 -4
- package/dist/index.mjs +645 -297
- 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
|
),
|
|
@@ -1148,7 +1149,7 @@ var InfoCard_module_default = {
|
|
|
1148
1149
|
"info-card": "InfoCard_module_info-card",
|
|
1149
1150
|
header: "InfoCard_module_header",
|
|
1150
1151
|
badge: "InfoCard_module_badge",
|
|
1151
|
-
|
|
1152
|
+
icon: "InfoCard_module_icon"
|
|
1152
1153
|
};
|
|
1153
1154
|
var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
1154
1155
|
var _a, _b;
|
|
@@ -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 ? /* @__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
|
),
|
|
@@ -4926,7 +5230,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4926
5230
|
});
|
|
4927
5231
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4928
5232
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4929
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5233
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4930
5234
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4931
5235
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4932
5236
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4934,7 +5238,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4934
5238
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
4935
5239
|
"div",
|
|
4936
5240
|
{
|
|
4937
|
-
className:
|
|
5241
|
+
className: clsx67(
|
|
4938
5242
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4939
5243
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4940
5244
|
),
|
|
@@ -5063,7 +5367,7 @@ var ResourcesGridList = ({
|
|
|
5063
5367
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
5064
5368
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
5065
5369
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
5066
|
-
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className:
|
|
5370
|
+
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx67(ResourcesGridList_module_default.widget, className), children: [
|
|
5067
5371
|
/* @__PURE__ */ jsx(
|
|
5068
5372
|
FilterBar,
|
|
5069
5373
|
{
|
|
@@ -5082,7 +5386,7 @@ var ResourcesGridList = ({
|
|
|
5082
5386
|
isMobile && /* @__PURE__ */ jsxs(
|
|
5083
5387
|
"div",
|
|
5084
5388
|
{
|
|
5085
|
-
className:
|
|
5389
|
+
className: clsx67(
|
|
5086
5390
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
5087
5391
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
5088
5392
|
),
|
|
@@ -5093,7 +5397,7 @@ var ResourcesGridList = ({
|
|
|
5093
5397
|
return /* @__PURE__ */ jsxs(
|
|
5094
5398
|
"li",
|
|
5095
5399
|
{
|
|
5096
|
-
className:
|
|
5400
|
+
className: clsx67(
|
|
5097
5401
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
5098
5402
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
5099
5403
|
),
|
|
@@ -5138,7 +5442,7 @@ var ResourcesGridList = ({
|
|
|
5138
5442
|
onSelect: handleSelectCategory
|
|
5139
5443
|
}
|
|
5140
5444
|
),
|
|
5141
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5445
|
+
/* @__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
5446
|
] }),
|
|
5143
5447
|
totalPages > 1 && /* @__PURE__ */ jsx(
|
|
5144
5448
|
Pagination,
|
|
@@ -5177,7 +5481,7 @@ var Grid = ({
|
|
|
5177
5481
|
return /* @__PURE__ */ jsx(
|
|
5178
5482
|
Component,
|
|
5179
5483
|
{
|
|
5180
|
-
className:
|
|
5484
|
+
className: clsx67("grid", Grid_module_default.grid, className),
|
|
5181
5485
|
role,
|
|
5182
5486
|
"aria-label": ariaLabel,
|
|
5183
5487
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -5202,7 +5506,7 @@ var GridItem = ({
|
|
|
5202
5506
|
return /* @__PURE__ */ jsx(
|
|
5203
5507
|
Component,
|
|
5204
5508
|
{
|
|
5205
|
-
className:
|
|
5509
|
+
className: clsx67("grid-item", Grid_module_default["grid-item"], className),
|
|
5206
5510
|
role,
|
|
5207
5511
|
"aria-label": ariaLabel,
|
|
5208
5512
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -5250,13 +5554,13 @@ var BlogCardGrid = ({
|
|
|
5250
5554
|
title: BlogCardGridTitle
|
|
5251
5555
|
});
|
|
5252
5556
|
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:
|
|
5557
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
5558
|
+
title && /* @__PURE__ */ jsxs("div", { className: clsx67("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
5559
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx67("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
5560
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx67("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
5257
5561
|
Button,
|
|
5258
5562
|
{
|
|
5259
|
-
className:
|
|
5563
|
+
className: clsx67("cta", BlogCardGrid_module_default["cta"]),
|
|
5260
5564
|
variant: "nofillblack",
|
|
5261
5565
|
href: cta.url,
|
|
5262
5566
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -5281,11 +5585,11 @@ var BlogCardGrid = ({
|
|
|
5281
5585
|
return /* @__PURE__ */ jsx(
|
|
5282
5586
|
"div",
|
|
5283
5587
|
{
|
|
5284
|
-
className:
|
|
5588
|
+
className: clsx67("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
5285
5589
|
style: {
|
|
5286
5590
|
backgroundColor
|
|
5287
5591
|
},
|
|
5288
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
5592
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx67("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
5289
5593
|
}
|
|
5290
5594
|
);
|
|
5291
5595
|
};
|
|
@@ -5333,13 +5637,13 @@ var FeaturedNewsHighlights = ({
|
|
|
5333
5637
|
const sideCards = items.slice(1);
|
|
5334
5638
|
const isVariantHome = variant === "home";
|
|
5335
5639
|
const isBelowTablet = is("tablet", "below");
|
|
5336
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
5337
|
-
title && cta && /* @__PURE__ */ jsxs("div", { className:
|
|
5640
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
5641
|
+
title && cta && /* @__PURE__ */ jsxs("div", { className: clsx67("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
5338
5642
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
5339
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
5643
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx67("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
5340
5644
|
Button,
|
|
5341
5645
|
{
|
|
5342
|
-
className:
|
|
5646
|
+
className: clsx67("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
5343
5647
|
variant: "nofillblack",
|
|
5344
5648
|
href: cta.url,
|
|
5345
5649
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -5351,33 +5655,33 @@ var FeaturedNewsHighlights = ({
|
|
|
5351
5655
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
|
|
5352
5656
|
Carousel,
|
|
5353
5657
|
{
|
|
5354
|
-
className:
|
|
5658
|
+
className: clsx67("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
5355
5659
|
"aria-label": "featured news",
|
|
5356
|
-
wrapperClass:
|
|
5660
|
+
wrapperClass: clsx67(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
5357
5661
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
5358
5662
|
spaceBetween: 16,
|
|
5359
5663
|
slides: items.map((item) => /* @__PURE__ */ jsx(
|
|
5360
5664
|
NewsCard,
|
|
5361
5665
|
__spreadProps(__spreadValues({}, item), {
|
|
5362
5666
|
direction: "vertical",
|
|
5363
|
-
className:
|
|
5667
|
+
className: clsx67("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
5364
5668
|
}),
|
|
5365
5669
|
`${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
|
|
5366
5670
|
))
|
|
5367
5671
|
}
|
|
5368
5672
|
),
|
|
5369
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className:
|
|
5673
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx67("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
5370
5674
|
featuredCard && /* @__PURE__ */ jsx(
|
|
5371
5675
|
NewsCard,
|
|
5372
5676
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
5373
|
-
className:
|
|
5677
|
+
className: clsx67("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
5374
5678
|
renderLink
|
|
5375
5679
|
})
|
|
5376
5680
|
),
|
|
5377
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
5681
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx67("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsx(
|
|
5378
5682
|
NewsCard,
|
|
5379
5683
|
__spreadProps(__spreadValues({}, card), {
|
|
5380
|
-
className:
|
|
5684
|
+
className: clsx67("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
5381
5685
|
direction: "horizontal",
|
|
5382
5686
|
renderLink
|
|
5383
5687
|
}),
|
|
@@ -5388,11 +5692,11 @@ var FeaturedNewsHighlights = ({
|
|
|
5388
5692
|
return /* @__PURE__ */ jsx(
|
|
5389
5693
|
"div",
|
|
5390
5694
|
{
|
|
5391
|
-
className:
|
|
5695
|
+
className: clsx67("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
5392
5696
|
style: {
|
|
5393
5697
|
backgroundColor
|
|
5394
5698
|
},
|
|
5395
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
5699
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx67("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
5396
5700
|
}
|
|
5397
5701
|
);
|
|
5398
5702
|
};
|
|
@@ -5436,16 +5740,16 @@ var NewsCardList = ({
|
|
|
5436
5740
|
return /* @__PURE__ */ jsx(
|
|
5437
5741
|
"div",
|
|
5438
5742
|
{
|
|
5439
|
-
className:
|
|
5743
|
+
className: clsx67("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
5440
5744
|
style: {
|
|
5441
5745
|
backgroundColor
|
|
5442
5746
|
},
|
|
5443
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
5444
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5747
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx67("container", NewsCardList_module_default["container"]), children: [
|
|
5748
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
5445
5749
|
/* @__PURE__ */ jsx(
|
|
5446
5750
|
Input,
|
|
5447
5751
|
__spreadValues({
|
|
5448
|
-
className:
|
|
5752
|
+
className: clsx67("search-input", NewsCardList_module_default["search-input"]),
|
|
5449
5753
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5450
5754
|
placeholder: "Search News",
|
|
5451
5755
|
"aria-label": "Search News",
|
|
@@ -5453,7 +5757,7 @@ var NewsCardList = ({
|
|
|
5453
5757
|
Button,
|
|
5454
5758
|
{
|
|
5455
5759
|
variant: "nofillblack",
|
|
5456
|
-
className:
|
|
5760
|
+
className: clsx67(NewsCardList_module_default["end-action-button"]),
|
|
5457
5761
|
"aria-label": "Search",
|
|
5458
5762
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
5459
5763
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5465,7 +5769,7 @@ var NewsCardList = ({
|
|
|
5465
5769
|
} : void 0
|
|
5466
5770
|
}, searchInputProps)
|
|
5467
5771
|
),
|
|
5468
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5772
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
5469
5773
|
currentPage === 1 && /* @__PURE__ */ jsx(
|
|
5470
5774
|
FeaturedNewsHighlights2,
|
|
5471
5775
|
{
|
|
@@ -5478,8 +5782,8 @@ var NewsCardList = ({
|
|
|
5478
5782
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
|
|
5479
5783
|
] })
|
|
5480
5784
|
] }),
|
|
5481
|
-
paginationNode ?
|
|
5482
|
-
className:
|
|
5785
|
+
paginationNode ? React73.cloneElement(paginationNode, {
|
|
5786
|
+
className: clsx67("pagination", NewsCardList_module_default["pagination"])
|
|
5483
5787
|
}) : null
|
|
5484
5788
|
] })
|
|
5485
5789
|
}
|
|
@@ -5524,15 +5828,15 @@ var BlogPost = ({
|
|
|
5524
5828
|
});
|
|
5525
5829
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5526
5830
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5527
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5528
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5831
|
+
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: [
|
|
5832
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("header", BlogPost_module_default["header"]), children: [
|
|
5529
5833
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5530
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5834
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67("image", BlogPost_module_default["image"]) }))
|
|
5531
5835
|
] }),
|
|
5532
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5533
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5836
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content", BlogPost_module_default["content"]), children: [
|
|
5837
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5534
5838
|
/* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
|
|
5535
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
5839
|
+
/* @__PURE__ */ jsxs("span", { className: clsx67("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5536
5840
|
"Published ",
|
|
5537
5841
|
/* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
|
|
5538
5842
|
] })
|
|
@@ -5545,7 +5849,7 @@ var BlogPost = ({
|
|
|
5545
5849
|
title: "More News",
|
|
5546
5850
|
items: relatedArticles,
|
|
5547
5851
|
hasContainer: false,
|
|
5548
|
-
className:
|
|
5852
|
+
className: clsx67("related-articles", BlogPost_module_default["related-articles"])
|
|
5549
5853
|
}
|
|
5550
5854
|
)
|
|
5551
5855
|
] }) });
|
|
@@ -5593,15 +5897,15 @@ var BlogSearchResultsList = ({
|
|
|
5593
5897
|
});
|
|
5594
5898
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5595
5899
|
const paginationNode = slots.pagination;
|
|
5596
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5597
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5598
|
-
className:
|
|
5900
|
+
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: [
|
|
5901
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx67("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React73.isValidElement(searchNode) ? React73.cloneElement(searchNode, {
|
|
5902
|
+
className: clsx67("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5599
5903
|
}) : null,
|
|
5600
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5904
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5601
5905
|
/* @__PURE__ */ jsx(
|
|
5602
5906
|
Input,
|
|
5603
5907
|
__spreadValues({
|
|
5604
|
-
className:
|
|
5908
|
+
className: clsx67("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5605
5909
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5606
5910
|
placeholder: "Search News",
|
|
5607
5911
|
"aria-label": "Search News",
|
|
@@ -5609,7 +5913,7 @@ var BlogSearchResultsList = ({
|
|
|
5609
5913
|
Button,
|
|
5610
5914
|
{
|
|
5611
5915
|
variant: "nofillblack",
|
|
5612
|
-
className:
|
|
5916
|
+
className: clsx67(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5613
5917
|
"aria-label": "Search",
|
|
5614
5918
|
onClick: () => onSearchSubmit(searchValue),
|
|
5615
5919
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5623,8 +5927,8 @@ var BlogSearchResultsList = ({
|
|
|
5623
5927
|
),
|
|
5624
5928
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5625
5929
|
] }),
|
|
5626
|
-
paginationNode ?
|
|
5627
|
-
className:
|
|
5930
|
+
paginationNode ? React73.cloneElement(paginationNode, {
|
|
5931
|
+
className: clsx67("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5628
5932
|
}) : null
|
|
5629
5933
|
] }) });
|
|
5630
5934
|
};
|
|
@@ -5665,11 +5969,11 @@ var GlobalSearchResultsList = ({
|
|
|
5665
5969
|
});
|
|
5666
5970
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5667
5971
|
const paginationNode = slots.pagination;
|
|
5668
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5669
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5670
|
-
className:
|
|
5972
|
+
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: [
|
|
5973
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx67("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React73.isValidElement(searchNode) ? React73.cloneElement(searchNode, {
|
|
5974
|
+
className: clsx67("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5671
5975
|
}) : null,
|
|
5672
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5976
|
+
/* @__PURE__ */ jsx("div", { className: clsx67("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5673
5977
|
var _a2;
|
|
5674
5978
|
return /* @__PURE__ */ jsx(
|
|
5675
5979
|
GridItem,
|
|
@@ -5689,8 +5993,8 @@ var GlobalSearchResultsList = ({
|
|
|
5689
5993
|
item.title ? `${item.title}-${(_a2 = item == null ? void 0 : item.id) != null ? _a2 : index}` : index
|
|
5690
5994
|
);
|
|
5691
5995
|
}) }) }),
|
|
5692
|
-
paginationNode ?
|
|
5693
|
-
className:
|
|
5996
|
+
paginationNode ? React73.cloneElement(paginationNode, {
|
|
5997
|
+
className: clsx67("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5694
5998
|
}) : null
|
|
5695
5999
|
] }) });
|
|
5696
6000
|
};
|
|
@@ -5735,7 +6039,7 @@ var TextCenterWithMedia = ({
|
|
|
5735
6039
|
};
|
|
5736
6040
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5737
6041
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5738
|
-
return /* @__PURE__ */ jsxs("section", { className:
|
|
6042
|
+
return /* @__PURE__ */ jsxs("section", { className: clsx67(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5739
6043
|
/* @__PURE__ */ jsxs(Container, { children: [
|
|
5740
6044
|
titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
|
|
5741
6045
|
/* @__PURE__ */ jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -5811,7 +6115,7 @@ var QuoteSectionBlock = ({
|
|
|
5811
6115
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
5812
6116
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
5813
6117
|
if (!items.length) return null;
|
|
5814
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
6118
|
+
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
6119
|
title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5816
6120
|
/* @__PURE__ */ jsx("div", { className: !viewtype ? QuoteSectionBlock_module_default.swiperContainer : QuoteSectionBlock_module_default.swiperContainerFullWidth, children: /* @__PURE__ */ jsx(
|
|
5817
6121
|
Swiper,
|
|
@@ -5866,12 +6170,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5866
6170
|
logo: PageLoaderLogo
|
|
5867
6171
|
});
|
|
5868
6172
|
const logoNode = slots.logo;
|
|
5869
|
-
return /* @__PURE__ */ jsx(Container, { className:
|
|
5870
|
-
logoNode ?
|
|
5871
|
-
className:
|
|
6173
|
+
return /* @__PURE__ */ jsx(Container, { className: clsx67(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxs("div", { className: clsx67("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
6174
|
+
logoNode ? React73.cloneElement(logoNode, {
|
|
6175
|
+
className: clsx67("image-logo", PageLoader_module_default["image-logo"])
|
|
5872
6176
|
}) : null,
|
|
5873
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5874
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6177
|
+
/* @__PURE__ */ jsx("div", { className: clsx67("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsx(Loader, {}) }),
|
|
6178
|
+
/* @__PURE__ */ jsx("span", { className: clsx67("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5875
6179
|
] }) });
|
|
5876
6180
|
};
|
|
5877
6181
|
|
|
@@ -5897,8 +6201,8 @@ var TwoColTextMenu = ({
|
|
|
5897
6201
|
renderLink
|
|
5898
6202
|
}) => {
|
|
5899
6203
|
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:
|
|
6204
|
+
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: [
|
|
6205
|
+
/* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsx("h2", { className: clsx67("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
|
|
5902
6206
|
/* @__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
6207
|
] }, index)) }) }) });
|
|
5904
6208
|
};
|
|
@@ -5933,11 +6237,11 @@ var LocationsBrandCards = ({
|
|
|
5933
6237
|
text: LocationsBrandCardsText
|
|
5934
6238
|
});
|
|
5935
6239
|
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:
|
|
6240
|
+
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: [
|
|
6241
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
|
|
6242
|
+
/* @__PURE__ */ jsx("h2", { className: clsx67("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
|
|
5939
6243
|
textNode && isValidElement(textNode) ? cloneElement(textNode, {
|
|
5940
|
-
className:
|
|
6244
|
+
className: clsx67(
|
|
5941
6245
|
"locations-brand-subtitle",
|
|
5942
6246
|
"subheading",
|
|
5943
6247
|
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
@@ -5945,7 +6249,7 @@ var LocationsBrandCards = ({
|
|
|
5945
6249
|
}) : /* @__PURE__ */ jsx(
|
|
5946
6250
|
"p",
|
|
5947
6251
|
{
|
|
5948
|
-
className:
|
|
6252
|
+
className: clsx67(
|
|
5949
6253
|
"locations-brand-subtitle",
|
|
5950
6254
|
"subheading",
|
|
5951
6255
|
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
@@ -5954,20 +6258,20 @@ var LocationsBrandCards = ({
|
|
|
5954
6258
|
}
|
|
5955
6259
|
)
|
|
5956
6260
|
] }),
|
|
5957
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5958
|
-
/* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5959
|
-
/* @__PURE__ */ jsx(Grid, { columns: 2, className:
|
|
6261
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
|
|
6262
|
+
/* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx67("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
|
|
6263
|
+
/* @__PURE__ */ jsx(Grid, { columns: 2, className: clsx67("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
|
|
5960
6264
|
var _a2;
|
|
5961
6265
|
return /* @__PURE__ */ jsx(
|
|
5962
6266
|
GridItem,
|
|
5963
6267
|
{
|
|
5964
|
-
className:
|
|
6268
|
+
className: clsx67("card-item", LocationsBrandCards_module_default["card-item"]),
|
|
5965
6269
|
colSpan: { md: 1 },
|
|
5966
6270
|
children: /* @__PURE__ */ jsx(
|
|
5967
6271
|
BrandCard,
|
|
5968
6272
|
__spreadProps(__spreadValues({}, card), {
|
|
5969
6273
|
animationSettings: __spreadProps(__spreadValues({}, card.animationSettings), { triggerRef: containerRef }),
|
|
5970
|
-
className:
|
|
6274
|
+
className: clsx67("card", LocationsBrandCards_module_default["card"])
|
|
5971
6275
|
})
|
|
5972
6276
|
)
|
|
5973
6277
|
},
|
|
@@ -6021,7 +6325,7 @@ var BrandsTab = (props) => {
|
|
|
6021
6325
|
content: /* @__PURE__ */ jsxs(
|
|
6022
6326
|
"div",
|
|
6023
6327
|
{
|
|
6024
|
-
className:
|
|
6328
|
+
className: clsx67(BrandsTab_module_default["accordion-content"]),
|
|
6025
6329
|
style: {
|
|
6026
6330
|
"--theme-color": `var(${tab.theme})`
|
|
6027
6331
|
},
|
|
@@ -6037,7 +6341,7 @@ var BrandsTab = (props) => {
|
|
|
6037
6341
|
children: [
|
|
6038
6342
|
/* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
|
|
6039
6343
|
content.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
|
|
6040
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6344
|
+
/* @__PURE__ */ jsx("h3", { className: clsx67("h4", BrandsTab_module_default["card-title"]), children: content.title })
|
|
6041
6345
|
] }),
|
|
6042
6346
|
/* @__PURE__ */ jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
|
|
6043
6347
|
]
|
|
@@ -6064,7 +6368,7 @@ var BrandsTab = (props) => {
|
|
|
6064
6368
|
return /* @__PURE__ */ jsxs(
|
|
6065
6369
|
"button",
|
|
6066
6370
|
{
|
|
6067
|
-
className:
|
|
6371
|
+
className: clsx67(BrandsTab_module_default["accordion-header"], {
|
|
6068
6372
|
[BrandsTab_module_default["accordion-header-open"]]: isOpen
|
|
6069
6373
|
}),
|
|
6070
6374
|
style: {
|
|
@@ -6078,7 +6382,7 @@ var BrandsTab = (props) => {
|
|
|
6078
6382
|
/* @__PURE__ */ jsx(
|
|
6079
6383
|
"span",
|
|
6080
6384
|
{
|
|
6081
|
-
className:
|
|
6385
|
+
className: clsx67(BrandsTab_module_default.accordionChevron, {
|
|
6082
6386
|
[BrandsTab_module_default.accordionChevronOpen]: isOpen
|
|
6083
6387
|
}),
|
|
6084
6388
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUp", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -6091,10 +6395,10 @@ var BrandsTab = (props) => {
|
|
|
6091
6395
|
};
|
|
6092
6396
|
})) || [];
|
|
6093
6397
|
}, [tabs]);
|
|
6094
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
6398
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(BrandsTab_module_default["brands-tab"], className), children: [
|
|
6095
6399
|
/* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["text-container"], children: [
|
|
6096
6400
|
title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: BrandsTab_module_default.title, children: title }),
|
|
6097
|
-
subtitle && /* @__PURE__ */ jsx("div", { className:
|
|
6401
|
+
subtitle && /* @__PURE__ */ jsx("div", { className: clsx67("subheading", BrandsTab_module_default.subtitle), children: subtitle })
|
|
6098
6402
|
] }),
|
|
6099
6403
|
isTabletBelow ? /* @__PURE__ */ jsx(
|
|
6100
6404
|
Accordion,
|
|
@@ -6102,7 +6406,7 @@ var BrandsTab = (props) => {
|
|
|
6102
6406
|
items: accordionItems,
|
|
6103
6407
|
allowMultiple: true,
|
|
6104
6408
|
defaultOpenIds: [],
|
|
6105
|
-
className:
|
|
6409
|
+
className: clsx67(BrandsTab_module_default["accordion"])
|
|
6106
6410
|
}
|
|
6107
6411
|
) : /* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["tab-wrapper"], children: [
|
|
6108
6412
|
/* @__PURE__ */ jsx("div", { className: BrandsTab_module_default["tab-buttons"], children: tabs == null ? void 0 : tabs.map(({ trigger, theme }, index) => {
|
|
@@ -6113,7 +6417,7 @@ var BrandsTab = (props) => {
|
|
|
6113
6417
|
variant: "tabbutton",
|
|
6114
6418
|
onClick: () => setActiveIndex(index),
|
|
6115
6419
|
isActive,
|
|
6116
|
-
className:
|
|
6420
|
+
className: clsx67(BrandsTab_module_default["tab-trigger"], isActive ? BrandsTab_module_default["tab-active"] : null),
|
|
6117
6421
|
style: {
|
|
6118
6422
|
"--theme-color": `var(${theme})`
|
|
6119
6423
|
},
|
|
@@ -6125,7 +6429,7 @@ var BrandsTab = (props) => {
|
|
|
6125
6429
|
/* @__PURE__ */ jsxs(
|
|
6126
6430
|
"div",
|
|
6127
6431
|
{
|
|
6128
|
-
className:
|
|
6432
|
+
className: clsx67(BrandsTab_module_default["tab-content-area"]),
|
|
6129
6433
|
style: {
|
|
6130
6434
|
"--theme-color": `var(${tabs == null ? void 0 : tabs[activeIndex].theme})`
|
|
6131
6435
|
},
|
|
@@ -6141,7 +6445,7 @@ var BrandsTab = (props) => {
|
|
|
6141
6445
|
children: [
|
|
6142
6446
|
/* @__PURE__ */ jsxs("div", { className: BrandsTab_module_default["card-header"], children: [
|
|
6143
6447
|
content.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsTab_module_default["card-logo"] }, content.logo)),
|
|
6144
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
6448
|
+
/* @__PURE__ */ jsx("h3", { className: clsx67("h4", BrandsTab_module_default["card-title"]), children: content.title })
|
|
6145
6449
|
] }),
|
|
6146
6450
|
/* @__PURE__ */ jsx("div", { className: BrandsTab_module_default["card-description"], children: content.description })
|
|
6147
6451
|
]
|
|
@@ -6189,17 +6493,17 @@ var TimelineCards_module_default = {
|
|
|
6189
6493
|
"step-divider": "TimelineCards_module_step-divider"
|
|
6190
6494
|
};
|
|
6191
6495
|
var TimelineCard = ({ text, logo }) => {
|
|
6192
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
6496
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67(TimelineCards_module_default["card"]), children: [
|
|
6193
6497
|
logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: TimelineCards_module_default["card-logo"] }, logo)),
|
|
6194
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6498
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(TimelineCards_module_default["card-text"]), children: text })
|
|
6195
6499
|
] });
|
|
6196
6500
|
};
|
|
6197
6501
|
var TimelineSteps = ({ length }) => {
|
|
6198
6502
|
if (length === 0) return null;
|
|
6199
|
-
return /* @__PURE__ */ jsx("ol", { className:
|
|
6503
|
+
return /* @__PURE__ */ jsx("ol", { className: clsx67(TimelineCards_module_default["timeline-steps"]), children: Array.from({ length }).map((_, index) => {
|
|
6200
6504
|
return /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
6201
|
-
/* @__PURE__ */ jsxs("li", { className:
|
|
6202
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6505
|
+
/* @__PURE__ */ jsxs("li", { className: clsx67(TimelineCards_module_default["step-container"]), children: [
|
|
6506
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(TimelineCards_module_default["step-content"]), "aria-hidden": "true", children: index + 1 }),
|
|
6203
6507
|
/* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
|
|
6204
6508
|
"Step ",
|
|
6205
6509
|
index + 1,
|
|
@@ -6207,26 +6511,26 @@ var TimelineSteps = ({ length }) => {
|
|
|
6207
6511
|
length
|
|
6208
6512
|
] })
|
|
6209
6513
|
] }),
|
|
6210
|
-
index < length - 1 ? /* @__PURE__ */ jsx("li", { className:
|
|
6514
|
+
index < length - 1 ? /* @__PURE__ */ jsx("li", { className: clsx67(TimelineCards_module_default["step-divider"]), role: "presentation" }) : null
|
|
6211
6515
|
] }, index);
|
|
6212
6516
|
}) });
|
|
6213
6517
|
};
|
|
6214
6518
|
var TimelineCards = ({ captionText, cards, className }) => {
|
|
6215
6519
|
const slicedCards = cards == null ? void 0 : cards.slice(0, 3);
|
|
6216
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
6217
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6520
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(TimelineCards_module_default["timeline-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67(TimelineCards_module_default["container"]), children: [
|
|
6521
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(TimelineCards_module_default["wrapper"]), children: [
|
|
6218
6522
|
/* @__PURE__ */ jsx(TimelineSteps, { length: (slicedCards == null ? void 0 : slicedCards.length) || 0 }),
|
|
6219
|
-
/* @__PURE__ */ jsx(Grid, { columns: 3, gap: 16, className:
|
|
6523
|
+
/* @__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
6524
|
GridItem,
|
|
6221
6525
|
{
|
|
6222
6526
|
colSpan: { md: 3 },
|
|
6223
|
-
className:
|
|
6527
|
+
className: clsx67(TimelineCards_module_default["timeline-card-item"]),
|
|
6224
6528
|
children: /* @__PURE__ */ jsx(TimelineCard, __spreadValues({}, card))
|
|
6225
6529
|
},
|
|
6226
6530
|
index
|
|
6227
6531
|
)) })
|
|
6228
6532
|
] }),
|
|
6229
|
-
captionText && /* @__PURE__ */ jsx("p", { className:
|
|
6533
|
+
captionText && /* @__PURE__ */ jsx("p", { className: clsx67(TimelineCards_module_default["timeline-cards-text"]), children: captionText })
|
|
6230
6534
|
] }) });
|
|
6231
6535
|
};
|
|
6232
6536
|
|
|
@@ -6258,28 +6562,28 @@ var PodcastCard = ({
|
|
|
6258
6562
|
cta,
|
|
6259
6563
|
className
|
|
6260
6564
|
}) => {
|
|
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:
|
|
6565
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx67("podcast-card", PodcastCard_module_default["podcast-card"], className), children: [
|
|
6566
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["content-wrapper"]), children: [
|
|
6567
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["top-content"]), children: [
|
|
6568
|
+
/* @__PURE__ */ jsx(Badge, { className: clsx67(PodcastCard_module_default["badge"]), role: void 0, children: badge }),
|
|
6569
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(PodcastCard_module_default["date"]), children: date })
|
|
6266
6570
|
] }),
|
|
6267
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6268
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6269
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6571
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["main-content"]), children: [
|
|
6572
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(PodcastCard_module_default["title"]), children: title }),
|
|
6573
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(PodcastCard_module_default["description"]), children: description })
|
|
6270
6574
|
] })
|
|
6271
6575
|
] }),
|
|
6272
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
6273
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
6274
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
6576
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67(PodcastCard_module_default["cta-wrapper"]), children: [
|
|
6577
|
+
/* @__PURE__ */ jsx("span", { className: clsx67(PodcastCard_module_default["cta-label"]), children: cta.label }),
|
|
6578
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(PodcastCard_module_default["cta-icons"]), children: cta.logoCta.map((logo, index) => /* @__PURE__ */ jsxs(
|
|
6275
6579
|
Anchor,
|
|
6276
6580
|
{
|
|
6277
6581
|
href: logo.url,
|
|
6278
6582
|
isExternal: logo.isExternal,
|
|
6279
|
-
className:
|
|
6583
|
+
className: clsx67(PodcastCard_module_default["cta-icon"]),
|
|
6280
6584
|
children: [
|
|
6281
|
-
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.default), { className:
|
|
6282
|
-
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.active), { className:
|
|
6585
|
+
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.default), { className: clsx67(PodcastCard_module_default["icon-default"]) })),
|
|
6586
|
+
/* @__PURE__ */ jsx("img", __spreadProps(__spreadValues({}, logo.active), { className: clsx67(PodcastCard_module_default["icon-active"]) }))
|
|
6283
6587
|
]
|
|
6284
6588
|
},
|
|
6285
6589
|
index
|
|
@@ -6295,15 +6599,15 @@ var PodcastGridCards_module_default = {
|
|
|
6295
6599
|
title: "PodcastGridCards_module_title"
|
|
6296
6600
|
};
|
|
6297
6601
|
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:
|
|
6602
|
+
return /* @__PURE__ */ jsx("div", { className: clsx67(PodcastGridCards_module_default["podcast-grid-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx67(PodcastGridCards_module_default["container"]), children: [
|
|
6603
|
+
title && /* @__PURE__ */ jsx("h2", { className: clsx67(PodcastGridCards_module_default["title"]), children: title }),
|
|
6604
|
+
/* @__PURE__ */ jsx(Grid, { columns: 12, gap: 16, className: clsx67(PodcastGridCards_module_default["podcast-grid"]), children: items == null ? void 0 : items.map((item, index) => {
|
|
6301
6605
|
var _a;
|
|
6302
6606
|
return /* @__PURE__ */ jsx(
|
|
6303
6607
|
GridItem,
|
|
6304
6608
|
{
|
|
6305
6609
|
colSpan: { md: 12, lg: 6, xl: 4 },
|
|
6306
|
-
className:
|
|
6610
|
+
className: clsx67(PodcastGridCards_module_default["timeline-card-item"]),
|
|
6307
6611
|
children: /* @__PURE__ */ jsx(PodcastCard, __spreadValues({}, item))
|
|
6308
6612
|
},
|
|
6309
6613
|
(_a = item == null ? void 0 : item.id) != null ? _a : index
|
|
@@ -6336,9 +6640,9 @@ var TextFootnote = (props) => {
|
|
|
6336
6640
|
});
|
|
6337
6641
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
6338
6642
|
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:
|
|
6643
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx67(TextFootnote_module_default.textFootnote, className), children: [
|
|
6644
|
+
titleNode && /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx67(TextFootnote_module_default.title, titleAlign), children: titleNode }),
|
|
6645
|
+
/* @__PURE__ */ jsx("div", { className: clsx67(TextFootnote_module_default.body), children: bodyNode })
|
|
6342
6646
|
] });
|
|
6343
6647
|
};
|
|
6344
6648
|
|
|
@@ -6364,13 +6668,13 @@ var Faq = (props) => {
|
|
|
6364
6668
|
return (items == null ? void 0 : items.map((item, index) => ({
|
|
6365
6669
|
id: index,
|
|
6366
6670
|
title: item.title,
|
|
6367
|
-
content: /* @__PURE__ */ jsx("div", { className:
|
|
6671
|
+
content: /* @__PURE__ */ jsx("div", { className: clsx67(Faq_module_default["accordion-content"]), children: item.body }),
|
|
6368
6672
|
hasDivider: true,
|
|
6369
6673
|
renderItemHeader: ({ isOpen, toggle }) => {
|
|
6370
6674
|
return /* @__PURE__ */ jsxs(
|
|
6371
6675
|
"button",
|
|
6372
6676
|
{
|
|
6373
|
-
className:
|
|
6677
|
+
className: clsx67(Faq_module_default["accordion-header"], {
|
|
6374
6678
|
[Faq_module_default["accordion-header-open"]]: isOpen
|
|
6375
6679
|
}),
|
|
6376
6680
|
onClick: toggle,
|
|
@@ -6380,7 +6684,7 @@ var Faq = (props) => {
|
|
|
6380
6684
|
/* @__PURE__ */ jsx(
|
|
6381
6685
|
"span",
|
|
6382
6686
|
{
|
|
6383
|
-
className:
|
|
6687
|
+
className: clsx67(Faq_module_default["accordion-title"], {
|
|
6384
6688
|
[Faq_module_default.accordionChevronOpen]: isOpen
|
|
6385
6689
|
}),
|
|
6386
6690
|
children: item.title
|
|
@@ -6389,7 +6693,7 @@ var Faq = (props) => {
|
|
|
6389
6693
|
/* @__PURE__ */ jsx(
|
|
6390
6694
|
"span",
|
|
6391
6695
|
{
|
|
6392
|
-
className:
|
|
6696
|
+
className: clsx67(Faq_module_default.accordionChevron, {
|
|
6393
6697
|
[Faq_module_default.accordionChevronOpen]: isOpen
|
|
6394
6698
|
}),
|
|
6395
6699
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 40 }) : /* @__PURE__ */ jsx(
|
|
@@ -6398,7 +6702,7 @@ var Faq = (props) => {
|
|
|
6398
6702
|
type: "downChevronBlack",
|
|
6399
6703
|
size: 40,
|
|
6400
6704
|
stroke: "#949494",
|
|
6401
|
-
className:
|
|
6705
|
+
className: clsx67(Faq_module_default.collapsed)
|
|
6402
6706
|
}
|
|
6403
6707
|
)
|
|
6404
6708
|
}
|
|
@@ -6409,19 +6713,63 @@ var Faq = (props) => {
|
|
|
6409
6713
|
}
|
|
6410
6714
|
}))) || [];
|
|
6411
6715
|
}, [items]);
|
|
6412
|
-
return /* @__PURE__ */ jsx(Container, { className:
|
|
6716
|
+
return /* @__PURE__ */ jsx(Container, { className: clsx67(Faq_module_default["faq"], className), children: /* @__PURE__ */ jsx(
|
|
6413
6717
|
Accordion,
|
|
6414
6718
|
{
|
|
6415
6719
|
items: accordionItems,
|
|
6416
6720
|
allowMultiple: true,
|
|
6417
6721
|
defaultOpenIds: [],
|
|
6418
|
-
className:
|
|
6722
|
+
className: clsx67(Faq_module_default["accordion"])
|
|
6419
6723
|
}
|
|
6420
6724
|
) });
|
|
6421
6725
|
};
|
|
6422
6726
|
|
|
6423
6727
|
// src/widgets/Faq/index.tsx
|
|
6424
6728
|
var Faq2 = Object.assign(Faq, {});
|
|
6729
|
+
var IconTeamSelect = ({ children }) => {
|
|
6730
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
6731
|
+
};
|
|
6732
|
+
var IconTeamCard2 = ({ children }) => {
|
|
6733
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
6734
|
+
};
|
|
6735
|
+
|
|
6736
|
+
// src/widgets/IconTeam/IconTeam.module.scss
|
|
6737
|
+
var IconTeam_module_default = {
|
|
6738
|
+
"icon-team": "IconTeam_module_icon-team",
|
|
6739
|
+
container: "IconTeam_module_container",
|
|
6740
|
+
header: "IconTeam_module_header",
|
|
6741
|
+
subtitle: "IconTeam_module_subtitle",
|
|
6742
|
+
title: "IconTeam_module_title",
|
|
6743
|
+
"select-wrapper": "IconTeam_module_select-wrapper"
|
|
6744
|
+
};
|
|
6745
|
+
var IconTeam = ({ className, title, subtitle, children }) => {
|
|
6746
|
+
const slots = resolveCompoundSlots(children, {
|
|
6747
|
+
select: IconTeamSelect,
|
|
6748
|
+
card: IconTeamCard2
|
|
6749
|
+
});
|
|
6750
|
+
const selectNode = slots.select || null;
|
|
6751
|
+
const cardNode = slots.card || null;
|
|
6752
|
+
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: [
|
|
6753
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("header", IconTeam_module_default["header"]), children: [
|
|
6754
|
+
/* @__PURE__ */ jsx("h2", { className: clsx67("title", IconTeam_module_default["title"]), children: title }),
|
|
6755
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: clsx67("subtitle", IconTeam_module_default["subtitle"]), children: subtitle })
|
|
6756
|
+
] }),
|
|
6757
|
+
/* @__PURE__ */ jsxs("div", { className: clsx67("select-wrapper", IconTeam_module_default["select-wrapper"]), children: [
|
|
6758
|
+
selectNode && cloneElement(selectNode, {
|
|
6759
|
+
className: clsx67("select", IconTeam_module_default["select"])
|
|
6760
|
+
}),
|
|
6761
|
+
cardNode && cloneElement(cardNode, {
|
|
6762
|
+
className: clsx67("info-card", IconTeam_module_default["info-card"])
|
|
6763
|
+
})
|
|
6764
|
+
] })
|
|
6765
|
+
] }) });
|
|
6766
|
+
};
|
|
6767
|
+
|
|
6768
|
+
// src/widgets/IconTeam/index.tsx
|
|
6769
|
+
var IconTeam2 = Object.assign(IconTeam, {
|
|
6770
|
+
Select: IconTeamSelect,
|
|
6771
|
+
Card: IconTeamCard2
|
|
6772
|
+
});
|
|
6425
6773
|
function useIntersectionObserver({
|
|
6426
6774
|
animateOnce = false,
|
|
6427
6775
|
options = {}
|
|
@@ -6451,6 +6799,6 @@ function useIntersectionObserver({
|
|
|
6451
6799
|
return { observeRef, isVisible };
|
|
6452
6800
|
}
|
|
6453
6801
|
|
|
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 };
|
|
6802
|
+
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
6803
|
//# sourceMappingURL=index.mjs.map
|
|
6456
6804
|
//# sourceMappingURL=index.mjs.map
|