@digital-b2c/coreui-kit 0.17.19 → 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 +361 -258
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +85 -93
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +128 -100
- package/dist/index.d.ts +128 -100
- package/dist/index.mjs +376 -275
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +101 -101
package/dist/index.mjs
CHANGED
|
@@ -1,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
|
)
|
|
@@ -3286,39 +3343,18 @@ var NavigationCtas = ({
|
|
|
3286
3343
|
// src/widgets/Navigation/NavigationBrandBars.module.scss
|
|
3287
3344
|
var NavigationBrandBars_module_default = {
|
|
3288
3345
|
brandBars: "NavigationBrandBars_module_brandBars",
|
|
3289
|
-
brandBar: "NavigationBrandBars_module_brandBar"
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
pearleVision: "NavigationBrandBars_module_pearleVision"
|
|
3296
|
-
};
|
|
3297
|
-
var BRANDS = [
|
|
3298
|
-
{ key: "lenscrafters", className: NavigationBrandBars_module_default.lenscrafters, label: "LensCrafters" },
|
|
3299
|
-
{ key: "forEyes", className: NavigationBrandBars_module_default.forEyes, label: "For Eyes" },
|
|
3300
|
-
{ key: "optical", className: NavigationBrandBars_module_default.optical, label: "Target Optical" },
|
|
3301
|
-
{ key: "pearleVision", className: NavigationBrandBars_module_default.pearleVision, label: "Pearle Vision" }
|
|
3302
|
-
];
|
|
3303
|
-
var NavigationBrandBars = ({
|
|
3304
|
-
brandLogos,
|
|
3305
|
-
unfolded = false,
|
|
3306
|
-
className
|
|
3307
|
-
}) => {
|
|
3308
|
-
const hasLogos = !!brandLogos;
|
|
3309
|
-
const isUnfolded = hasLogos && unfolded;
|
|
3310
|
-
return /* @__PURE__ */ jsx(
|
|
3311
|
-
"div",
|
|
3346
|
+
brandBar: "NavigationBrandBars_module_brandBar"
|
|
3347
|
+
};
|
|
3348
|
+
var NavigationBrandBars = ({ brandBars, className }) => {
|
|
3349
|
+
if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
|
|
3350
|
+
return /* @__PURE__ */ jsx("div", { className: clsx50(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsx(
|
|
3351
|
+
"span",
|
|
3312
3352
|
{
|
|
3313
|
-
className:
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
return /* @__PURE__ */ jsx("span", { className: clsx49(NavigationBrandBars_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsx("img", { className: NavigationBrandBars_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
|
|
3319
|
-
})
|
|
3320
|
-
}
|
|
3321
|
-
);
|
|
3353
|
+
className: NavigationBrandBars_module_default.brandBar,
|
|
3354
|
+
style: { backgroundColor: bar.backgroundColor }
|
|
3355
|
+
},
|
|
3356
|
+
`${bar.backgroundColor}-${index}`
|
|
3357
|
+
)) });
|
|
3322
3358
|
};
|
|
3323
3359
|
var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
|
|
3324
3360
|
var useActivePath = () => {
|
|
@@ -3386,7 +3422,7 @@ var NavigationDesktop = ({
|
|
|
3386
3422
|
"a",
|
|
3387
3423
|
{
|
|
3388
3424
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3389
|
-
className:
|
|
3425
|
+
className: clsx50(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
|
|
3390
3426
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3391
3427
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3392
3428
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3405,7 +3441,7 @@ var NavigationDesktop = ({
|
|
|
3405
3441
|
{
|
|
3406
3442
|
type: "button",
|
|
3407
3443
|
id: `${baseId}-trigger-${index}`,
|
|
3408
|
-
className:
|
|
3444
|
+
className: clsx50(
|
|
3409
3445
|
NavigationDesktop_module_default.navTabLink,
|
|
3410
3446
|
NavigationDesktop_module_default.navTabTrigger,
|
|
3411
3447
|
(isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
|
|
@@ -3479,7 +3515,7 @@ var NavigationDropdown = ({
|
|
|
3479
3515
|
"div",
|
|
3480
3516
|
{
|
|
3481
3517
|
id: panelId,
|
|
3482
|
-
className:
|
|
3518
|
+
className: clsx50(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
|
|
3483
3519
|
onMouseEnter,
|
|
3484
3520
|
onMouseLeave,
|
|
3485
3521
|
children: /* @__PURE__ */ jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
|
|
@@ -3488,7 +3524,7 @@ var NavigationDropdown = ({
|
|
|
3488
3524
|
return /* @__PURE__ */ jsx(
|
|
3489
3525
|
"li",
|
|
3490
3526
|
{
|
|
3491
|
-
className:
|
|
3527
|
+
className: clsx50(NavigationDropdown_module_default.dropdownLinkItem, {
|
|
3492
3528
|
[NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3493
3529
|
}),
|
|
3494
3530
|
children: /* @__PURE__ */ jsx(
|
|
@@ -3565,7 +3601,7 @@ var NavigationMobile = ({
|
|
|
3565
3601
|
searchPlaceholder,
|
|
3566
3602
|
searchCta,
|
|
3567
3603
|
onSearch,
|
|
3568
|
-
|
|
3604
|
+
brandBars,
|
|
3569
3605
|
isOpen,
|
|
3570
3606
|
onClose,
|
|
3571
3607
|
isExternal = false,
|
|
@@ -3600,7 +3636,7 @@ var NavigationMobile = ({
|
|
|
3600
3636
|
"div",
|
|
3601
3637
|
{
|
|
3602
3638
|
id,
|
|
3603
|
-
className:
|
|
3639
|
+
className: clsx50(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
|
|
3604
3640
|
role: "dialog",
|
|
3605
3641
|
"aria-modal": "true",
|
|
3606
3642
|
"aria-label": "Navigation menu",
|
|
@@ -3646,7 +3682,7 @@ var NavigationMobile = ({
|
|
|
3646
3682
|
/* @__PURE__ */ jsx(
|
|
3647
3683
|
"span",
|
|
3648
3684
|
{
|
|
3649
|
-
className:
|
|
3685
|
+
className: clsx50(
|
|
3650
3686
|
NavigationMobile_module_default.mobileItemChevron,
|
|
3651
3687
|
isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
|
|
3652
3688
|
),
|
|
@@ -3661,7 +3697,7 @@ var NavigationMobile = ({
|
|
|
3661
3697
|
"div",
|
|
3662
3698
|
{
|
|
3663
3699
|
id: subMenuId,
|
|
3664
|
-
className:
|
|
3700
|
+
className: clsx50(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
|
|
3665
3701
|
children: /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3666
3702
|
(subItem, i) => {
|
|
3667
3703
|
var _a2, _b2;
|
|
@@ -3669,7 +3705,7 @@ var NavigationMobile = ({
|
|
|
3669
3705
|
"a",
|
|
3670
3706
|
{
|
|
3671
3707
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3672
|
-
className:
|
|
3708
|
+
className: clsx50(
|
|
3673
3709
|
NavigationMobile_module_default.mobileSubLink,
|
|
3674
3710
|
subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
|
|
3675
3711
|
),
|
|
@@ -3700,7 +3736,7 @@ var NavigationMobile = ({
|
|
|
3700
3736
|
"div",
|
|
3701
3737
|
{
|
|
3702
3738
|
id,
|
|
3703
|
-
className:
|
|
3739
|
+
className: clsx50(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
|
|
3704
3740
|
role: "dialog",
|
|
3705
3741
|
"aria-modal": "true",
|
|
3706
3742
|
"aria-label": "Navigation menu",
|
|
@@ -3720,14 +3756,7 @@ var NavigationMobile = ({
|
|
|
3720
3756
|
}
|
|
3721
3757
|
)
|
|
3722
3758
|
] }),
|
|
3723
|
-
/* @__PURE__ */ jsx(
|
|
3724
|
-
NavigationBrandBars,
|
|
3725
|
-
{
|
|
3726
|
-
brandLogos,
|
|
3727
|
-
unfolded: false,
|
|
3728
|
-
className: NavigationMobile_module_default.mobileBrandBars
|
|
3729
|
-
}
|
|
3730
|
-
),
|
|
3759
|
+
/* @__PURE__ */ jsx(NavigationBrandBars, { brandBars, className: NavigationMobile_module_default.mobileBrandBars }),
|
|
3731
3760
|
/* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3732
3761
|
var _a, _b, _c, _d;
|
|
3733
3762
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
@@ -3759,7 +3788,7 @@ var NavigationMobile = ({
|
|
|
3759
3788
|
/* @__PURE__ */ jsx(
|
|
3760
3789
|
"span",
|
|
3761
3790
|
{
|
|
3762
|
-
className:
|
|
3791
|
+
className: clsx50(
|
|
3763
3792
|
NavigationMobile_module_default.internalMobileItemChevron,
|
|
3764
3793
|
isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
|
|
3765
3794
|
),
|
|
@@ -3774,7 +3803,7 @@ var NavigationMobile = ({
|
|
|
3774
3803
|
"div",
|
|
3775
3804
|
{
|
|
3776
3805
|
id: subMenuId,
|
|
3777
|
-
className:
|
|
3806
|
+
className: clsx50(
|
|
3778
3807
|
NavigationMobile_module_default.internalMobileSubItems,
|
|
3779
3808
|
isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
|
|
3780
3809
|
),
|
|
@@ -3785,7 +3814,7 @@ var NavigationMobile = ({
|
|
|
3785
3814
|
"a",
|
|
3786
3815
|
{
|
|
3787
3816
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3788
|
-
className:
|
|
3817
|
+
className: clsx50(
|
|
3789
3818
|
NavigationMobile_module_default.internalMobileSubLink,
|
|
3790
3819
|
sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
|
|
3791
3820
|
),
|
|
@@ -3855,7 +3884,7 @@ var Navigation2 = (props) => {
|
|
|
3855
3884
|
searchPlaceholder = "Search resources",
|
|
3856
3885
|
searchCta,
|
|
3857
3886
|
onSearch,
|
|
3858
|
-
|
|
3887
|
+
brandBars
|
|
3859
3888
|
} = props;
|
|
3860
3889
|
const isExternal = variant !== "internal";
|
|
3861
3890
|
const slots = resolveCompoundSlots(props.children, {
|
|
@@ -3875,7 +3904,6 @@ var Navigation2 = (props) => {
|
|
|
3875
3904
|
const dropdownOpen = openIndex !== null && !isTabletBelow;
|
|
3876
3905
|
const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
|
|
3877
3906
|
const openItem = openIndex !== null ? (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a[openIndex] : void 0;
|
|
3878
|
-
const showLogoUnfolded = !!brandLogos && isAtTop && !dropdownOpen;
|
|
3879
3907
|
const openDropdown = (index) => {
|
|
3880
3908
|
if (closeTimer.current) clearTimeout(closeTimer.current);
|
|
3881
3909
|
setOpenIndex(index);
|
|
@@ -3945,7 +3973,7 @@ var Navigation2 = (props) => {
|
|
|
3945
3973
|
const logo = mainLogo ? /* @__PURE__ */ jsx(
|
|
3946
3974
|
Picture,
|
|
3947
3975
|
{
|
|
3948
|
-
className:
|
|
3976
|
+
className: clsx50(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
3949
3977
|
src: mainLogo,
|
|
3950
3978
|
alt: logoAlt
|
|
3951
3979
|
}
|
|
@@ -3955,7 +3983,7 @@ var Navigation2 = (props) => {
|
|
|
3955
3983
|
"nav",
|
|
3956
3984
|
{
|
|
3957
3985
|
ref: navRef,
|
|
3958
|
-
className:
|
|
3986
|
+
className: clsx50(
|
|
3959
3987
|
Navigation_module_default.navigation,
|
|
3960
3988
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
3961
3989
|
// External-only transparent / hover treatment.
|
|
@@ -3975,7 +4003,7 @@ var Navigation2 = (props) => {
|
|
|
3975
4003
|
{
|
|
3976
4004
|
mainLogo,
|
|
3977
4005
|
homeCta,
|
|
3978
|
-
className:
|
|
4006
|
+
className: clsx50(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
3979
4007
|
}
|
|
3980
4008
|
) : logo,
|
|
3981
4009
|
isTabletBelow ? /* @__PURE__ */ jsx(
|
|
@@ -4007,7 +4035,7 @@ var Navigation2 = (props) => {
|
|
|
4007
4035
|
loginVariant: isTransparent ? "ghost" : "nofillblack"
|
|
4008
4036
|
}
|
|
4009
4037
|
) : user ? /* @__PURE__ */ jsx(UserMenu, { user }) : userMenuFallbackNode ? cloneElement(userMenuFallbackNode, {
|
|
4010
|
-
className:
|
|
4038
|
+
className: clsx50("userMenuFallback", Navigation_module_default["userMenuFallback"])
|
|
4011
4039
|
}) : null
|
|
4012
4040
|
] }),
|
|
4013
4041
|
!isTabletBelow && /* @__PURE__ */ jsxs("div", { className: Navigation_module_default.bottomRow, children: [
|
|
@@ -4031,13 +4059,7 @@ var Navigation2 = (props) => {
|
|
|
4031
4059
|
)
|
|
4032
4060
|
] })
|
|
4033
4061
|
] }) }),
|
|
4034
|
-
!isExternal && /* @__PURE__ */ jsx(
|
|
4035
|
-
NavigationBrandBars,
|
|
4036
|
-
{
|
|
4037
|
-
brandLogos,
|
|
4038
|
-
unfolded: showLogoUnfolded && !isMobileMenuOpen
|
|
4039
|
-
}
|
|
4040
|
-
),
|
|
4062
|
+
!isExternal && /* @__PURE__ */ jsx(NavigationBrandBars, { brandBars }),
|
|
4041
4063
|
dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsx(
|
|
4042
4064
|
NavigationDropdown,
|
|
4043
4065
|
{
|
|
@@ -4066,7 +4088,7 @@ var Navigation2 = (props) => {
|
|
|
4066
4088
|
searchPlaceholder,
|
|
4067
4089
|
searchCta,
|
|
4068
4090
|
onSearch,
|
|
4069
|
-
|
|
4091
|
+
brandBars,
|
|
4070
4092
|
isOpen: isMobileMenuOpen,
|
|
4071
4093
|
onClose: () => setIsMobileMenuOpen(false),
|
|
4072
4094
|
isExternal,
|
|
@@ -4120,7 +4142,7 @@ var PracticePathCards = ({
|
|
|
4120
4142
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4121
4143
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4122
4144
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4123
|
-
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: [
|
|
4124
4146
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4125
4147
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4126
4148
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
@@ -4174,8 +4196,8 @@ var Teaser5050With3Text = ({
|
|
|
4174
4196
|
title: Teaser5050With3TextTitle
|
|
4175
4197
|
});
|
|
4176
4198
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4177
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4178
|
-
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 }),
|
|
4179
4201
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4180
4202
|
/* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4181
4203
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4226,7 +4248,7 @@ var Teaser5050WithCta = ({
|
|
|
4226
4248
|
return /* @__PURE__ */ jsx(
|
|
4227
4249
|
"div",
|
|
4228
4250
|
{
|
|
4229
|
-
className:
|
|
4251
|
+
className: clsx50(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4230
4252
|
style: __spreadValues({}, moduleStyles && {
|
|
4231
4253
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
4232
4254
|
"--custom-color": moduleStyles.color
|
|
@@ -4234,8 +4256,8 @@ var Teaser5050WithCta = ({
|
|
|
4234
4256
|
children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4235
4257
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4236
4258
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4237
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4238
|
-
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 })
|
|
4239
4261
|
] }),
|
|
4240
4262
|
/* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
4241
4263
|
Button,
|
|
@@ -4286,7 +4308,7 @@ var Carousel = (_a) => {
|
|
|
4286
4308
|
},
|
|
4287
4309
|
role: "region",
|
|
4288
4310
|
"aria-label": ariaLabel,
|
|
4289
|
-
className:
|
|
4311
|
+
className: clsx50(Carousel_module_default.carousel, className),
|
|
4290
4312
|
spaceBetween: 0,
|
|
4291
4313
|
slidesPerView: "auto",
|
|
4292
4314
|
modules: [FreeMode, A11y],
|
|
@@ -4296,7 +4318,7 @@ var Carousel = (_a) => {
|
|
|
4296
4318
|
children: slides.map((slide, index) => /* @__PURE__ */ jsx(
|
|
4297
4319
|
SwiperSlide,
|
|
4298
4320
|
{
|
|
4299
|
-
className:
|
|
4321
|
+
className: clsx50(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4300
4322
|
children: slide
|
|
4301
4323
|
},
|
|
4302
4324
|
index
|
|
@@ -4354,15 +4376,15 @@ var EventList = ({
|
|
|
4354
4376
|
return /* @__PURE__ */ jsx(
|
|
4355
4377
|
"div",
|
|
4356
4378
|
{
|
|
4357
|
-
className:
|
|
4379
|
+
className: clsx50(
|
|
4358
4380
|
"event-list-module",
|
|
4359
4381
|
EventList_module_default["event-list-module"],
|
|
4360
4382
|
backgroundColor && EventList_module_default[backgroundColor],
|
|
4361
4383
|
className
|
|
4362
4384
|
),
|
|
4363
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
4385
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx50(EventList_module_default["event-list-container"]), children: [
|
|
4364
4386
|
/* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4365
|
-
titleNode && /* @__PURE__ */ jsx("h2", { className:
|
|
4387
|
+
titleNode && /* @__PURE__ */ jsx("h2", { className: clsx50(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4366
4388
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
4367
4389
|
Button,
|
|
4368
4390
|
{
|
|
@@ -4380,7 +4402,7 @@ var EventList = ({
|
|
|
4380
4402
|
Carousel,
|
|
4381
4403
|
{
|
|
4382
4404
|
"aria-label": "Upcoming events",
|
|
4383
|
-
wrapperClass:
|
|
4405
|
+
wrapperClass: clsx50(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4384
4406
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4385
4407
|
spaceBetween: 16,
|
|
4386
4408
|
slides: items.map((item) => {
|
|
@@ -4388,7 +4410,7 @@ var EventList = ({
|
|
|
4388
4410
|
return /* @__PURE__ */ jsx(
|
|
4389
4411
|
UpcomingEventCard,
|
|
4390
4412
|
__spreadValues({
|
|
4391
|
-
className:
|
|
4413
|
+
className: clsx50(EventList_module_default["event-card"]),
|
|
4392
4414
|
direction: "vertical",
|
|
4393
4415
|
showImage: false
|
|
4394
4416
|
}, item),
|
|
@@ -4401,7 +4423,7 @@ var EventList = ({
|
|
|
4401
4423
|
"ul",
|
|
4402
4424
|
{
|
|
4403
4425
|
"aria-label": "Upcoming events",
|
|
4404
|
-
className:
|
|
4426
|
+
className: clsx50(
|
|
4405
4427
|
EventList_module_default["event-list-wrapper"],
|
|
4406
4428
|
EventList_module_default["horizontal"],
|
|
4407
4429
|
EventList_module_default[variant]
|
|
@@ -4411,11 +4433,11 @@ var EventList = ({
|
|
|
4411
4433
|
return /* @__PURE__ */ jsx(
|
|
4412
4434
|
"li",
|
|
4413
4435
|
{
|
|
4414
|
-
className:
|
|
4436
|
+
className: clsx50(EventList_module_default["card-list-item"]),
|
|
4415
4437
|
children: /* @__PURE__ */ jsx(
|
|
4416
4438
|
UpcomingEventCard,
|
|
4417
4439
|
__spreadProps(__spreadValues({}, item), {
|
|
4418
|
-
className:
|
|
4440
|
+
className: clsx50(EventList_module_default["card-item"]),
|
|
4419
4441
|
showImage: false,
|
|
4420
4442
|
direction: "vertical"
|
|
4421
4443
|
})
|
|
@@ -4430,7 +4452,7 @@ var EventList = ({
|
|
|
4430
4452
|
"ul",
|
|
4431
4453
|
{
|
|
4432
4454
|
"aria-label": "Upcoming events",
|
|
4433
|
-
className:
|
|
4455
|
+
className: clsx50(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4434
4456
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4435
4457
|
var _a2, _b, _c;
|
|
4436
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);
|
|
@@ -4439,7 +4461,7 @@ var EventList = ({
|
|
|
4439
4461
|
)
|
|
4440
4462
|
] }),
|
|
4441
4463
|
!isNotEmpty && emptyNode ? React71.cloneElement(emptyNode, {
|
|
4442
|
-
className:
|
|
4464
|
+
className: clsx50("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4443
4465
|
}) : null
|
|
4444
4466
|
] })
|
|
4445
4467
|
}
|
|
@@ -4483,9 +4505,9 @@ var TextEvent = (props) => {
|
|
|
4483
4505
|
});
|
|
4484
4506
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4485
4507
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4486
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
4508
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx50(TextEvent_module_default.textEvent, className), children: [
|
|
4487
4509
|
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4488
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4510
|
+
/* @__PURE__ */ jsx("div", { className: clsx50(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4489
4511
|
] });
|
|
4490
4512
|
};
|
|
4491
4513
|
|
|
@@ -4517,12 +4539,12 @@ var TextBody = (props) => {
|
|
|
4517
4539
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4518
4540
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
4519
4541
|
const isTableCenter = variant === "table-center";
|
|
4520
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
4542
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx50(TextBody_module_default.textBody, className), children: [
|
|
4521
4543
|
titleNode && /* @__PURE__ */ jsx(
|
|
4522
4544
|
Text,
|
|
4523
4545
|
{
|
|
4524
4546
|
tag: isTableCenter ? "h4" : "h3",
|
|
4525
|
-
className:
|
|
4547
|
+
className: clsx50(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
|
|
4526
4548
|
children: titleNode
|
|
4527
4549
|
}
|
|
4528
4550
|
),
|
|
@@ -4567,7 +4589,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4567
4589
|
});
|
|
4568
4590
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4569
4591
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4570
|
-
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: [
|
|
4571
4593
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4572
4594
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4573
4595
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4575,7 +4597,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4575
4597
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
4576
4598
|
"div",
|
|
4577
4599
|
{
|
|
4578
|
-
className:
|
|
4600
|
+
className: clsx50(
|
|
4579
4601
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4580
4602
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4581
4603
|
),
|
|
@@ -4704,7 +4726,7 @@ var ResourcesGridList = ({
|
|
|
4704
4726
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4705
4727
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4706
4728
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4707
|
-
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className:
|
|
4729
|
+
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx50(ResourcesGridList_module_default.widget, className), children: [
|
|
4708
4730
|
/* @__PURE__ */ jsx(
|
|
4709
4731
|
FilterBar,
|
|
4710
4732
|
{
|
|
@@ -4723,7 +4745,7 @@ var ResourcesGridList = ({
|
|
|
4723
4745
|
isMobile && /* @__PURE__ */ jsxs(
|
|
4724
4746
|
"div",
|
|
4725
4747
|
{
|
|
4726
|
-
className:
|
|
4748
|
+
className: clsx50(
|
|
4727
4749
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4728
4750
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4729
4751
|
),
|
|
@@ -4734,7 +4756,7 @@ var ResourcesGridList = ({
|
|
|
4734
4756
|
return /* @__PURE__ */ jsxs(
|
|
4735
4757
|
"li",
|
|
4736
4758
|
{
|
|
4737
|
-
className:
|
|
4759
|
+
className: clsx50(
|
|
4738
4760
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4739
4761
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4740
4762
|
),
|
|
@@ -4779,7 +4801,7 @@ var ResourcesGridList = ({
|
|
|
4779
4801
|
onSelect: handleSelectCategory
|
|
4780
4802
|
}
|
|
4781
4803
|
),
|
|
4782
|
-
/* @__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)) })
|
|
4783
4805
|
] }),
|
|
4784
4806
|
totalPages > 1 && /* @__PURE__ */ jsx(
|
|
4785
4807
|
Pagination,
|
|
@@ -4812,7 +4834,7 @@ var Grid = ({
|
|
|
4812
4834
|
return /* @__PURE__ */ jsx(
|
|
4813
4835
|
Component,
|
|
4814
4836
|
{
|
|
4815
|
-
className:
|
|
4837
|
+
className: clsx50("grid", Grid_module_default.grid, className),
|
|
4816
4838
|
role,
|
|
4817
4839
|
"aria-label": ariaLabel,
|
|
4818
4840
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4837,7 +4859,7 @@ var GridItem = ({
|
|
|
4837
4859
|
return /* @__PURE__ */ jsx(
|
|
4838
4860
|
Component,
|
|
4839
4861
|
{
|
|
4840
|
-
className:
|
|
4862
|
+
className: clsx50("grid-item", Grid_module_default["grid-item"], className),
|
|
4841
4863
|
role,
|
|
4842
4864
|
"aria-label": ariaLabel,
|
|
4843
4865
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4885,13 +4907,13 @@ var BlogCardGrid = ({
|
|
|
4885
4907
|
title: BlogCardGridTitle
|
|
4886
4908
|
});
|
|
4887
4909
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4888
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
4889
|
-
title && /* @__PURE__ */ jsxs("div", { className:
|
|
4890
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className:
|
|
4891
|
-
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(
|
|
4892
4914
|
Button,
|
|
4893
4915
|
{
|
|
4894
|
-
className:
|
|
4916
|
+
className: clsx50("cta", BlogCardGrid_module_default["cta"]),
|
|
4895
4917
|
variant: "nofillblack",
|
|
4896
4918
|
href: cta.url,
|
|
4897
4919
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4916,11 +4938,11 @@ var BlogCardGrid = ({
|
|
|
4916
4938
|
return /* @__PURE__ */ jsx(
|
|
4917
4939
|
"div",
|
|
4918
4940
|
{
|
|
4919
|
-
className:
|
|
4941
|
+
className: clsx50("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4920
4942
|
style: {
|
|
4921
4943
|
backgroundColor
|
|
4922
4944
|
},
|
|
4923
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
4945
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx50("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4924
4946
|
}
|
|
4925
4947
|
);
|
|
4926
4948
|
};
|
|
@@ -4968,13 +4990,13 @@ var FeaturedNewsHighlights = ({
|
|
|
4968
4990
|
const sideCards = items.slice(1);
|
|
4969
4991
|
const isVariantHome = variant === "home";
|
|
4970
4992
|
const isBelowTablet = is("tablet", "below");
|
|
4971
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
4972
|
-
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: [
|
|
4973
4995
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
4974
|
-
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(
|
|
4975
4997
|
Button,
|
|
4976
4998
|
{
|
|
4977
|
-
className:
|
|
4999
|
+
className: clsx50("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
4978
5000
|
variant: "nofillblack",
|
|
4979
5001
|
href: cta.url,
|
|
4980
5002
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4986,33 +5008,33 @@ var FeaturedNewsHighlights = ({
|
|
|
4986
5008
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
|
|
4987
5009
|
Carousel,
|
|
4988
5010
|
{
|
|
4989
|
-
className:
|
|
5011
|
+
className: clsx50("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
4990
5012
|
"aria-label": "featured news",
|
|
4991
|
-
wrapperClass:
|
|
5013
|
+
wrapperClass: clsx50(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
4992
5014
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
4993
5015
|
spaceBetween: 16,
|
|
4994
5016
|
slides: items.map((item) => /* @__PURE__ */ jsx(
|
|
4995
5017
|
NewsCard,
|
|
4996
5018
|
__spreadProps(__spreadValues({}, item), {
|
|
4997
5019
|
direction: "vertical",
|
|
4998
|
-
className:
|
|
5020
|
+
className: clsx50("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
4999
5021
|
}),
|
|
5000
5022
|
`${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
|
|
5001
5023
|
))
|
|
5002
5024
|
}
|
|
5003
5025
|
),
|
|
5004
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className:
|
|
5026
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx50("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
5005
5027
|
featuredCard && /* @__PURE__ */ jsx(
|
|
5006
5028
|
NewsCard,
|
|
5007
5029
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
5008
|
-
className:
|
|
5030
|
+
className: clsx50("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
5009
5031
|
renderLink
|
|
5010
5032
|
})
|
|
5011
5033
|
),
|
|
5012
|
-
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(
|
|
5013
5035
|
NewsCard,
|
|
5014
5036
|
__spreadProps(__spreadValues({}, card), {
|
|
5015
|
-
className:
|
|
5037
|
+
className: clsx50("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
5016
5038
|
direction: "horizontal",
|
|
5017
5039
|
renderLink
|
|
5018
5040
|
}),
|
|
@@ -5023,11 +5045,11 @@ var FeaturedNewsHighlights = ({
|
|
|
5023
5045
|
return /* @__PURE__ */ jsx(
|
|
5024
5046
|
"div",
|
|
5025
5047
|
{
|
|
5026
|
-
className:
|
|
5048
|
+
className: clsx50("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
5027
5049
|
style: {
|
|
5028
5050
|
backgroundColor
|
|
5029
5051
|
},
|
|
5030
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
5052
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx50("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
5031
5053
|
}
|
|
5032
5054
|
);
|
|
5033
5055
|
};
|
|
@@ -5071,16 +5093,16 @@ var NewsCardList = ({
|
|
|
5071
5093
|
return /* @__PURE__ */ jsx(
|
|
5072
5094
|
"div",
|
|
5073
5095
|
{
|
|
5074
|
-
className:
|
|
5096
|
+
className: clsx50("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
5075
5097
|
style: {
|
|
5076
5098
|
backgroundColor
|
|
5077
5099
|
},
|
|
5078
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
5079
|
-
/* @__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: [
|
|
5080
5102
|
/* @__PURE__ */ jsx(
|
|
5081
5103
|
Input,
|
|
5082
5104
|
__spreadValues({
|
|
5083
|
-
className:
|
|
5105
|
+
className: clsx50("search-input", NewsCardList_module_default["search-input"]),
|
|
5084
5106
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5085
5107
|
placeholder: "Search News",
|
|
5086
5108
|
"aria-label": "Search News",
|
|
@@ -5088,7 +5110,7 @@ var NewsCardList = ({
|
|
|
5088
5110
|
Button,
|
|
5089
5111
|
{
|
|
5090
5112
|
variant: "nofillblack",
|
|
5091
|
-
className:
|
|
5113
|
+
className: clsx50(NewsCardList_module_default["end-action-button"]),
|
|
5092
5114
|
"aria-label": "Search",
|
|
5093
5115
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
5094
5116
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5100,7 +5122,7 @@ var NewsCardList = ({
|
|
|
5100
5122
|
} : void 0
|
|
5101
5123
|
}, searchInputProps)
|
|
5102
5124
|
),
|
|
5103
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5125
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
5104
5126
|
currentPage === 1 && /* @__PURE__ */ jsx(
|
|
5105
5127
|
FeaturedNewsHighlights2,
|
|
5106
5128
|
{
|
|
@@ -5114,7 +5136,7 @@ var NewsCardList = ({
|
|
|
5114
5136
|
] })
|
|
5115
5137
|
] }),
|
|
5116
5138
|
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5117
|
-
className:
|
|
5139
|
+
className: clsx50("pagination", NewsCardList_module_default["pagination"])
|
|
5118
5140
|
}) : null
|
|
5119
5141
|
] })
|
|
5120
5142
|
}
|
|
@@ -5159,15 +5181,15 @@ var BlogPost = ({
|
|
|
5159
5181
|
});
|
|
5160
5182
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5161
5183
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5162
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5163
|
-
/* @__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: [
|
|
5164
5186
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5165
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5187
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50("image", BlogPost_module_default["image"]) }))
|
|
5166
5188
|
] }),
|
|
5167
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5168
|
-
/* @__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: [
|
|
5169
5191
|
/* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
|
|
5170
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
5192
|
+
/* @__PURE__ */ jsxs("span", { className: clsx50("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5171
5193
|
"Published ",
|
|
5172
5194
|
/* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
|
|
5173
5195
|
] })
|
|
@@ -5180,7 +5202,7 @@ var BlogPost = ({
|
|
|
5180
5202
|
title: "More News",
|
|
5181
5203
|
items: relatedArticles,
|
|
5182
5204
|
hasContainer: false,
|
|
5183
|
-
className:
|
|
5205
|
+
className: clsx50("related-articles", BlogPost_module_default["related-articles"])
|
|
5184
5206
|
}
|
|
5185
5207
|
)
|
|
5186
5208
|
] }) });
|
|
@@ -5228,15 +5250,15 @@ var BlogSearchResultsList = ({
|
|
|
5228
5250
|
});
|
|
5229
5251
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5230
5252
|
const paginationNode = slots.pagination;
|
|
5231
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5232
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5233
|
-
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"])
|
|
5234
5256
|
}) : null,
|
|
5235
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5257
|
+
/* @__PURE__ */ jsxs("div", { className: clsx50("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5236
5258
|
/* @__PURE__ */ jsx(
|
|
5237
5259
|
Input,
|
|
5238
5260
|
__spreadValues({
|
|
5239
|
-
className:
|
|
5261
|
+
className: clsx50("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5240
5262
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5241
5263
|
placeholder: "Search News",
|
|
5242
5264
|
"aria-label": "Search News",
|
|
@@ -5244,7 +5266,7 @@ var BlogSearchResultsList = ({
|
|
|
5244
5266
|
Button,
|
|
5245
5267
|
{
|
|
5246
5268
|
variant: "nofillblack",
|
|
5247
|
-
className:
|
|
5269
|
+
className: clsx50(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5248
5270
|
"aria-label": "Search",
|
|
5249
5271
|
onClick: () => onSearchSubmit(searchValue),
|
|
5250
5272
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5259,7 +5281,7 @@ var BlogSearchResultsList = ({
|
|
|
5259
5281
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5260
5282
|
] }),
|
|
5261
5283
|
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5262
|
-
className:
|
|
5284
|
+
className: clsx50("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5263
5285
|
}) : null
|
|
5264
5286
|
] }) });
|
|
5265
5287
|
};
|
|
@@ -5300,11 +5322,11 @@ var GlobalSearchResultsList = ({
|
|
|
5300
5322
|
});
|
|
5301
5323
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5302
5324
|
const paginationNode = slots.pagination;
|
|
5303
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5304
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5305
|
-
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"])
|
|
5306
5328
|
}) : null,
|
|
5307
|
-
/* @__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) => {
|
|
5308
5330
|
var _a2;
|
|
5309
5331
|
return /* @__PURE__ */ jsx(
|
|
5310
5332
|
GridItem,
|
|
@@ -5325,7 +5347,7 @@ var GlobalSearchResultsList = ({
|
|
|
5325
5347
|
);
|
|
5326
5348
|
}) }) }),
|
|
5327
5349
|
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5328
|
-
className:
|
|
5350
|
+
className: clsx50("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5329
5351
|
}) : null
|
|
5330
5352
|
] }) });
|
|
5331
5353
|
};
|
|
@@ -5383,7 +5405,7 @@ var TextCenterWithMedia = ({
|
|
|
5383
5405
|
};
|
|
5384
5406
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5385
5407
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5386
|
-
return /* @__PURE__ */ jsxs("section", { className:
|
|
5408
|
+
return /* @__PURE__ */ jsxs("section", { className: clsx50(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5387
5409
|
/* @__PURE__ */ jsxs(Container, { children: [
|
|
5388
5410
|
titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
|
|
5389
5411
|
/* @__PURE__ */ jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -5446,7 +5468,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5446
5468
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
5447
5469
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
5448
5470
|
if (!items.length) return null;
|
|
5449
|
-
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: [
|
|
5450
5472
|
title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5451
5473
|
/* @__PURE__ */ jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
5452
5474
|
Swiper,
|
|
@@ -5505,12 +5527,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5505
5527
|
logo: PageLoaderLogo
|
|
5506
5528
|
});
|
|
5507
5529
|
const logoNode = slots.logo;
|
|
5508
|
-
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: [
|
|
5509
5531
|
logoNode ? React71.cloneElement(logoNode, {
|
|
5510
|
-
className:
|
|
5532
|
+
className: clsx50("image-logo", PageLoader_module_default["image-logo"])
|
|
5511
5533
|
}) : null,
|
|
5512
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5513
|
-
/* @__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..." })
|
|
5514
5536
|
] }) });
|
|
5515
5537
|
};
|
|
5516
5538
|
|
|
@@ -5536,12 +5558,91 @@ var TwoColTextMenu = ({
|
|
|
5536
5558
|
renderLink
|
|
5537
5559
|
}) => {
|
|
5538
5560
|
if (sections.length === 0) return null;
|
|
5539
|
-
return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className:
|
|
5540
|
-
/* @__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 }) }),
|
|
5541
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)) })
|
|
5542
5564
|
] }, index)) }) }) });
|
|
5543
5565
|
};
|
|
5544
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
|
+
});
|
|
5545
5646
|
function useIntersectionObserver({
|
|
5546
5647
|
animateOnce = false,
|
|
5547
5648
|
options = {}
|
|
@@ -5571,6 +5672,6 @@ function useIntersectionObserver({
|
|
|
5571
5672
|
return { observeRef, isVisible };
|
|
5572
5673
|
}
|
|
5573
5674
|
|
|
5574
|
-
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 };
|
|
5575
5676
|
//# sourceMappingURL=index.mjs.map
|
|
5576
5677
|
//# sourceMappingURL=index.mjs.map
|