@digital-b2c/coreui-kit 0.15.9 → 0.16.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 +297 -219
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +227 -11
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +24 -2
- package/dist/index.d.ts +24 -2
- package/dist/index.mjs +295 -219
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +101 -101
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var clsx48 = require('clsx');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React70 = require('react');
|
|
6
6
|
var gsap = require('gsap');
|
|
@@ -13,7 +13,7 @@ var ReactPlayer = require('react-player');
|
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var clsx48__default = /*#__PURE__*/_interopDefault(clsx48);
|
|
17
17
|
var React70__default = /*#__PURE__*/_interopDefault(React70);
|
|
18
18
|
var gsap__default = /*#__PURE__*/_interopDefault(gsap);
|
|
19
19
|
var ReactPlayer__default = /*#__PURE__*/_interopDefault(ReactPlayer);
|
|
@@ -68,7 +68,7 @@ var Picture = (_a) => {
|
|
|
68
68
|
__spreadValues({
|
|
69
69
|
src: desktop.src,
|
|
70
70
|
alt: desktop.alt,
|
|
71
|
-
className:
|
|
71
|
+
className: clsx48__default.default(className, Picture_module_default["image-desktop"])
|
|
72
72
|
}, rest)
|
|
73
73
|
),
|
|
74
74
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -76,7 +76,7 @@ var Picture = (_a) => {
|
|
|
76
76
|
__spreadValues({
|
|
77
77
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
78
78
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
79
|
-
className:
|
|
79
|
+
className: clsx48__default.default(className, Picture_module_default["image-mobile"])
|
|
80
80
|
}, rest)
|
|
81
81
|
)
|
|
82
82
|
] });
|
|
@@ -470,7 +470,7 @@ var Button = (_a) => {
|
|
|
470
470
|
]);
|
|
471
471
|
const isLink = !!href;
|
|
472
472
|
const props = __spreadValues(__spreadValues({
|
|
473
|
-
className:
|
|
473
|
+
className: clsx48__default.default(
|
|
474
474
|
Button_module_default.button,
|
|
475
475
|
variant ? Button_module_default[variant] : null,
|
|
476
476
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -702,7 +702,7 @@ var BrandsStrip = ({
|
|
|
702
702
|
"div",
|
|
703
703
|
{
|
|
704
704
|
ref: containerRef,
|
|
705
|
-
className:
|
|
705
|
+
className: clsx48__default.default(
|
|
706
706
|
BrandsStrip_module_default.brandsStrip,
|
|
707
707
|
BrandsStrip_module_default[variant],
|
|
708
708
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -711,13 +711,13 @@ var BrandsStrip = ({
|
|
|
711
711
|
onMouseEnter: handleMouseEnter,
|
|
712
712
|
onMouseLeave: handleMouseLeave,
|
|
713
713
|
children: [
|
|
714
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
715
|
-
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
714
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
715
|
+
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx48__default.default("body", BrandsStrip_module_default.title), children: title }),
|
|
716
716
|
logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
717
717
|
"div",
|
|
718
718
|
{
|
|
719
719
|
ref: marqueeRef,
|
|
720
|
-
className:
|
|
720
|
+
className: clsx48__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
721
721
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
722
722
|
}
|
|
723
723
|
)
|
|
@@ -764,7 +764,7 @@ var Container_module_default = {
|
|
|
764
764
|
var Container = React70.forwardRef(
|
|
765
765
|
(_a, ref) => {
|
|
766
766
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
767
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
767
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx48__default.default(Container_module_default.container, className) }, props), { children }));
|
|
768
768
|
}
|
|
769
769
|
);
|
|
770
770
|
Container.displayName = "Container";
|
|
@@ -805,14 +805,14 @@ var Card = ({
|
|
|
805
805
|
ConditionalWrapper,
|
|
806
806
|
__spreadProps(__spreadValues({
|
|
807
807
|
ref,
|
|
808
|
-
className:
|
|
808
|
+
className: clsx48__default.default(Card_module_default.card, Card_module_default[variant], className),
|
|
809
809
|
wrapper: Anchor,
|
|
810
810
|
fallback: "div",
|
|
811
811
|
condition: isLink
|
|
812
812
|
}, href ? { href, isExternal } : {}), {
|
|
813
813
|
children: [
|
|
814
814
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
815
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className:
|
|
815
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx48__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx48__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
816
816
|
isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
817
817
|
] }),
|
|
818
818
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
|
|
@@ -847,10 +847,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
847
847
|
title: CountingCardTitle
|
|
848
848
|
});
|
|
849
849
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
850
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
850
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(CountingCard_module_default["counting-card"], className), children: [
|
|
851
851
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
852
852
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
|
|
853
|
-
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
853
|
+
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(CountingCard_module_default.count, "h1"), children: count })
|
|
854
854
|
] }),
|
|
855
855
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
856
856
|
] });
|
|
@@ -936,7 +936,7 @@ function FilterBar({
|
|
|
936
936
|
"button",
|
|
937
937
|
{
|
|
938
938
|
type: "button",
|
|
939
|
-
className:
|
|
939
|
+
className: clsx48__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
940
940
|
onClick: () => onViewChange("grid"),
|
|
941
941
|
"aria-pressed": view === "grid",
|
|
942
942
|
children: [
|
|
@@ -949,7 +949,7 @@ function FilterBar({
|
|
|
949
949
|
"button",
|
|
950
950
|
{
|
|
951
951
|
type: "button",
|
|
952
|
-
className:
|
|
952
|
+
className: clsx48__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
953
953
|
onClick: () => onViewChange("list"),
|
|
954
954
|
"aria-pressed": view === "list",
|
|
955
955
|
children: [
|
|
@@ -963,7 +963,7 @@ function FilterBar({
|
|
|
963
963
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
964
964
|
"div",
|
|
965
965
|
{
|
|
966
|
-
className:
|
|
966
|
+
className: clsx48__default.default(
|
|
967
967
|
FilterBar_module_default.dropdownWrapper,
|
|
968
968
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
969
969
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -974,7 +974,7 @@ function FilterBar({
|
|
|
974
974
|
"button",
|
|
975
975
|
{
|
|
976
976
|
type: "button",
|
|
977
|
-
className:
|
|
977
|
+
className: clsx48__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
978
978
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
979
979
|
"aria-expanded": openDropdown === "filter",
|
|
980
980
|
children: [
|
|
@@ -989,7 +989,7 @@ function FilterBar({
|
|
|
989
989
|
type: "button",
|
|
990
990
|
role: "option",
|
|
991
991
|
"aria-selected": filterValue === opt.value,
|
|
992
|
-
className:
|
|
992
|
+
className: clsx48__default.default(
|
|
993
993
|
FilterBar_module_default.dropdownOption,
|
|
994
994
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
995
995
|
),
|
|
@@ -1010,7 +1010,7 @@ function FilterBar({
|
|
|
1010
1010
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1011
1011
|
"div",
|
|
1012
1012
|
{
|
|
1013
|
-
className:
|
|
1013
|
+
className: clsx48__default.default(
|
|
1014
1014
|
FilterBar_module_default.dropdownWrapper,
|
|
1015
1015
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
1016
1016
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -1036,7 +1036,7 @@ function FilterBar({
|
|
|
1036
1036
|
type: "button",
|
|
1037
1037
|
role: "option",
|
|
1038
1038
|
"aria-selected": sortValue === opt.value,
|
|
1039
|
-
className:
|
|
1039
|
+
className: clsx48__default.default(
|
|
1040
1040
|
FilterBar_module_default.dropdownOption,
|
|
1041
1041
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1042
1042
|
),
|
|
@@ -1054,7 +1054,7 @@ function FilterBar({
|
|
|
1054
1054
|
searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1055
1055
|
"div",
|
|
1056
1056
|
{
|
|
1057
|
-
className:
|
|
1057
|
+
className: clsx48__default.default(
|
|
1058
1058
|
FilterBar_module_default.searchExpanded,
|
|
1059
1059
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1060
1060
|
),
|
|
@@ -1136,9 +1136,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1136
1136
|
});
|
|
1137
1137
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1138
1138
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1139
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1139
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1140
1140
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1141
|
-
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1141
|
+
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1142
1142
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
|
|
1143
1143
|
] }),
|
|
1144
1144
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1235,7 +1235,7 @@ var Pagination = ({
|
|
|
1235
1235
|
const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
|
|
1236
1236
|
const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
|
|
1237
1237
|
const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
1238
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1238
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(Pagination_module_default.pagination, className), children: [
|
|
1239
1239
|
!disableArrows && (renderLink ? renderLink({
|
|
1240
1240
|
page: prevPage,
|
|
1241
1241
|
className: Pagination_module_default.prev,
|
|
@@ -1256,7 +1256,7 @@ var Pagination = ({
|
|
|
1256
1256
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
|
|
1257
1257
|
}
|
|
1258
1258
|
const page = item;
|
|
1259
|
-
const pageClassName =
|
|
1259
|
+
const pageClassName = clsx48__default.default(Pagination_module_default.page, {
|
|
1260
1260
|
[Pagination_module_default.active]: activePage === page,
|
|
1261
1261
|
[Pagination_module_default.number]: hasNumber,
|
|
1262
1262
|
[Pagination_module_default["no-border"]]: hidePagesBorder
|
|
@@ -1308,7 +1308,7 @@ var PracticeCard_module_default = {
|
|
|
1308
1308
|
};
|
|
1309
1309
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1310
1310
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1311
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1311
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1312
1312
|
ConditionalWrapper,
|
|
1313
1313
|
__spreadProps(__spreadValues({
|
|
1314
1314
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -1319,7 +1319,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1319
1319
|
children: [
|
|
1320
1320
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1321
1321
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1322
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1322
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1323
1323
|
href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1324
1324
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1325
1325
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1363,15 +1363,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1363
1363
|
"aria-disabled": isRestricted
|
|
1364
1364
|
} : null;
|
|
1365
1365
|
const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
|
|
1366
|
-
className:
|
|
1366
|
+
className: clsx48__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
|
|
1367
1367
|
children: null
|
|
1368
1368
|
})) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1369
1369
|
"a",
|
|
1370
1370
|
__spreadProps(__spreadValues({}, linkProps), {
|
|
1371
|
-
className:
|
|
1371
|
+
className: clsx48__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
|
|
1372
1372
|
})
|
|
1373
1373
|
) : null;
|
|
1374
|
-
const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className:
|
|
1374
|
+
const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx48__default.default(ResourceCardItem_module_default.cardLink), children }));
|
|
1375
1375
|
function getIcon() {
|
|
1376
1376
|
switch (item.type) {
|
|
1377
1377
|
case "pdf":
|
|
@@ -1388,7 +1388,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1388
1388
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1389
1389
|
"article",
|
|
1390
1390
|
{
|
|
1391
|
-
className:
|
|
1391
|
+
className: clsx48__default.default(
|
|
1392
1392
|
ResourceCardItem_module_default.cardGrid,
|
|
1393
1393
|
isGlobalSearchVariant && ResourceCardItem_module_default[variant],
|
|
1394
1394
|
isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
|
|
@@ -1465,7 +1465,7 @@ var Sidebar = ({
|
|
|
1465
1465
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1466
1466
|
"li",
|
|
1467
1467
|
{
|
|
1468
|
-
className:
|
|
1468
|
+
className: clsx48__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1469
1469
|
role: "button",
|
|
1470
1470
|
tabIndex: 0,
|
|
1471
1471
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1523,7 +1523,7 @@ var UpcomingEventCard = ({
|
|
|
1523
1523
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1524
1524
|
"article",
|
|
1525
1525
|
{
|
|
1526
|
-
className:
|
|
1526
|
+
className: clsx48__default.default(
|
|
1527
1527
|
"card",
|
|
1528
1528
|
UpcomingEventCard_module_default["event-card"],
|
|
1529
1529
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1531,26 +1531,26 @@ var UpcomingEventCard = ({
|
|
|
1531
1531
|
className
|
|
1532
1532
|
),
|
|
1533
1533
|
children: [
|
|
1534
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1535
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1534
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1535
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1536
1536
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1537
1537
|
"div",
|
|
1538
1538
|
{
|
|
1539
|
-
className:
|
|
1539
|
+
className: clsx48__default.default(
|
|
1540
1540
|
"card-text-content",
|
|
1541
1541
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1542
1542
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1543
1543
|
),
|
|
1544
1544
|
children: [
|
|
1545
1545
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1546
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
1546
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx48__default.default("card-text-title"), children: title }),
|
|
1547
1547
|
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1548
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1549
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1548
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1549
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1550
1550
|
Button,
|
|
1551
1551
|
{
|
|
1552
1552
|
variant: "secondary",
|
|
1553
|
-
className:
|
|
1553
|
+
className: clsx48__default.default(
|
|
1554
1554
|
"card-cta",
|
|
1555
1555
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1556
1556
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1569,12 +1569,12 @@ var UpcomingEventCard = ({
|
|
|
1569
1569
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1570
1570
|
"div",
|
|
1571
1571
|
{
|
|
1572
|
-
className:
|
|
1572
|
+
className: clsx48__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1573
1573
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1574
1574
|
Button,
|
|
1575
1575
|
{
|
|
1576
1576
|
variant: "secondary",
|
|
1577
|
-
className:
|
|
1577
|
+
className: clsx48__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1578
1578
|
fullWidth: isBelowMobile,
|
|
1579
1579
|
href: cta.url,
|
|
1580
1580
|
icon: cta.icon,
|
|
@@ -1622,7 +1622,7 @@ var Badge = React70.forwardRef(
|
|
|
1622
1622
|
"live",
|
|
1623
1623
|
"clickable"
|
|
1624
1624
|
]);
|
|
1625
|
-
const classes =
|
|
1625
|
+
const classes = clsx48__default.default(
|
|
1626
1626
|
Badge_module_default.badge,
|
|
1627
1627
|
Badge_module_default[variant],
|
|
1628
1628
|
Badge_module_default[size],
|
|
@@ -1633,7 +1633,7 @@ var Badge = React70.forwardRef(
|
|
|
1633
1633
|
className
|
|
1634
1634
|
);
|
|
1635
1635
|
const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1636
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className:
|
|
1636
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx48__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1637
1637
|
!iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
|
|
1638
1638
|
] });
|
|
1639
1639
|
if (clickable) {
|
|
@@ -1714,7 +1714,7 @@ var Input = React70.forwardRef(
|
|
|
1714
1714
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1715
1715
|
"div",
|
|
1716
1716
|
{
|
|
1717
|
-
className:
|
|
1717
|
+
className: clsx48__default.default(
|
|
1718
1718
|
"input-field",
|
|
1719
1719
|
Input_module_default["input-field"],
|
|
1720
1720
|
{
|
|
@@ -1728,17 +1728,17 @@ var Input = React70.forwardRef(
|
|
|
1728
1728
|
"label",
|
|
1729
1729
|
{
|
|
1730
1730
|
htmlFor: inputId,
|
|
1731
|
-
className:
|
|
1731
|
+
className: clsx48__default.default("input-label", Input_module_default.label, {
|
|
1732
1732
|
["sr-only"]: hideLabel
|
|
1733
1733
|
}),
|
|
1734
1734
|
children: [
|
|
1735
1735
|
label,
|
|
1736
|
-
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1736
|
+
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1737
1737
|
]
|
|
1738
1738
|
}
|
|
1739
1739
|
),
|
|
1740
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1741
|
-
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1740
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("input-wrapper", Input_module_default.wrapper), children: [
|
|
1741
|
+
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1742
1742
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1743
1743
|
"input",
|
|
1744
1744
|
__spreadValues({
|
|
@@ -1749,7 +1749,7 @@ var Input = React70.forwardRef(
|
|
|
1749
1749
|
disabled,
|
|
1750
1750
|
"aria-invalid": !!error,
|
|
1751
1751
|
"aria-describedby": describedBy || void 0,
|
|
1752
|
-
className:
|
|
1752
|
+
className: clsx48__default.default(
|
|
1753
1753
|
"input",
|
|
1754
1754
|
Input_module_default.input,
|
|
1755
1755
|
{
|
|
@@ -1760,11 +1760,11 @@ var Input = React70.forwardRef(
|
|
|
1760
1760
|
)
|
|
1761
1761
|
}, props)
|
|
1762
1762
|
),
|
|
1763
|
-
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1764
|
-
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1763
|
+
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1764
|
+
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("input-end-action"), children: endAction })
|
|
1765
1765
|
] }),
|
|
1766
|
-
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className:
|
|
1767
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className:
|
|
1766
|
+
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx48__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1767
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx48__default.default("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1768
1768
|
]
|
|
1769
1769
|
}
|
|
1770
1770
|
);
|
|
@@ -1804,14 +1804,14 @@ var NewsCard = ({
|
|
|
1804
1804
|
href: cta.url,
|
|
1805
1805
|
target: cta.isExternal ? "_blank" : void 0,
|
|
1806
1806
|
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1807
|
-
className:
|
|
1807
|
+
className: clsx48__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1808
1808
|
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1809
1809
|
} : null;
|
|
1810
1810
|
const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({}, linkProps)) : null;
|
|
1811
1811
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1812
1812
|
"article",
|
|
1813
1813
|
{
|
|
1814
|
-
className:
|
|
1814
|
+
className: clsx48__default.default(
|
|
1815
1815
|
"news-card",
|
|
1816
1816
|
NewsCard_module_default["news-card"],
|
|
1817
1817
|
NewsCard_module_default[`news-card--${direction}`],
|
|
@@ -1819,28 +1819,28 @@ var NewsCard = ({
|
|
|
1819
1819
|
),
|
|
1820
1820
|
children: [
|
|
1821
1821
|
cardLink,
|
|
1822
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1822
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1823
1823
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1824
1824
|
"div",
|
|
1825
1825
|
{
|
|
1826
|
-
className:
|
|
1826
|
+
className: clsx48__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1827
1827
|
style: {
|
|
1828
1828
|
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1829
1829
|
},
|
|
1830
1830
|
children: [
|
|
1831
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1832
|
-
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className:
|
|
1833
|
-
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className:
|
|
1831
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1832
|
+
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx48__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1833
|
+
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx48__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1834
1834
|
] }),
|
|
1835
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1836
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
1837
|
-
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
1835
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1836
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx48__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1837
|
+
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx48__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
|
|
1838
1838
|
] }),
|
|
1839
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1839
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1840
1840
|
Button,
|
|
1841
1841
|
{
|
|
1842
1842
|
variant: "secondary",
|
|
1843
|
-
className:
|
|
1843
|
+
className: clsx48__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1844
1844
|
href: cta.url,
|
|
1845
1845
|
icon: cta.icon,
|
|
1846
1846
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -1871,7 +1871,7 @@ var BlogPostContent = ({ className, body, children }) => {
|
|
|
1871
1871
|
body: BlogPostContentBody
|
|
1872
1872
|
});
|
|
1873
1873
|
const bodyNode = (_a = slots.body) != null ? _a : body;
|
|
1874
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1874
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
|
|
1875
1875
|
};
|
|
1876
1876
|
|
|
1877
1877
|
// src/components/BlogPostContent/index.ts
|
|
@@ -1922,7 +1922,7 @@ var Search = ({
|
|
|
1922
1922
|
}
|
|
1923
1923
|
};
|
|
1924
1924
|
if (!isOpen) {
|
|
1925
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1925
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1926
1926
|
"button",
|
|
1927
1927
|
{
|
|
1928
1928
|
type: "button",
|
|
@@ -1934,10 +1934,10 @@ var Search = ({
|
|
|
1934
1934
|
}
|
|
1935
1935
|
) });
|
|
1936
1936
|
}
|
|
1937
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1937
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1938
1938
|
"div",
|
|
1939
1939
|
{
|
|
1940
|
-
className:
|
|
1940
|
+
className: clsx48__default.default(
|
|
1941
1941
|
Search_module_default.searchField,
|
|
1942
1942
|
isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
|
|
1943
1943
|
),
|
|
@@ -1995,14 +1995,15 @@ var UserMenu_module_default = {
|
|
|
1995
1995
|
userButton: "UserMenu_module_userButton",
|
|
1996
1996
|
userMenuWrapper: "UserMenu_module_userMenuWrapper",
|
|
1997
1997
|
fullWidth: "UserMenu_module_fullWidth",
|
|
1998
|
+
userInner: "UserMenu_module_userInner",
|
|
1998
1999
|
userChevron: "UserMenu_module_userChevron",
|
|
1999
2000
|
userChevronOpen: "UserMenu_module_userChevronOpen",
|
|
2001
|
+
userChevronUp: "UserMenu_module_userChevronUp",
|
|
2000
2002
|
userMenu: "UserMenu_module_userMenu",
|
|
2001
2003
|
userMenuUp: "UserMenu_module_userMenuUp",
|
|
2002
2004
|
userMenuItem: "UserMenu_module_userMenuItem",
|
|
2003
2005
|
userMenuItemDanger: "UserMenu_module_userMenuItemDanger",
|
|
2004
2006
|
userAvatar: "UserMenu_module_userAvatar",
|
|
2005
|
-
userInner: "UserMenu_module_userInner",
|
|
2006
2007
|
userLabel: "UserMenu_module_userLabel"
|
|
2007
2008
|
};
|
|
2008
2009
|
var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
@@ -2019,6 +2020,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2019
2020
|
if (closeTimer.current) clearTimeout(closeTimer.current);
|
|
2020
2021
|
closeTimer.current = setTimeout(() => setIsOpen(false), 120);
|
|
2021
2022
|
};
|
|
2023
|
+
const handlePointerEnter = (e) => {
|
|
2024
|
+
if (e.pointerType === "mouse") openMenu();
|
|
2025
|
+
};
|
|
2026
|
+
const handlePointerLeave = (e) => {
|
|
2027
|
+
if (e.pointerType === "mouse") scheduleClose();
|
|
2028
|
+
};
|
|
2022
2029
|
const handleBlur = (e) => {
|
|
2023
2030
|
var _a2;
|
|
2024
2031
|
if (!((_a2 = wrapperRef.current) == null ? void 0 : _a2.contains(e.relatedTarget))) {
|
|
@@ -2056,7 +2063,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2056
2063
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2057
2064
|
] })
|
|
2058
2065
|
] });
|
|
2059
|
-
const rootClass =
|
|
2066
|
+
const rootClass = clsx48__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2060
2067
|
return user.url ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2061
2068
|
"a",
|
|
2062
2069
|
{
|
|
@@ -2071,27 +2078,36 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2071
2078
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2072
2079
|
"div",
|
|
2073
2080
|
{
|
|
2074
|
-
className:
|
|
2081
|
+
className: clsx48__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2075
2082
|
ref: wrapperRef,
|
|
2076
|
-
|
|
2083
|
+
onPointerLeave: handlePointerLeave,
|
|
2077
2084
|
onBlur: handleBlur,
|
|
2078
2085
|
children: [
|
|
2079
2086
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2080
2087
|
Button,
|
|
2081
2088
|
{
|
|
2082
|
-
variant: "
|
|
2089
|
+
variant: "secondary",
|
|
2083
2090
|
type: "button",
|
|
2084
2091
|
className: UserMenu_module_default.userButton,
|
|
2085
2092
|
"aria-haspopup": "menu",
|
|
2086
2093
|
"aria-expanded": isOpen,
|
|
2087
|
-
|
|
2088
|
-
onFocus: openMenu,
|
|
2094
|
+
onPointerEnter: handlePointerEnter,
|
|
2089
2095
|
onClick: () => setIsOpen((prev) => !prev),
|
|
2090
2096
|
children: [
|
|
2091
2097
|
avatar,
|
|
2092
2098
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: UserMenu_module_default.userInner, children: [
|
|
2093
2099
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UserMenu_module_default.userLabel, children: user.label }),
|
|
2094
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2100
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2101
|
+
"span",
|
|
2102
|
+
{
|
|
2103
|
+
className: clsx48__default.default(
|
|
2104
|
+
UserMenu_module_default.userChevron,
|
|
2105
|
+
dropUp && UserMenu_module_default.userChevronUp,
|
|
2106
|
+
isOpen && UserMenu_module_default.userChevronOpen
|
|
2107
|
+
),
|
|
2108
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2109
|
+
}
|
|
2110
|
+
)
|
|
2095
2111
|
] })
|
|
2096
2112
|
]
|
|
2097
2113
|
}
|
|
@@ -2099,12 +2115,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2099
2115
|
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2100
2116
|
"div",
|
|
2101
2117
|
{
|
|
2102
|
-
className:
|
|
2118
|
+
className: clsx48__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2103
2119
|
role: "menu",
|
|
2104
|
-
|
|
2105
|
-
|
|
2120
|
+
onPointerEnter: handlePointerEnter,
|
|
2121
|
+
onPointerLeave: handlePointerLeave,
|
|
2106
2122
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2107
|
-
const itemClass =
|
|
2123
|
+
const itemClass = clsx48__default.default(
|
|
2108
2124
|
UserMenu_module_default.userMenuItem,
|
|
2109
2125
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2110
2126
|
);
|
|
@@ -2143,6 +2159,14 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2143
2159
|
}
|
|
2144
2160
|
);
|
|
2145
2161
|
};
|
|
2162
|
+
|
|
2163
|
+
// src/components/Loader/Loader.module.scss
|
|
2164
|
+
var Loader_module_default = {
|
|
2165
|
+
loader: "Loader_module_loader"};
|
|
2166
|
+
var Loader = ({ className }) => {
|
|
2167
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("loader", Loader_module_default["loader"], className) });
|
|
2168
|
+
};
|
|
2169
|
+
Loader.displayName = "Loader";
|
|
2146
2170
|
var CardCollectionTitle = ({ children }) => {
|
|
2147
2171
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2148
2172
|
};
|
|
@@ -2222,13 +2246,13 @@ var CardCollection = ({
|
|
|
2222
2246
|
Container,
|
|
2223
2247
|
{
|
|
2224
2248
|
ref: container,
|
|
2225
|
-
className:
|
|
2249
|
+
className: clsx48__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2226
2250
|
children: [
|
|
2227
2251
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2228
2252
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
2229
2253
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
2230
2254
|
] }),
|
|
2231
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2255
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
2232
2256
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2233
2257
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2234
2258
|
Card2,
|
|
@@ -2329,7 +2353,7 @@ var ContactModule = ({
|
|
|
2329
2353
|
},
|
|
2330
2354
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2331
2355
|
);
|
|
2332
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className:
|
|
2356
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx48__default.default(ContactModule_module_default["contact-module"], className), children: [
|
|
2333
2357
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2334
2358
|
"div",
|
|
2335
2359
|
{
|
|
@@ -2344,8 +2368,8 @@ var ContactModule = ({
|
|
|
2344
2368
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2345
2369
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2346
2370
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2347
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2348
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2371
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
2372
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
2349
2373
|
] }),
|
|
2350
2374
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2351
2375
|
Button,
|
|
@@ -2414,7 +2438,7 @@ var Footer = ({
|
|
|
2414
2438
|
disclaimer: FooterDisclaimer
|
|
2415
2439
|
});
|
|
2416
2440
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2417
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className:
|
|
2441
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx48__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
|
|
2418
2442
|
supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2419
2443
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2420
2444
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-group"], children: [
|
|
@@ -2443,7 +2467,7 @@ var Footer = ({
|
|
|
2443
2467
|
index
|
|
2444
2468
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2445
2469
|
) }) }),
|
|
2446
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2470
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2447
2471
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2448
2472
|
] }),
|
|
2449
2473
|
navigationLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2469,7 +2493,7 @@ var LogoBar_module_default = {
|
|
|
2469
2493
|
};
|
|
2470
2494
|
var LogoBar = ({ className, items }) => {
|
|
2471
2495
|
if (!items || items.length === 0) return null;
|
|
2472
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2496
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2473
2497
|
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2474
2498
|
item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2475
2499
|
item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2503,6 +2527,8 @@ var HeroBanner_module_default = {
|
|
|
2503
2527
|
backgroundImage: "HeroBanner_module_backgroundImage",
|
|
2504
2528
|
scrollDown: "HeroBanner_module_scrollDown",
|
|
2505
2529
|
arrow: "HeroBanner_module_arrow",
|
|
2530
|
+
internal: "HeroBanner_module_internal",
|
|
2531
|
+
external: "HeroBanner_module_external",
|
|
2506
2532
|
mainHeroBanner: "HeroBanner_module_mainHeroBanner",
|
|
2507
2533
|
bannerPodcast: "HeroBanner_module_bannerPodcast",
|
|
2508
2534
|
logoWrapper: "HeroBanner_module_logoWrapper",
|
|
@@ -2521,6 +2547,7 @@ var HeroBanner = ({
|
|
|
2521
2547
|
ctaLogo,
|
|
2522
2548
|
brands,
|
|
2523
2549
|
promoteToH1,
|
|
2550
|
+
type = "external",
|
|
2524
2551
|
children
|
|
2525
2552
|
}) => {
|
|
2526
2553
|
var _a, _b;
|
|
@@ -2541,7 +2568,7 @@ var HeroBanner = ({
|
|
|
2541
2568
|
});
|
|
2542
2569
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2543
2570
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2544
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2571
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
|
|
2545
2572
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2546
2573
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2547
2574
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
@@ -2551,7 +2578,7 @@ var HeroBanner = ({
|
|
|
2551
2578
|
{
|
|
2552
2579
|
tag: "h2",
|
|
2553
2580
|
promoteToH1,
|
|
2554
|
-
className:
|
|
2581
|
+
className: clsx48__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2555
2582
|
children: titleNode
|
|
2556
2583
|
}
|
|
2557
2584
|
),
|
|
@@ -2560,7 +2587,7 @@ var HeroBanner = ({
|
|
|
2560
2587
|
{
|
|
2561
2588
|
tag: "div",
|
|
2562
2589
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2563
|
-
className:
|
|
2590
|
+
className: clsx48__default.default(HeroBanner_module_default.subtitle, "subheading"),
|
|
2564
2591
|
children: subtitleNode
|
|
2565
2592
|
}
|
|
2566
2593
|
)
|
|
@@ -2637,7 +2664,7 @@ var HeroBannerCarousel = ({
|
|
|
2637
2664
|
const [swiperInstance, setSwiperInstance] = React70.useState(null);
|
|
2638
2665
|
const [activeIndex, setActiveIndex] = React70.useState(0);
|
|
2639
2666
|
if (!items.length) return null;
|
|
2640
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2667
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
2641
2668
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2642
2669
|
react$1.Swiper,
|
|
2643
2670
|
{
|
|
@@ -2684,7 +2711,7 @@ var HeroBannerCarousel = ({
|
|
|
2684
2711
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2685
2712
|
"button",
|
|
2686
2713
|
{
|
|
2687
|
-
className:
|
|
2714
|
+
className: clsx48__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
2688
2715
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
2689
2716
|
"aria-label": `Go to slide ${index + 1}`
|
|
2690
2717
|
},
|
|
@@ -2764,7 +2791,7 @@ var AccordionItem = ({
|
|
|
2764
2791
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2765
2792
|
"div",
|
|
2766
2793
|
{
|
|
2767
|
-
className:
|
|
2794
|
+
className: clsx48__default.default(
|
|
2768
2795
|
Accordion_module_default.accordionItem,
|
|
2769
2796
|
{
|
|
2770
2797
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -2775,18 +2802,18 @@ var AccordionItem = ({
|
|
|
2775
2802
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2776
2803
|
"button",
|
|
2777
2804
|
{
|
|
2778
|
-
className:
|
|
2805
|
+
className: clsx48__default.default(Accordion_module_default.accordionHeader, {
|
|
2779
2806
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
2780
2807
|
}),
|
|
2781
2808
|
onClick: handleToggle,
|
|
2782
2809
|
"aria-expanded": isOpen,
|
|
2783
2810
|
"aria-label": `Toggle ${title}`,
|
|
2784
2811
|
children: [
|
|
2785
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2812
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
2786
2813
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2787
2814
|
"span",
|
|
2788
2815
|
{
|
|
2789
|
-
className:
|
|
2816
|
+
className: clsx48__default.default(Accordion_module_default.accordionChevron, {
|
|
2790
2817
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
2791
2818
|
}),
|
|
2792
2819
|
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -2838,7 +2865,7 @@ var Accordion = ({
|
|
|
2838
2865
|
if (items.length === 0) {
|
|
2839
2866
|
return null;
|
|
2840
2867
|
}
|
|
2841
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2868
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2842
2869
|
AccordionItem,
|
|
2843
2870
|
{
|
|
2844
2871
|
id: item.id,
|
|
@@ -2928,7 +2955,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2928
2955
|
};
|
|
2929
2956
|
})) || [];
|
|
2930
2957
|
}, [tabs]);
|
|
2931
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2958
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
2932
2959
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
2933
2960
|
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
2934
2961
|
subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -2944,7 +2971,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2944
2971
|
},
|
|
2945
2972
|
index
|
|
2946
2973
|
)) }),
|
|
2947
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2974
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2948
2975
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
2949
2976
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
2950
2977
|
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
@@ -3042,22 +3069,22 @@ var MiniBanner = ({
|
|
|
3042
3069
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3043
3070
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3044
3071
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3045
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3072
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
3046
3073
|
((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
3047
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
3074
|
+
/* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx48__default.default(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
3048
3075
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3049
3076
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3050
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3077
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3051
3078
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3052
3079
|
goBackNode ? React70__default.default.cloneElement(goBackNode, {
|
|
3053
|
-
className:
|
|
3080
|
+
className: clsx48__default.default("back-button", MiniBanner_module_default["back-button"])
|
|
3054
3081
|
}) : null,
|
|
3055
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3082
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
|
|
3056
3083
|
] }),
|
|
3057
3084
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3058
3085
|
"div",
|
|
3059
3086
|
{
|
|
3060
|
-
className:
|
|
3087
|
+
className: clsx48__default.default(MiniBanner_module_default.title, {
|
|
3061
3088
|
subheading: isMiniBannerNoBG,
|
|
3062
3089
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3063
3090
|
h4: isMiniBannerTextLeft
|
|
@@ -3130,14 +3157,14 @@ var MiniSectionCta = ({
|
|
|
3130
3157
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3131
3158
|
"div",
|
|
3132
3159
|
{
|
|
3133
|
-
className:
|
|
3160
|
+
className: clsx48__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3134
3161
|
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
3135
3162
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
3136
3163
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
3137
3164
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3138
3165
|
"div",
|
|
3139
3166
|
{
|
|
3140
|
-
className:
|
|
3167
|
+
className: clsx48__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3141
3168
|
children: subtitleNode
|
|
3142
3169
|
}
|
|
3143
3170
|
)
|
|
@@ -3199,6 +3226,7 @@ var Navigation_module_default = {
|
|
|
3199
3226
|
mobileSubItems: "Navigation_module_mobileSubItems",
|
|
3200
3227
|
mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
|
|
3201
3228
|
mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
|
|
3229
|
+
mobileSubLinkActive: "Navigation_module_mobileSubLinkActive",
|
|
3202
3230
|
mobileMenuCtas: "Navigation_module_mobileMenuCtas",
|
|
3203
3231
|
Navigation: "Navigation_module_Navigation",
|
|
3204
3232
|
mainBar: "Navigation_module_mainBar",
|
|
@@ -3219,6 +3247,7 @@ var Navigation_module_default = {
|
|
|
3219
3247
|
dropdownLinks: "Navigation_module_dropdownLinks",
|
|
3220
3248
|
dropdownLinkItem: "Navigation_module_dropdownLinkItem",
|
|
3221
3249
|
dropdownLink: "Navigation_module_dropdownLink",
|
|
3250
|
+
dropdownLinkActive: "Navigation_module_dropdownLinkActive",
|
|
3222
3251
|
dropdownDivider: "Navigation_module_dropdownDivider",
|
|
3223
3252
|
dropdownInfo: "Navigation_module_dropdownInfo",
|
|
3224
3253
|
dropdownDescription: "Navigation_module_dropdownDescription",
|
|
@@ -3233,8 +3262,8 @@ var Navigation_module_default = {
|
|
|
3233
3262
|
internalMobileMenu: "Navigation_module_internalMobileMenu",
|
|
3234
3263
|
internalMobileMenuOpen: "Navigation_module_internalMobileMenuOpen",
|
|
3235
3264
|
mobileHeader: "Navigation_module_mobileHeader",
|
|
3236
|
-
mobileClose: "Navigation_module_mobileClose",
|
|
3237
3265
|
mobileBrandBars: "Navigation_module_mobileBrandBars",
|
|
3266
|
+
mobileClose: "Navigation_module_mobileClose",
|
|
3238
3267
|
mobileItems: "Navigation_module_mobileItems",
|
|
3239
3268
|
internalMobileItem: "Navigation_module_internalMobileItem",
|
|
3240
3269
|
internalMobileItemLink: "Navigation_module_internalMobileItemLink",
|
|
@@ -3245,6 +3274,7 @@ var Navigation_module_default = {
|
|
|
3245
3274
|
internalMobileSubItemsOpen: "Navigation_module_internalMobileSubItemsOpen",
|
|
3246
3275
|
internalMobileSubItemsInner: "Navigation_module_internalMobileSubItemsInner",
|
|
3247
3276
|
internalMobileSubLink: "Navigation_module_internalMobileSubLink",
|
|
3277
|
+
internalMobileSubLinkActive: "Navigation_module_internalMobileSubLinkActive",
|
|
3248
3278
|
mobileFooter: "Navigation_module_mobileFooter"
|
|
3249
3279
|
};
|
|
3250
3280
|
var NavigationLogo = ({
|
|
@@ -3287,12 +3317,12 @@ var NavigationBrandBars = ({
|
|
|
3287
3317
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3288
3318
|
"div",
|
|
3289
3319
|
{
|
|
3290
|
-
className:
|
|
3320
|
+
className: clsx48__default.default(Navigation_module_default.brandBars, isUnfolded && Navigation_module_default.brandBarsUnfolded, className),
|
|
3291
3321
|
"aria-hidden": "true",
|
|
3292
3322
|
children: BRANDS.map((brand) => {
|
|
3293
3323
|
var _a;
|
|
3294
3324
|
const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
|
|
3295
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3325
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default(Navigation_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsxRuntime.jsx("img", { className: Navigation_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
|
|
3296
3326
|
})
|
|
3297
3327
|
}
|
|
3298
3328
|
);
|
|
@@ -3353,7 +3383,7 @@ var NavigationDesktop = ({
|
|
|
3353
3383
|
"a",
|
|
3354
3384
|
{
|
|
3355
3385
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3356
|
-
className:
|
|
3386
|
+
className: clsx48__default.default(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
|
|
3357
3387
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3358
3388
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3359
3389
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3372,7 +3402,7 @@ var NavigationDesktop = ({
|
|
|
3372
3402
|
{
|
|
3373
3403
|
type: "button",
|
|
3374
3404
|
id: `${baseId}-trigger-${index}`,
|
|
3375
|
-
className:
|
|
3405
|
+
className: clsx48__default.default(
|
|
3376
3406
|
Navigation_module_default.navTabLink,
|
|
3377
3407
|
Navigation_module_default.navTabTrigger,
|
|
3378
3408
|
(isCurrent || isOpen) && Navigation_module_default.navTabActive,
|
|
@@ -3432,7 +3462,7 @@ var NavigationDropdown = ({
|
|
|
3432
3462
|
"div",
|
|
3433
3463
|
{
|
|
3434
3464
|
id: panelId,
|
|
3435
|
-
className:
|
|
3465
|
+
className: clsx48__default.default(Navigation_module_default.dropdownPanel, Navigation_module_default.dropdownPanelOpen),
|
|
3436
3466
|
onMouseEnter,
|
|
3437
3467
|
onMouseLeave,
|
|
3438
3468
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInner, children: [
|
|
@@ -3441,14 +3471,14 @@ var NavigationDropdown = ({
|
|
|
3441
3471
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3442
3472
|
"li",
|
|
3443
3473
|
{
|
|
3444
|
-
className:
|
|
3474
|
+
className: clsx48__default.default(Navigation_module_default.dropdownLinkItem, {
|
|
3445
3475
|
[Navigation_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3446
3476
|
}),
|
|
3447
3477
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3448
3478
|
"a",
|
|
3449
3479
|
{
|
|
3450
3480
|
href: (_a = sub.cta) == null ? void 0 : _a.url,
|
|
3451
|
-
className: Navigation_module_default.dropdownLink,
|
|
3481
|
+
className: clsx48__default.default(Navigation_module_default.dropdownLink, sub.isActive && Navigation_module_default.dropdownLinkActive),
|
|
3452
3482
|
target: ((_b = sub.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
|
|
3453
3483
|
rel: ((_c = sub.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
|
|
3454
3484
|
onKeyDown: (e) => handleLinkKeyDown(e, i === 0, i === links.length - 1),
|
|
@@ -3478,25 +3508,26 @@ var NavigationMobile = ({
|
|
|
3478
3508
|
searchPlaceholder,
|
|
3479
3509
|
searchCta,
|
|
3480
3510
|
onSearch,
|
|
3511
|
+
brandLogos,
|
|
3481
3512
|
isOpen,
|
|
3482
3513
|
onClose,
|
|
3483
3514
|
isExternal = false,
|
|
3484
3515
|
loginCta,
|
|
3485
3516
|
rightButton
|
|
3486
3517
|
}) => {
|
|
3487
|
-
const [expanded, setExpanded] = React70.useState(
|
|
3518
|
+
const [expanded, setExpanded] = React70.useState(null);
|
|
3488
3519
|
const [supportsHover] = React70.useState(
|
|
3489
3520
|
() => typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches
|
|
3490
3521
|
);
|
|
3491
3522
|
const baseId = React70.useId();
|
|
3492
3523
|
const toggleExpanded = (index) => {
|
|
3493
|
-
setExpanded((prev) => prev
|
|
3524
|
+
setExpanded((prev) => prev === index ? null : index);
|
|
3494
3525
|
};
|
|
3495
3526
|
const expandItem = (index) => {
|
|
3496
|
-
setExpanded(
|
|
3527
|
+
setExpanded(index);
|
|
3497
3528
|
};
|
|
3498
3529
|
const collapseItem = (index) => {
|
|
3499
|
-
setExpanded((prev) => prev
|
|
3530
|
+
setExpanded((prev) => prev === index ? null : prev);
|
|
3500
3531
|
};
|
|
3501
3532
|
const hoverFocusProps = (index) => !supportsHover ? {} : {
|
|
3502
3533
|
onMouseEnter: () => expandItem(index),
|
|
@@ -3512,7 +3543,7 @@ var NavigationMobile = ({
|
|
|
3512
3543
|
"div",
|
|
3513
3544
|
{
|
|
3514
3545
|
id,
|
|
3515
|
-
className:
|
|
3546
|
+
className: clsx48__default.default(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
|
|
3516
3547
|
role: "dialog",
|
|
3517
3548
|
"aria-modal": "true",
|
|
3518
3549
|
"aria-label": "Navigation menu",
|
|
@@ -3543,7 +3574,7 @@ var NavigationMobile = ({
|
|
|
3543
3574
|
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileMenuItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3544
3575
|
var _a, _b;
|
|
3545
3576
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
3546
|
-
const isExpanded = expanded
|
|
3577
|
+
const isExpanded = expanded === index;
|
|
3547
3578
|
return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.mobileItem }, hoverFocusProps(index)), { children: [
|
|
3548
3579
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3549
3580
|
"button",
|
|
@@ -3558,7 +3589,7 @@ var NavigationMobile = ({
|
|
|
3558
3589
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3559
3590
|
"span",
|
|
3560
3591
|
{
|
|
3561
|
-
className:
|
|
3592
|
+
className: clsx48__default.default(
|
|
3562
3593
|
Navigation_module_default.mobileItemChevron,
|
|
3563
3594
|
isExpanded && Navigation_module_default.mobileItemChevronOpen
|
|
3564
3595
|
),
|
|
@@ -3573,7 +3604,7 @@ var NavigationMobile = ({
|
|
|
3573
3604
|
"div",
|
|
3574
3605
|
{
|
|
3575
3606
|
id: subMenuId,
|
|
3576
|
-
className:
|
|
3607
|
+
className: clsx48__default.default(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
|
|
3577
3608
|
children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3578
3609
|
(subItem, i) => {
|
|
3579
3610
|
var _a2, _b2;
|
|
@@ -3581,7 +3612,10 @@ var NavigationMobile = ({
|
|
|
3581
3612
|
"a",
|
|
3582
3613
|
{
|
|
3583
3614
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3584
|
-
className:
|
|
3615
|
+
className: clsx48__default.default(
|
|
3616
|
+
Navigation_module_default.mobileSubLink,
|
|
3617
|
+
subItem.isActive && Navigation_module_default.mobileSubLinkActive
|
|
3618
|
+
),
|
|
3585
3619
|
onClick: onClose,
|
|
3586
3620
|
children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
|
|
3587
3621
|
}
|
|
@@ -3609,7 +3643,7 @@ var NavigationMobile = ({
|
|
|
3609
3643
|
"div",
|
|
3610
3644
|
{
|
|
3611
3645
|
id,
|
|
3612
|
-
className:
|
|
3646
|
+
className: clsx48__default.default(Navigation_module_default.internalMobileMenu, isOpen && Navigation_module_default.internalMobileMenuOpen),
|
|
3613
3647
|
role: "dialog",
|
|
3614
3648
|
"aria-modal": "true",
|
|
3615
3649
|
"aria-label": "Navigation menu",
|
|
@@ -3629,16 +3663,18 @@ var NavigationMobile = ({
|
|
|
3629
3663
|
}
|
|
3630
3664
|
)
|
|
3631
3665
|
] }),
|
|
3632
|
-
/* @__PURE__ */ jsxRuntime.
|
|
3633
|
-
|
|
3634
|
-
|
|
3635
|
-
|
|
3636
|
-
|
|
3637
|
-
|
|
3666
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3667
|
+
NavigationBrandBars,
|
|
3668
|
+
{
|
|
3669
|
+
brandLogos,
|
|
3670
|
+
unfolded: false,
|
|
3671
|
+
className: Navigation_module_default.mobileBrandBars
|
|
3672
|
+
}
|
|
3673
|
+
),
|
|
3638
3674
|
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3639
3675
|
var _a, _b, _c, _d;
|
|
3640
3676
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
3641
|
-
const isExpanded = expanded
|
|
3677
|
+
const isExpanded = expanded === index;
|
|
3642
3678
|
if (item.type === "link") {
|
|
3643
3679
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.internalMobileItem, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3644
3680
|
"a",
|
|
@@ -3666,7 +3702,7 @@ var NavigationMobile = ({
|
|
|
3666
3702
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3667
3703
|
"span",
|
|
3668
3704
|
{
|
|
3669
|
-
className:
|
|
3705
|
+
className: clsx48__default.default(
|
|
3670
3706
|
Navigation_module_default.internalMobileItemChevron,
|
|
3671
3707
|
isExpanded && Navigation_module_default.internalMobileItemChevronOpen
|
|
3672
3708
|
),
|
|
@@ -3681,7 +3717,7 @@ var NavigationMobile = ({
|
|
|
3681
3717
|
"div",
|
|
3682
3718
|
{
|
|
3683
3719
|
id: subMenuId,
|
|
3684
|
-
className:
|
|
3720
|
+
className: clsx48__default.default(
|
|
3685
3721
|
Navigation_module_default.internalMobileSubItems,
|
|
3686
3722
|
isExpanded && Navigation_module_default.internalMobileSubItemsOpen
|
|
3687
3723
|
),
|
|
@@ -3692,7 +3728,10 @@ var NavigationMobile = ({
|
|
|
3692
3728
|
"a",
|
|
3693
3729
|
{
|
|
3694
3730
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3695
|
-
className:
|
|
3731
|
+
className: clsx48__default.default(
|
|
3732
|
+
Navigation_module_default.internalMobileSubLink,
|
|
3733
|
+
sub.isActive && Navigation_module_default.internalMobileSubLinkActive
|
|
3734
|
+
),
|
|
3696
3735
|
target: ((_b2 = sub.cta) == null ? void 0 : _b2.isExternal) ? "_blank" : void 0,
|
|
3697
3736
|
rel: ((_c2 = sub.cta) == null ? void 0 : _c2.isExternal) ? "noopener noreferrer" : void 0,
|
|
3698
3737
|
onClick: onClose,
|
|
@@ -3827,7 +3866,7 @@ var Navigation2 = (props) => {
|
|
|
3827
3866
|
const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3828
3867
|
Picture,
|
|
3829
3868
|
{
|
|
3830
|
-
className:
|
|
3869
|
+
className: clsx48__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
3831
3870
|
src: mainLogo,
|
|
3832
3871
|
alt: logoAlt
|
|
3833
3872
|
}
|
|
@@ -3837,7 +3876,7 @@ var Navigation2 = (props) => {
|
|
|
3837
3876
|
"nav",
|
|
3838
3877
|
{
|
|
3839
3878
|
ref: navRef,
|
|
3840
|
-
className:
|
|
3879
|
+
className: clsx48__default.default(
|
|
3841
3880
|
Navigation_module_default.Navigation,
|
|
3842
3881
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
3843
3882
|
// External-only transparent / hover treatment.
|
|
@@ -3857,7 +3896,7 @@ var Navigation2 = (props) => {
|
|
|
3857
3896
|
{
|
|
3858
3897
|
mainLogo,
|
|
3859
3898
|
homeCta,
|
|
3860
|
-
className:
|
|
3899
|
+
className: clsx48__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
3861
3900
|
}
|
|
3862
3901
|
) : logo,
|
|
3863
3902
|
isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3911,7 +3950,13 @@ var Navigation2 = (props) => {
|
|
|
3911
3950
|
)
|
|
3912
3951
|
] })
|
|
3913
3952
|
] }) }),
|
|
3914
|
-
!isExternal && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3953
|
+
!isExternal && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3954
|
+
NavigationBrandBars,
|
|
3955
|
+
{
|
|
3956
|
+
brandLogos,
|
|
3957
|
+
unfolded: showLogoUnfolded && !isMobileMenuOpen
|
|
3958
|
+
}
|
|
3959
|
+
),
|
|
3915
3960
|
dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3916
3961
|
NavigationDropdown,
|
|
3917
3962
|
{
|
|
@@ -3940,6 +3985,7 @@ var Navigation2 = (props) => {
|
|
|
3940
3985
|
searchPlaceholder,
|
|
3941
3986
|
searchCta,
|
|
3942
3987
|
onSearch,
|
|
3988
|
+
brandLogos,
|
|
3943
3989
|
isOpen: isMobileMenuOpen,
|
|
3944
3990
|
onClose: () => setIsMobileMenuOpen(false),
|
|
3945
3991
|
isExternal,
|
|
@@ -3988,7 +4034,7 @@ var PracticePathCards = ({
|
|
|
3988
4034
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
3989
4035
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
3990
4036
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
3991
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4037
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
3992
4038
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
3993
4039
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
3994
4040
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -4042,8 +4088,8 @@ var Teaser5050With3Text = ({
|
|
|
4042
4088
|
title: Teaser5050With3TextTitle
|
|
4043
4089
|
});
|
|
4044
4090
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4045
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4046
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4091
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
4092
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4047
4093
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4048
4094
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4049
4095
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4093,12 +4139,12 @@ var Teaser5050WithCta = ({
|
|
|
4093
4139
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4094
4140
|
"div",
|
|
4095
4141
|
{
|
|
4096
|
-
className:
|
|
4142
|
+
className: clsx48__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4097
4143
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
4098
4144
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4099
4145
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4100
4146
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4101
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4147
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
4102
4148
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
4103
4149
|
] }),
|
|
4104
4150
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4150,7 +4196,7 @@ var Carousel = (_a) => {
|
|
|
4150
4196
|
},
|
|
4151
4197
|
role: "region",
|
|
4152
4198
|
"aria-label": ariaLabel,
|
|
4153
|
-
className:
|
|
4199
|
+
className: clsx48__default.default(Carousel_module_default.carousel, className),
|
|
4154
4200
|
spaceBetween: 0,
|
|
4155
4201
|
slidesPerView: "auto",
|
|
4156
4202
|
modules: [modules.FreeMode, modules.A11y],
|
|
@@ -4160,7 +4206,7 @@ var Carousel = (_a) => {
|
|
|
4160
4206
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4161
4207
|
react$1.SwiperSlide,
|
|
4162
4208
|
{
|
|
4163
|
-
className:
|
|
4209
|
+
className: clsx48__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4164
4210
|
children: slide
|
|
4165
4211
|
},
|
|
4166
4212
|
index
|
|
@@ -4217,13 +4263,13 @@ var EventList = ({
|
|
|
4217
4263
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4218
4264
|
"div",
|
|
4219
4265
|
{
|
|
4220
|
-
className:
|
|
4266
|
+
className: clsx48__default.default("event-list-module", EventList_module_default["event-list-module"], className),
|
|
4221
4267
|
style: {
|
|
4222
4268
|
backgroundColor
|
|
4223
4269
|
},
|
|
4224
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4270
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(EventList_module_default["event-list-container"]), children: [
|
|
4225
4271
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4226
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
4272
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx48__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4227
4273
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4228
4274
|
Button,
|
|
4229
4275
|
{
|
|
@@ -4241,7 +4287,7 @@ var EventList = ({
|
|
|
4241
4287
|
Carousel,
|
|
4242
4288
|
{
|
|
4243
4289
|
"aria-label": "Upcoming events",
|
|
4244
|
-
wrapperClass:
|
|
4290
|
+
wrapperClass: clsx48__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4245
4291
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4246
4292
|
spaceBetween: 16,
|
|
4247
4293
|
slides: items.map((item) => {
|
|
@@ -4249,7 +4295,7 @@ var EventList = ({
|
|
|
4249
4295
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4250
4296
|
UpcomingEventCard,
|
|
4251
4297
|
__spreadValues({
|
|
4252
|
-
className:
|
|
4298
|
+
className: clsx48__default.default(EventList_module_default["event-card"]),
|
|
4253
4299
|
direction: "vertical",
|
|
4254
4300
|
showImage: false
|
|
4255
4301
|
}, item),
|
|
@@ -4262,7 +4308,7 @@ var EventList = ({
|
|
|
4262
4308
|
"ul",
|
|
4263
4309
|
{
|
|
4264
4310
|
"aria-label": "Upcoming events",
|
|
4265
|
-
className:
|
|
4311
|
+
className: clsx48__default.default(
|
|
4266
4312
|
EventList_module_default["event-list-wrapper"],
|
|
4267
4313
|
EventList_module_default["horizontal"],
|
|
4268
4314
|
EventList_module_default[variant]
|
|
@@ -4272,11 +4318,11 @@ var EventList = ({
|
|
|
4272
4318
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4273
4319
|
"li",
|
|
4274
4320
|
{
|
|
4275
|
-
className:
|
|
4321
|
+
className: clsx48__default.default(EventList_module_default["card-list-item"]),
|
|
4276
4322
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4277
4323
|
UpcomingEventCard,
|
|
4278
4324
|
__spreadProps(__spreadValues({}, item), {
|
|
4279
|
-
className:
|
|
4325
|
+
className: clsx48__default.default(EventList_module_default["card-item"]),
|
|
4280
4326
|
showImage: false,
|
|
4281
4327
|
direction: "vertical"
|
|
4282
4328
|
})
|
|
@@ -4291,7 +4337,7 @@ var EventList = ({
|
|
|
4291
4337
|
"ul",
|
|
4292
4338
|
{
|
|
4293
4339
|
"aria-label": "Upcoming events",
|
|
4294
|
-
className:
|
|
4340
|
+
className: clsx48__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4295
4341
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4296
4342
|
var _a2, _b, _c;
|
|
4297
4343
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -4300,7 +4346,7 @@ var EventList = ({
|
|
|
4300
4346
|
)
|
|
4301
4347
|
] }),
|
|
4302
4348
|
!isNotEmpty && emptyNode ? React70__default.default.cloneElement(emptyNode, {
|
|
4303
|
-
className:
|
|
4349
|
+
className: clsx48__default.default("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4304
4350
|
}) : null
|
|
4305
4351
|
] })
|
|
4306
4352
|
}
|
|
@@ -4344,9 +4390,9 @@ var TextEvent = (props) => {
|
|
|
4344
4390
|
});
|
|
4345
4391
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4346
4392
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4347
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4393
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
4348
4394
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4349
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4395
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4350
4396
|
] });
|
|
4351
4397
|
};
|
|
4352
4398
|
|
|
@@ -4377,7 +4423,7 @@ var TextBody = (props) => {
|
|
|
4377
4423
|
});
|
|
4378
4424
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4379
4425
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
4380
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4426
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(TextBody_module_default.textBody, className), children: [
|
|
4381
4427
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
4382
4428
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
4383
4429
|
] });
|
|
@@ -4420,7 +4466,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4420
4466
|
});
|
|
4421
4467
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4422
4468
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4423
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4469
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4424
4470
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4425
4471
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4426
4472
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4428,7 +4474,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4428
4474
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4429
4475
|
"div",
|
|
4430
4476
|
{
|
|
4431
|
-
className:
|
|
4477
|
+
className: clsx48__default.default(
|
|
4432
4478
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4433
4479
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4434
4480
|
),
|
|
@@ -4540,7 +4586,7 @@ var ResourcesGridList = ({
|
|
|
4540
4586
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4541
4587
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4542
4588
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4543
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className:
|
|
4589
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx48__default.default(ResourcesGridList_module_default.widget, className), children: [
|
|
4544
4590
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4545
4591
|
FilterBar,
|
|
4546
4592
|
{
|
|
@@ -4559,7 +4605,7 @@ var ResourcesGridList = ({
|
|
|
4559
4605
|
isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4560
4606
|
"div",
|
|
4561
4607
|
{
|
|
4562
|
-
className:
|
|
4608
|
+
className: clsx48__default.default(
|
|
4563
4609
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4564
4610
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4565
4611
|
),
|
|
@@ -4570,7 +4616,7 @@ var ResourcesGridList = ({
|
|
|
4570
4616
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4571
4617
|
"li",
|
|
4572
4618
|
{
|
|
4573
|
-
className:
|
|
4619
|
+
className: clsx48__default.default(
|
|
4574
4620
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4575
4621
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4576
4622
|
),
|
|
@@ -4615,7 +4661,7 @@ var ResourcesGridList = ({
|
|
|
4615
4661
|
onSelect: handleSelectCategory
|
|
4616
4662
|
}
|
|
4617
4663
|
),
|
|
4618
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4664
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
|
|
4619
4665
|
] }),
|
|
4620
4666
|
totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4621
4667
|
Pagination,
|
|
@@ -4648,7 +4694,7 @@ var Grid = ({
|
|
|
4648
4694
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4649
4695
|
Component,
|
|
4650
4696
|
{
|
|
4651
|
-
className:
|
|
4697
|
+
className: clsx48__default.default("grid", Grid_module_default.grid, className),
|
|
4652
4698
|
role,
|
|
4653
4699
|
"aria-label": ariaLabel,
|
|
4654
4700
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4673,7 +4719,7 @@ var GridItem = ({
|
|
|
4673
4719
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4674
4720
|
Component,
|
|
4675
4721
|
{
|
|
4676
|
-
className:
|
|
4722
|
+
className: clsx48__default.default("grid-item", Grid_module_default["grid-item"], className),
|
|
4677
4723
|
role,
|
|
4678
4724
|
"aria-label": ariaLabel,
|
|
4679
4725
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4721,13 +4767,13 @@ var BlogCardGrid = ({
|
|
|
4721
4767
|
title: BlogCardGridTitle
|
|
4722
4768
|
});
|
|
4723
4769
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4724
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4725
|
-
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4726
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className:
|
|
4727
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4770
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
4771
|
+
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
4772
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx48__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
4773
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4728
4774
|
Button,
|
|
4729
4775
|
{
|
|
4730
|
-
className:
|
|
4776
|
+
className: clsx48__default.default("cta", BlogCardGrid_module_default["cta"]),
|
|
4731
4777
|
variant: "nofillblack",
|
|
4732
4778
|
href: cta.url,
|
|
4733
4779
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4753,11 +4799,11 @@ var BlogCardGrid = ({
|
|
|
4753
4799
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4754
4800
|
"div",
|
|
4755
4801
|
{
|
|
4756
|
-
className:
|
|
4802
|
+
className: clsx48__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4757
4803
|
style: {
|
|
4758
4804
|
backgroundColor
|
|
4759
4805
|
},
|
|
4760
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
4806
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx48__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4761
4807
|
}
|
|
4762
4808
|
);
|
|
4763
4809
|
};
|
|
@@ -4805,13 +4851,13 @@ var FeaturedNewsHighlights = ({
|
|
|
4805
4851
|
const sideCards = items.slice(1);
|
|
4806
4852
|
const isVariantHome = variant === "home";
|
|
4807
4853
|
const isBelowTablet = is("tablet", "below");
|
|
4808
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4809
|
-
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4854
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
4855
|
+
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
4810
4856
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
4811
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4857
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4812
4858
|
Button,
|
|
4813
4859
|
{
|
|
4814
|
-
className:
|
|
4860
|
+
className: clsx48__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
4815
4861
|
variant: "nofillblack",
|
|
4816
4862
|
href: cta.url,
|
|
4817
4863
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4823,9 +4869,9 @@ var FeaturedNewsHighlights = ({
|
|
|
4823
4869
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4824
4870
|
Carousel,
|
|
4825
4871
|
{
|
|
4826
|
-
className:
|
|
4872
|
+
className: clsx48__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
4827
4873
|
"aria-label": "featured news",
|
|
4828
|
-
wrapperClass:
|
|
4874
|
+
wrapperClass: clsx48__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
4829
4875
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
4830
4876
|
spaceBetween: 16,
|
|
4831
4877
|
slides: items.map((item, index) => {
|
|
@@ -4834,27 +4880,27 @@ var FeaturedNewsHighlights = ({
|
|
|
4834
4880
|
NewsCard,
|
|
4835
4881
|
__spreadProps(__spreadValues({}, item), {
|
|
4836
4882
|
direction: "vertical",
|
|
4837
|
-
className:
|
|
4883
|
+
className: clsx48__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
4838
4884
|
}),
|
|
4839
4885
|
(_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
|
|
4840
4886
|
);
|
|
4841
4887
|
})
|
|
4842
4888
|
}
|
|
4843
4889
|
),
|
|
4844
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4890
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
4845
4891
|
featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4846
4892
|
NewsCard,
|
|
4847
4893
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
4848
|
-
className:
|
|
4894
|
+
className: clsx48__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
4849
4895
|
renderLink
|
|
4850
4896
|
})
|
|
4851
4897
|
),
|
|
4852
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4898
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
|
|
4853
4899
|
var _a2;
|
|
4854
4900
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4855
4901
|
NewsCard,
|
|
4856
4902
|
__spreadProps(__spreadValues({}, card), {
|
|
4857
|
-
className:
|
|
4903
|
+
className: clsx48__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
4858
4904
|
direction: "horizontal",
|
|
4859
4905
|
renderLink
|
|
4860
4906
|
}),
|
|
@@ -4866,11 +4912,11 @@ var FeaturedNewsHighlights = ({
|
|
|
4866
4912
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4867
4913
|
"div",
|
|
4868
4914
|
{
|
|
4869
|
-
className:
|
|
4915
|
+
className: clsx48__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
4870
4916
|
style: {
|
|
4871
4917
|
backgroundColor
|
|
4872
4918
|
},
|
|
4873
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
4919
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx48__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
4874
4920
|
}
|
|
4875
4921
|
);
|
|
4876
4922
|
};
|
|
@@ -4914,23 +4960,23 @@ var NewsCardList = ({
|
|
|
4914
4960
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4915
4961
|
"div",
|
|
4916
4962
|
{
|
|
4917
|
-
className:
|
|
4963
|
+
className: clsx48__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
4918
4964
|
style: {
|
|
4919
4965
|
backgroundColor
|
|
4920
4966
|
},
|
|
4921
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4922
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4967
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default("container", NewsCardList_module_default["container"]), children: [
|
|
4968
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
4923
4969
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4924
4970
|
Input,
|
|
4925
4971
|
__spreadValues({
|
|
4926
|
-
className:
|
|
4972
|
+
className: clsx48__default.default("search-input", NewsCardList_module_default["search-input"]),
|
|
4927
4973
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
4928
4974
|
placeholder: "Search News",
|
|
4929
4975
|
endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4930
4976
|
Button,
|
|
4931
4977
|
{
|
|
4932
4978
|
variant: "nofillblack",
|
|
4933
|
-
className:
|
|
4979
|
+
className: clsx48__default.default(NewsCardList_module_default["end-action-button"]),
|
|
4934
4980
|
"aria-label": "Search",
|
|
4935
4981
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
4936
4982
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -4942,7 +4988,7 @@ var NewsCardList = ({
|
|
|
4942
4988
|
} : void 0
|
|
4943
4989
|
}, searchInputProps)
|
|
4944
4990
|
),
|
|
4945
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4991
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
4946
4992
|
currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4947
4993
|
FeaturedNewsHighlights2,
|
|
4948
4994
|
{
|
|
@@ -4956,7 +5002,7 @@ var NewsCardList = ({
|
|
|
4956
5002
|
] })
|
|
4957
5003
|
] }),
|
|
4958
5004
|
paginationNode ? React70__default.default.cloneElement(paginationNode, {
|
|
4959
|
-
className:
|
|
5005
|
+
className: clsx48__default.default("pagination", NewsCardList_module_default["pagination"])
|
|
4960
5006
|
}) : null
|
|
4961
5007
|
] })
|
|
4962
5008
|
}
|
|
@@ -5001,15 +5047,15 @@ var BlogPost = ({
|
|
|
5001
5047
|
});
|
|
5002
5048
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5003
5049
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5004
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5005
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5050
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default("container", BlogPost_module_default["container"]), children: [
|
|
5051
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("header", BlogPost_module_default["header"]), children: [
|
|
5006
5052
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5007
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5053
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48__default.default("image", BlogPost_module_default["image"]) }))
|
|
5008
5054
|
] }),
|
|
5009
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5010
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5055
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("content", BlogPost_module_default["content"]), children: [
|
|
5056
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5011
5057
|
/* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
|
|
5012
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
5058
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx48__default.default("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5013
5059
|
"Published ",
|
|
5014
5060
|
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
|
|
5015
5061
|
] })
|
|
@@ -5022,7 +5068,7 @@ var BlogPost = ({
|
|
|
5022
5068
|
title: "More News",
|
|
5023
5069
|
items: relatedArticles,
|
|
5024
5070
|
hasContainer: false,
|
|
5025
|
-
className:
|
|
5071
|
+
className: clsx48__default.default("related-articles", BlogPost_module_default["related-articles"])
|
|
5026
5072
|
}
|
|
5027
5073
|
)
|
|
5028
5074
|
] }) });
|
|
@@ -5070,22 +5116,22 @@ var BlogSearchResultsList = ({
|
|
|
5070
5116
|
});
|
|
5071
5117
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5072
5118
|
const paginationNode = slots.pagination;
|
|
5073
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5074
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5075
|
-
className:
|
|
5119
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
5120
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React70__default.default.isValidElement(searchNode) ? React70__default.default.cloneElement(searchNode, {
|
|
5121
|
+
className: clsx48__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5076
5122
|
}) : null,
|
|
5077
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5123
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5078
5124
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5079
5125
|
Input,
|
|
5080
5126
|
__spreadValues({
|
|
5081
|
-
className:
|
|
5127
|
+
className: clsx48__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5082
5128
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
5083
5129
|
placeholder: "Search News",
|
|
5084
5130
|
endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
5085
5131
|
Button,
|
|
5086
5132
|
{
|
|
5087
5133
|
variant: "nofillblack",
|
|
5088
|
-
className:
|
|
5134
|
+
className: clsx48__default.default(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5089
5135
|
"aria-label": "Search",
|
|
5090
5136
|
onClick: () => onSearchSubmit(searchValue),
|
|
5091
5137
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -5100,7 +5146,7 @@ var BlogSearchResultsList = ({
|
|
|
5100
5146
|
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5101
5147
|
] }),
|
|
5102
5148
|
paginationNode ? React70__default.default.cloneElement(paginationNode, {
|
|
5103
|
-
className:
|
|
5149
|
+
className: clsx48__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5104
5150
|
}) : null
|
|
5105
5151
|
] }) });
|
|
5106
5152
|
};
|
|
@@ -5141,11 +5187,11 @@ var GlobalSearchResultsList = ({
|
|
|
5141
5187
|
});
|
|
5142
5188
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5143
5189
|
const paginationNode = slots.pagination;
|
|
5144
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5145
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5146
|
-
className:
|
|
5190
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
|
|
5191
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React70__default.default.isValidElement(searchNode) ? React70__default.default.cloneElement(searchNode, {
|
|
5192
|
+
className: clsx48__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5147
5193
|
}) : null,
|
|
5148
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5194
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5149
5195
|
var _a2;
|
|
5150
5196
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5151
5197
|
GridItem,
|
|
@@ -5166,7 +5212,7 @@ var GlobalSearchResultsList = ({
|
|
|
5166
5212
|
);
|
|
5167
5213
|
}) }) }),
|
|
5168
5214
|
paginationNode ? React70__default.default.cloneElement(paginationNode, {
|
|
5169
|
-
className:
|
|
5215
|
+
className: clsx48__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5170
5216
|
}) : null
|
|
5171
5217
|
] }) });
|
|
5172
5218
|
};
|
|
@@ -5224,7 +5270,7 @@ var TextCenterWithMedia = ({
|
|
|
5224
5270
|
};
|
|
5225
5271
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5226
5272
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5227
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className:
|
|
5273
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx48__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5228
5274
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
|
|
5229
5275
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
|
|
5230
5276
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -5287,7 +5333,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5287
5333
|
const [swiperInstance, setSwiperInstance] = React70.useState(null);
|
|
5288
5334
|
const [activeIndex, setActiveIndex] = React70.useState(0);
|
|
5289
5335
|
if (!items.length) return null;
|
|
5290
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5336
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
|
|
5291
5337
|
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5292
5338
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5293
5339
|
react$1.Swiper,
|
|
@@ -5329,6 +5375,36 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5329
5375
|
)
|
|
5330
5376
|
] }) });
|
|
5331
5377
|
};
|
|
5378
|
+
|
|
5379
|
+
// src/widgets/PageLoader/PageLoader.module.scss
|
|
5380
|
+
var PageLoader_module_default = {
|
|
5381
|
+
container: "PageLoader_module_container",
|
|
5382
|
+
wrapper: "PageLoader_module_wrapper",
|
|
5383
|
+
"image-logo": "PageLoader_module_image-logo",
|
|
5384
|
+
"loader-wrapper": "PageLoader_module_loader-wrapper",
|
|
5385
|
+
"loader-text": "PageLoader_module_loader-text"
|
|
5386
|
+
};
|
|
5387
|
+
var PageLoaderLogo = ({ children }) => {
|
|
5388
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
5389
|
+
};
|
|
5390
|
+
var PageLoader = ({ className, children }) => {
|
|
5391
|
+
const slots = resolveCompoundSlots(children, {
|
|
5392
|
+
logo: PageLoaderLogo
|
|
5393
|
+
});
|
|
5394
|
+
const logoNode = slots.logo;
|
|
5395
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx48__default.default(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
5396
|
+
logoNode ? React70__default.default.cloneElement(logoNode, {
|
|
5397
|
+
className: clsx48__default.default("image-logo", PageLoader_module_default["image-logo"])
|
|
5398
|
+
}) : null,
|
|
5399
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) }),
|
|
5400
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5401
|
+
] }) });
|
|
5402
|
+
};
|
|
5403
|
+
|
|
5404
|
+
// src/widgets/PageLoader/index.ts
|
|
5405
|
+
var PageLoader2 = Object.assign(PageLoader, {
|
|
5406
|
+
Logo: PageLoaderLogo
|
|
5407
|
+
});
|
|
5332
5408
|
function useIntersectionObserver({
|
|
5333
5409
|
animateOnce = false,
|
|
5334
5410
|
options = {}
|
|
@@ -5383,11 +5459,13 @@ exports.Icon = Icon;
|
|
|
5383
5459
|
exports.InfoCard = InfoCard2;
|
|
5384
5460
|
exports.Input = Input;
|
|
5385
5461
|
exports.InternalBrandsTab = InternalBrandsTab2;
|
|
5462
|
+
exports.Loader = Loader;
|
|
5386
5463
|
exports.MiniBanner = MiniBanner2;
|
|
5387
5464
|
exports.MiniSectionCta = MiniSectionCta2;
|
|
5388
5465
|
exports.Navigation = Navigation2;
|
|
5389
5466
|
exports.NewsCard = NewsCard;
|
|
5390
5467
|
exports.NewsCardList = NewsCardList2;
|
|
5468
|
+
exports.PageLoader = PageLoader2;
|
|
5391
5469
|
exports.Pagination = Pagination;
|
|
5392
5470
|
exports.Picture = Picture;
|
|
5393
5471
|
exports.PracticeCard = PracticeCard;
|