@digital-b2c/coreui-kit 0.15.10 → 0.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +282 -216
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +211 -10
- 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 +280 -216
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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
|
),
|
|
@@ -2020,6 +2020,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2020
2020
|
if (closeTimer.current) clearTimeout(closeTimer.current);
|
|
2021
2021
|
closeTimer.current = setTimeout(() => setIsOpen(false), 120);
|
|
2022
2022
|
};
|
|
2023
|
+
const handlePointerEnter = (e) => {
|
|
2024
|
+
if (e.pointerType === "mouse") openMenu();
|
|
2025
|
+
};
|
|
2026
|
+
const handlePointerLeave = (e) => {
|
|
2027
|
+
if (e.pointerType === "mouse") scheduleClose();
|
|
2028
|
+
};
|
|
2023
2029
|
const handleBlur = (e) => {
|
|
2024
2030
|
var _a2;
|
|
2025
2031
|
if (!((_a2 = wrapperRef.current) == null ? void 0 : _a2.contains(e.relatedTarget))) {
|
|
@@ -2057,7 +2063,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2057
2063
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2058
2064
|
] })
|
|
2059
2065
|
] });
|
|
2060
|
-
const rootClass =
|
|
2066
|
+
const rootClass = clsx48__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2061
2067
|
return user.url ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2062
2068
|
"a",
|
|
2063
2069
|
{
|
|
@@ -2072,9 +2078,9 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2072
2078
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2073
2079
|
"div",
|
|
2074
2080
|
{
|
|
2075
|
-
className:
|
|
2081
|
+
className: clsx48__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2076
2082
|
ref: wrapperRef,
|
|
2077
|
-
|
|
2083
|
+
onPointerLeave: handlePointerLeave,
|
|
2078
2084
|
onBlur: handleBlur,
|
|
2079
2085
|
children: [
|
|
2080
2086
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -2085,8 +2091,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2085
2091
|
className: UserMenu_module_default.userButton,
|
|
2086
2092
|
"aria-haspopup": "menu",
|
|
2087
2093
|
"aria-expanded": isOpen,
|
|
2088
|
-
|
|
2089
|
-
onFocus: openMenu,
|
|
2094
|
+
onPointerEnter: handlePointerEnter,
|
|
2090
2095
|
onClick: () => setIsOpen((prev) => !prev),
|
|
2091
2096
|
children: [
|
|
2092
2097
|
avatar,
|
|
@@ -2095,7 +2100,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2095
2100
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2096
2101
|
"span",
|
|
2097
2102
|
{
|
|
2098
|
-
className:
|
|
2103
|
+
className: clsx48__default.default(
|
|
2099
2104
|
UserMenu_module_default.userChevron,
|
|
2100
2105
|
dropUp && UserMenu_module_default.userChevronUp,
|
|
2101
2106
|
isOpen && UserMenu_module_default.userChevronOpen
|
|
@@ -2110,12 +2115,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2110
2115
|
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2111
2116
|
"div",
|
|
2112
2117
|
{
|
|
2113
|
-
className:
|
|
2118
|
+
className: clsx48__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2114
2119
|
role: "menu",
|
|
2115
|
-
|
|
2116
|
-
|
|
2120
|
+
onPointerEnter: handlePointerEnter,
|
|
2121
|
+
onPointerLeave: handlePointerLeave,
|
|
2117
2122
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2118
|
-
const itemClass =
|
|
2123
|
+
const itemClass = clsx48__default.default(
|
|
2119
2124
|
UserMenu_module_default.userMenuItem,
|
|
2120
2125
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2121
2126
|
);
|
|
@@ -2154,6 +2159,14 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2154
2159
|
}
|
|
2155
2160
|
);
|
|
2156
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";
|
|
2157
2170
|
var CardCollectionTitle = ({ children }) => {
|
|
2158
2171
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2159
2172
|
};
|
|
@@ -2233,13 +2246,13 @@ var CardCollection = ({
|
|
|
2233
2246
|
Container,
|
|
2234
2247
|
{
|
|
2235
2248
|
ref: container,
|
|
2236
|
-
className:
|
|
2249
|
+
className: clsx48__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2237
2250
|
children: [
|
|
2238
2251
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2239
2252
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
2240
2253
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
2241
2254
|
] }),
|
|
2242
|
-
/* @__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: [
|
|
2243
2256
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2244
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(
|
|
2245
2258
|
Card2,
|
|
@@ -2340,7 +2353,7 @@ var ContactModule = ({
|
|
|
2340
2353
|
},
|
|
2341
2354
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2342
2355
|
);
|
|
2343
|
-
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: [
|
|
2344
2357
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2345
2358
|
"div",
|
|
2346
2359
|
{
|
|
@@ -2355,8 +2368,8 @@ var ContactModule = ({
|
|
|
2355
2368
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2356
2369
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2357
2370
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2358
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2359
|
-
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 })
|
|
2360
2373
|
] }),
|
|
2361
2374
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2362
2375
|
Button,
|
|
@@ -2425,7 +2438,7 @@ var Footer = ({
|
|
|
2425
2438
|
disclaimer: FooterDisclaimer
|
|
2426
2439
|
});
|
|
2427
2440
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2428
|
-
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: [
|
|
2429
2442
|
supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2430
2443
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2431
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: [
|
|
@@ -2454,7 +2467,7 @@ var Footer = ({
|
|
|
2454
2467
|
index
|
|
2455
2468
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2456
2469
|
) }) }),
|
|
2457
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2470
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2458
2471
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2459
2472
|
] }),
|
|
2460
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(
|
|
@@ -2480,7 +2493,7 @@ var LogoBar_module_default = {
|
|
|
2480
2493
|
};
|
|
2481
2494
|
var LogoBar = ({ className, items }) => {
|
|
2482
2495
|
if (!items || items.length === 0) return null;
|
|
2483
|
-
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) => {
|
|
2484
2497
|
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2485
2498
|
item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2486
2499
|
item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2514,6 +2527,8 @@ var HeroBanner_module_default = {
|
|
|
2514
2527
|
backgroundImage: "HeroBanner_module_backgroundImage",
|
|
2515
2528
|
scrollDown: "HeroBanner_module_scrollDown",
|
|
2516
2529
|
arrow: "HeroBanner_module_arrow",
|
|
2530
|
+
internal: "HeroBanner_module_internal",
|
|
2531
|
+
external: "HeroBanner_module_external",
|
|
2517
2532
|
mainHeroBanner: "HeroBanner_module_mainHeroBanner",
|
|
2518
2533
|
bannerPodcast: "HeroBanner_module_bannerPodcast",
|
|
2519
2534
|
logoWrapper: "HeroBanner_module_logoWrapper",
|
|
@@ -2532,6 +2547,7 @@ var HeroBanner = ({
|
|
|
2532
2547
|
ctaLogo,
|
|
2533
2548
|
brands,
|
|
2534
2549
|
promoteToH1,
|
|
2550
|
+
type = "external",
|
|
2535
2551
|
children
|
|
2536
2552
|
}) => {
|
|
2537
2553
|
var _a, _b;
|
|
@@ -2552,7 +2568,7 @@ var HeroBanner = ({
|
|
|
2552
2568
|
});
|
|
2553
2569
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2554
2570
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2555
|
-
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: [
|
|
2556
2572
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2557
2573
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2558
2574
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
@@ -2562,7 +2578,7 @@ var HeroBanner = ({
|
|
|
2562
2578
|
{
|
|
2563
2579
|
tag: "h2",
|
|
2564
2580
|
promoteToH1,
|
|
2565
|
-
className:
|
|
2581
|
+
className: clsx48__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2566
2582
|
children: titleNode
|
|
2567
2583
|
}
|
|
2568
2584
|
),
|
|
@@ -2571,7 +2587,7 @@ var HeroBanner = ({
|
|
|
2571
2587
|
{
|
|
2572
2588
|
tag: "div",
|
|
2573
2589
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2574
|
-
className:
|
|
2590
|
+
className: clsx48__default.default(HeroBanner_module_default.subtitle, "subheading"),
|
|
2575
2591
|
children: subtitleNode
|
|
2576
2592
|
}
|
|
2577
2593
|
)
|
|
@@ -2648,7 +2664,7 @@ var HeroBannerCarousel = ({
|
|
|
2648
2664
|
const [swiperInstance, setSwiperInstance] = React70.useState(null);
|
|
2649
2665
|
const [activeIndex, setActiveIndex] = React70.useState(0);
|
|
2650
2666
|
if (!items.length) return null;
|
|
2651
|
-
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: [
|
|
2652
2668
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2653
2669
|
react$1.Swiper,
|
|
2654
2670
|
{
|
|
@@ -2695,7 +2711,7 @@ var HeroBannerCarousel = ({
|
|
|
2695
2711
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2696
2712
|
"button",
|
|
2697
2713
|
{
|
|
2698
|
-
className:
|
|
2714
|
+
className: clsx48__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
2699
2715
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
2700
2716
|
"aria-label": `Go to slide ${index + 1}`
|
|
2701
2717
|
},
|
|
@@ -2775,7 +2791,7 @@ var AccordionItem = ({
|
|
|
2775
2791
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2776
2792
|
"div",
|
|
2777
2793
|
{
|
|
2778
|
-
className:
|
|
2794
|
+
className: clsx48__default.default(
|
|
2779
2795
|
Accordion_module_default.accordionItem,
|
|
2780
2796
|
{
|
|
2781
2797
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -2786,18 +2802,18 @@ var AccordionItem = ({
|
|
|
2786
2802
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2787
2803
|
"button",
|
|
2788
2804
|
{
|
|
2789
|
-
className:
|
|
2805
|
+
className: clsx48__default.default(Accordion_module_default.accordionHeader, {
|
|
2790
2806
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
2791
2807
|
}),
|
|
2792
2808
|
onClick: handleToggle,
|
|
2793
2809
|
"aria-expanded": isOpen,
|
|
2794
2810
|
"aria-label": `Toggle ${title}`,
|
|
2795
2811
|
children: [
|
|
2796
|
-
/* @__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 }) }),
|
|
2797
2813
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2798
2814
|
"span",
|
|
2799
2815
|
{
|
|
2800
|
-
className:
|
|
2816
|
+
className: clsx48__default.default(Accordion_module_default.accordionChevron, {
|
|
2801
2817
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
2802
2818
|
}),
|
|
2803
2819
|
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -2849,7 +2865,7 @@ var Accordion = ({
|
|
|
2849
2865
|
if (items.length === 0) {
|
|
2850
2866
|
return null;
|
|
2851
2867
|
}
|
|
2852
|
-
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(
|
|
2853
2869
|
AccordionItem,
|
|
2854
2870
|
{
|
|
2855
2871
|
id: item.id,
|
|
@@ -2939,7 +2955,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2939
2955
|
};
|
|
2940
2956
|
})) || [];
|
|
2941
2957
|
}, [tabs]);
|
|
2942
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2958
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
2943
2959
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
2944
2960
|
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
2945
2961
|
subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -2955,7 +2971,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2955
2971
|
},
|
|
2956
2972
|
index
|
|
2957
2973
|
)) }),
|
|
2958
|
-
/* @__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: [
|
|
2959
2975
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
2960
2976
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
2961
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 }),
|
|
@@ -3053,22 +3069,22 @@ var MiniBanner = ({
|
|
|
3053
3069
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3054
3070
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3055
3071
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3056
|
-
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: [
|
|
3057
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)),
|
|
3058
|
-
/* @__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: [
|
|
3059
3075
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3060
3076
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3061
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3077
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3062
3078
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3063
3079
|
goBackNode ? React70__default.default.cloneElement(goBackNode, {
|
|
3064
|
-
className:
|
|
3080
|
+
className: clsx48__default.default("back-button", MiniBanner_module_default["back-button"])
|
|
3065
3081
|
}) : null,
|
|
3066
|
-
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 })
|
|
3067
3083
|
] }),
|
|
3068
3084
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3069
3085
|
"div",
|
|
3070
3086
|
{
|
|
3071
|
-
className:
|
|
3087
|
+
className: clsx48__default.default(MiniBanner_module_default.title, {
|
|
3072
3088
|
subheading: isMiniBannerNoBG,
|
|
3073
3089
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3074
3090
|
h4: isMiniBannerTextLeft
|
|
@@ -3141,14 +3157,14 @@ var MiniSectionCta = ({
|
|
|
3141
3157
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3142
3158
|
"div",
|
|
3143
3159
|
{
|
|
3144
|
-
className:
|
|
3160
|
+
className: clsx48__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3145
3161
|
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
3146
3162
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
3147
3163
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
3148
3164
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3149
3165
|
"div",
|
|
3150
3166
|
{
|
|
3151
|
-
className:
|
|
3167
|
+
className: clsx48__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3152
3168
|
children: subtitleNode
|
|
3153
3169
|
}
|
|
3154
3170
|
)
|
|
@@ -3210,6 +3226,7 @@ var Navigation_module_default = {
|
|
|
3210
3226
|
mobileSubItems: "Navigation_module_mobileSubItems",
|
|
3211
3227
|
mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
|
|
3212
3228
|
mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
|
|
3229
|
+
mobileSubLinkActive: "Navigation_module_mobileSubLinkActive",
|
|
3213
3230
|
mobileMenuCtas: "Navigation_module_mobileMenuCtas",
|
|
3214
3231
|
Navigation: "Navigation_module_Navigation",
|
|
3215
3232
|
mainBar: "Navigation_module_mainBar",
|
|
@@ -3244,8 +3261,8 @@ var Navigation_module_default = {
|
|
|
3244
3261
|
internalMobileMenu: "Navigation_module_internalMobileMenu",
|
|
3245
3262
|
internalMobileMenuOpen: "Navigation_module_internalMobileMenuOpen",
|
|
3246
3263
|
mobileHeader: "Navigation_module_mobileHeader",
|
|
3247
|
-
mobileClose: "Navigation_module_mobileClose",
|
|
3248
3264
|
mobileBrandBars: "Navigation_module_mobileBrandBars",
|
|
3265
|
+
mobileClose: "Navigation_module_mobileClose",
|
|
3249
3266
|
mobileItems: "Navigation_module_mobileItems",
|
|
3250
3267
|
internalMobileItem: "Navigation_module_internalMobileItem",
|
|
3251
3268
|
internalMobileItemLink: "Navigation_module_internalMobileItemLink",
|
|
@@ -3256,6 +3273,7 @@ var Navigation_module_default = {
|
|
|
3256
3273
|
internalMobileSubItemsOpen: "Navigation_module_internalMobileSubItemsOpen",
|
|
3257
3274
|
internalMobileSubItemsInner: "Navigation_module_internalMobileSubItemsInner",
|
|
3258
3275
|
internalMobileSubLink: "Navigation_module_internalMobileSubLink",
|
|
3276
|
+
internalMobileSubLinkActive: "Navigation_module_internalMobileSubLinkActive",
|
|
3259
3277
|
mobileFooter: "Navigation_module_mobileFooter"
|
|
3260
3278
|
};
|
|
3261
3279
|
var NavigationLogo = ({
|
|
@@ -3298,12 +3316,12 @@ var NavigationBrandBars = ({
|
|
|
3298
3316
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3299
3317
|
"div",
|
|
3300
3318
|
{
|
|
3301
|
-
className:
|
|
3319
|
+
className: clsx48__default.default(Navigation_module_default.brandBars, isUnfolded && Navigation_module_default.brandBarsUnfolded, className),
|
|
3302
3320
|
"aria-hidden": "true",
|
|
3303
3321
|
children: BRANDS.map((brand) => {
|
|
3304
3322
|
var _a;
|
|
3305
3323
|
const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
|
|
3306
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
3324
|
+
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);
|
|
3307
3325
|
})
|
|
3308
3326
|
}
|
|
3309
3327
|
);
|
|
@@ -3364,7 +3382,7 @@ var NavigationDesktop = ({
|
|
|
3364
3382
|
"a",
|
|
3365
3383
|
{
|
|
3366
3384
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3367
|
-
className:
|
|
3385
|
+
className: clsx48__default.default(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
|
|
3368
3386
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3369
3387
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3370
3388
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3383,7 +3401,7 @@ var NavigationDesktop = ({
|
|
|
3383
3401
|
{
|
|
3384
3402
|
type: "button",
|
|
3385
3403
|
id: `${baseId}-trigger-${index}`,
|
|
3386
|
-
className:
|
|
3404
|
+
className: clsx48__default.default(
|
|
3387
3405
|
Navigation_module_default.navTabLink,
|
|
3388
3406
|
Navigation_module_default.navTabTrigger,
|
|
3389
3407
|
(isCurrent || isOpen) && Navigation_module_default.navTabActive,
|
|
@@ -3443,7 +3461,7 @@ var NavigationDropdown = ({
|
|
|
3443
3461
|
"div",
|
|
3444
3462
|
{
|
|
3445
3463
|
id: panelId,
|
|
3446
|
-
className:
|
|
3464
|
+
className: clsx48__default.default(Navigation_module_default.dropdownPanel, Navigation_module_default.dropdownPanelOpen),
|
|
3447
3465
|
onMouseEnter,
|
|
3448
3466
|
onMouseLeave,
|
|
3449
3467
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInner, children: [
|
|
@@ -3452,7 +3470,7 @@ var NavigationDropdown = ({
|
|
|
3452
3470
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3453
3471
|
"li",
|
|
3454
3472
|
{
|
|
3455
|
-
className:
|
|
3473
|
+
className: clsx48__default.default(Navigation_module_default.dropdownLinkItem, {
|
|
3456
3474
|
[Navigation_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3457
3475
|
}),
|
|
3458
3476
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3489,25 +3507,26 @@ var NavigationMobile = ({
|
|
|
3489
3507
|
searchPlaceholder,
|
|
3490
3508
|
searchCta,
|
|
3491
3509
|
onSearch,
|
|
3510
|
+
brandLogos,
|
|
3492
3511
|
isOpen,
|
|
3493
3512
|
onClose,
|
|
3494
3513
|
isExternal = false,
|
|
3495
3514
|
loginCta,
|
|
3496
3515
|
rightButton
|
|
3497
3516
|
}) => {
|
|
3498
|
-
const [expanded, setExpanded] = React70.useState(
|
|
3517
|
+
const [expanded, setExpanded] = React70.useState(null);
|
|
3499
3518
|
const [supportsHover] = React70.useState(
|
|
3500
3519
|
() => typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches
|
|
3501
3520
|
);
|
|
3502
3521
|
const baseId = React70.useId();
|
|
3503
3522
|
const toggleExpanded = (index) => {
|
|
3504
|
-
setExpanded((prev) => prev
|
|
3523
|
+
setExpanded((prev) => prev === index ? null : index);
|
|
3505
3524
|
};
|
|
3506
3525
|
const expandItem = (index) => {
|
|
3507
|
-
setExpanded(
|
|
3526
|
+
setExpanded(index);
|
|
3508
3527
|
};
|
|
3509
3528
|
const collapseItem = (index) => {
|
|
3510
|
-
setExpanded((prev) => prev
|
|
3529
|
+
setExpanded((prev) => prev === index ? null : prev);
|
|
3511
3530
|
};
|
|
3512
3531
|
const hoverFocusProps = (index) => !supportsHover ? {} : {
|
|
3513
3532
|
onMouseEnter: () => expandItem(index),
|
|
@@ -3523,7 +3542,7 @@ var NavigationMobile = ({
|
|
|
3523
3542
|
"div",
|
|
3524
3543
|
{
|
|
3525
3544
|
id,
|
|
3526
|
-
className:
|
|
3545
|
+
className: clsx48__default.default(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
|
|
3527
3546
|
role: "dialog",
|
|
3528
3547
|
"aria-modal": "true",
|
|
3529
3548
|
"aria-label": "Navigation menu",
|
|
@@ -3554,7 +3573,7 @@ var NavigationMobile = ({
|
|
|
3554
3573
|
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileMenuItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3555
3574
|
var _a, _b;
|
|
3556
3575
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
3557
|
-
const isExpanded = expanded
|
|
3576
|
+
const isExpanded = expanded === index;
|
|
3558
3577
|
return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.mobileItem }, hoverFocusProps(index)), { children: [
|
|
3559
3578
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3560
3579
|
"button",
|
|
@@ -3569,7 +3588,7 @@ var NavigationMobile = ({
|
|
|
3569
3588
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3570
3589
|
"span",
|
|
3571
3590
|
{
|
|
3572
|
-
className:
|
|
3591
|
+
className: clsx48__default.default(
|
|
3573
3592
|
Navigation_module_default.mobileItemChevron,
|
|
3574
3593
|
isExpanded && Navigation_module_default.mobileItemChevronOpen
|
|
3575
3594
|
),
|
|
@@ -3584,7 +3603,7 @@ var NavigationMobile = ({
|
|
|
3584
3603
|
"div",
|
|
3585
3604
|
{
|
|
3586
3605
|
id: subMenuId,
|
|
3587
|
-
className:
|
|
3606
|
+
className: clsx48__default.default(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
|
|
3588
3607
|
children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3589
3608
|
(subItem, i) => {
|
|
3590
3609
|
var _a2, _b2;
|
|
@@ -3592,7 +3611,10 @@ var NavigationMobile = ({
|
|
|
3592
3611
|
"a",
|
|
3593
3612
|
{
|
|
3594
3613
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3595
|
-
className:
|
|
3614
|
+
className: clsx48__default.default(
|
|
3615
|
+
Navigation_module_default.mobileSubLink,
|
|
3616
|
+
subItem.isActive && Navigation_module_default.mobileSubLinkActive
|
|
3617
|
+
),
|
|
3596
3618
|
onClick: onClose,
|
|
3597
3619
|
children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
|
|
3598
3620
|
}
|
|
@@ -3620,7 +3642,7 @@ var NavigationMobile = ({
|
|
|
3620
3642
|
"div",
|
|
3621
3643
|
{
|
|
3622
3644
|
id,
|
|
3623
|
-
className:
|
|
3645
|
+
className: clsx48__default.default(Navigation_module_default.internalMobileMenu, isOpen && Navigation_module_default.internalMobileMenuOpen),
|
|
3624
3646
|
role: "dialog",
|
|
3625
3647
|
"aria-modal": "true",
|
|
3626
3648
|
"aria-label": "Navigation menu",
|
|
@@ -3640,16 +3662,18 @@ var NavigationMobile = ({
|
|
|
3640
3662
|
}
|
|
3641
3663
|
)
|
|
3642
3664
|
] }),
|
|
3643
|
-
/* @__PURE__ */ jsxRuntime.
|
|
3644
|
-
|
|
3645
|
-
|
|
3646
|
-
|
|
3647
|
-
|
|
3648
|
-
|
|
3665
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3666
|
+
NavigationBrandBars,
|
|
3667
|
+
{
|
|
3668
|
+
brandLogos,
|
|
3669
|
+
unfolded: false,
|
|
3670
|
+
className: Navigation_module_default.mobileBrandBars
|
|
3671
|
+
}
|
|
3672
|
+
),
|
|
3649
3673
|
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3650
3674
|
var _a, _b, _c, _d;
|
|
3651
3675
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
3652
|
-
const isExpanded = expanded
|
|
3676
|
+
const isExpanded = expanded === index;
|
|
3653
3677
|
if (item.type === "link") {
|
|
3654
3678
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.internalMobileItem, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3655
3679
|
"a",
|
|
@@ -3677,7 +3701,7 @@ var NavigationMobile = ({
|
|
|
3677
3701
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3678
3702
|
"span",
|
|
3679
3703
|
{
|
|
3680
|
-
className:
|
|
3704
|
+
className: clsx48__default.default(
|
|
3681
3705
|
Navigation_module_default.internalMobileItemChevron,
|
|
3682
3706
|
isExpanded && Navigation_module_default.internalMobileItemChevronOpen
|
|
3683
3707
|
),
|
|
@@ -3692,7 +3716,7 @@ var NavigationMobile = ({
|
|
|
3692
3716
|
"div",
|
|
3693
3717
|
{
|
|
3694
3718
|
id: subMenuId,
|
|
3695
|
-
className:
|
|
3719
|
+
className: clsx48__default.default(
|
|
3696
3720
|
Navigation_module_default.internalMobileSubItems,
|
|
3697
3721
|
isExpanded && Navigation_module_default.internalMobileSubItemsOpen
|
|
3698
3722
|
),
|
|
@@ -3703,7 +3727,10 @@ var NavigationMobile = ({
|
|
|
3703
3727
|
"a",
|
|
3704
3728
|
{
|
|
3705
3729
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3706
|
-
className:
|
|
3730
|
+
className: clsx48__default.default(
|
|
3731
|
+
Navigation_module_default.internalMobileSubLink,
|
|
3732
|
+
sub.isActive && Navigation_module_default.internalMobileSubLinkActive
|
|
3733
|
+
),
|
|
3707
3734
|
target: ((_b2 = sub.cta) == null ? void 0 : _b2.isExternal) ? "_blank" : void 0,
|
|
3708
3735
|
rel: ((_c2 = sub.cta) == null ? void 0 : _c2.isExternal) ? "noopener noreferrer" : void 0,
|
|
3709
3736
|
onClick: onClose,
|
|
@@ -3838,7 +3865,7 @@ var Navigation2 = (props) => {
|
|
|
3838
3865
|
const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3839
3866
|
Picture,
|
|
3840
3867
|
{
|
|
3841
|
-
className:
|
|
3868
|
+
className: clsx48__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
3842
3869
|
src: mainLogo,
|
|
3843
3870
|
alt: logoAlt
|
|
3844
3871
|
}
|
|
@@ -3848,7 +3875,7 @@ var Navigation2 = (props) => {
|
|
|
3848
3875
|
"nav",
|
|
3849
3876
|
{
|
|
3850
3877
|
ref: navRef,
|
|
3851
|
-
className:
|
|
3878
|
+
className: clsx48__default.default(
|
|
3852
3879
|
Navigation_module_default.Navigation,
|
|
3853
3880
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
3854
3881
|
// External-only transparent / hover treatment.
|
|
@@ -3868,7 +3895,7 @@ var Navigation2 = (props) => {
|
|
|
3868
3895
|
{
|
|
3869
3896
|
mainLogo,
|
|
3870
3897
|
homeCta,
|
|
3871
|
-
className:
|
|
3898
|
+
className: clsx48__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
3872
3899
|
}
|
|
3873
3900
|
) : logo,
|
|
3874
3901
|
isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3922,7 +3949,13 @@ var Navigation2 = (props) => {
|
|
|
3922
3949
|
)
|
|
3923
3950
|
] })
|
|
3924
3951
|
] }) }),
|
|
3925
|
-
!isExternal && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3952
|
+
!isExternal && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3953
|
+
NavigationBrandBars,
|
|
3954
|
+
{
|
|
3955
|
+
brandLogos,
|
|
3956
|
+
unfolded: showLogoUnfolded && !isMobileMenuOpen
|
|
3957
|
+
}
|
|
3958
|
+
),
|
|
3926
3959
|
dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3927
3960
|
NavigationDropdown,
|
|
3928
3961
|
{
|
|
@@ -3951,6 +3984,7 @@ var Navigation2 = (props) => {
|
|
|
3951
3984
|
searchPlaceholder,
|
|
3952
3985
|
searchCta,
|
|
3953
3986
|
onSearch,
|
|
3987
|
+
brandLogos,
|
|
3954
3988
|
isOpen: isMobileMenuOpen,
|
|
3955
3989
|
onClose: () => setIsMobileMenuOpen(false),
|
|
3956
3990
|
isExternal,
|
|
@@ -3999,7 +4033,7 @@ var PracticePathCards = ({
|
|
|
3999
4033
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4000
4034
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4001
4035
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4002
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4036
|
+
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: [
|
|
4003
4037
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4004
4038
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4005
4039
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -4053,8 +4087,8 @@ var Teaser5050With3Text = ({
|
|
|
4053
4087
|
title: Teaser5050With3TextTitle
|
|
4054
4088
|
});
|
|
4055
4089
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4056
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4057
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4090
|
+
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: [
|
|
4091
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4058
4092
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4059
4093
|
/* @__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)) }),
|
|
4060
4094
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4104,12 +4138,12 @@ var Teaser5050WithCta = ({
|
|
|
4104
4138
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4105
4139
|
"div",
|
|
4106
4140
|
{
|
|
4107
|
-
className:
|
|
4141
|
+
className: clsx48__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4108
4142
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
4109
4143
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4110
4144
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4111
4145
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4112
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4146
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
4113
4147
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
4114
4148
|
] }),
|
|
4115
4149
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4161,7 +4195,7 @@ var Carousel = (_a) => {
|
|
|
4161
4195
|
},
|
|
4162
4196
|
role: "region",
|
|
4163
4197
|
"aria-label": ariaLabel,
|
|
4164
|
-
className:
|
|
4198
|
+
className: clsx48__default.default(Carousel_module_default.carousel, className),
|
|
4165
4199
|
spaceBetween: 0,
|
|
4166
4200
|
slidesPerView: "auto",
|
|
4167
4201
|
modules: [modules.FreeMode, modules.A11y],
|
|
@@ -4171,7 +4205,7 @@ var Carousel = (_a) => {
|
|
|
4171
4205
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4172
4206
|
react$1.SwiperSlide,
|
|
4173
4207
|
{
|
|
4174
|
-
className:
|
|
4208
|
+
className: clsx48__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4175
4209
|
children: slide
|
|
4176
4210
|
},
|
|
4177
4211
|
index
|
|
@@ -4228,13 +4262,13 @@ var EventList = ({
|
|
|
4228
4262
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4229
4263
|
"div",
|
|
4230
4264
|
{
|
|
4231
|
-
className:
|
|
4265
|
+
className: clsx48__default.default("event-list-module", EventList_module_default["event-list-module"], className),
|
|
4232
4266
|
style: {
|
|
4233
4267
|
backgroundColor
|
|
4234
4268
|
},
|
|
4235
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4269
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(EventList_module_default["event-list-container"]), children: [
|
|
4236
4270
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4237
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
4271
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx48__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4238
4272
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4239
4273
|
Button,
|
|
4240
4274
|
{
|
|
@@ -4252,7 +4286,7 @@ var EventList = ({
|
|
|
4252
4286
|
Carousel,
|
|
4253
4287
|
{
|
|
4254
4288
|
"aria-label": "Upcoming events",
|
|
4255
|
-
wrapperClass:
|
|
4289
|
+
wrapperClass: clsx48__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4256
4290
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4257
4291
|
spaceBetween: 16,
|
|
4258
4292
|
slides: items.map((item) => {
|
|
@@ -4260,7 +4294,7 @@ var EventList = ({
|
|
|
4260
4294
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4261
4295
|
UpcomingEventCard,
|
|
4262
4296
|
__spreadValues({
|
|
4263
|
-
className:
|
|
4297
|
+
className: clsx48__default.default(EventList_module_default["event-card"]),
|
|
4264
4298
|
direction: "vertical",
|
|
4265
4299
|
showImage: false
|
|
4266
4300
|
}, item),
|
|
@@ -4273,7 +4307,7 @@ var EventList = ({
|
|
|
4273
4307
|
"ul",
|
|
4274
4308
|
{
|
|
4275
4309
|
"aria-label": "Upcoming events",
|
|
4276
|
-
className:
|
|
4310
|
+
className: clsx48__default.default(
|
|
4277
4311
|
EventList_module_default["event-list-wrapper"],
|
|
4278
4312
|
EventList_module_default["horizontal"],
|
|
4279
4313
|
EventList_module_default[variant]
|
|
@@ -4283,11 +4317,11 @@ var EventList = ({
|
|
|
4283
4317
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4284
4318
|
"li",
|
|
4285
4319
|
{
|
|
4286
|
-
className:
|
|
4320
|
+
className: clsx48__default.default(EventList_module_default["card-list-item"]),
|
|
4287
4321
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4288
4322
|
UpcomingEventCard,
|
|
4289
4323
|
__spreadProps(__spreadValues({}, item), {
|
|
4290
|
-
className:
|
|
4324
|
+
className: clsx48__default.default(EventList_module_default["card-item"]),
|
|
4291
4325
|
showImage: false,
|
|
4292
4326
|
direction: "vertical"
|
|
4293
4327
|
})
|
|
@@ -4302,7 +4336,7 @@ var EventList = ({
|
|
|
4302
4336
|
"ul",
|
|
4303
4337
|
{
|
|
4304
4338
|
"aria-label": "Upcoming events",
|
|
4305
|
-
className:
|
|
4339
|
+
className: clsx48__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4306
4340
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4307
4341
|
var _a2, _b, _c;
|
|
4308
4342
|
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);
|
|
@@ -4311,7 +4345,7 @@ var EventList = ({
|
|
|
4311
4345
|
)
|
|
4312
4346
|
] }),
|
|
4313
4347
|
!isNotEmpty && emptyNode ? React70__default.default.cloneElement(emptyNode, {
|
|
4314
|
-
className:
|
|
4348
|
+
className: clsx48__default.default("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4315
4349
|
}) : null
|
|
4316
4350
|
] })
|
|
4317
4351
|
}
|
|
@@ -4355,9 +4389,9 @@ var TextEvent = (props) => {
|
|
|
4355
4389
|
});
|
|
4356
4390
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4357
4391
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4358
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4392
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
4359
4393
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4360
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4394
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4361
4395
|
] });
|
|
4362
4396
|
};
|
|
4363
4397
|
|
|
@@ -4388,7 +4422,7 @@ var TextBody = (props) => {
|
|
|
4388
4422
|
});
|
|
4389
4423
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4390
4424
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
4391
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4425
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default(TextBody_module_default.textBody, className), children: [
|
|
4392
4426
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
4393
4427
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
4394
4428
|
] });
|
|
@@ -4431,7 +4465,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4431
4465
|
});
|
|
4432
4466
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4433
4467
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4434
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4468
|
+
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: [
|
|
4435
4469
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4436
4470
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4437
4471
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4439,7 +4473,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4439
4473
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4440
4474
|
"div",
|
|
4441
4475
|
{
|
|
4442
|
-
className:
|
|
4476
|
+
className: clsx48__default.default(
|
|
4443
4477
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4444
4478
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4445
4479
|
),
|
|
@@ -4551,7 +4585,7 @@ var ResourcesGridList = ({
|
|
|
4551
4585
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4552
4586
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4553
4587
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4554
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className:
|
|
4588
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx48__default.default(ResourcesGridList_module_default.widget, className), children: [
|
|
4555
4589
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4556
4590
|
FilterBar,
|
|
4557
4591
|
{
|
|
@@ -4570,7 +4604,7 @@ var ResourcesGridList = ({
|
|
|
4570
4604
|
isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4571
4605
|
"div",
|
|
4572
4606
|
{
|
|
4573
|
-
className:
|
|
4607
|
+
className: clsx48__default.default(
|
|
4574
4608
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4575
4609
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4576
4610
|
),
|
|
@@ -4581,7 +4615,7 @@ var ResourcesGridList = ({
|
|
|
4581
4615
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4582
4616
|
"li",
|
|
4583
4617
|
{
|
|
4584
|
-
className:
|
|
4618
|
+
className: clsx48__default.default(
|
|
4585
4619
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4586
4620
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4587
4621
|
),
|
|
@@ -4626,7 +4660,7 @@ var ResourcesGridList = ({
|
|
|
4626
4660
|
onSelect: handleSelectCategory
|
|
4627
4661
|
}
|
|
4628
4662
|
),
|
|
4629
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4663
|
+
/* @__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)) })
|
|
4630
4664
|
] }),
|
|
4631
4665
|
totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4632
4666
|
Pagination,
|
|
@@ -4659,7 +4693,7 @@ var Grid = ({
|
|
|
4659
4693
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4660
4694
|
Component,
|
|
4661
4695
|
{
|
|
4662
|
-
className:
|
|
4696
|
+
className: clsx48__default.default("grid", Grid_module_default.grid, className),
|
|
4663
4697
|
role,
|
|
4664
4698
|
"aria-label": ariaLabel,
|
|
4665
4699
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4684,7 +4718,7 @@ var GridItem = ({
|
|
|
4684
4718
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4685
4719
|
Component,
|
|
4686
4720
|
{
|
|
4687
|
-
className:
|
|
4721
|
+
className: clsx48__default.default("grid-item", Grid_module_default["grid-item"], className),
|
|
4688
4722
|
role,
|
|
4689
4723
|
"aria-label": ariaLabel,
|
|
4690
4724
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4732,13 +4766,13 @@ var BlogCardGrid = ({
|
|
|
4732
4766
|
title: BlogCardGridTitle
|
|
4733
4767
|
});
|
|
4734
4768
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4735
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4736
|
-
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4737
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className:
|
|
4738
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4769
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
4770
|
+
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
4771
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx48__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
4772
|
+
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(
|
|
4739
4773
|
Button,
|
|
4740
4774
|
{
|
|
4741
|
-
className:
|
|
4775
|
+
className: clsx48__default.default("cta", BlogCardGrid_module_default["cta"]),
|
|
4742
4776
|
variant: "nofillblack",
|
|
4743
4777
|
href: cta.url,
|
|
4744
4778
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4764,11 +4798,11 @@ var BlogCardGrid = ({
|
|
|
4764
4798
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4765
4799
|
"div",
|
|
4766
4800
|
{
|
|
4767
|
-
className:
|
|
4801
|
+
className: clsx48__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4768
4802
|
style: {
|
|
4769
4803
|
backgroundColor
|
|
4770
4804
|
},
|
|
4771
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
4805
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx48__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4772
4806
|
}
|
|
4773
4807
|
);
|
|
4774
4808
|
};
|
|
@@ -4816,13 +4850,13 @@ var FeaturedNewsHighlights = ({
|
|
|
4816
4850
|
const sideCards = items.slice(1);
|
|
4817
4851
|
const isVariantHome = variant === "home";
|
|
4818
4852
|
const isBelowTablet = is("tablet", "below");
|
|
4819
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4820
|
-
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4853
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
4854
|
+
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
4821
4855
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
4822
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4856
|
+
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(
|
|
4823
4857
|
Button,
|
|
4824
4858
|
{
|
|
4825
|
-
className:
|
|
4859
|
+
className: clsx48__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
4826
4860
|
variant: "nofillblack",
|
|
4827
4861
|
href: cta.url,
|
|
4828
4862
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4834,9 +4868,9 @@ var FeaturedNewsHighlights = ({
|
|
|
4834
4868
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4835
4869
|
Carousel,
|
|
4836
4870
|
{
|
|
4837
|
-
className:
|
|
4871
|
+
className: clsx48__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
4838
4872
|
"aria-label": "featured news",
|
|
4839
|
-
wrapperClass:
|
|
4873
|
+
wrapperClass: clsx48__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
4840
4874
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
4841
4875
|
spaceBetween: 16,
|
|
4842
4876
|
slides: items.map((item, index) => {
|
|
@@ -4845,27 +4879,27 @@ var FeaturedNewsHighlights = ({
|
|
|
4845
4879
|
NewsCard,
|
|
4846
4880
|
__spreadProps(__spreadValues({}, item), {
|
|
4847
4881
|
direction: "vertical",
|
|
4848
|
-
className:
|
|
4882
|
+
className: clsx48__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
4849
4883
|
}),
|
|
4850
4884
|
(_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
|
|
4851
4885
|
);
|
|
4852
4886
|
})
|
|
4853
4887
|
}
|
|
4854
4888
|
),
|
|
4855
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4889
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
4856
4890
|
featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4857
4891
|
NewsCard,
|
|
4858
4892
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
4859
|
-
className:
|
|
4893
|
+
className: clsx48__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
4860
4894
|
renderLink
|
|
4861
4895
|
})
|
|
4862
4896
|
),
|
|
4863
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4897
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
|
|
4864
4898
|
var _a2;
|
|
4865
4899
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4866
4900
|
NewsCard,
|
|
4867
4901
|
__spreadProps(__spreadValues({}, card), {
|
|
4868
|
-
className:
|
|
4902
|
+
className: clsx48__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
4869
4903
|
direction: "horizontal",
|
|
4870
4904
|
renderLink
|
|
4871
4905
|
}),
|
|
@@ -4877,11 +4911,11 @@ var FeaturedNewsHighlights = ({
|
|
|
4877
4911
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4878
4912
|
"div",
|
|
4879
4913
|
{
|
|
4880
|
-
className:
|
|
4914
|
+
className: clsx48__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
4881
4915
|
style: {
|
|
4882
4916
|
backgroundColor
|
|
4883
4917
|
},
|
|
4884
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
4918
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx48__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
4885
4919
|
}
|
|
4886
4920
|
);
|
|
4887
4921
|
};
|
|
@@ -4925,23 +4959,23 @@ var NewsCardList = ({
|
|
|
4925
4959
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4926
4960
|
"div",
|
|
4927
4961
|
{
|
|
4928
|
-
className:
|
|
4962
|
+
className: clsx48__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
4929
4963
|
style: {
|
|
4930
4964
|
backgroundColor
|
|
4931
4965
|
},
|
|
4932
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4933
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4966
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx48__default.default("container", NewsCardList_module_default["container"]), children: [
|
|
4967
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
4934
4968
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4935
4969
|
Input,
|
|
4936
4970
|
__spreadValues({
|
|
4937
|
-
className:
|
|
4971
|
+
className: clsx48__default.default("search-input", NewsCardList_module_default["search-input"]),
|
|
4938
4972
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
4939
4973
|
placeholder: "Search News",
|
|
4940
4974
|
endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
4941
4975
|
Button,
|
|
4942
4976
|
{
|
|
4943
4977
|
variant: "nofillblack",
|
|
4944
|
-
className:
|
|
4978
|
+
className: clsx48__default.default(NewsCardList_module_default["end-action-button"]),
|
|
4945
4979
|
"aria-label": "Search",
|
|
4946
4980
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
4947
4981
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -4953,7 +4987,7 @@ var NewsCardList = ({
|
|
|
4953
4987
|
} : void 0
|
|
4954
4988
|
}, searchInputProps)
|
|
4955
4989
|
),
|
|
4956
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4990
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
4957
4991
|
currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4958
4992
|
FeaturedNewsHighlights2,
|
|
4959
4993
|
{
|
|
@@ -4967,7 +5001,7 @@ var NewsCardList = ({
|
|
|
4967
5001
|
] })
|
|
4968
5002
|
] }),
|
|
4969
5003
|
paginationNode ? React70__default.default.cloneElement(paginationNode, {
|
|
4970
|
-
className:
|
|
5004
|
+
className: clsx48__default.default("pagination", NewsCardList_module_default["pagination"])
|
|
4971
5005
|
}) : null
|
|
4972
5006
|
] })
|
|
4973
5007
|
}
|
|
@@ -5012,15 +5046,15 @@ var BlogPost = ({
|
|
|
5012
5046
|
});
|
|
5013
5047
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5014
5048
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5015
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5016
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5049
|
+
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: [
|
|
5050
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("header", BlogPost_module_default["header"]), children: [
|
|
5017
5051
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5018
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5052
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx48__default.default("image", BlogPost_module_default["image"]) }))
|
|
5019
5053
|
] }),
|
|
5020
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5021
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5054
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("content", BlogPost_module_default["content"]), children: [
|
|
5055
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5022
5056
|
/* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
|
|
5023
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
5057
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx48__default.default("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5024
5058
|
"Published ",
|
|
5025
5059
|
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
|
|
5026
5060
|
] })
|
|
@@ -5033,7 +5067,7 @@ var BlogPost = ({
|
|
|
5033
5067
|
title: "More News",
|
|
5034
5068
|
items: relatedArticles,
|
|
5035
5069
|
hasContainer: false,
|
|
5036
|
-
className:
|
|
5070
|
+
className: clsx48__default.default("related-articles", BlogPost_module_default["related-articles"])
|
|
5037
5071
|
}
|
|
5038
5072
|
)
|
|
5039
5073
|
] }) });
|
|
@@ -5081,22 +5115,22 @@ var BlogSearchResultsList = ({
|
|
|
5081
5115
|
});
|
|
5082
5116
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5083
5117
|
const paginationNode = slots.pagination;
|
|
5084
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5085
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5086
|
-
className:
|
|
5118
|
+
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: [
|
|
5119
|
+
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, {
|
|
5120
|
+
className: clsx48__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5087
5121
|
}) : null,
|
|
5088
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5122
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx48__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5089
5123
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5090
5124
|
Input,
|
|
5091
5125
|
__spreadValues({
|
|
5092
|
-
className:
|
|
5126
|
+
className: clsx48__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5093
5127
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
5094
5128
|
placeholder: "Search News",
|
|
5095
5129
|
endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
5096
5130
|
Button,
|
|
5097
5131
|
{
|
|
5098
5132
|
variant: "nofillblack",
|
|
5099
|
-
className:
|
|
5133
|
+
className: clsx48__default.default(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5100
5134
|
"aria-label": "Search",
|
|
5101
5135
|
onClick: () => onSearchSubmit(searchValue),
|
|
5102
5136
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -5111,7 +5145,7 @@ var BlogSearchResultsList = ({
|
|
|
5111
5145
|
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5112
5146
|
] }),
|
|
5113
5147
|
paginationNode ? React70__default.default.cloneElement(paginationNode, {
|
|
5114
|
-
className:
|
|
5148
|
+
className: clsx48__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5115
5149
|
}) : null
|
|
5116
5150
|
] }) });
|
|
5117
5151
|
};
|
|
@@ -5152,11 +5186,11 @@ var GlobalSearchResultsList = ({
|
|
|
5152
5186
|
});
|
|
5153
5187
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5154
5188
|
const paginationNode = slots.pagination;
|
|
5155
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5156
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5157
|
-
className:
|
|
5189
|
+
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: [
|
|
5190
|
+
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, {
|
|
5191
|
+
className: clsx48__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5158
5192
|
}) : null,
|
|
5159
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5193
|
+
/* @__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) => {
|
|
5160
5194
|
var _a2;
|
|
5161
5195
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5162
5196
|
GridItem,
|
|
@@ -5177,7 +5211,7 @@ var GlobalSearchResultsList = ({
|
|
|
5177
5211
|
);
|
|
5178
5212
|
}) }) }),
|
|
5179
5213
|
paginationNode ? React70__default.default.cloneElement(paginationNode, {
|
|
5180
|
-
className:
|
|
5214
|
+
className: clsx48__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5181
5215
|
}) : null
|
|
5182
5216
|
] }) });
|
|
5183
5217
|
};
|
|
@@ -5235,7 +5269,7 @@ var TextCenterWithMedia = ({
|
|
|
5235
5269
|
};
|
|
5236
5270
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5237
5271
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5238
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className:
|
|
5272
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx48__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5239
5273
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
|
|
5240
5274
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
|
|
5241
5275
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -5298,7 +5332,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5298
5332
|
const [swiperInstance, setSwiperInstance] = React70.useState(null);
|
|
5299
5333
|
const [activeIndex, setActiveIndex] = React70.useState(0);
|
|
5300
5334
|
if (!items.length) return null;
|
|
5301
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5335
|
+
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: [
|
|
5302
5336
|
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5303
5337
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5304
5338
|
react$1.Swiper,
|
|
@@ -5340,6 +5374,36 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5340
5374
|
)
|
|
5341
5375
|
] }) });
|
|
5342
5376
|
};
|
|
5377
|
+
|
|
5378
|
+
// src/widgets/PageLoader/PageLoader.module.scss
|
|
5379
|
+
var PageLoader_module_default = {
|
|
5380
|
+
container: "PageLoader_module_container",
|
|
5381
|
+
wrapper: "PageLoader_module_wrapper",
|
|
5382
|
+
"image-logo": "PageLoader_module_image-logo",
|
|
5383
|
+
"loader-wrapper": "PageLoader_module_loader-wrapper",
|
|
5384
|
+
"loader-text": "PageLoader_module_loader-text"
|
|
5385
|
+
};
|
|
5386
|
+
var PageLoaderLogo = ({ children }) => {
|
|
5387
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
5388
|
+
};
|
|
5389
|
+
var PageLoader = ({ className, children }) => {
|
|
5390
|
+
const slots = resolveCompoundSlots(children, {
|
|
5391
|
+
logo: PageLoaderLogo
|
|
5392
|
+
});
|
|
5393
|
+
const logoNode = slots.logo;
|
|
5394
|
+
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: [
|
|
5395
|
+
logoNode ? React70__default.default.cloneElement(logoNode, {
|
|
5396
|
+
className: clsx48__default.default("image-logo", PageLoader_module_default["image-logo"])
|
|
5397
|
+
}) : null,
|
|
5398
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx48__default.default("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) }),
|
|
5399
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx48__default.default("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5400
|
+
] }) });
|
|
5401
|
+
};
|
|
5402
|
+
|
|
5403
|
+
// src/widgets/PageLoader/index.ts
|
|
5404
|
+
var PageLoader2 = Object.assign(PageLoader, {
|
|
5405
|
+
Logo: PageLoaderLogo
|
|
5406
|
+
});
|
|
5343
5407
|
function useIntersectionObserver({
|
|
5344
5408
|
animateOnce = false,
|
|
5345
5409
|
options = {}
|
|
@@ -5394,11 +5458,13 @@ exports.Icon = Icon;
|
|
|
5394
5458
|
exports.InfoCard = InfoCard2;
|
|
5395
5459
|
exports.Input = Input;
|
|
5396
5460
|
exports.InternalBrandsTab = InternalBrandsTab2;
|
|
5461
|
+
exports.Loader = Loader;
|
|
5397
5462
|
exports.MiniBanner = MiniBanner2;
|
|
5398
5463
|
exports.MiniSectionCta = MiniSectionCta2;
|
|
5399
5464
|
exports.Navigation = Navigation2;
|
|
5400
5465
|
exports.NewsCard = NewsCard;
|
|
5401
5466
|
exports.NewsCardList = NewsCardList2;
|
|
5467
|
+
exports.PageLoader = PageLoader2;
|
|
5402
5468
|
exports.Pagination = Pagination;
|
|
5403
5469
|
exports.Picture = Picture;
|
|
5404
5470
|
exports.PracticeCard = PracticeCard;
|