@digital-b2c/coreui-kit 0.17.20 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +346 -208
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +80 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +35 -2
- package/dist/index.d.ts +35 -2
- package/dist/index.mjs +361 -225
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +101 -100
package/dist/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import clsx50 from 'clsx';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import React71, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, cloneElement,
|
|
4
|
-
import gsap
|
|
3
|
+
import React71, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, cloneElement, isValidElement, Children, Fragment as Fragment$1, useSyncExternalStore } from 'react';
|
|
4
|
+
import gsap, { gsap as gsap$1 } from 'gsap';
|
|
5
5
|
import { useGSAP } from '@gsap/react';
|
|
6
6
|
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
7
7
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
@@ -59,7 +59,7 @@ var Picture = (_a) => {
|
|
|
59
59
|
__spreadValues({
|
|
60
60
|
src: desktop.src,
|
|
61
61
|
alt: desktop.alt,
|
|
62
|
-
className:
|
|
62
|
+
className: clsx50(className, Picture_module_default["image-desktop"])
|
|
63
63
|
}, rest)
|
|
64
64
|
),
|
|
65
65
|
/* @__PURE__ */ jsx(
|
|
@@ -67,7 +67,7 @@ var Picture = (_a) => {
|
|
|
67
67
|
__spreadValues({
|
|
68
68
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
69
69
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
70
|
-
className:
|
|
70
|
+
className: clsx50(className, Picture_module_default["image-mobile"])
|
|
71
71
|
}, rest)
|
|
72
72
|
)
|
|
73
73
|
] });
|
|
@@ -465,7 +465,7 @@ var Button = (_a) => {
|
|
|
465
465
|
]);
|
|
466
466
|
const isLink = !!href;
|
|
467
467
|
const props = __spreadValues(__spreadValues({
|
|
468
|
-
className:
|
|
468
|
+
className: clsx50(
|
|
469
469
|
Button_module_default.button,
|
|
470
470
|
variant ? Button_module_default[variant] : null,
|
|
471
471
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -596,9 +596,9 @@ var BrandsStrip = ({
|
|
|
596
596
|
const marqueeRef = useRef(null);
|
|
597
597
|
const timeline = useRef(null);
|
|
598
598
|
const horizontalLoop = (items, config) => {
|
|
599
|
-
const itemsArray = gsap
|
|
599
|
+
const itemsArray = gsap.utils.toArray(items);
|
|
600
600
|
const cfg = config || {};
|
|
601
|
-
const tl = gsap
|
|
601
|
+
const tl = gsap.timeline({
|
|
602
602
|
repeat: cfg.repeat,
|
|
603
603
|
paused: cfg.paused,
|
|
604
604
|
defaults: { ease: "none" },
|
|
@@ -609,23 +609,23 @@ var BrandsStrip = ({
|
|
|
609
609
|
const widths = [];
|
|
610
610
|
const xPercents = [];
|
|
611
611
|
const pixelsPerSecond = (cfg.speed || 1) * 100;
|
|
612
|
-
const snap = cfg.snap === false ? (v) => v : gsap
|
|
613
|
-
gsap
|
|
612
|
+
const snap = cfg.snap === false ? (v) => v : gsap.utils.snap(cfg.snap || 1);
|
|
613
|
+
gsap.set(itemsArray, {
|
|
614
614
|
xPercent: (i, target) => {
|
|
615
|
-
const w = widths[i] = parseFloat(gsap
|
|
615
|
+
const w = widths[i] = parseFloat(gsap.getProperty(target, "width", "px"));
|
|
616
616
|
xPercents[i] = snap(
|
|
617
|
-
parseFloat(gsap
|
|
617
|
+
parseFloat(gsap.getProperty(target, "x", "px")) / w * 100 + gsap.getProperty(target, "xPercent")
|
|
618
618
|
);
|
|
619
619
|
return xPercents[i];
|
|
620
620
|
}
|
|
621
621
|
});
|
|
622
|
-
gsap
|
|
623
|
-
const totalWidth = itemsArray[length - 1].offsetLeft + xPercents[length - 1] / 100 * widths[length - 1] - startX + itemsArray[length - 1].offsetWidth * gsap
|
|
622
|
+
gsap.set(itemsArray, { x: 0 });
|
|
623
|
+
const totalWidth = itemsArray[length - 1].offsetLeft + xPercents[length - 1] / 100 * widths[length - 1] - startX + itemsArray[length - 1].offsetWidth * gsap.getProperty(itemsArray[length - 1], "scaleX") + (parseFloat(cfg.paddingRight) || 0);
|
|
624
624
|
for (let i = 0; i < length; i++) {
|
|
625
625
|
const item = itemsArray[i];
|
|
626
626
|
const curX = xPercents[i] / 100 * widths[i];
|
|
627
627
|
const distanceToStart = item.offsetLeft - startX;
|
|
628
|
-
const distanceToLoop = distanceToStart + widths[i] * gsap
|
|
628
|
+
const distanceToLoop = distanceToStart + widths[i] * gsap.getProperty(item, "scaleX");
|
|
629
629
|
tl.to(
|
|
630
630
|
item,
|
|
631
631
|
{
|
|
@@ -650,7 +650,7 @@ var BrandsStrip = ({
|
|
|
650
650
|
() => {
|
|
651
651
|
const refreshCalculations = () => {
|
|
652
652
|
if (!marqueeRef.current || !containerRef.current || logos.length === 0) return;
|
|
653
|
-
const items = gsap
|
|
653
|
+
const items = gsap.utils.toArray(marqueeRef.current.children);
|
|
654
654
|
if (items.length === 0) return;
|
|
655
655
|
const itemWidth = items[0].clientWidth;
|
|
656
656
|
const calculatedTotalWidth = shouldAnimate ? itemWidth * items.length + 120 * (items.length - 1) / 2 : itemWidth * items.length + 120 * (items.length - 1);
|
|
@@ -661,7 +661,7 @@ var BrandsStrip = ({
|
|
|
661
661
|
}
|
|
662
662
|
if (containerWidth < calculatedTotalWidth) {
|
|
663
663
|
setShouldAnimate(true);
|
|
664
|
-
const ctx = gsap
|
|
664
|
+
const ctx = gsap.context(() => {
|
|
665
665
|
const loop = horizontalLoop(items, {
|
|
666
666
|
repeat: -1,
|
|
667
667
|
speed: 1,
|
|
@@ -697,7 +697,7 @@ var BrandsStrip = ({
|
|
|
697
697
|
"div",
|
|
698
698
|
{
|
|
699
699
|
ref: containerRef,
|
|
700
|
-
className:
|
|
700
|
+
className: clsx50(
|
|
701
701
|
BrandsStrip_module_default.brandsStrip,
|
|
702
702
|
BrandsStrip_module_default[variant],
|
|
703
703
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -706,13 +706,13 @@ var BrandsStrip = ({
|
|
|
706
706
|
onMouseEnter: handleMouseEnter,
|
|
707
707
|
onMouseLeave: handleMouseLeave,
|
|
708
708
|
children: [
|
|
709
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
710
|
-
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className:
|
|
709
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
710
|
+
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx50("body", BrandsStrip_module_default.title), children: title }),
|
|
711
711
|
logos.length > 0 && /* @__PURE__ */ jsx(
|
|
712
712
|
"div",
|
|
713
713
|
{
|
|
714
714
|
ref: marqueeRef,
|
|
715
|
-
className:
|
|
715
|
+
className: clsx50(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
716
716
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
717
717
|
}
|
|
718
718
|
)
|
|
@@ -759,7 +759,7 @@ var Container_module_default = {
|
|
|
759
759
|
var Container = forwardRef(
|
|
760
760
|
(_a, ref) => {
|
|
761
761
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
762
|
-
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
762
|
+
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx50(Container_module_default.container, className) }, props), { children }));
|
|
763
763
|
}
|
|
764
764
|
);
|
|
765
765
|
Container.displayName = "Container";
|
|
@@ -806,14 +806,14 @@ var Card = ({
|
|
|
806
806
|
ConditionalWrapper,
|
|
807
807
|
__spreadProps(__spreadValues({
|
|
808
808
|
ref,
|
|
809
|
-
className:
|
|
809
|
+
className: clsx50(Card_module_default.card, Card_module_default[variant], className),
|
|
810
810
|
wrapper: Anchor,
|
|
811
811
|
fallback: "div",
|
|
812
812
|
condition: isLink
|
|
813
813
|
}, href ? { href, isExternal } : {}), {
|
|
814
814
|
children: [
|
|
815
815
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
816
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className:
|
|
816
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx50(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx50(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
817
817
|
isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
818
818
|
] }),
|
|
819
819
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
|
|
@@ -848,10 +848,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
848
848
|
title: CountingCardTitle
|
|
849
849
|
});
|
|
850
850
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
851
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
851
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx50(CountingCard_module_default["counting-card"], className), children: [
|
|
852
852
|
/* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
853
853
|
titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
|
|
854
|
-
count && /* @__PURE__ */ jsx("div", { className:
|
|
854
|
+
count && /* @__PURE__ */ jsx("div", { className: clsx50(CountingCard_module_default.count, "h1"), children: count })
|
|
855
855
|
] }),
|
|
856
856
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
857
857
|
] });
|
|
@@ -937,7 +937,7 @@ function FilterBar({
|
|
|
937
937
|
"button",
|
|
938
938
|
{
|
|
939
939
|
type: "button",
|
|
940
|
-
className:
|
|
940
|
+
className: clsx50(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
941
941
|
onClick: () => onViewChange("grid"),
|
|
942
942
|
"aria-pressed": view === "grid",
|
|
943
943
|
children: [
|
|
@@ -950,7 +950,7 @@ function FilterBar({
|
|
|
950
950
|
"button",
|
|
951
951
|
{
|
|
952
952
|
type: "button",
|
|
953
|
-
className:
|
|
953
|
+
className: clsx50(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
954
954
|
onClick: () => onViewChange("list"),
|
|
955
955
|
"aria-pressed": view === "list",
|
|
956
956
|
children: [
|
|
@@ -964,7 +964,7 @@ function FilterBar({
|
|
|
964
964
|
/* @__PURE__ */ jsxs(
|
|
965
965
|
"div",
|
|
966
966
|
{
|
|
967
|
-
className:
|
|
967
|
+
className: clsx50(
|
|
968
968
|
FilterBar_module_default.dropdownWrapper,
|
|
969
969
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
970
970
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -975,7 +975,7 @@ function FilterBar({
|
|
|
975
975
|
"button",
|
|
976
976
|
{
|
|
977
977
|
type: "button",
|
|
978
|
-
className:
|
|
978
|
+
className: clsx50(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
979
979
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
980
980
|
"aria-expanded": openDropdown === "filter",
|
|
981
981
|
children: [
|
|
@@ -990,7 +990,7 @@ function FilterBar({
|
|
|
990
990
|
type: "button",
|
|
991
991
|
role: "option",
|
|
992
992
|
"aria-selected": filterValue === opt.value,
|
|
993
|
-
className:
|
|
993
|
+
className: clsx50(
|
|
994
994
|
FilterBar_module_default.dropdownOption,
|
|
995
995
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
996
996
|
),
|
|
@@ -1011,7 +1011,7 @@ function FilterBar({
|
|
|
1011
1011
|
/* @__PURE__ */ jsxs(
|
|
1012
1012
|
"div",
|
|
1013
1013
|
{
|
|
1014
|
-
className:
|
|
1014
|
+
className: clsx50(
|
|
1015
1015
|
FilterBar_module_default.dropdownWrapper,
|
|
1016
1016
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
1017
1017
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -1037,7 +1037,7 @@ function FilterBar({
|
|
|
1037
1037
|
type: "button",
|
|
1038
1038
|
role: "option",
|
|
1039
1039
|
"aria-selected": sortValue === opt.value,
|
|
1040
|
-
className:
|
|
1040
|
+
className: clsx50(
|
|
1041
1041
|
FilterBar_module_default.dropdownOption,
|
|
1042
1042
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1043
1043
|
),
|
|
@@ -1055,7 +1055,7 @@ function FilterBar({
|
|
|
1055
1055
|
searchState !== "closed" ? /* @__PURE__ */ jsxs(
|
|
1056
1056
|
"div",
|
|
1057
1057
|
{
|
|
1058
|
-
className:
|
|
1058
|
+
className: clsx50(
|
|
1059
1059
|
FilterBar_module_default.searchExpanded,
|
|
1060
1060
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1061
1061
|
),
|
|
@@ -1137,9 +1137,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1137
1137
|
});
|
|
1138
1138
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1139
1139
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1140
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1140
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx50(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1141
1141
|
/* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1142
|
-
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className:
|
|
1142
|
+
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx50(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1143
1143
|
titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
|
|
1144
1144
|
] }),
|
|
1145
1145
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1236,7 +1236,7 @@ var Pagination = ({
|
|
|
1236
1236
|
const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
|
|
1237
1237
|
const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
|
|
1238
1238
|
const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
1239
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1239
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx50(Pagination_module_default.pagination, className), children: [
|
|
1240
1240
|
!disableArrows && (renderLink ? renderLink({
|
|
1241
1241
|
page: prevPage,
|
|
1242
1242
|
className: Pagination_module_default.prev,
|
|
@@ -1257,7 +1257,7 @@ var Pagination = ({
|
|
|
1257
1257
|
return /* @__PURE__ */ jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
|
|
1258
1258
|
}
|
|
1259
1259
|
const page = item;
|
|
1260
|
-
const pageClassName =
|
|
1260
|
+
const pageClassName = clsx50(Pagination_module_default.page, {
|
|
1261
1261
|
[Pagination_module_default.active]: activePage === page,
|
|
1262
1262
|
[Pagination_module_default.number]: hasNumber,
|
|
1263
1263
|
[Pagination_module_default["no-border"]]: hidePagesBorder
|
|
@@ -1309,7 +1309,7 @@ var PracticeCard_module_default = {
|
|
|
1309
1309
|
};
|
|
1310
1310
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1311
1311
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1312
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1312
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
|
|
1313
1313
|
ConditionalWrapper,
|
|
1314
1314
|
__spreadProps(__spreadValues({
|
|
1315
1315
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -1320,7 +1320,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1320
1320
|
children: [
|
|
1321
1321
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1322
1322
|
/* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1323
|
-
title && /* @__PURE__ */ jsx("div", { className:
|
|
1323
|
+
title && /* @__PURE__ */ jsx("div", { className: clsx50(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1324
1324
|
href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1325
1325
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1326
1326
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1364,15 +1364,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1364
1364
|
"aria-disabled": isRestricted
|
|
1365
1365
|
} : null;
|
|
1366
1366
|
const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
|
|
1367
|
-
className:
|
|
1367
|
+
className: clsx50(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
|
|
1368
1368
|
children: null
|
|
1369
1369
|
})) : /* @__PURE__ */ jsx(
|
|
1370
1370
|
"a",
|
|
1371
1371
|
__spreadProps(__spreadValues({}, linkProps), {
|
|
1372
|
-
className:
|
|
1372
|
+
className: clsx50(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
|
|
1373
1373
|
})
|
|
1374
1374
|
) : null;
|
|
1375
|
-
const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className:
|
|
1375
|
+
const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx50(ResourceCardItem_module_default.cardLink), children }));
|
|
1376
1376
|
function getIcon() {
|
|
1377
1377
|
switch (item.type) {
|
|
1378
1378
|
case "pdf":
|
|
@@ -1389,7 +1389,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1389
1389
|
return /* @__PURE__ */ jsxs(
|
|
1390
1390
|
"article",
|
|
1391
1391
|
{
|
|
1392
|
-
className:
|
|
1392
|
+
className: clsx50(
|
|
1393
1393
|
ResourceCardItem_module_default.cardGrid,
|
|
1394
1394
|
isGlobalSearchVariant && ResourceCardItem_module_default[variant],
|
|
1395
1395
|
isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
|
|
@@ -1473,7 +1473,7 @@ var Sidebar = ({
|
|
|
1473
1473
|
return /* @__PURE__ */ jsxs(
|
|
1474
1474
|
"li",
|
|
1475
1475
|
{
|
|
1476
|
-
className:
|
|
1476
|
+
className: clsx50(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1477
1477
|
role: "button",
|
|
1478
1478
|
tabIndex: 0,
|
|
1479
1479
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1531,7 +1531,7 @@ var UpcomingEventCard = ({
|
|
|
1531
1531
|
return /* @__PURE__ */ jsxs(
|
|
1532
1532
|
"article",
|
|
1533
1533
|
{
|
|
1534
|
-
className:
|
|
1534
|
+
className: clsx50(
|
|
1535
1535
|
"card",
|
|
1536
1536
|
UpcomingEventCard_module_default["event-card"],
|
|
1537
1537
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1539,26 +1539,26 @@ var UpcomingEventCard = ({
|
|
|
1539
1539
|
className
|
|
1540
1540
|
),
|
|
1541
1541
|
children: [
|
|
1542
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1543
|
-
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1542
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1543
|
+
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1544
1544
|
/* @__PURE__ */ jsxs(
|
|
1545
1545
|
"div",
|
|
1546
1546
|
{
|
|
1547
|
-
className:
|
|
1547
|
+
className: clsx50(
|
|
1548
1548
|
"card-text-content",
|
|
1549
1549
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1550
1550
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1551
1551
|
),
|
|
1552
1552
|
children: [
|
|
1553
1553
|
/* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1554
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
1554
|
+
title && /* @__PURE__ */ jsx("h3", { className: clsx50("card-text-title"), children: title }),
|
|
1555
1555
|
location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1556
|
-
description && /* @__PURE__ */ jsx("div", { className:
|
|
1557
|
-
cta && cta.url && /* @__PURE__ */ jsx("div", { className:
|
|
1556
|
+
description && /* @__PURE__ */ jsx("div", { className: clsx50("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1557
|
+
cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx50("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
1558
1558
|
Button,
|
|
1559
1559
|
{
|
|
1560
1560
|
variant: "secondary",
|
|
1561
|
-
className:
|
|
1561
|
+
className: clsx50(
|
|
1562
1562
|
"card-cta",
|
|
1563
1563
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1564
1564
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1577,12 +1577,12 @@ var UpcomingEventCard = ({
|
|
|
1577
1577
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1578
1578
|
"div",
|
|
1579
1579
|
{
|
|
1580
|
-
className:
|
|
1580
|
+
className: clsx50("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1581
1581
|
children: /* @__PURE__ */ jsx(
|
|
1582
1582
|
Button,
|
|
1583
1583
|
{
|
|
1584
1584
|
variant: "secondary",
|
|
1585
|
-
className:
|
|
1585
|
+
className: clsx50("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1586
1586
|
fullWidth: isBelowMobile,
|
|
1587
1587
|
href: cta.url,
|
|
1588
1588
|
icon: cta.icon,
|
|
@@ -1630,7 +1630,7 @@ var Badge = forwardRef(
|
|
|
1630
1630
|
"live",
|
|
1631
1631
|
"clickable"
|
|
1632
1632
|
]);
|
|
1633
|
-
const classes =
|
|
1633
|
+
const classes = clsx50(
|
|
1634
1634
|
Badge_module_default.badge,
|
|
1635
1635
|
Badge_module_default[variant],
|
|
1636
1636
|
Badge_module_default[size],
|
|
@@ -1641,7 +1641,7 @@ var Badge = forwardRef(
|
|
|
1641
1641
|
className
|
|
1642
1642
|
);
|
|
1643
1643
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1644
|
-
icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className:
|
|
1644
|
+
icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className: clsx50("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1645
1645
|
!iconOnly && /* @__PURE__ */ jsx("span", { className: Badge_module_default.label, children })
|
|
1646
1646
|
] });
|
|
1647
1647
|
if (clickable) {
|
|
@@ -1722,7 +1722,7 @@ var Input = forwardRef(
|
|
|
1722
1722
|
return /* @__PURE__ */ jsxs(
|
|
1723
1723
|
"div",
|
|
1724
1724
|
{
|
|
1725
|
-
className:
|
|
1725
|
+
className: clsx50(
|
|
1726
1726
|
"input-field",
|
|
1727
1727
|
Input_module_default["input-field"],
|
|
1728
1728
|
{
|
|
@@ -1736,17 +1736,17 @@ var Input = forwardRef(
|
|
|
1736
1736
|
"label",
|
|
1737
1737
|
{
|
|
1738
1738
|
htmlFor: inputId,
|
|
1739
|
-
className:
|
|
1739
|
+
className: clsx50("input-label", Input_module_default.label, {
|
|
1740
1740
|
["sr-only"]: hideLabel
|
|
1741
1741
|
}),
|
|
1742
1742
|
children: [
|
|
1743
1743
|
label,
|
|
1744
|
-
required && /* @__PURE__ */ jsx("span", { className:
|
|
1744
|
+
required && /* @__PURE__ */ jsx("span", { className: clsx50("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1745
1745
|
]
|
|
1746
1746
|
}
|
|
1747
1747
|
),
|
|
1748
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1749
|
-
startAdornment && /* @__PURE__ */ jsx("span", { className:
|
|
1748
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("input-wrapper", Input_module_default.wrapper), children: [
|
|
1749
|
+
startAdornment && /* @__PURE__ */ jsx("span", { className: clsx50("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1750
1750
|
/* @__PURE__ */ jsx(
|
|
1751
1751
|
"input",
|
|
1752
1752
|
__spreadValues({
|
|
@@ -1757,7 +1757,7 @@ var Input = forwardRef(
|
|
|
1757
1757
|
disabled,
|
|
1758
1758
|
"aria-invalid": !!error,
|
|
1759
1759
|
"aria-describedby": describedBy || void 0,
|
|
1760
|
-
className:
|
|
1760
|
+
className: clsx50(
|
|
1761
1761
|
"input",
|
|
1762
1762
|
Input_module_default.input,
|
|
1763
1763
|
{
|
|
@@ -1768,11 +1768,11 @@ var Input = forwardRef(
|
|
|
1768
1768
|
)
|
|
1769
1769
|
}, props)
|
|
1770
1770
|
),
|
|
1771
|
-
endAdornment && /* @__PURE__ */ jsx("span", { className:
|
|
1772
|
-
endAction && /* @__PURE__ */ jsx("span", { className:
|
|
1771
|
+
endAdornment && /* @__PURE__ */ jsx("span", { className: clsx50("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1772
|
+
endAction && /* @__PURE__ */ jsx("span", { className: clsx50("input-end-action"), children: endAction })
|
|
1773
1773
|
] }),
|
|
1774
|
-
helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className:
|
|
1775
|
-
error && /* @__PURE__ */ jsx("p", { id: errorId, className:
|
|
1774
|
+
helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className: clsx50("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1775
|
+
error && /* @__PURE__ */ jsx("p", { id: errorId, className: clsx50("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1776
1776
|
]
|
|
1777
1777
|
}
|
|
1778
1778
|
);
|
|
@@ -1816,7 +1816,7 @@ var NewsCard = ({
|
|
|
1816
1816
|
href: cta.url,
|
|
1817
1817
|
target: cta.isExternal ? "_blank" : void 0,
|
|
1818
1818
|
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1819
|
-
className:
|
|
1819
|
+
className: clsx50("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1820
1820
|
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1821
1821
|
}, isRestricted && {
|
|
1822
1822
|
"aria-disabled": true
|
|
@@ -1827,7 +1827,7 @@ var NewsCard = ({
|
|
|
1827
1827
|
return /* @__PURE__ */ jsxs(
|
|
1828
1828
|
"article",
|
|
1829
1829
|
{
|
|
1830
|
-
className:
|
|
1830
|
+
className: clsx50(
|
|
1831
1831
|
"news-card",
|
|
1832
1832
|
NewsCard_module_default["news-card"],
|
|
1833
1833
|
type && NewsCard_module_default[type],
|
|
@@ -1838,29 +1838,29 @@ var NewsCard = ({
|
|
|
1838
1838
|
"aria-describedby": isRestricted ? `restricted-${id}` : void 0,
|
|
1839
1839
|
children: [
|
|
1840
1840
|
cardLink,
|
|
1841
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1841
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1842
1842
|
/* @__PURE__ */ jsxs(
|
|
1843
1843
|
"div",
|
|
1844
1844
|
{
|
|
1845
|
-
className:
|
|
1845
|
+
className: clsx50("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1846
1846
|
style: {
|
|
1847
1847
|
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1848
1848
|
},
|
|
1849
1849
|
children: [
|
|
1850
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1851
|
-
/* @__PURE__ */ jsx(Badge, { className:
|
|
1852
|
-
/* @__PURE__ */ jsx("time", { dateTime: date.value, className:
|
|
1850
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1851
|
+
/* @__PURE__ */ jsx(Badge, { className: clsx50("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1852
|
+
/* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx50("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1853
1853
|
] }),
|
|
1854
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1855
|
-
/* @__PURE__ */ jsx("h3", { id: `title-${id}`, className:
|
|
1856
|
-
typeof description === "string" ? /* @__PURE__ */ jsx("p", { className:
|
|
1854
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1855
|
+
/* @__PURE__ */ jsx("h3", { id: `title-${id}`, className: clsx50("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1856
|
+
typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx50("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
|
|
1857
1857
|
isRestricted && /* @__PURE__ */ jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
|
|
1858
1858
|
] }),
|
|
1859
|
-
cta && cta.url && /* @__PURE__ */ jsx("div", { className:
|
|
1859
|
+
cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx50("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
1860
1860
|
Button,
|
|
1861
1861
|
{
|
|
1862
1862
|
variant: "secondary",
|
|
1863
|
-
className:
|
|
1863
|
+
className: clsx50("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1864
1864
|
icon: cta.icon,
|
|
1865
1865
|
"aria-hidden": "true",
|
|
1866
1866
|
tabIndex: -1,
|
|
@@ -1889,7 +1889,7 @@ var BlogPostContent = ({ className, body, children }) => {
|
|
|
1889
1889
|
body: BlogPostContentBody
|
|
1890
1890
|
});
|
|
1891
1891
|
const bodyNode = (_a = slots.body) != null ? _a : body;
|
|
1892
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1892
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
|
|
1893
1893
|
};
|
|
1894
1894
|
|
|
1895
1895
|
// src/components/BlogPostContent/index.ts
|
|
@@ -1940,7 +1940,7 @@ var Search = ({
|
|
|
1940
1940
|
}
|
|
1941
1941
|
};
|
|
1942
1942
|
if (!isOpen) {
|
|
1943
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1943
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(Search_module_default.search, className), children: /* @__PURE__ */ jsx(
|
|
1944
1944
|
"button",
|
|
1945
1945
|
{
|
|
1946
1946
|
type: "button",
|
|
@@ -1952,10 +1952,10 @@ var Search = ({
|
|
|
1952
1952
|
}
|
|
1953
1953
|
) });
|
|
1954
1954
|
}
|
|
1955
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1955
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(Search_module_default.search, className), children: /* @__PURE__ */ jsxs(
|
|
1956
1956
|
"div",
|
|
1957
1957
|
{
|
|
1958
|
-
className:
|
|
1958
|
+
className: clsx50(
|
|
1959
1959
|
Search_module_default.searchField,
|
|
1960
1960
|
isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
|
|
1961
1961
|
),
|
|
@@ -2022,7 +2022,7 @@ var ColTextMenu = ({
|
|
|
2022
2022
|
isExternal,
|
|
2023
2023
|
renderLink,
|
|
2024
2024
|
icon: "chevronRight",
|
|
2025
|
-
className:
|
|
2025
|
+
className: clsx50("subheading", className),
|
|
2026
2026
|
children: label
|
|
2027
2027
|
}
|
|
2028
2028
|
);
|
|
@@ -2102,7 +2102,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2102
2102
|
/* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2103
2103
|
] })
|
|
2104
2104
|
] });
|
|
2105
|
-
const rootClass =
|
|
2105
|
+
const rootClass = clsx50(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2106
2106
|
return user.url ? /* @__PURE__ */ jsx(
|
|
2107
2107
|
"a",
|
|
2108
2108
|
{
|
|
@@ -2117,7 +2117,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2117
2117
|
return /* @__PURE__ */ jsxs(
|
|
2118
2118
|
"div",
|
|
2119
2119
|
{
|
|
2120
|
-
className:
|
|
2120
|
+
className: clsx50(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2121
2121
|
ref: wrapperRef,
|
|
2122
2122
|
onPointerLeave: handlePointerLeave,
|
|
2123
2123
|
onBlur: handleBlur,
|
|
@@ -2139,7 +2139,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2139
2139
|
/* @__PURE__ */ jsx(
|
|
2140
2140
|
"span",
|
|
2141
2141
|
{
|
|
2142
|
-
className:
|
|
2142
|
+
className: clsx50(
|
|
2143
2143
|
UserMenu_module_default.userChevron,
|
|
2144
2144
|
dropUp && UserMenu_module_default.userChevronUp,
|
|
2145
2145
|
isOpen && UserMenu_module_default.userChevronOpen
|
|
@@ -2154,12 +2154,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2154
2154
|
isOpen && /* @__PURE__ */ jsx(
|
|
2155
2155
|
"div",
|
|
2156
2156
|
{
|
|
2157
|
-
className:
|
|
2157
|
+
className: clsx50(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2158
2158
|
role: "menu",
|
|
2159
2159
|
onPointerEnter: handlePointerEnter,
|
|
2160
2160
|
onPointerLeave: handlePointerLeave,
|
|
2161
2161
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2162
|
-
const itemClass =
|
|
2162
|
+
const itemClass = clsx50(
|
|
2163
2163
|
UserMenu_module_default.userMenuItem,
|
|
2164
2164
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2165
2165
|
);
|
|
@@ -2203,9 +2203,66 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2203
2203
|
var Loader_module_default = {
|
|
2204
2204
|
loader: "Loader_module_loader"};
|
|
2205
2205
|
var Loader = ({ className }) => {
|
|
2206
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2206
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50("loader", Loader_module_default["loader"], className) });
|
|
2207
2207
|
};
|
|
2208
2208
|
Loader.displayName = "Loader";
|
|
2209
|
+
|
|
2210
|
+
// src/components/BrandCard/BrandCard.module.scss
|
|
2211
|
+
var BrandCard_module_default = {
|
|
2212
|
+
"brand-card": "BrandCard_module_brand-card",
|
|
2213
|
+
"content-wrapper": "BrandCard_module_content-wrapper",
|
|
2214
|
+
"content-title": "BrandCard_module_content-title",
|
|
2215
|
+
"content-subtitle": "BrandCard_module_content-subtitle",
|
|
2216
|
+
"brand-image": "BrandCard_module_brand-image",
|
|
2217
|
+
dark: "BrandCard_module_dark",
|
|
2218
|
+
light: "BrandCard_module_light"
|
|
2219
|
+
};
|
|
2220
|
+
gsap.registerPlugin(ScrollTrigger, useGSAP);
|
|
2221
|
+
var BrandCard = ({
|
|
2222
|
+
theme = "dark",
|
|
2223
|
+
title,
|
|
2224
|
+
subtitle,
|
|
2225
|
+
image,
|
|
2226
|
+
animationSettings,
|
|
2227
|
+
className
|
|
2228
|
+
}) => {
|
|
2229
|
+
const containerRef = useRef(null);
|
|
2230
|
+
const textRef = useRef(null);
|
|
2231
|
+
useGSAP(() => {
|
|
2232
|
+
var _a, _b;
|
|
2233
|
+
const obj = { val: 0 };
|
|
2234
|
+
gsap.to(obj, {
|
|
2235
|
+
val: animationSettings.to || 0,
|
|
2236
|
+
duration: animationSettings.duration || 1.5,
|
|
2237
|
+
ease: "power2.out",
|
|
2238
|
+
scrollTrigger: {
|
|
2239
|
+
trigger: (_b = (_a = animationSettings == null ? void 0 : animationSettings.triggerRef) == null ? void 0 : _a.current) != null ? _b : containerRef.current,
|
|
2240
|
+
start: "top 80%",
|
|
2241
|
+
once: true
|
|
2242
|
+
},
|
|
2243
|
+
onUpdate: () => {
|
|
2244
|
+
var _a2;
|
|
2245
|
+
if (textRef.current) {
|
|
2246
|
+
textRef.current.textContent = `${Math.round(obj.val).toLocaleString()}${(_a2 = animationSettings.suffix) != null ? _a2 : ""}`;
|
|
2247
|
+
}
|
|
2248
|
+
}
|
|
2249
|
+
});
|
|
2250
|
+
});
|
|
2251
|
+
return /* @__PURE__ */ jsxs(
|
|
2252
|
+
"div",
|
|
2253
|
+
{
|
|
2254
|
+
ref: containerRef,
|
|
2255
|
+
className: clsx50("brand-card", BrandCard_module_default["brand-card"], BrandCard_module_default[theme], className),
|
|
2256
|
+
children: [
|
|
2257
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("content-wrapper", BrandCard_module_default["content-wrapper"]), children: [
|
|
2258
|
+
/* @__PURE__ */ jsx("h3", { className: clsx50("content-title", "body", BrandCard_module_default["content-title"]), children: title }),
|
|
2259
|
+
/* @__PURE__ */ jsx("p", { ref: textRef, className: clsx50("content-subtitle", "h1", BrandCard_module_default["content-subtitle"]), children: subtitle })
|
|
2260
|
+
] }),
|
|
2261
|
+
(image == null ? void 0 : image.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx50("brand-image", BrandCard_module_default["brand-image"]) }, image))
|
|
2262
|
+
]
|
|
2263
|
+
}
|
|
2264
|
+
);
|
|
2265
|
+
};
|
|
2209
2266
|
var CardCollectionTitle = ({ children }) => {
|
|
2210
2267
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
2211
2268
|
};
|
|
@@ -2256,7 +2313,7 @@ var CardCollection = ({
|
|
|
2256
2313
|
const handleShowMore = useCallback(() => {
|
|
2257
2314
|
contextSafe(() => {
|
|
2258
2315
|
setIsExpanded(true);
|
|
2259
|
-
const tl = gsap
|
|
2316
|
+
const tl = gsap.timeline({ defaults: { ease: "power3.inOut" } });
|
|
2260
2317
|
tl.to(`.${CardCollection_module_default.cta}`, {
|
|
2261
2318
|
opacity: 0,
|
|
2262
2319
|
y: 20,
|
|
@@ -2285,13 +2342,13 @@ var CardCollection = ({
|
|
|
2285
2342
|
Container,
|
|
2286
2343
|
{
|
|
2287
2344
|
ref: container,
|
|
2288
|
-
className:
|
|
2345
|
+
className: clsx50(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2289
2346
|
children: [
|
|
2290
2347
|
/* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2291
2348
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
2292
2349
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
2293
2350
|
] }),
|
|
2294
|
-
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className:
|
|
2351
|
+
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx50(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
2295
2352
|
visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2296
2353
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
|
|
2297
2354
|
Card2,
|
|
@@ -2344,7 +2401,7 @@ var ContactModule_module_default = {
|
|
|
2344
2401
|
cta: "ContactModule_module_cta"
|
|
2345
2402
|
};
|
|
2346
2403
|
if (typeof window !== "undefined") {
|
|
2347
|
-
gsap.registerPlugin(ScrollTrigger, useGSAP);
|
|
2404
|
+
gsap$1.registerPlugin(ScrollTrigger, useGSAP);
|
|
2348
2405
|
}
|
|
2349
2406
|
var ContactModule = ({
|
|
2350
2407
|
className,
|
|
@@ -2369,7 +2426,7 @@ var ContactModule = ({
|
|
|
2369
2426
|
() => {
|
|
2370
2427
|
if (!blurred || !animateBlur) return;
|
|
2371
2428
|
const revealProxy = { percentage: 0 };
|
|
2372
|
-
gsap.to(revealProxy, {
|
|
2429
|
+
gsap$1.to(revealProxy, {
|
|
2373
2430
|
percentage: 150,
|
|
2374
2431
|
scrollTrigger: {
|
|
2375
2432
|
trigger: containerRef.current,
|
|
@@ -2392,7 +2449,7 @@ var ContactModule = ({
|
|
|
2392
2449
|
},
|
|
2393
2450
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2394
2451
|
);
|
|
2395
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className:
|
|
2452
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx50(ContactModule_module_default["contact-module"], className), children: [
|
|
2396
2453
|
blurred && /* @__PURE__ */ jsx(
|
|
2397
2454
|
"div",
|
|
2398
2455
|
{
|
|
@@ -2407,8 +2464,8 @@ var ContactModule = ({
|
|
|
2407
2464
|
/* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2408
2465
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2409
2466
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2410
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2411
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2467
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx50(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
2468
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx50(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
2412
2469
|
] }),
|
|
2413
2470
|
/* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
2414
2471
|
Button,
|
|
@@ -2477,7 +2534,7 @@ var Footer = ({
|
|
|
2477
2534
|
disclaimer: FooterDisclaimer
|
|
2478
2535
|
});
|
|
2479
2536
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2480
|
-
return /* @__PURE__ */ jsx("footer", { className:
|
|
2537
|
+
return /* @__PURE__ */ jsx("footer", { className: clsx50(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
|
|
2481
2538
|
supportContacts.length > 0 && /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2482
2539
|
/* @__PURE__ */ jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2483
2540
|
/* @__PURE__ */ jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-group"], children: [
|
|
@@ -2506,7 +2563,7 @@ var Footer = ({
|
|
|
2506
2563
|
index
|
|
2507
2564
|
) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2508
2565
|
) }) }),
|
|
2509
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2566
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx50(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2510
2567
|
copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2511
2568
|
] }),
|
|
2512
2569
|
navigationLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -2532,7 +2589,7 @@ var LogoBar_module_default = {
|
|
|
2532
2589
|
};
|
|
2533
2590
|
var LogoBar = ({ className, items }) => {
|
|
2534
2591
|
if (!items || items.length === 0) return null;
|
|
2535
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2592
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2536
2593
|
return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2537
2594
|
item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2538
2595
|
item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2602,7 +2659,7 @@ var HeroBanner = ({
|
|
|
2602
2659
|
});
|
|
2603
2660
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2604
2661
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2605
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
2662
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx50(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
|
|
2606
2663
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2607
2664
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2608
2665
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
@@ -2612,7 +2669,7 @@ var HeroBanner = ({
|
|
|
2612
2669
|
{
|
|
2613
2670
|
tag: "h2",
|
|
2614
2671
|
promoteToH1,
|
|
2615
|
-
className:
|
|
2672
|
+
className: clsx50(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2616
2673
|
children: titleNode
|
|
2617
2674
|
}
|
|
2618
2675
|
),
|
|
@@ -2621,7 +2678,7 @@ var HeroBanner = ({
|
|
|
2621
2678
|
{
|
|
2622
2679
|
tag: "div",
|
|
2623
2680
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2624
|
-
className:
|
|
2681
|
+
className: clsx50(HeroBanner_module_default.subtitle, "subheading"),
|
|
2625
2682
|
children: subtitleNode
|
|
2626
2683
|
}
|
|
2627
2684
|
)
|
|
@@ -2699,7 +2756,7 @@ var HeroBannerCarousel = ({
|
|
|
2699
2756
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
2700
2757
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
2701
2758
|
if (!items.length) return null;
|
|
2702
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2759
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
2703
2760
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
2704
2761
|
Swiper,
|
|
2705
2762
|
{
|
|
@@ -2711,7 +2768,7 @@ var HeroBannerCarousel = ({
|
|
|
2711
2768
|
children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
2712
2769
|
item.isNewItem && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
|
|
2713
2770
|
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
2714
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
2771
|
+
/* @__PURE__ */ jsx("h2", { className: clsx50(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
|
|
2715
2772
|
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
2716
2773
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
2717
2774
|
item.ctas.length > 0 && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsx(
|
|
@@ -2746,7 +2803,7 @@ var HeroBannerCarousel = ({
|
|
|
2746
2803
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
|
|
2747
2804
|
"button",
|
|
2748
2805
|
{
|
|
2749
|
-
className:
|
|
2806
|
+
className: clsx50(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
2750
2807
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
2751
2808
|
"aria-label": `Go to slide ${index + 1}`
|
|
2752
2809
|
},
|
|
@@ -2800,7 +2857,7 @@ var AccordionItem = ({
|
|
|
2800
2857
|
if (timelineRef.current) {
|
|
2801
2858
|
timelineRef.current.kill();
|
|
2802
2859
|
}
|
|
2803
|
-
const tl = gsap
|
|
2860
|
+
const tl = gsap.timeline({
|
|
2804
2861
|
defaults: { duration: 0.25, ease: "power2.inOut" }
|
|
2805
2862
|
});
|
|
2806
2863
|
if (isOpen) {
|
|
@@ -2826,7 +2883,7 @@ var AccordionItem = ({
|
|
|
2826
2883
|
return /* @__PURE__ */ jsxs(
|
|
2827
2884
|
"div",
|
|
2828
2885
|
{
|
|
2829
|
-
className:
|
|
2886
|
+
className: clsx50(
|
|
2830
2887
|
Accordion_module_default.accordionItem,
|
|
2831
2888
|
{
|
|
2832
2889
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -2837,18 +2894,18 @@ var AccordionItem = ({
|
|
|
2837
2894
|
/* @__PURE__ */ jsxs(
|
|
2838
2895
|
"button",
|
|
2839
2896
|
{
|
|
2840
|
-
className:
|
|
2897
|
+
className: clsx50(Accordion_module_default.accordionHeader, {
|
|
2841
2898
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
2842
2899
|
}),
|
|
2843
2900
|
onClick: handleToggle,
|
|
2844
2901
|
"aria-expanded": isOpen,
|
|
2845
2902
|
"aria-label": `Toggle ${title}`,
|
|
2846
2903
|
children: [
|
|
2847
|
-
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className:
|
|
2904
|
+
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx50("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
2848
2905
|
/* @__PURE__ */ jsx(
|
|
2849
2906
|
"span",
|
|
2850
2907
|
{
|
|
2851
|
-
className:
|
|
2908
|
+
className: clsx50(Accordion_module_default.accordionChevron, {
|
|
2852
2909
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
2853
2910
|
}),
|
|
2854
2911
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -2900,7 +2957,7 @@ var Accordion = ({
|
|
|
2900
2957
|
if (items.length === 0) {
|
|
2901
2958
|
return null;
|
|
2902
2959
|
}
|
|
2903
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2960
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
|
|
2904
2961
|
AccordionItem,
|
|
2905
2962
|
{
|
|
2906
2963
|
id: item.id,
|
|
@@ -2990,7 +3047,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2990
3047
|
};
|
|
2991
3048
|
})) || [];
|
|
2992
3049
|
}, [tabs]);
|
|
2993
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
3050
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx50(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
2994
3051
|
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
2995
3052
|
title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
2996
3053
|
subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -3006,7 +3063,7 @@ var InternalBrandsTab = (props) => {
|
|
|
3006
3063
|
},
|
|
3007
3064
|
index
|
|
3008
3065
|
)) }),
|
|
3009
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
3066
|
+
/* @__PURE__ */ jsx("div", { className: clsx50(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3010
3067
|
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
3011
3068
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
3012
3069
|
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
@@ -3106,22 +3163,22 @@ var MiniBanner = ({
|
|
|
3106
3163
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3107
3164
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3108
3165
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3109
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3166
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx50(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
3110
3167
|
((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
3111
|
-
/* @__PURE__ */ jsx(Container, { className:
|
|
3168
|
+
/* @__PURE__ */ jsx(Container, { className: clsx50(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
3112
3169
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3113
3170
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3114
|
-
pretitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
3171
|
+
pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx50(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3115
3172
|
(titleNode || goBackNode) && /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3116
3173
|
goBackNode ? React71.cloneElement(goBackNode, {
|
|
3117
|
-
className:
|
|
3174
|
+
className: clsx50("back-button", MiniBanner_module_default["back-button"])
|
|
3118
3175
|
}) : null,
|
|
3119
3176
|
titleNode && /* @__PURE__ */ jsx(
|
|
3120
3177
|
Text,
|
|
3121
3178
|
{
|
|
3122
3179
|
tag: "div",
|
|
3123
3180
|
promoteToH1,
|
|
3124
|
-
className:
|
|
3181
|
+
className: clsx50(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
|
|
3125
3182
|
children: titleNode
|
|
3126
3183
|
}
|
|
3127
3184
|
)
|
|
@@ -3129,7 +3186,7 @@ var MiniBanner = ({
|
|
|
3129
3186
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
3130
3187
|
"div",
|
|
3131
3188
|
{
|
|
3132
|
-
className:
|
|
3189
|
+
className: clsx50(MiniBanner_module_default.title, MiniBanner_module_default.subtitle, {
|
|
3133
3190
|
subheading: isMiniBannerNoBG,
|
|
3134
3191
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3135
3192
|
h4: isMiniBannerTextLeft
|
|
@@ -3204,7 +3261,7 @@ var MiniSectionCta = ({
|
|
|
3204
3261
|
return /* @__PURE__ */ jsx(
|
|
3205
3262
|
"div",
|
|
3206
3263
|
{
|
|
3207
|
-
className:
|
|
3264
|
+
className: clsx50(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3208
3265
|
style: __spreadValues({}, moduleStyles && {
|
|
3209
3266
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
3210
3267
|
"--custom-color": moduleStyles.color
|
|
@@ -3215,7 +3272,7 @@ var MiniSectionCta = ({
|
|
|
3215
3272
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
3216
3273
|
"div",
|
|
3217
3274
|
{
|
|
3218
|
-
className:
|
|
3275
|
+
className: clsx50(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3219
3276
|
children: subtitleNode
|
|
3220
3277
|
}
|
|
3221
3278
|
)
|
|
@@ -3290,7 +3347,7 @@ var NavigationBrandBars_module_default = {
|
|
|
3290
3347
|
};
|
|
3291
3348
|
var NavigationBrandBars = ({ brandBars, className }) => {
|
|
3292
3349
|
if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
|
|
3293
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
3350
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsx(
|
|
3294
3351
|
"span",
|
|
3295
3352
|
{
|
|
3296
3353
|
className: NavigationBrandBars_module_default.brandBar,
|
|
@@ -3365,7 +3422,7 @@ var NavigationDesktop = ({
|
|
|
3365
3422
|
"a",
|
|
3366
3423
|
{
|
|
3367
3424
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3368
|
-
className:
|
|
3425
|
+
className: clsx50(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
|
|
3369
3426
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3370
3427
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3371
3428
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3384,7 +3441,7 @@ var NavigationDesktop = ({
|
|
|
3384
3441
|
{
|
|
3385
3442
|
type: "button",
|
|
3386
3443
|
id: `${baseId}-trigger-${index}`,
|
|
3387
|
-
className:
|
|
3444
|
+
className: clsx50(
|
|
3388
3445
|
NavigationDesktop_module_default.navTabLink,
|
|
3389
3446
|
NavigationDesktop_module_default.navTabTrigger,
|
|
3390
3447
|
(isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
|
|
@@ -3458,7 +3515,7 @@ var NavigationDropdown = ({
|
|
|
3458
3515
|
"div",
|
|
3459
3516
|
{
|
|
3460
3517
|
id: panelId,
|
|
3461
|
-
className:
|
|
3518
|
+
className: clsx50(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
|
|
3462
3519
|
onMouseEnter,
|
|
3463
3520
|
onMouseLeave,
|
|
3464
3521
|
children: /* @__PURE__ */ jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
|
|
@@ -3467,7 +3524,7 @@ var NavigationDropdown = ({
|
|
|
3467
3524
|
return /* @__PURE__ */ jsx(
|
|
3468
3525
|
"li",
|
|
3469
3526
|
{
|
|
3470
|
-
className:
|
|
3527
|
+
className: clsx50(NavigationDropdown_module_default.dropdownLinkItem, {
|
|
3471
3528
|
[NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3472
3529
|
}),
|
|
3473
3530
|
children: /* @__PURE__ */ jsx(
|
|
@@ -3579,7 +3636,7 @@ var NavigationMobile = ({
|
|
|
3579
3636
|
"div",
|
|
3580
3637
|
{
|
|
3581
3638
|
id,
|
|
3582
|
-
className:
|
|
3639
|
+
className: clsx50(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
|
|
3583
3640
|
role: "dialog",
|
|
3584
3641
|
"aria-modal": "true",
|
|
3585
3642
|
"aria-label": "Navigation menu",
|
|
@@ -3625,7 +3682,7 @@ var NavigationMobile = ({
|
|
|
3625
3682
|
/* @__PURE__ */ jsx(
|
|
3626
3683
|
"span",
|
|
3627
3684
|
{
|
|
3628
|
-
className:
|
|
3685
|
+
className: clsx50(
|
|
3629
3686
|
NavigationMobile_module_default.mobileItemChevron,
|
|
3630
3687
|
isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
|
|
3631
3688
|
),
|
|
@@ -3640,7 +3697,7 @@ var NavigationMobile = ({
|
|
|
3640
3697
|
"div",
|
|
3641
3698
|
{
|
|
3642
3699
|
id: subMenuId,
|
|
3643
|
-
className:
|
|
3700
|
+
className: clsx50(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
|
|
3644
3701
|
children: /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3645
3702
|
(subItem, i) => {
|
|
3646
3703
|
var _a2, _b2;
|
|
@@ -3648,7 +3705,7 @@ var NavigationMobile = ({
|
|
|
3648
3705
|
"a",
|
|
3649
3706
|
{
|
|
3650
3707
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3651
|
-
className:
|
|
3708
|
+
className: clsx50(
|
|
3652
3709
|
NavigationMobile_module_default.mobileSubLink,
|
|
3653
3710
|
subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
|
|
3654
3711
|
),
|
|
@@ -3679,7 +3736,7 @@ var NavigationMobile = ({
|
|
|
3679
3736
|
"div",
|
|
3680
3737
|
{
|
|
3681
3738
|
id,
|
|
3682
|
-
className:
|
|
3739
|
+
className: clsx50(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
|
|
3683
3740
|
role: "dialog",
|
|
3684
3741
|
"aria-modal": "true",
|
|
3685
3742
|
"aria-label": "Navigation menu",
|
|
@@ -3731,7 +3788,7 @@ var NavigationMobile = ({
|
|
|
3731
3788
|
/* @__PURE__ */ jsx(
|
|
3732
3789
|
"span",
|
|
3733
3790
|
{
|
|
3734
|
-
className:
|
|
3791
|
+
className: clsx50(
|
|
3735
3792
|
NavigationMobile_module_default.internalMobileItemChevron,
|
|
3736
3793
|
isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
|
|
3737
3794
|
),
|
|
@@ -3746,7 +3803,7 @@ var NavigationMobile = ({
|
|
|
3746
3803
|
"div",
|
|
3747
3804
|
{
|
|
3748
3805
|
id: subMenuId,
|
|
3749
|
-
className:
|
|
3806
|
+
className: clsx50(
|
|
3750
3807
|
NavigationMobile_module_default.internalMobileSubItems,
|
|
3751
3808
|
isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
|
|
3752
3809
|
),
|
|
@@ -3757,7 +3814,7 @@ var NavigationMobile = ({
|
|
|
3757
3814
|
"a",
|
|
3758
3815
|
{
|
|
3759
3816
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3760
|
-
className:
|
|
3817
|
+
className: clsx50(
|
|
3761
3818
|
NavigationMobile_module_default.internalMobileSubLink,
|
|
3762
3819
|
sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
|
|
3763
3820
|
),
|
|
@@ -3916,7 +3973,7 @@ var Navigation2 = (props) => {
|
|
|
3916
3973
|
const logo = mainLogo ? /* @__PURE__ */ jsx(
|
|
3917
3974
|
Picture,
|
|
3918
3975
|
{
|
|
3919
|
-
className:
|
|
3976
|
+
className: clsx50(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
3920
3977
|
src: mainLogo,
|
|
3921
3978
|
alt: logoAlt
|
|
3922
3979
|
}
|
|
@@ -3926,7 +3983,7 @@ var Navigation2 = (props) => {
|
|
|
3926
3983
|
"nav",
|
|
3927
3984
|
{
|
|
3928
3985
|
ref: navRef,
|
|
3929
|
-
className:
|
|
3986
|
+
className: clsx50(
|
|
3930
3987
|
Navigation_module_default.navigation,
|
|
3931
3988
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
3932
3989
|
// External-only transparent / hover treatment.
|
|
@@ -3946,7 +4003,7 @@ var Navigation2 = (props) => {
|
|
|
3946
4003
|
{
|
|
3947
4004
|
mainLogo,
|
|
3948
4005
|
homeCta,
|
|
3949
|
-
className:
|
|
4006
|
+
className: clsx50(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
3950
4007
|
}
|
|
3951
4008
|
) : logo,
|
|
3952
4009
|
isTabletBelow ? /* @__PURE__ */ jsx(
|
|
@@ -3978,7 +4035,7 @@ var Navigation2 = (props) => {
|
|
|
3978
4035
|
loginVariant: isTransparent ? "ghost" : "nofillblack"
|
|
3979
4036
|
}
|
|
3980
4037
|
) : user ? /* @__PURE__ */ jsx(UserMenu, { user }) : userMenuFallbackNode ? cloneElement(userMenuFallbackNode, {
|
|
3981
|
-
className:
|
|
4038
|
+
className: clsx50("userMenuFallback", Navigation_module_default["userMenuFallback"])
|
|
3982
4039
|
}) : null
|
|
3983
4040
|
] }),
|
|
3984
4041
|
!isTabletBelow && /* @__PURE__ */ jsxs("div", { className: Navigation_module_default.bottomRow, children: [
|
|
@@ -4085,7 +4142,7 @@ var PracticePathCards = ({
|
|
|
4085
4142
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4086
4143
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4087
4144
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4088
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4145
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
4089
4146
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4090
4147
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4091
4148
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
@@ -4139,8 +4196,8 @@ var Teaser5050With3Text = ({
|
|
|
4139
4196
|
title: Teaser5050With3TextTitle
|
|
4140
4197
|
});
|
|
4141
4198
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4142
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4143
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4199
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
4200
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx50(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4144
4201
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4145
4202
|
/* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4146
4203
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4191,7 +4248,7 @@ var Teaser5050WithCta = ({
|
|
|
4191
4248
|
return /* @__PURE__ */ jsx(
|
|
4192
4249
|
"div",
|
|
4193
4250
|
{
|
|
4194
|
-
className:
|
|
4251
|
+
className: clsx50(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4195
4252
|
style: __spreadValues({}, moduleStyles && {
|
|
4196
4253
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
4197
4254
|
"--custom-color": moduleStyles.color
|
|
@@ -4199,8 +4256,8 @@ var Teaser5050WithCta = ({
|
|
|
4199
4256
|
children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4200
4257
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4201
4258
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4202
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4203
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4259
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx50(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
4260
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx50("subheading", Teaser5050WithCta_module_default.subheading), children: subtitleNode })
|
|
4204
4261
|
] }),
|
|
4205
4262
|
/* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
4206
4263
|
Button,
|
|
@@ -4251,7 +4308,7 @@ var Carousel = (_a) => {
|
|
|
4251
4308
|
},
|
|
4252
4309
|
role: "region",
|
|
4253
4310
|
"aria-label": ariaLabel,
|
|
4254
|
-
className:
|
|
4311
|
+
className: clsx50(Carousel_module_default.carousel, className),
|
|
4255
4312
|
spaceBetween: 0,
|
|
4256
4313
|
slidesPerView: "auto",
|
|
4257
4314
|
modules: [FreeMode, A11y],
|
|
@@ -4261,7 +4318,7 @@ var Carousel = (_a) => {
|
|
|
4261
4318
|
children: slides.map((slide, index) => /* @__PURE__ */ jsx(
|
|
4262
4319
|
SwiperSlide,
|
|
4263
4320
|
{
|
|
4264
|
-
className:
|
|
4321
|
+
className: clsx50(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4265
4322
|
children: slide
|
|
4266
4323
|
},
|
|
4267
4324
|
index
|
|
@@ -4319,15 +4376,15 @@ var EventList = ({
|
|
|
4319
4376
|
return /* @__PURE__ */ jsx(
|
|
4320
4377
|
"div",
|
|
4321
4378
|
{
|
|
4322
|
-
className:
|
|
4379
|
+
className: clsx50(
|
|
4323
4380
|
"event-list-module",
|
|
4324
4381
|
EventList_module_default["event-list-module"],
|
|
4325
4382
|
backgroundColor && EventList_module_default[backgroundColor],
|
|
4326
4383
|
className
|
|
4327
4384
|
),
|
|
4328
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
4385
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx50(EventList_module_default["event-list-container"]), children: [
|
|
4329
4386
|
/* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4330
|
-
titleNode && /* @__PURE__ */ jsx("h2", { className:
|
|
4387
|
+
titleNode && /* @__PURE__ */ jsx("h2", { className: clsx50(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4331
4388
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
4332
4389
|
Button,
|
|
4333
4390
|
{
|
|
@@ -4345,7 +4402,7 @@ var EventList = ({
|
|
|
4345
4402
|
Carousel,
|
|
4346
4403
|
{
|
|
4347
4404
|
"aria-label": "Upcoming events",
|
|
4348
|
-
wrapperClass:
|
|
4405
|
+
wrapperClass: clsx50(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4349
4406
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4350
4407
|
spaceBetween: 16,
|
|
4351
4408
|
slides: items.map((item) => {
|
|
@@ -4353,7 +4410,7 @@ var EventList = ({
|
|
|
4353
4410
|
return /* @__PURE__ */ jsx(
|
|
4354
4411
|
UpcomingEventCard,
|
|
4355
4412
|
__spreadValues({
|
|
4356
|
-
className:
|
|
4413
|
+
className: clsx50(EventList_module_default["event-card"]),
|
|
4357
4414
|
direction: "vertical",
|
|
4358
4415
|
showImage: false
|
|
4359
4416
|
}, item),
|
|
@@ -4366,7 +4423,7 @@ var EventList = ({
|
|
|
4366
4423
|
"ul",
|
|
4367
4424
|
{
|
|
4368
4425
|
"aria-label": "Upcoming events",
|
|
4369
|
-
className:
|
|
4426
|
+
className: clsx50(
|
|
4370
4427
|
EventList_module_default["event-list-wrapper"],
|
|
4371
4428
|
EventList_module_default["horizontal"],
|
|
4372
4429
|
EventList_module_default[variant]
|
|
@@ -4376,11 +4433,11 @@ var EventList = ({
|
|
|
4376
4433
|
return /* @__PURE__ */ jsx(
|
|
4377
4434
|
"li",
|
|
4378
4435
|
{
|
|
4379
|
-
className:
|
|
4436
|
+
className: clsx50(EventList_module_default["card-list-item"]),
|
|
4380
4437
|
children: /* @__PURE__ */ jsx(
|
|
4381
4438
|
UpcomingEventCard,
|
|
4382
4439
|
__spreadProps(__spreadValues({}, item), {
|
|
4383
|
-
className:
|
|
4440
|
+
className: clsx50(EventList_module_default["card-item"]),
|
|
4384
4441
|
showImage: false,
|
|
4385
4442
|
direction: "vertical"
|
|
4386
4443
|
})
|
|
@@ -4395,7 +4452,7 @@ var EventList = ({
|
|
|
4395
4452
|
"ul",
|
|
4396
4453
|
{
|
|
4397
4454
|
"aria-label": "Upcoming events",
|
|
4398
|
-
className:
|
|
4455
|
+
className: clsx50(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4399
4456
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4400
4457
|
var _a2, _b, _c;
|
|
4401
4458
|
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -4404,7 +4461,7 @@ var EventList = ({
|
|
|
4404
4461
|
)
|
|
4405
4462
|
] }),
|
|
4406
4463
|
!isNotEmpty && emptyNode ? React71.cloneElement(emptyNode, {
|
|
4407
|
-
className:
|
|
4464
|
+
className: clsx50("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4408
4465
|
}) : null
|
|
4409
4466
|
] })
|
|
4410
4467
|
}
|
|
@@ -4448,9 +4505,9 @@ var TextEvent = (props) => {
|
|
|
4448
4505
|
});
|
|
4449
4506
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4450
4507
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4451
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
4508
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx50(TextEvent_module_default.textEvent, className), children: [
|
|
4452
4509
|
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4453
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4510
|
+
/* @__PURE__ */ jsx("div", { className: clsx50(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4454
4511
|
] });
|
|
4455
4512
|
};
|
|
4456
4513
|
|
|
@@ -4482,12 +4539,12 @@ var TextBody = (props) => {
|
|
|
4482
4539
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4483
4540
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
4484
4541
|
const isTableCenter = variant === "table-center";
|
|
4485
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
4542
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx50(TextBody_module_default.textBody, className), children: [
|
|
4486
4543
|
titleNode && /* @__PURE__ */ jsx(
|
|
4487
4544
|
Text,
|
|
4488
4545
|
{
|
|
4489
4546
|
tag: isTableCenter ? "h4" : "h3",
|
|
4490
|
-
className:
|
|
4547
|
+
className: clsx50(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
|
|
4491
4548
|
children: titleNode
|
|
4492
4549
|
}
|
|
4493
4550
|
),
|
|
@@ -4532,7 +4589,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4532
4589
|
});
|
|
4533
4590
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4534
4591
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4535
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4592
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4536
4593
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4537
4594
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4538
4595
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4540,7 +4597,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4540
4597
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
4541
4598
|
"div",
|
|
4542
4599
|
{
|
|
4543
|
-
className:
|
|
4600
|
+
className: clsx50(
|
|
4544
4601
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4545
4602
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4546
4603
|
),
|
|
@@ -4669,7 +4726,7 @@ var ResourcesGridList = ({
|
|
|
4669
4726
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4670
4727
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4671
4728
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4672
|
-
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className:
|
|
4729
|
+
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx50(ResourcesGridList_module_default.widget, className), children: [
|
|
4673
4730
|
/* @__PURE__ */ jsx(
|
|
4674
4731
|
FilterBar,
|
|
4675
4732
|
{
|
|
@@ -4688,7 +4745,7 @@ var ResourcesGridList = ({
|
|
|
4688
4745
|
isMobile && /* @__PURE__ */ jsxs(
|
|
4689
4746
|
"div",
|
|
4690
4747
|
{
|
|
4691
|
-
className:
|
|
4748
|
+
className: clsx50(
|
|
4692
4749
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4693
4750
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4694
4751
|
),
|
|
@@ -4699,7 +4756,7 @@ var ResourcesGridList = ({
|
|
|
4699
4756
|
return /* @__PURE__ */ jsxs(
|
|
4700
4757
|
"li",
|
|
4701
4758
|
{
|
|
4702
|
-
className:
|
|
4759
|
+
className: clsx50(
|
|
4703
4760
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4704
4761
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4705
4762
|
),
|
|
@@ -4744,7 +4801,7 @@ var ResourcesGridList = ({
|
|
|
4744
4801
|
onSelect: handleSelectCategory
|
|
4745
4802
|
}
|
|
4746
4803
|
),
|
|
4747
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4804
|
+
/* @__PURE__ */ jsx("div", { className: clsx50(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, item.id)) })
|
|
4748
4805
|
] }),
|
|
4749
4806
|
totalPages > 1 && /* @__PURE__ */ jsx(
|
|
4750
4807
|
Pagination,
|
|
@@ -4777,7 +4834,7 @@ var Grid = ({
|
|
|
4777
4834
|
return /* @__PURE__ */ jsx(
|
|
4778
4835
|
Component,
|
|
4779
4836
|
{
|
|
4780
|
-
className:
|
|
4837
|
+
className: clsx50("grid", Grid_module_default.grid, className),
|
|
4781
4838
|
role,
|
|
4782
4839
|
"aria-label": ariaLabel,
|
|
4783
4840
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4802,7 +4859,7 @@ var GridItem = ({
|
|
|
4802
4859
|
return /* @__PURE__ */ jsx(
|
|
4803
4860
|
Component,
|
|
4804
4861
|
{
|
|
4805
|
-
className:
|
|
4862
|
+
className: clsx50("grid-item", Grid_module_default["grid-item"], className),
|
|
4806
4863
|
role,
|
|
4807
4864
|
"aria-label": ariaLabel,
|
|
4808
4865
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4850,13 +4907,13 @@ var BlogCardGrid = ({
|
|
|
4850
4907
|
title: BlogCardGridTitle
|
|
4851
4908
|
});
|
|
4852
4909
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4853
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
4854
|
-
title && /* @__PURE__ */ jsxs("div", { className:
|
|
4855
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className:
|
|
4856
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
4910
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx50("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
4911
|
+
title && /* @__PURE__ */ jsxs("div", { className: clsx50("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
4912
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx50("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
4913
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx50("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
4857
4914
|
Button,
|
|
4858
4915
|
{
|
|
4859
|
-
className:
|
|
4916
|
+
className: clsx50("cta", BlogCardGrid_module_default["cta"]),
|
|
4860
4917
|
variant: "nofillblack",
|
|
4861
4918
|
href: cta.url,
|
|
4862
4919
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4881,11 +4938,11 @@ var BlogCardGrid = ({
|
|
|
4881
4938
|
return /* @__PURE__ */ jsx(
|
|
4882
4939
|
"div",
|
|
4883
4940
|
{
|
|
4884
|
-
className:
|
|
4941
|
+
className: clsx50("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4885
4942
|
style: {
|
|
4886
4943
|
backgroundColor
|
|
4887
4944
|
},
|
|
4888
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
4945
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx50("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4889
4946
|
}
|
|
4890
4947
|
);
|
|
4891
4948
|
};
|
|
@@ -4933,13 +4990,13 @@ var FeaturedNewsHighlights = ({
|
|
|
4933
4990
|
const sideCards = items.slice(1);
|
|
4934
4991
|
const isVariantHome = variant === "home";
|
|
4935
4992
|
const isBelowTablet = is("tablet", "below");
|
|
4936
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
4937
|
-
title && cta && /* @__PURE__ */ jsxs("div", { className:
|
|
4993
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx50("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
4994
|
+
title && cta && /* @__PURE__ */ jsxs("div", { className: clsx50("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
4938
4995
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
4939
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
4996
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx50("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
4940
4997
|
Button,
|
|
4941
4998
|
{
|
|
4942
|
-
className:
|
|
4999
|
+
className: clsx50("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
4943
5000
|
variant: "nofillblack",
|
|
4944
5001
|
href: cta.url,
|
|
4945
5002
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4951,33 +5008,33 @@ var FeaturedNewsHighlights = ({
|
|
|
4951
5008
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
|
|
4952
5009
|
Carousel,
|
|
4953
5010
|
{
|
|
4954
|
-
className:
|
|
5011
|
+
className: clsx50("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
4955
5012
|
"aria-label": "featured news",
|
|
4956
|
-
wrapperClass:
|
|
5013
|
+
wrapperClass: clsx50(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
4957
5014
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
4958
5015
|
spaceBetween: 16,
|
|
4959
5016
|
slides: items.map((item) => /* @__PURE__ */ jsx(
|
|
4960
5017
|
NewsCard,
|
|
4961
5018
|
__spreadProps(__spreadValues({}, item), {
|
|
4962
5019
|
direction: "vertical",
|
|
4963
|
-
className:
|
|
5020
|
+
className: clsx50("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
4964
5021
|
}),
|
|
4965
5022
|
`${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
|
|
4966
5023
|
))
|
|
4967
5024
|
}
|
|
4968
5025
|
),
|
|
4969
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className:
|
|
5026
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx50("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
4970
5027
|
featuredCard && /* @__PURE__ */ jsx(
|
|
4971
5028
|
NewsCard,
|
|
4972
5029
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
4973
|
-
className:
|
|
5030
|
+
className: clsx50("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
4974
5031
|
renderLink
|
|
4975
5032
|
})
|
|
4976
5033
|
),
|
|
4977
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
5034
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx50("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsx(
|
|
4978
5035
|
NewsCard,
|
|
4979
5036
|
__spreadProps(__spreadValues({}, card), {
|
|
4980
|
-
className:
|
|
5037
|
+
className: clsx50("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
4981
5038
|
direction: "horizontal",
|
|
4982
5039
|
renderLink
|
|
4983
5040
|
}),
|
|
@@ -4988,11 +5045,11 @@ var FeaturedNewsHighlights = ({
|
|
|
4988
5045
|
return /* @__PURE__ */ jsx(
|
|
4989
5046
|
"div",
|
|
4990
5047
|
{
|
|
4991
|
-
className:
|
|
5048
|
+
className: clsx50("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
4992
5049
|
style: {
|
|
4993
5050
|
backgroundColor
|
|
4994
5051
|
},
|
|
4995
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
5052
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx50("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
4996
5053
|
}
|
|
4997
5054
|
);
|
|
4998
5055
|
};
|
|
@@ -5036,16 +5093,16 @@ var NewsCardList = ({
|
|
|
5036
5093
|
return /* @__PURE__ */ jsx(
|
|
5037
5094
|
"div",
|
|
5038
5095
|
{
|
|
5039
|
-
className:
|
|
5096
|
+
className: clsx50("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
5040
5097
|
style: {
|
|
5041
5098
|
backgroundColor
|
|
5042
5099
|
},
|
|
5043
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
5044
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5100
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx50("container", NewsCardList_module_default["container"]), children: [
|
|
5101
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
5045
5102
|
/* @__PURE__ */ jsx(
|
|
5046
5103
|
Input,
|
|
5047
5104
|
__spreadValues({
|
|
5048
|
-
className:
|
|
5105
|
+
className: clsx50("search-input", NewsCardList_module_default["search-input"]),
|
|
5049
5106
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5050
5107
|
placeholder: "Search News",
|
|
5051
5108
|
"aria-label": "Search News",
|
|
@@ -5053,7 +5110,7 @@ var NewsCardList = ({
|
|
|
5053
5110
|
Button,
|
|
5054
5111
|
{
|
|
5055
5112
|
variant: "nofillblack",
|
|
5056
|
-
className:
|
|
5113
|
+
className: clsx50(NewsCardList_module_default["end-action-button"]),
|
|
5057
5114
|
"aria-label": "Search",
|
|
5058
5115
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
5059
5116
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5065,7 +5122,7 @@ var NewsCardList = ({
|
|
|
5065
5122
|
} : void 0
|
|
5066
5123
|
}, searchInputProps)
|
|
5067
5124
|
),
|
|
5068
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5125
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
5069
5126
|
currentPage === 1 && /* @__PURE__ */ jsx(
|
|
5070
5127
|
FeaturedNewsHighlights2,
|
|
5071
5128
|
{
|
|
@@ -5079,7 +5136,7 @@ var NewsCardList = ({
|
|
|
5079
5136
|
] })
|
|
5080
5137
|
] }),
|
|
5081
5138
|
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5082
|
-
className:
|
|
5139
|
+
className: clsx50("pagination", NewsCardList_module_default["pagination"])
|
|
5083
5140
|
}) : null
|
|
5084
5141
|
] })
|
|
5085
5142
|
}
|
|
@@ -5124,15 +5181,15 @@ var BlogPost = ({
|
|
|
5124
5181
|
});
|
|
5125
5182
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5126
5183
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5127
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5128
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5184
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx50("container", BlogPost_module_default["container"]), children: [
|
|
5185
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("header", BlogPost_module_default["header"]), children: [
|
|
5129
5186
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5130
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5187
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50("image", BlogPost_module_default["image"]) }))
|
|
5131
5188
|
] }),
|
|
5132
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5133
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5189
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("content", BlogPost_module_default["content"]), children: [
|
|
5190
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5134
5191
|
/* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
|
|
5135
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
5192
|
+
/* @__PURE__ */ jsxs("span", { className: clsx50("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5136
5193
|
"Published ",
|
|
5137
5194
|
/* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
|
|
5138
5195
|
] })
|
|
@@ -5145,7 +5202,7 @@ var BlogPost = ({
|
|
|
5145
5202
|
title: "More News",
|
|
5146
5203
|
items: relatedArticles,
|
|
5147
5204
|
hasContainer: false,
|
|
5148
|
-
className:
|
|
5205
|
+
className: clsx50("related-articles", BlogPost_module_default["related-articles"])
|
|
5149
5206
|
}
|
|
5150
5207
|
)
|
|
5151
5208
|
] }) });
|
|
@@ -5193,15 +5250,15 @@ var BlogSearchResultsList = ({
|
|
|
5193
5250
|
});
|
|
5194
5251
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5195
5252
|
const paginationNode = slots.pagination;
|
|
5196
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5197
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5198
|
-
className:
|
|
5253
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx50("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
5254
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx50("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React71.isValidElement(searchNode) ? React71.cloneElement(searchNode, {
|
|
5255
|
+
className: clsx50("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5199
5256
|
}) : null,
|
|
5200
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5257
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5201
5258
|
/* @__PURE__ */ jsx(
|
|
5202
5259
|
Input,
|
|
5203
5260
|
__spreadValues({
|
|
5204
|
-
className:
|
|
5261
|
+
className: clsx50("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5205
5262
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5206
5263
|
placeholder: "Search News",
|
|
5207
5264
|
"aria-label": "Search News",
|
|
@@ -5209,7 +5266,7 @@ var BlogSearchResultsList = ({
|
|
|
5209
5266
|
Button,
|
|
5210
5267
|
{
|
|
5211
5268
|
variant: "nofillblack",
|
|
5212
|
-
className:
|
|
5269
|
+
className: clsx50(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5213
5270
|
"aria-label": "Search",
|
|
5214
5271
|
onClick: () => onSearchSubmit(searchValue),
|
|
5215
5272
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5224,7 +5281,7 @@ var BlogSearchResultsList = ({
|
|
|
5224
5281
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5225
5282
|
] }),
|
|
5226
5283
|
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5227
|
-
className:
|
|
5284
|
+
className: clsx50("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5228
5285
|
}) : null
|
|
5229
5286
|
] }) });
|
|
5230
5287
|
};
|
|
@@ -5265,11 +5322,11 @@ var GlobalSearchResultsList = ({
|
|
|
5265
5322
|
});
|
|
5266
5323
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5267
5324
|
const paginationNode = slots.pagination;
|
|
5268
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5269
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5270
|
-
className:
|
|
5325
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx50("container", GlobalSearchResultsList_module_default["container"]), children: [
|
|
5326
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx50("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React71.isValidElement(searchNode) ? React71.cloneElement(searchNode, {
|
|
5327
|
+
className: clsx50("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5271
5328
|
}) : null,
|
|
5272
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5329
|
+
/* @__PURE__ */ jsx("div", { className: clsx50("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5273
5330
|
var _a2;
|
|
5274
5331
|
return /* @__PURE__ */ jsx(
|
|
5275
5332
|
GridItem,
|
|
@@ -5290,7 +5347,7 @@ var GlobalSearchResultsList = ({
|
|
|
5290
5347
|
);
|
|
5291
5348
|
}) }) }),
|
|
5292
5349
|
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5293
|
-
className:
|
|
5350
|
+
className: clsx50("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5294
5351
|
}) : null
|
|
5295
5352
|
] }) });
|
|
5296
5353
|
};
|
|
@@ -5348,7 +5405,7 @@ var TextCenterWithMedia = ({
|
|
|
5348
5405
|
};
|
|
5349
5406
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5350
5407
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5351
|
-
return /* @__PURE__ */ jsxs("section", { className:
|
|
5408
|
+
return /* @__PURE__ */ jsxs("section", { className: clsx50(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5352
5409
|
/* @__PURE__ */ jsxs(Container, { children: [
|
|
5353
5410
|
titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
|
|
5354
5411
|
/* @__PURE__ */ jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -5411,7 +5468,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5411
5468
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
5412
5469
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
5413
5470
|
if (!items.length) return null;
|
|
5414
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5471
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
|
|
5415
5472
|
title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5416
5473
|
/* @__PURE__ */ jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
5417
5474
|
Swiper,
|
|
@@ -5470,12 +5527,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5470
5527
|
logo: PageLoaderLogo
|
|
5471
5528
|
});
|
|
5472
5529
|
const logoNode = slots.logo;
|
|
5473
|
-
return /* @__PURE__ */ jsx(Container, { className:
|
|
5530
|
+
return /* @__PURE__ */ jsx(Container, { className: clsx50(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxs("div", { className: clsx50("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
5474
5531
|
logoNode ? React71.cloneElement(logoNode, {
|
|
5475
|
-
className:
|
|
5532
|
+
className: clsx50("image-logo", PageLoader_module_default["image-logo"])
|
|
5476
5533
|
}) : null,
|
|
5477
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5478
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5534
|
+
/* @__PURE__ */ jsx("div", { className: clsx50("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsx(Loader, {}) }),
|
|
5535
|
+
/* @__PURE__ */ jsx("span", { className: clsx50("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5479
5536
|
] }) });
|
|
5480
5537
|
};
|
|
5481
5538
|
|
|
@@ -5501,12 +5558,91 @@ var TwoColTextMenu = ({
|
|
|
5501
5558
|
renderLink
|
|
5502
5559
|
}) => {
|
|
5503
5560
|
if (sections.length === 0) return null;
|
|
5504
|
-
return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className:
|
|
5505
|
-
/* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsx("h2", { className:
|
|
5561
|
+
return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className: clsx50(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
|
|
5562
|
+
/* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsx("h2", { className: clsx50("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
|
|
5506
5563
|
/* @__PURE__ */ jsx("ul", { className: TwoColTextMenu_module_default.list, children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ColTextMenu, __spreadProps(__spreadValues({}, item), { renderLink })) }, itemIndex)) })
|
|
5507
5564
|
] }, index)) }) }) });
|
|
5508
5565
|
};
|
|
5509
5566
|
TwoColTextMenu.displayName = "TwoColTextMenu";
|
|
5567
|
+
|
|
5568
|
+
// src/widgets/LocationsBrandCards/LocationsBrandCards.module.scss
|
|
5569
|
+
var LocationsBrandCards_module_default = {
|
|
5570
|
+
"locations-brand-cards": "LocationsBrandCards_module_locations-brand-cards",
|
|
5571
|
+
container: "LocationsBrandCards_module_container",
|
|
5572
|
+
"heading-wrapper": "LocationsBrandCards_module_heading-wrapper",
|
|
5573
|
+
"locations-brand-title": "LocationsBrandCards_module_locations-brand-title",
|
|
5574
|
+
"locations-brand-subtitle": "LocationsBrandCards_module_locations-brand-subtitle",
|
|
5575
|
+
"content-wrapper": "LocationsBrandCards_module_content-wrapper",
|
|
5576
|
+
"locations-image": "LocationsBrandCards_module_locations-image",
|
|
5577
|
+
"card-wrapper": "LocationsBrandCards_module_card-wrapper",
|
|
5578
|
+
card: "LocationsBrandCards_module_card"
|
|
5579
|
+
};
|
|
5580
|
+
var LocationsBrandCardsText = ({ children }) => {
|
|
5581
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
5582
|
+
};
|
|
5583
|
+
var LocationsBrandCards = ({
|
|
5584
|
+
className,
|
|
5585
|
+
title,
|
|
5586
|
+
subtitle,
|
|
5587
|
+
image,
|
|
5588
|
+
cards,
|
|
5589
|
+
children
|
|
5590
|
+
}) => {
|
|
5591
|
+
var _a;
|
|
5592
|
+
const containerRef = useRef(null);
|
|
5593
|
+
const slots = resolveCompoundSlots(children, {
|
|
5594
|
+
text: LocationsBrandCardsText
|
|
5595
|
+
});
|
|
5596
|
+
const textNode = (_a = slots == null ? void 0 : slots.text) != null ? _a : subtitle;
|
|
5597
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50("locations-brand-cards", LocationsBrandCards_module_default["locations-brand-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx50(LocationsBrandCards_module_default.container), children: [
|
|
5598
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
|
|
5599
|
+
/* @__PURE__ */ jsx("h2", { className: clsx50("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
|
|
5600
|
+
textNode && isValidElement(textNode) ? cloneElement(textNode, {
|
|
5601
|
+
className: clsx50(
|
|
5602
|
+
"locations-brand-subtitle",
|
|
5603
|
+
"subheading",
|
|
5604
|
+
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
5605
|
+
)
|
|
5606
|
+
}) : /* @__PURE__ */ jsx(
|
|
5607
|
+
"p",
|
|
5608
|
+
{
|
|
5609
|
+
className: clsx50(
|
|
5610
|
+
"locations-brand-subtitle",
|
|
5611
|
+
"subheading",
|
|
5612
|
+
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
5613
|
+
),
|
|
5614
|
+
children: textNode
|
|
5615
|
+
}
|
|
5616
|
+
)
|
|
5617
|
+
] }),
|
|
5618
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
|
|
5619
|
+
/* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
|
|
5620
|
+
/* @__PURE__ */ jsx(Grid, { columns: 2, className: clsx50("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
|
|
5621
|
+
var _a2;
|
|
5622
|
+
return /* @__PURE__ */ jsx(
|
|
5623
|
+
GridItem,
|
|
5624
|
+
{
|
|
5625
|
+
className: clsx50("card-item", LocationsBrandCards_module_default["card-item"]),
|
|
5626
|
+
colSpan: { md: 1 },
|
|
5627
|
+
children: /* @__PURE__ */ jsx(
|
|
5628
|
+
BrandCard,
|
|
5629
|
+
__spreadProps(__spreadValues({}, card), {
|
|
5630
|
+
animationSettings: __spreadProps(__spreadValues({}, card.animationSettings), { triggerRef: containerRef }),
|
|
5631
|
+
className: clsx50("card", LocationsBrandCards_module_default["card"])
|
|
5632
|
+
})
|
|
5633
|
+
)
|
|
5634
|
+
},
|
|
5635
|
+
(_a2 = card.id) != null ? _a2 : card.title
|
|
5636
|
+
);
|
|
5637
|
+
}) })
|
|
5638
|
+
] })
|
|
5639
|
+
] }) });
|
|
5640
|
+
};
|
|
5641
|
+
|
|
5642
|
+
// src/widgets/LocationsBrandCards/index.ts
|
|
5643
|
+
var LocationsBrandCards2 = Object.assign(LocationsBrandCards, {
|
|
5644
|
+
Text: LocationsBrandCardsText
|
|
5645
|
+
});
|
|
5510
5646
|
function useIntersectionObserver({
|
|
5511
5647
|
animateOnce = false,
|
|
5512
5648
|
options = {}
|
|
@@ -5536,6 +5672,6 @@ function useIntersectionObserver({
|
|
|
5536
5672
|
return { observeRef, isVisible };
|
|
5537
5673
|
}
|
|
5538
5674
|
|
|
5539
|
-
export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation3 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, Text, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
5675
|
+
export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandCard, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, LocationsBrandCards2 as LocationsBrandCards, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation3 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, Text, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
5540
5676
|
//# sourceMappingURL=index.mjs.map
|
|
5541
5677
|
//# sourceMappingURL=index.mjs.map
|