@digital-b2c/coreui-kit 0.17.20 → 0.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +455 -313
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +80 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +37 -6
- package/dist/index.d.ts +37 -6
- package/dist/index.mjs +381 -241
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +101 -100
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var clsx50 = require('clsx');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React72 = require('react');
|
|
6
6
|
var gsap = require('gsap');
|
|
7
7
|
var react = require('@gsap/react');
|
|
8
8
|
var ScrollTrigger = require('gsap/ScrollTrigger');
|
|
@@ -13,8 +13,8 @@ var ReactPlayer = require('react-player');
|
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
|
|
16
|
-
var
|
|
17
|
-
var
|
|
16
|
+
var clsx50__default = /*#__PURE__*/_interopDefault(clsx50);
|
|
17
|
+
var React72__default = /*#__PURE__*/_interopDefault(React72);
|
|
18
18
|
var gsap__default = /*#__PURE__*/_interopDefault(gsap);
|
|
19
19
|
var ReactPlayer__default = /*#__PURE__*/_interopDefault(ReactPlayer);
|
|
20
20
|
|
|
@@ -68,7 +68,7 @@ var Picture = (_a) => {
|
|
|
68
68
|
__spreadValues({
|
|
69
69
|
src: desktop.src,
|
|
70
70
|
alt: desktop.alt,
|
|
71
|
-
className:
|
|
71
|
+
className: clsx50__default.default(className, Picture_module_default["image-desktop"])
|
|
72
72
|
}, rest)
|
|
73
73
|
),
|
|
74
74
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -76,7 +76,7 @@ var Picture = (_a) => {
|
|
|
76
76
|
__spreadValues({
|
|
77
77
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
78
78
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
79
|
-
className:
|
|
79
|
+
className: clsx50__default.default(className, Picture_module_default["image-mobile"])
|
|
80
80
|
}, rest)
|
|
81
81
|
)
|
|
82
82
|
] });
|
|
@@ -343,6 +343,14 @@ var SvgIconLock = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProp
|
|
|
343
343
|
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_11156_23256", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 37, height: 38, fill: "white" }) }) })
|
|
344
344
|
] }));
|
|
345
345
|
var icon_lock_default = SvgIconLock;
|
|
346
|
+
var SvgIconQuote = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 40, height: 40, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props), { children: [
|
|
347
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 40, height: 40, fill: "url(#pattern0_5669_15520)" }),
|
|
348
|
+
/* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
|
|
349
|
+
/* @__PURE__ */ jsxRuntime.jsx("pattern", { id: "pattern0_5669_15520", patternContentUnits: "objectBoundingBox", width: 1, height: 1, children: /* @__PURE__ */ jsxRuntime.jsx("use", { xlinkHref: "#image0_5669_15520", transform: "scale(0.00195312)" }) }),
|
|
350
|
+
/* @__PURE__ */ jsxRuntime.jsx("image", { id: "image0_5669_15520", width: 512, height: 512, preserveAspectRatio: "none", xlinkHref: "data:image/png;base64,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" })
|
|
351
|
+
] })
|
|
352
|
+
] }));
|
|
353
|
+
var icon_quote_default = SvgIconQuote;
|
|
346
354
|
var svgs = {
|
|
347
355
|
/* Card */
|
|
348
356
|
ads: icon_ads_default,
|
|
@@ -368,6 +376,7 @@ var svgs = {
|
|
|
368
376
|
newIcon: icon_new_default,
|
|
369
377
|
play: icon_play_default,
|
|
370
378
|
lock: icon_lock_default,
|
|
379
|
+
quote: icon_quote_default,
|
|
371
380
|
/* Button */
|
|
372
381
|
blankCheckbox: icon_blank_checkbox_default,
|
|
373
382
|
blankCheckboxWhite: icon_blank_checkbox_white_default,
|
|
@@ -415,7 +424,7 @@ var svgs = {
|
|
|
415
424
|
xWhite: icon_x_white_default,
|
|
416
425
|
user: icon_user_default
|
|
417
426
|
};
|
|
418
|
-
var Icon =
|
|
427
|
+
var Icon = React72__default.default.memo(
|
|
419
428
|
(_a) => {
|
|
420
429
|
var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
|
|
421
430
|
if (type) {
|
|
@@ -474,7 +483,7 @@ var Button = (_a) => {
|
|
|
474
483
|
]);
|
|
475
484
|
const isLink = !!href;
|
|
476
485
|
const props = __spreadValues(__spreadValues({
|
|
477
|
-
className:
|
|
486
|
+
className: clsx50__default.default(
|
|
478
487
|
Button_module_default.button,
|
|
479
488
|
variant ? Button_module_default[variant] : null,
|
|
480
489
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -530,21 +539,21 @@ var getDeviceType = (width) => {
|
|
|
530
539
|
return "desktop";
|
|
531
540
|
};
|
|
532
541
|
var useViewPort = () => {
|
|
533
|
-
const [device, setDevice] =
|
|
542
|
+
const [device, setDevice] = React72.useState(
|
|
534
543
|
() => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
|
|
535
544
|
);
|
|
536
|
-
const getOtherDevices =
|
|
545
|
+
const getOtherDevices = React72.useCallback(
|
|
537
546
|
(list, what, includeSelf = false) => {
|
|
538
547
|
const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
|
|
539
548
|
return [...list].slice(deviceIndex);
|
|
540
549
|
},
|
|
541
550
|
[]
|
|
542
551
|
);
|
|
543
|
-
const onWindowResize =
|
|
552
|
+
const onWindowResize = React72.useCallback(() => {
|
|
544
553
|
setDevice(getDeviceType(window.innerWidth));
|
|
545
554
|
}, []);
|
|
546
555
|
const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
|
|
547
|
-
|
|
556
|
+
React72.useEffect(() => {
|
|
548
557
|
window.addEventListener("resize", onWindowResizeDebounce);
|
|
549
558
|
return () => window.removeEventListener("resize", onWindowResizeDebounce);
|
|
550
559
|
}, [onWindowResizeDebounce]);
|
|
@@ -597,13 +606,13 @@ var BrandsStrip = ({
|
|
|
597
606
|
cta,
|
|
598
607
|
size
|
|
599
608
|
}) => {
|
|
600
|
-
const [show, setShow] =
|
|
601
|
-
const [shouldAnimate, setShouldAnimate] =
|
|
609
|
+
const [show, setShow] = React72.useState(false);
|
|
610
|
+
const [shouldAnimate, setShouldAnimate] = React72.useState(false);
|
|
602
611
|
const { is } = useViewPort_default();
|
|
603
612
|
const isTabletBelow = is("tablet", "below");
|
|
604
|
-
const containerRef =
|
|
605
|
-
const marqueeRef =
|
|
606
|
-
const timeline =
|
|
613
|
+
const containerRef = React72.useRef(null);
|
|
614
|
+
const marqueeRef = React72.useRef(null);
|
|
615
|
+
const timeline = React72.useRef(null);
|
|
607
616
|
const horizontalLoop = (items, config) => {
|
|
608
617
|
const itemsArray = gsap__default.default.utils.toArray(items);
|
|
609
618
|
const cfg = config || {};
|
|
@@ -697,7 +706,7 @@ var BrandsStrip = ({
|
|
|
697
706
|
timeline.current.play();
|
|
698
707
|
}
|
|
699
708
|
};
|
|
700
|
-
const duplicatedLogos =
|
|
709
|
+
const duplicatedLogos = React72.useMemo(() => {
|
|
701
710
|
if (logos.length === 0) return [];
|
|
702
711
|
if (!shouldAnimate) return [...logos];
|
|
703
712
|
return [...logos, ...logos];
|
|
@@ -706,7 +715,7 @@ var BrandsStrip = ({
|
|
|
706
715
|
"div",
|
|
707
716
|
{
|
|
708
717
|
ref: containerRef,
|
|
709
|
-
className:
|
|
718
|
+
className: clsx50__default.default(
|
|
710
719
|
BrandsStrip_module_default.brandsStrip,
|
|
711
720
|
BrandsStrip_module_default[variant],
|
|
712
721
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -715,13 +724,13 @@ var BrandsStrip = ({
|
|
|
715
724
|
onMouseEnter: handleMouseEnter,
|
|
716
725
|
onMouseLeave: handleMouseLeave,
|
|
717
726
|
children: [
|
|
718
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
719
|
-
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
727
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
728
|
+
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx50__default.default("body", BrandsStrip_module_default.title), children: title }),
|
|
720
729
|
logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
721
730
|
"div",
|
|
722
731
|
{
|
|
723
732
|
ref: marqueeRef,
|
|
724
|
-
className:
|
|
733
|
+
className: clsx50__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
725
734
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
726
735
|
}
|
|
727
736
|
)
|
|
@@ -750,8 +759,8 @@ var CardSubtitle = ({ children }) => {
|
|
|
750
759
|
};
|
|
751
760
|
function resolveCompoundSlots(children, slots) {
|
|
752
761
|
const resolved = {};
|
|
753
|
-
|
|
754
|
-
if (!
|
|
762
|
+
React72.Children.forEach(children, (child) => {
|
|
763
|
+
if (!React72.isValidElement(child)) return;
|
|
755
764
|
Object.entries(slots).forEach(([key, Component]) => {
|
|
756
765
|
if (child.type === Component) {
|
|
757
766
|
resolved[key] = child.props.children;
|
|
@@ -765,10 +774,10 @@ function resolveCompoundSlots(children, slots) {
|
|
|
765
774
|
var Container_module_default = {
|
|
766
775
|
container: "Container_module_container"
|
|
767
776
|
};
|
|
768
|
-
var Container =
|
|
777
|
+
var Container = React72.forwardRef(
|
|
769
778
|
(_a, ref) => {
|
|
770
779
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
771
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
780
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx50__default.default(Container_module_default.container, className) }, props), { children }));
|
|
772
781
|
}
|
|
773
782
|
);
|
|
774
783
|
Container.displayName = "Container";
|
|
@@ -815,14 +824,14 @@ var Card = ({
|
|
|
815
824
|
ConditionalWrapper,
|
|
816
825
|
__spreadProps(__spreadValues({
|
|
817
826
|
ref,
|
|
818
|
-
className:
|
|
827
|
+
className: clsx50__default.default(Card_module_default.card, Card_module_default[variant], className),
|
|
819
828
|
wrapper: Anchor,
|
|
820
829
|
fallback: "div",
|
|
821
830
|
condition: isLink
|
|
822
831
|
}, href ? { href, isExternal } : {}), {
|
|
823
832
|
children: [
|
|
824
833
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
825
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className:
|
|
834
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx50__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx50__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
826
835
|
isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
827
836
|
] }),
|
|
828
837
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
|
|
@@ -857,10 +866,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
857
866
|
title: CountingCardTitle
|
|
858
867
|
});
|
|
859
868
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
860
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
869
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(CountingCard_module_default["counting-card"], className), children: [
|
|
861
870
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
862
871
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
|
|
863
|
-
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
872
|
+
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(CountingCard_module_default.count, "h1"), children: count })
|
|
864
873
|
] }),
|
|
865
874
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
866
875
|
] });
|
|
@@ -912,11 +921,11 @@ function FilterBar({
|
|
|
912
921
|
searchValue,
|
|
913
922
|
onSearchChange
|
|
914
923
|
}) {
|
|
915
|
-
const [openDropdown, setOpenDropdown] =
|
|
916
|
-
const [searchState, setSearchState] =
|
|
917
|
-
const filterRef =
|
|
918
|
-
const sortRef =
|
|
919
|
-
const searchInputRef =
|
|
924
|
+
const [openDropdown, setOpenDropdown] = React72.useState(null);
|
|
925
|
+
const [searchState, setSearchState] = React72.useState("closed");
|
|
926
|
+
const filterRef = React72.useRef(null);
|
|
927
|
+
const sortRef = React72.useRef(null);
|
|
928
|
+
const searchInputRef = React72.useRef(null);
|
|
920
929
|
const closeSearch = () => {
|
|
921
930
|
setSearchState("closing");
|
|
922
931
|
onSearchChange("");
|
|
@@ -926,7 +935,7 @@ function FilterBar({
|
|
|
926
935
|
onSearchChange("");
|
|
927
936
|
(_a = searchInputRef.current) == null ? void 0 : _a.focus();
|
|
928
937
|
};
|
|
929
|
-
|
|
938
|
+
React72.useEffect(() => {
|
|
930
939
|
const handleMouseDown = (e) => {
|
|
931
940
|
var _a, _b;
|
|
932
941
|
const target = e.target;
|
|
@@ -936,7 +945,7 @@ function FilterBar({
|
|
|
936
945
|
document.addEventListener("mousedown", handleMouseDown);
|
|
937
946
|
return () => document.removeEventListener("mousedown", handleMouseDown);
|
|
938
947
|
}, []);
|
|
939
|
-
|
|
948
|
+
React72.useEffect(() => {
|
|
940
949
|
var _a;
|
|
941
950
|
if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
|
|
942
951
|
}, [searchState]);
|
|
@@ -946,7 +955,7 @@ function FilterBar({
|
|
|
946
955
|
"button",
|
|
947
956
|
{
|
|
948
957
|
type: "button",
|
|
949
|
-
className:
|
|
958
|
+
className: clsx50__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
950
959
|
onClick: () => onViewChange("grid"),
|
|
951
960
|
"aria-pressed": view === "grid",
|
|
952
961
|
children: [
|
|
@@ -959,7 +968,7 @@ function FilterBar({
|
|
|
959
968
|
"button",
|
|
960
969
|
{
|
|
961
970
|
type: "button",
|
|
962
|
-
className:
|
|
971
|
+
className: clsx50__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
963
972
|
onClick: () => onViewChange("list"),
|
|
964
973
|
"aria-pressed": view === "list",
|
|
965
974
|
children: [
|
|
@@ -973,7 +982,7 @@ function FilterBar({
|
|
|
973
982
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
974
983
|
"div",
|
|
975
984
|
{
|
|
976
|
-
className:
|
|
985
|
+
className: clsx50__default.default(
|
|
977
986
|
FilterBar_module_default.dropdownWrapper,
|
|
978
987
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
979
988
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -984,7 +993,7 @@ function FilterBar({
|
|
|
984
993
|
"button",
|
|
985
994
|
{
|
|
986
995
|
type: "button",
|
|
987
|
-
className:
|
|
996
|
+
className: clsx50__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
988
997
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
989
998
|
"aria-expanded": openDropdown === "filter",
|
|
990
999
|
children: [
|
|
@@ -999,7 +1008,7 @@ function FilterBar({
|
|
|
999
1008
|
type: "button",
|
|
1000
1009
|
role: "option",
|
|
1001
1010
|
"aria-selected": filterValue === opt.value,
|
|
1002
|
-
className:
|
|
1011
|
+
className: clsx50__default.default(
|
|
1003
1012
|
FilterBar_module_default.dropdownOption,
|
|
1004
1013
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
1005
1014
|
),
|
|
@@ -1020,7 +1029,7 @@ function FilterBar({
|
|
|
1020
1029
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1021
1030
|
"div",
|
|
1022
1031
|
{
|
|
1023
|
-
className:
|
|
1032
|
+
className: clsx50__default.default(
|
|
1024
1033
|
FilterBar_module_default.dropdownWrapper,
|
|
1025
1034
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
1026
1035
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -1046,7 +1055,7 @@ function FilterBar({
|
|
|
1046
1055
|
type: "button",
|
|
1047
1056
|
role: "option",
|
|
1048
1057
|
"aria-selected": sortValue === opt.value,
|
|
1049
|
-
className:
|
|
1058
|
+
className: clsx50__default.default(
|
|
1050
1059
|
FilterBar_module_default.dropdownOption,
|
|
1051
1060
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1052
1061
|
),
|
|
@@ -1064,7 +1073,7 @@ function FilterBar({
|
|
|
1064
1073
|
searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1065
1074
|
"div",
|
|
1066
1075
|
{
|
|
1067
|
-
className:
|
|
1076
|
+
className: clsx50__default.default(
|
|
1068
1077
|
FilterBar_module_default.searchExpanded,
|
|
1069
1078
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1070
1079
|
),
|
|
@@ -1146,9 +1155,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1146
1155
|
});
|
|
1147
1156
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1148
1157
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1149
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1158
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1150
1159
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1151
|
-
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1160
|
+
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1152
1161
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
|
|
1153
1162
|
] }),
|
|
1154
1163
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1212,7 +1221,7 @@ var Pagination = ({
|
|
|
1212
1221
|
hidePagesBorder = false,
|
|
1213
1222
|
renderLink
|
|
1214
1223
|
}) => {
|
|
1215
|
-
const [activePage, setActivePage] =
|
|
1224
|
+
const [activePage, setActivePage] = React72.useState(currentPage);
|
|
1216
1225
|
const goToPage = (page) => {
|
|
1217
1226
|
if (page < 1 || page > totalPages) return;
|
|
1218
1227
|
setActivePage(page);
|
|
@@ -1245,7 +1254,7 @@ var Pagination = ({
|
|
|
1245
1254
|
const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
|
|
1246
1255
|
const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
|
|
1247
1256
|
const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
1248
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1257
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(Pagination_module_default.pagination, className), children: [
|
|
1249
1258
|
!disableArrows && (renderLink ? renderLink({
|
|
1250
1259
|
page: prevPage,
|
|
1251
1260
|
className: Pagination_module_default.prev,
|
|
@@ -1266,12 +1275,12 @@ var Pagination = ({
|
|
|
1266
1275
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
|
|
1267
1276
|
}
|
|
1268
1277
|
const page = item;
|
|
1269
|
-
const pageClassName =
|
|
1278
|
+
const pageClassName = clsx50__default.default(Pagination_module_default.page, {
|
|
1270
1279
|
[Pagination_module_default.active]: activePage === page,
|
|
1271
1280
|
[Pagination_module_default.number]: hasNumber,
|
|
1272
1281
|
[Pagination_module_default["no-border"]]: hidePagesBorder
|
|
1273
1282
|
});
|
|
1274
|
-
return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1283
|
+
return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React72.Fragment, { children: renderLink({
|
|
1275
1284
|
page,
|
|
1276
1285
|
className: pageClassName,
|
|
1277
1286
|
"aria-label": `Go to page ${page}`,
|
|
@@ -1318,7 +1327,7 @@ var PracticeCard_module_default = {
|
|
|
1318
1327
|
};
|
|
1319
1328
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1320
1329
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1321
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1330
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1322
1331
|
ConditionalWrapper,
|
|
1323
1332
|
__spreadProps(__spreadValues({
|
|
1324
1333
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -1329,7 +1338,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1329
1338
|
children: [
|
|
1330
1339
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1331
1340
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1332
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1341
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1333
1342
|
href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1334
1343
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1335
1344
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1373,15 +1382,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1373
1382
|
"aria-disabled": isRestricted
|
|
1374
1383
|
} : null;
|
|
1375
1384
|
const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
|
|
1376
|
-
className:
|
|
1385
|
+
className: clsx50__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
|
|
1377
1386
|
children: null
|
|
1378
1387
|
})) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1379
1388
|
"a",
|
|
1380
1389
|
__spreadProps(__spreadValues({}, linkProps), {
|
|
1381
|
-
className:
|
|
1390
|
+
className: clsx50__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
|
|
1382
1391
|
})
|
|
1383
1392
|
) : null;
|
|
1384
|
-
const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className:
|
|
1393
|
+
const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx50__default.default(ResourceCardItem_module_default.cardLink), children }));
|
|
1385
1394
|
function getIcon() {
|
|
1386
1395
|
switch (item.type) {
|
|
1387
1396
|
case "pdf":
|
|
@@ -1398,7 +1407,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1398
1407
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1399
1408
|
"article",
|
|
1400
1409
|
{
|
|
1401
|
-
className:
|
|
1410
|
+
className: clsx50__default.default(
|
|
1402
1411
|
ResourceCardItem_module_default.cardGrid,
|
|
1403
1412
|
isGlobalSearchVariant && ResourceCardItem_module_default[variant],
|
|
1404
1413
|
isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
|
|
@@ -1482,7 +1491,7 @@ var Sidebar = ({
|
|
|
1482
1491
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1483
1492
|
"li",
|
|
1484
1493
|
{
|
|
1485
|
-
className:
|
|
1494
|
+
className: clsx50__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1486
1495
|
role: "button",
|
|
1487
1496
|
tabIndex: 0,
|
|
1488
1497
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1540,7 +1549,7 @@ var UpcomingEventCard = ({
|
|
|
1540
1549
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1541
1550
|
"article",
|
|
1542
1551
|
{
|
|
1543
|
-
className:
|
|
1552
|
+
className: clsx50__default.default(
|
|
1544
1553
|
"card",
|
|
1545
1554
|
UpcomingEventCard_module_default["event-card"],
|
|
1546
1555
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1548,26 +1557,26 @@ var UpcomingEventCard = ({
|
|
|
1548
1557
|
className
|
|
1549
1558
|
),
|
|
1550
1559
|
children: [
|
|
1551
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1552
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1560
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1561
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1553
1562
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1554
1563
|
"div",
|
|
1555
1564
|
{
|
|
1556
|
-
className:
|
|
1565
|
+
className: clsx50__default.default(
|
|
1557
1566
|
"card-text-content",
|
|
1558
1567
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1559
1568
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1560
1569
|
),
|
|
1561
1570
|
children: [
|
|
1562
1571
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1563
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
1572
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx50__default.default("card-text-title"), children: title }),
|
|
1564
1573
|
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1565
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1566
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1574
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1575
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1567
1576
|
Button,
|
|
1568
1577
|
{
|
|
1569
1578
|
variant: "secondary",
|
|
1570
|
-
className:
|
|
1579
|
+
className: clsx50__default.default(
|
|
1571
1580
|
"card-cta",
|
|
1572
1581
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1573
1582
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1586,12 +1595,12 @@ var UpcomingEventCard = ({
|
|
|
1586
1595
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1587
1596
|
"div",
|
|
1588
1597
|
{
|
|
1589
|
-
className:
|
|
1598
|
+
className: clsx50__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1590
1599
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1591
1600
|
Button,
|
|
1592
1601
|
{
|
|
1593
1602
|
variant: "secondary",
|
|
1594
|
-
className:
|
|
1603
|
+
className: clsx50__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1595
1604
|
fullWidth: isBelowMobile,
|
|
1596
1605
|
href: cta.url,
|
|
1597
1606
|
icon: cta.icon,
|
|
@@ -1618,7 +1627,7 @@ var Badge_module_default = {
|
|
|
1618
1627
|
icon: "Badge_module_icon",
|
|
1619
1628
|
iconOnly: "Badge_module_iconOnly"
|
|
1620
1629
|
};
|
|
1621
|
-
var Badge =
|
|
1630
|
+
var Badge = React72.forwardRef(
|
|
1622
1631
|
(_a, ref) => {
|
|
1623
1632
|
var _b = _a, {
|
|
1624
1633
|
children,
|
|
@@ -1639,7 +1648,7 @@ var Badge = React71.forwardRef(
|
|
|
1639
1648
|
"live",
|
|
1640
1649
|
"clickable"
|
|
1641
1650
|
]);
|
|
1642
|
-
const classes =
|
|
1651
|
+
const classes = clsx50__default.default(
|
|
1643
1652
|
Badge_module_default.badge,
|
|
1644
1653
|
Badge_module_default[variant],
|
|
1645
1654
|
Badge_module_default[size],
|
|
@@ -1650,7 +1659,7 @@ var Badge = React71.forwardRef(
|
|
|
1650
1659
|
className
|
|
1651
1660
|
);
|
|
1652
1661
|
const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1653
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className:
|
|
1662
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx50__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1654
1663
|
!iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
|
|
1655
1664
|
] });
|
|
1656
1665
|
if (clickable) {
|
|
@@ -1692,7 +1701,7 @@ var Input_module_default = {
|
|
|
1692
1701
|
error: "Input_module_error",
|
|
1693
1702
|
"input-field--error": "Input_module_input-field--error",
|
|
1694
1703
|
"input-field--disabled": "Input_module_input-field--disabled"};
|
|
1695
|
-
var Input =
|
|
1704
|
+
var Input = React72.forwardRef(
|
|
1696
1705
|
(_a, ref) => {
|
|
1697
1706
|
var _b = _a, {
|
|
1698
1707
|
id,
|
|
@@ -1723,7 +1732,7 @@ var Input = React71.forwardRef(
|
|
|
1723
1732
|
"hideLabel",
|
|
1724
1733
|
"type"
|
|
1725
1734
|
]);
|
|
1726
|
-
const generatedId =
|
|
1735
|
+
const generatedId = React72.useId();
|
|
1727
1736
|
const inputId = id || generatedId;
|
|
1728
1737
|
const helperTextId = `${inputId}-helper`;
|
|
1729
1738
|
const errorId = `${inputId}-error`;
|
|
@@ -1731,7 +1740,7 @@ var Input = React71.forwardRef(
|
|
|
1731
1740
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1732
1741
|
"div",
|
|
1733
1742
|
{
|
|
1734
|
-
className:
|
|
1743
|
+
className: clsx50__default.default(
|
|
1735
1744
|
"input-field",
|
|
1736
1745
|
Input_module_default["input-field"],
|
|
1737
1746
|
{
|
|
@@ -1745,17 +1754,17 @@ var Input = React71.forwardRef(
|
|
|
1745
1754
|
"label",
|
|
1746
1755
|
{
|
|
1747
1756
|
htmlFor: inputId,
|
|
1748
|
-
className:
|
|
1757
|
+
className: clsx50__default.default("input-label", Input_module_default.label, {
|
|
1749
1758
|
["sr-only"]: hideLabel
|
|
1750
1759
|
}),
|
|
1751
1760
|
children: [
|
|
1752
1761
|
label,
|
|
1753
|
-
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1762
|
+
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1754
1763
|
]
|
|
1755
1764
|
}
|
|
1756
1765
|
),
|
|
1757
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1758
|
-
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1766
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("input-wrapper", Input_module_default.wrapper), children: [
|
|
1767
|
+
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1759
1768
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1760
1769
|
"input",
|
|
1761
1770
|
__spreadValues({
|
|
@@ -1766,7 +1775,7 @@ var Input = React71.forwardRef(
|
|
|
1766
1775
|
disabled,
|
|
1767
1776
|
"aria-invalid": !!error,
|
|
1768
1777
|
"aria-describedby": describedBy || void 0,
|
|
1769
|
-
className:
|
|
1778
|
+
className: clsx50__default.default(
|
|
1770
1779
|
"input",
|
|
1771
1780
|
Input_module_default.input,
|
|
1772
1781
|
{
|
|
@@ -1777,11 +1786,11 @@ var Input = React71.forwardRef(
|
|
|
1777
1786
|
)
|
|
1778
1787
|
}, props)
|
|
1779
1788
|
),
|
|
1780
|
-
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1781
|
-
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
1789
|
+
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1790
|
+
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("input-end-action"), children: endAction })
|
|
1782
1791
|
] }),
|
|
1783
|
-
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className:
|
|
1784
|
-
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className:
|
|
1792
|
+
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx50__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1793
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx50__default.default("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1785
1794
|
]
|
|
1786
1795
|
}
|
|
1787
1796
|
);
|
|
@@ -1819,13 +1828,13 @@ var NewsCard = ({
|
|
|
1819
1828
|
direction = "vertical",
|
|
1820
1829
|
renderLink
|
|
1821
1830
|
}) => {
|
|
1822
|
-
const id =
|
|
1831
|
+
const id = React72.useId();
|
|
1823
1832
|
const isRestricted = type === "restricted";
|
|
1824
1833
|
const linkProps = cta && cta.url ? __spreadProps(__spreadValues({
|
|
1825
1834
|
href: cta.url,
|
|
1826
1835
|
target: cta.isExternal ? "_blank" : void 0,
|
|
1827
1836
|
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1828
|
-
className:
|
|
1837
|
+
className: clsx50__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1829
1838
|
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1830
1839
|
}, isRestricted && {
|
|
1831
1840
|
"aria-disabled": true
|
|
@@ -1836,7 +1845,7 @@ var NewsCard = ({
|
|
|
1836
1845
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1837
1846
|
"article",
|
|
1838
1847
|
{
|
|
1839
|
-
className:
|
|
1848
|
+
className: clsx50__default.default(
|
|
1840
1849
|
"news-card",
|
|
1841
1850
|
NewsCard_module_default["news-card"],
|
|
1842
1851
|
type && NewsCard_module_default[type],
|
|
@@ -1847,29 +1856,29 @@ var NewsCard = ({
|
|
|
1847
1856
|
"aria-describedby": isRestricted ? `restricted-${id}` : void 0,
|
|
1848
1857
|
children: [
|
|
1849
1858
|
cardLink,
|
|
1850
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1859
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1851
1860
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1852
1861
|
"div",
|
|
1853
1862
|
{
|
|
1854
|
-
className:
|
|
1863
|
+
className: clsx50__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1855
1864
|
style: {
|
|
1856
1865
|
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1857
1866
|
},
|
|
1858
1867
|
children: [
|
|
1859
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1860
|
-
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className:
|
|
1861
|
-
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className:
|
|
1868
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1869
|
+
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx50__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1870
|
+
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx50__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1862
1871
|
] }),
|
|
1863
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1864
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className:
|
|
1865
|
-
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
1872
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1873
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className: clsx50__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1874
|
+
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx50__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
|
|
1866
1875
|
isRestricted && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
|
|
1867
1876
|
] }),
|
|
1868
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1877
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1869
1878
|
Button,
|
|
1870
1879
|
{
|
|
1871
1880
|
variant: "secondary",
|
|
1872
|
-
className:
|
|
1881
|
+
className: clsx50__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1873
1882
|
icon: cta.icon,
|
|
1874
1883
|
"aria-hidden": "true",
|
|
1875
1884
|
tabIndex: -1,
|
|
@@ -1898,7 +1907,7 @@ var BlogPostContent = ({ className, body, children }) => {
|
|
|
1898
1907
|
body: BlogPostContentBody
|
|
1899
1908
|
});
|
|
1900
1909
|
const bodyNode = (_a = slots.body) != null ? _a : body;
|
|
1901
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1910
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
|
|
1902
1911
|
};
|
|
1903
1912
|
|
|
1904
1913
|
// src/components/BlogPostContent/index.ts
|
|
@@ -1924,10 +1933,10 @@ var Search = ({
|
|
|
1924
1933
|
className
|
|
1925
1934
|
}) => {
|
|
1926
1935
|
const isPill = variant === "pill";
|
|
1927
|
-
const [isOpen, setIsOpen] =
|
|
1928
|
-
const [query, setQuery] =
|
|
1929
|
-
const inputRef =
|
|
1930
|
-
|
|
1936
|
+
const [isOpen, setIsOpen] = React72.useState(isPill);
|
|
1937
|
+
const [query, setQuery] = React72.useState("");
|
|
1938
|
+
const inputRef = React72.useRef(null);
|
|
1939
|
+
React72.useEffect(() => {
|
|
1931
1940
|
var _a;
|
|
1932
1941
|
if (isOpen && !isPill) (_a = inputRef.current) == null ? void 0 : _a.focus();
|
|
1933
1942
|
}, [isOpen, isPill]);
|
|
@@ -1949,7 +1958,7 @@ var Search = ({
|
|
|
1949
1958
|
}
|
|
1950
1959
|
};
|
|
1951
1960
|
if (!isOpen) {
|
|
1952
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1961
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1953
1962
|
"button",
|
|
1954
1963
|
{
|
|
1955
1964
|
type: "button",
|
|
@@ -1961,10 +1970,10 @@ var Search = ({
|
|
|
1961
1970
|
}
|
|
1962
1971
|
) });
|
|
1963
1972
|
}
|
|
1964
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1973
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1965
1974
|
"div",
|
|
1966
1975
|
{
|
|
1967
|
-
className:
|
|
1976
|
+
className: clsx50__default.default(
|
|
1968
1977
|
Search_module_default.searchField,
|
|
1969
1978
|
isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
|
|
1970
1979
|
),
|
|
@@ -2031,7 +2040,7 @@ var ColTextMenu = ({
|
|
|
2031
2040
|
isExternal,
|
|
2032
2041
|
renderLink,
|
|
2033
2042
|
icon: "chevronRight",
|
|
2034
|
-
className:
|
|
2043
|
+
className: clsx50__default.default("subheading", className),
|
|
2035
2044
|
children: label
|
|
2036
2045
|
}
|
|
2037
2046
|
);
|
|
@@ -2056,9 +2065,9 @@ var UserMenu_module_default = {
|
|
|
2056
2065
|
};
|
|
2057
2066
|
var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
2058
2067
|
var _a, _b, _c;
|
|
2059
|
-
const [isOpen, setIsOpen] =
|
|
2060
|
-
const wrapperRef =
|
|
2061
|
-
const closeTimer =
|
|
2068
|
+
const [isOpen, setIsOpen] = React72.useState(false);
|
|
2069
|
+
const wrapperRef = React72.useRef(null);
|
|
2070
|
+
const closeTimer = React72.useRef(null);
|
|
2062
2071
|
const hasMenu = !!((_a = user.menuItems) == null ? void 0 : _a.length);
|
|
2063
2072
|
const openMenu = () => {
|
|
2064
2073
|
if (closeTimer.current) clearTimeout(closeTimer.current);
|
|
@@ -2080,12 +2089,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2080
2089
|
setIsOpen(false);
|
|
2081
2090
|
}
|
|
2082
2091
|
};
|
|
2083
|
-
|
|
2092
|
+
React72.useEffect(() => {
|
|
2084
2093
|
return () => {
|
|
2085
2094
|
if (closeTimer.current) clearTimeout(closeTimer.current);
|
|
2086
2095
|
};
|
|
2087
2096
|
}, []);
|
|
2088
|
-
|
|
2097
|
+
React72.useEffect(() => {
|
|
2089
2098
|
if (!isOpen) return;
|
|
2090
2099
|
const handleKey = (e) => {
|
|
2091
2100
|
if (e.key === "Escape") setIsOpen(false);
|
|
@@ -2111,7 +2120,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2111
2120
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2112
2121
|
] })
|
|
2113
2122
|
] });
|
|
2114
|
-
const rootClass =
|
|
2123
|
+
const rootClass = clsx50__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2115
2124
|
return user.url ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2116
2125
|
"a",
|
|
2117
2126
|
{
|
|
@@ -2126,7 +2135,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2126
2135
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2127
2136
|
"div",
|
|
2128
2137
|
{
|
|
2129
|
-
className:
|
|
2138
|
+
className: clsx50__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2130
2139
|
ref: wrapperRef,
|
|
2131
2140
|
onPointerLeave: handlePointerLeave,
|
|
2132
2141
|
onBlur: handleBlur,
|
|
@@ -2148,7 +2157,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2148
2157
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2149
2158
|
"span",
|
|
2150
2159
|
{
|
|
2151
|
-
className:
|
|
2160
|
+
className: clsx50__default.default(
|
|
2152
2161
|
UserMenu_module_default.userChevron,
|
|
2153
2162
|
dropUp && UserMenu_module_default.userChevronUp,
|
|
2154
2163
|
isOpen && UserMenu_module_default.userChevronOpen
|
|
@@ -2163,12 +2172,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2163
2172
|
isOpen && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2164
2173
|
"div",
|
|
2165
2174
|
{
|
|
2166
|
-
className:
|
|
2175
|
+
className: clsx50__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2167
2176
|
role: "menu",
|
|
2168
2177
|
onPointerEnter: handlePointerEnter,
|
|
2169
2178
|
onPointerLeave: handlePointerLeave,
|
|
2170
2179
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2171
|
-
const itemClass =
|
|
2180
|
+
const itemClass = clsx50__default.default(
|
|
2172
2181
|
UserMenu_module_default.userMenuItem,
|
|
2173
2182
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2174
2183
|
);
|
|
@@ -2212,9 +2221,66 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2212
2221
|
var Loader_module_default = {
|
|
2213
2222
|
loader: "Loader_module_loader"};
|
|
2214
2223
|
var Loader = ({ className }) => {
|
|
2215
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2224
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("loader", Loader_module_default["loader"], className) });
|
|
2216
2225
|
};
|
|
2217
2226
|
Loader.displayName = "Loader";
|
|
2227
|
+
|
|
2228
|
+
// src/components/BrandCard/BrandCard.module.scss
|
|
2229
|
+
var BrandCard_module_default = {
|
|
2230
|
+
"brand-card": "BrandCard_module_brand-card",
|
|
2231
|
+
"content-wrapper": "BrandCard_module_content-wrapper",
|
|
2232
|
+
"content-title": "BrandCard_module_content-title",
|
|
2233
|
+
"content-subtitle": "BrandCard_module_content-subtitle",
|
|
2234
|
+
"brand-image": "BrandCard_module_brand-image",
|
|
2235
|
+
dark: "BrandCard_module_dark",
|
|
2236
|
+
light: "BrandCard_module_light"
|
|
2237
|
+
};
|
|
2238
|
+
gsap__default.default.registerPlugin(ScrollTrigger.ScrollTrigger, react.useGSAP);
|
|
2239
|
+
var BrandCard = ({
|
|
2240
|
+
theme = "dark",
|
|
2241
|
+
title,
|
|
2242
|
+
subtitle,
|
|
2243
|
+
image,
|
|
2244
|
+
animationSettings,
|
|
2245
|
+
className
|
|
2246
|
+
}) => {
|
|
2247
|
+
const containerRef = React72.useRef(null);
|
|
2248
|
+
const textRef = React72.useRef(null);
|
|
2249
|
+
react.useGSAP(() => {
|
|
2250
|
+
var _a, _b;
|
|
2251
|
+
const obj = { val: 0 };
|
|
2252
|
+
gsap__default.default.to(obj, {
|
|
2253
|
+
val: animationSettings.to || 0,
|
|
2254
|
+
duration: animationSettings.duration || 1.5,
|
|
2255
|
+
ease: "power2.out",
|
|
2256
|
+
scrollTrigger: {
|
|
2257
|
+
trigger: (_b = (_a = animationSettings == null ? void 0 : animationSettings.triggerRef) == null ? void 0 : _a.current) != null ? _b : containerRef.current,
|
|
2258
|
+
start: "top 80%",
|
|
2259
|
+
once: true
|
|
2260
|
+
},
|
|
2261
|
+
onUpdate: () => {
|
|
2262
|
+
var _a2;
|
|
2263
|
+
if (textRef.current) {
|
|
2264
|
+
textRef.current.textContent = `${Math.round(obj.val).toLocaleString()}${(_a2 = animationSettings.suffix) != null ? _a2 : ""}`;
|
|
2265
|
+
}
|
|
2266
|
+
}
|
|
2267
|
+
});
|
|
2268
|
+
});
|
|
2269
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2270
|
+
"div",
|
|
2271
|
+
{
|
|
2272
|
+
ref: containerRef,
|
|
2273
|
+
className: clsx50__default.default("brand-card", BrandCard_module_default["brand-card"], BrandCard_module_default[theme], className),
|
|
2274
|
+
children: [
|
|
2275
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("content-wrapper", BrandCard_module_default["content-wrapper"]), children: [
|
|
2276
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx50__default.default("content-title", "body", BrandCard_module_default["content-title"]), children: title }),
|
|
2277
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { ref: textRef, className: clsx50__default.default("content-subtitle", "h1", BrandCard_module_default["content-subtitle"]), children: subtitle })
|
|
2278
|
+
] }),
|
|
2279
|
+
(image == null ? void 0 : image.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx50__default.default("brand-image", BrandCard_module_default["brand-image"]) }, image))
|
|
2280
|
+
]
|
|
2281
|
+
}
|
|
2282
|
+
);
|
|
2283
|
+
};
|
|
2218
2284
|
var CardCollectionTitle = ({ children }) => {
|
|
2219
2285
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2220
2286
|
};
|
|
@@ -2248,10 +2314,10 @@ var CardCollection = ({
|
|
|
2248
2314
|
children
|
|
2249
2315
|
}) => {
|
|
2250
2316
|
var _a, _b;
|
|
2251
|
-
const container =
|
|
2252
|
-
const revealWrapper =
|
|
2253
|
-
const extraCard =
|
|
2254
|
-
const [isExpanded, setIsExpanded] =
|
|
2317
|
+
const container = React72.useRef(null);
|
|
2318
|
+
const revealWrapper = React72.useRef(null);
|
|
2319
|
+
const extraCard = React72.useRef(null);
|
|
2320
|
+
const [isExpanded, setIsExpanded] = React72.useState(false);
|
|
2255
2321
|
const slots = resolveCompoundSlots(children, {
|
|
2256
2322
|
title: CardCollectionTitle,
|
|
2257
2323
|
subtitle: CardCollectionSubtitle
|
|
@@ -2262,7 +2328,7 @@ var CardCollection = ({
|
|
|
2262
2328
|
const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
|
|
2263
2329
|
const hiddenCards = isExamCard ? cards.slice(8) : [];
|
|
2264
2330
|
const { contextSafe } = react.useGSAP({ scope: container });
|
|
2265
|
-
const handleShowMore =
|
|
2331
|
+
const handleShowMore = React72.useCallback(() => {
|
|
2266
2332
|
contextSafe(() => {
|
|
2267
2333
|
setIsExpanded(true);
|
|
2268
2334
|
const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
|
|
@@ -2294,13 +2360,13 @@ var CardCollection = ({
|
|
|
2294
2360
|
Container,
|
|
2295
2361
|
{
|
|
2296
2362
|
ref: container,
|
|
2297
|
-
className:
|
|
2363
|
+
className: clsx50__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2298
2364
|
children: [
|
|
2299
2365
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2300
2366
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
2301
2367
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
2302
2368
|
] }),
|
|
2303
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2369
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
2304
2370
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2305
2371
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2306
2372
|
Card2,
|
|
@@ -2366,8 +2432,8 @@ var ContactModule = ({
|
|
|
2366
2432
|
animateBlur = true
|
|
2367
2433
|
}) => {
|
|
2368
2434
|
var _a, _b;
|
|
2369
|
-
const containerRef =
|
|
2370
|
-
const blurRef =
|
|
2435
|
+
const containerRef = React72.useRef(null);
|
|
2436
|
+
const blurRef = React72.useRef(null);
|
|
2371
2437
|
const slots = resolveCompoundSlots(children, {
|
|
2372
2438
|
title: ContactModuleTitle,
|
|
2373
2439
|
subtitle: ContactModuleSubtitle
|
|
@@ -2401,7 +2467,7 @@ var ContactModule = ({
|
|
|
2401
2467
|
},
|
|
2402
2468
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2403
2469
|
);
|
|
2404
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className:
|
|
2470
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx50__default.default(ContactModule_module_default["contact-module"], className), children: [
|
|
2405
2471
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2406
2472
|
"div",
|
|
2407
2473
|
{
|
|
@@ -2416,8 +2482,8 @@ var ContactModule = ({
|
|
|
2416
2482
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2417
2483
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2418
2484
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2419
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2420
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2485
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
2486
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
2421
2487
|
] }),
|
|
2422
2488
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2423
2489
|
Button,
|
|
@@ -2486,7 +2552,7 @@ var Footer = ({
|
|
|
2486
2552
|
disclaimer: FooterDisclaimer
|
|
2487
2553
|
});
|
|
2488
2554
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2489
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className:
|
|
2555
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx50__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
|
|
2490
2556
|
supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2491
2557
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2492
2558
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-group"], children: [
|
|
@@ -2515,7 +2581,7 @@ var Footer = ({
|
|
|
2515
2581
|
index
|
|
2516
2582
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2517
2583
|
) }) }),
|
|
2518
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2584
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2519
2585
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2520
2586
|
] }),
|
|
2521
2587
|
navigationLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2541,7 +2607,7 @@ var LogoBar_module_default = {
|
|
|
2541
2607
|
};
|
|
2542
2608
|
var LogoBar = ({ className, items }) => {
|
|
2543
2609
|
if (!items || items.length === 0) return null;
|
|
2544
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2610
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2545
2611
|
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2546
2612
|
item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2547
2613
|
item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2611,7 +2677,7 @@ var HeroBanner = ({
|
|
|
2611
2677
|
});
|
|
2612
2678
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2613
2679
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2614
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2680
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
|
|
2615
2681
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2616
2682
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2617
2683
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
@@ -2621,7 +2687,7 @@ var HeroBanner = ({
|
|
|
2621
2687
|
{
|
|
2622
2688
|
tag: "h2",
|
|
2623
2689
|
promoteToH1,
|
|
2624
|
-
className:
|
|
2690
|
+
className: clsx50__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2625
2691
|
children: titleNode
|
|
2626
2692
|
}
|
|
2627
2693
|
),
|
|
@@ -2630,7 +2696,7 @@ var HeroBanner = ({
|
|
|
2630
2696
|
{
|
|
2631
2697
|
tag: "div",
|
|
2632
2698
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2633
|
-
className:
|
|
2699
|
+
className: clsx50__default.default(HeroBanner_module_default.subtitle, "subheading"),
|
|
2634
2700
|
children: subtitleNode
|
|
2635
2701
|
}
|
|
2636
2702
|
)
|
|
@@ -2697,18 +2763,13 @@ var HeroBannerCarousel_module_default = {
|
|
|
2697
2763
|
dot: "HeroBannerCarousel_module_dot",
|
|
2698
2764
|
dotActive: "HeroBannerCarousel_module_dotActive"
|
|
2699
2765
|
};
|
|
2700
|
-
var HeroBannerCarousel = ({
|
|
2701
|
-
className,
|
|
2702
|
-
items = [],
|
|
2703
|
-
navPrevIcon,
|
|
2704
|
-
navNextIcon
|
|
2705
|
-
}) => {
|
|
2766
|
+
var HeroBannerCarousel = ({ className, items = [] }) => {
|
|
2706
2767
|
const { is } = useViewPort_default();
|
|
2707
2768
|
const isMobile = is("tablet", "below");
|
|
2708
|
-
const [swiperInstance, setSwiperInstance] =
|
|
2709
|
-
const [activeIndex, setActiveIndex] =
|
|
2769
|
+
const [swiperInstance, setSwiperInstance] = React72.useState(null);
|
|
2770
|
+
const [activeIndex, setActiveIndex] = React72.useState(0);
|
|
2710
2771
|
if (!items.length) return null;
|
|
2711
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2772
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
2712
2773
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2713
2774
|
react$1.Swiper,
|
|
2714
2775
|
{
|
|
@@ -2720,7 +2781,7 @@ var HeroBannerCarousel = ({
|
|
|
2720
2781
|
children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
2721
2782
|
item.isNewItem && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
|
|
2722
2783
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
2723
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2784
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx50__default.default(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
|
|
2724
2785
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
2725
2786
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
2726
2787
|
item.ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2749,13 +2810,13 @@ var HeroBannerCarousel = ({
|
|
|
2749
2810
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slidePrev(),
|
|
2750
2811
|
disabled: activeIndex === 0,
|
|
2751
2812
|
"aria-label": "Previous slide",
|
|
2752
|
-
children:
|
|
2813
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevronLeftBlack", className: HeroBannerCarousel_module_default.navIcon })
|
|
2753
2814
|
}
|
|
2754
2815
|
),
|
|
2755
2816
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2756
2817
|
"button",
|
|
2757
2818
|
{
|
|
2758
|
-
className:
|
|
2819
|
+
className: clsx50__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
2759
2820
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
2760
2821
|
"aria-label": `Go to slide ${index + 1}`
|
|
2761
2822
|
},
|
|
@@ -2768,7 +2829,7 @@ var HeroBannerCarousel = ({
|
|
|
2768
2829
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideNext(),
|
|
2769
2830
|
disabled: activeIndex === items.length - 1,
|
|
2770
2831
|
"aria-label": "Next slide",
|
|
2771
|
-
children:
|
|
2832
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevronRightBlack", className: HeroBannerCarousel_module_default.navIcon })
|
|
2772
2833
|
}
|
|
2773
2834
|
)
|
|
2774
2835
|
] })
|
|
@@ -2795,16 +2856,16 @@ var AccordionItem = ({
|
|
|
2795
2856
|
onToggle,
|
|
2796
2857
|
className
|
|
2797
2858
|
}) => {
|
|
2798
|
-
const contentRef =
|
|
2799
|
-
const contentInnerRef =
|
|
2800
|
-
const timelineRef =
|
|
2801
|
-
const [contentHeight, setContentHeight] =
|
|
2802
|
-
|
|
2859
|
+
const contentRef = React72.useRef(null);
|
|
2860
|
+
const contentInnerRef = React72.useRef(null);
|
|
2861
|
+
const timelineRef = React72.useRef(null);
|
|
2862
|
+
const [contentHeight, setContentHeight] = React72.useState(0);
|
|
2863
|
+
React72.useEffect(() => {
|
|
2803
2864
|
if (contentInnerRef.current) {
|
|
2804
2865
|
setContentHeight(contentInnerRef.current.scrollHeight);
|
|
2805
2866
|
}
|
|
2806
2867
|
}, [children]);
|
|
2807
|
-
|
|
2868
|
+
React72.useEffect(() => {
|
|
2808
2869
|
if (contentRef.current && contentHeight > 0) {
|
|
2809
2870
|
if (timelineRef.current) {
|
|
2810
2871
|
timelineRef.current.kill();
|
|
@@ -2835,7 +2896,7 @@ var AccordionItem = ({
|
|
|
2835
2896
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2836
2897
|
"div",
|
|
2837
2898
|
{
|
|
2838
|
-
className:
|
|
2899
|
+
className: clsx50__default.default(
|
|
2839
2900
|
Accordion_module_default.accordionItem,
|
|
2840
2901
|
{
|
|
2841
2902
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -2846,18 +2907,18 @@ var AccordionItem = ({
|
|
|
2846
2907
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2847
2908
|
"button",
|
|
2848
2909
|
{
|
|
2849
|
-
className:
|
|
2910
|
+
className: clsx50__default.default(Accordion_module_default.accordionHeader, {
|
|
2850
2911
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
2851
2912
|
}),
|
|
2852
2913
|
onClick: handleToggle,
|
|
2853
2914
|
"aria-expanded": isOpen,
|
|
2854
2915
|
"aria-label": `Toggle ${title}`,
|
|
2855
2916
|
children: [
|
|
2856
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2917
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
2857
2918
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2858
2919
|
"span",
|
|
2859
2920
|
{
|
|
2860
|
-
className:
|
|
2921
|
+
className: clsx50__default.default(Accordion_module_default.accordionChevron, {
|
|
2861
2922
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
2862
2923
|
}),
|
|
2863
2924
|
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -2889,7 +2950,7 @@ var Accordion = ({
|
|
|
2889
2950
|
allowMultiple = false,
|
|
2890
2951
|
onItemToggle
|
|
2891
2952
|
}) => {
|
|
2892
|
-
const [openIds, setOpenIds] =
|
|
2953
|
+
const [openIds, setOpenIds] = React72.useState(defaultOpenIds);
|
|
2893
2954
|
const handleToggle = (id) => {
|
|
2894
2955
|
setOpenIds((prev) => {
|
|
2895
2956
|
let newOpenIds;
|
|
@@ -2909,7 +2970,7 @@ var Accordion = ({
|
|
|
2909
2970
|
if (items.length === 0) {
|
|
2910
2971
|
return null;
|
|
2911
2972
|
}
|
|
2912
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2973
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2913
2974
|
AccordionItem,
|
|
2914
2975
|
{
|
|
2915
2976
|
id: item.id,
|
|
@@ -2950,10 +3011,10 @@ var InternalBrandsTab_module_default = {
|
|
|
2950
3011
|
var InternalBrandsTab = (props) => {
|
|
2951
3012
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
|
|
2952
3013
|
const { title, subTitle, className, tabs } = props;
|
|
2953
|
-
const [activeIndex, setActiveIndex] =
|
|
3014
|
+
const [activeIndex, setActiveIndex] = React72.useState(0);
|
|
2954
3015
|
const { is } = useViewPort_default();
|
|
2955
3016
|
const isTabletBelow = is("tablet", "below");
|
|
2956
|
-
const accordionItems =
|
|
3017
|
+
const accordionItems = React72.useMemo(() => {
|
|
2957
3018
|
return (tabs == null ? void 0 : tabs.map((tab, index) => {
|
|
2958
3019
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
|
2959
3020
|
return {
|
|
@@ -2999,7 +3060,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2999
3060
|
};
|
|
3000
3061
|
})) || [];
|
|
3001
3062
|
}, [tabs]);
|
|
3002
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
3063
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
3003
3064
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
3004
3065
|
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
3005
3066
|
subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -3015,7 +3076,7 @@ var InternalBrandsTab = (props) => {
|
|
|
3015
3076
|
},
|
|
3016
3077
|
index
|
|
3017
3078
|
)) }),
|
|
3018
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3079
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3019
3080
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
3020
3081
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
3021
3082
|
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
@@ -3115,22 +3176,22 @@ var MiniBanner = ({
|
|
|
3115
3176
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3116
3177
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3117
3178
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3118
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3179
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
3119
3180
|
((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
3120
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
3181
|
+
/* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx50__default.default(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
3121
3182
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3122
3183
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3123
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3184
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3124
3185
|
(titleNode || goBackNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3125
|
-
goBackNode ?
|
|
3126
|
-
className:
|
|
3186
|
+
goBackNode ? React72__default.default.cloneElement(goBackNode, {
|
|
3187
|
+
className: clsx50__default.default("back-button", MiniBanner_module_default["back-button"])
|
|
3127
3188
|
}) : null,
|
|
3128
3189
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3129
3190
|
Text,
|
|
3130
3191
|
{
|
|
3131
3192
|
tag: "div",
|
|
3132
3193
|
promoteToH1,
|
|
3133
|
-
className:
|
|
3194
|
+
className: clsx50__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
|
|
3134
3195
|
children: titleNode
|
|
3135
3196
|
}
|
|
3136
3197
|
)
|
|
@@ -3138,7 +3199,7 @@ var MiniBanner = ({
|
|
|
3138
3199
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3139
3200
|
"div",
|
|
3140
3201
|
{
|
|
3141
|
-
className:
|
|
3202
|
+
className: clsx50__default.default(MiniBanner_module_default.title, MiniBanner_module_default.subtitle, {
|
|
3142
3203
|
subheading: isMiniBannerNoBG,
|
|
3143
3204
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3144
3205
|
h4: isMiniBannerTextLeft
|
|
@@ -3213,7 +3274,7 @@ var MiniSectionCta = ({
|
|
|
3213
3274
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3214
3275
|
"div",
|
|
3215
3276
|
{
|
|
3216
|
-
className:
|
|
3277
|
+
className: clsx50__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3217
3278
|
style: __spreadValues({}, moduleStyles && {
|
|
3218
3279
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
3219
3280
|
"--custom-color": moduleStyles.color
|
|
@@ -3224,7 +3285,7 @@ var MiniSectionCta = ({
|
|
|
3224
3285
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3225
3286
|
"div",
|
|
3226
3287
|
{
|
|
3227
|
-
className:
|
|
3288
|
+
className: clsx50__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3228
3289
|
children: subtitleNode
|
|
3229
3290
|
}
|
|
3230
3291
|
)
|
|
@@ -3254,8 +3315,8 @@ var NavigationUserMenuFallback = ({ children }) => {
|
|
|
3254
3315
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
3255
3316
|
};
|
|
3256
3317
|
var useIsAtTop = () => {
|
|
3257
|
-
const [isAtTop, setIsAtTop] =
|
|
3258
|
-
|
|
3318
|
+
const [isAtTop, setIsAtTop] = React72.useState(true);
|
|
3319
|
+
React72.useEffect(() => {
|
|
3259
3320
|
const handleScroll = () => setIsAtTop(window.scrollY === 0);
|
|
3260
3321
|
window.addEventListener("scroll", handleScroll, { passive: true });
|
|
3261
3322
|
return () => window.removeEventListener("scroll", handleScroll);
|
|
@@ -3299,7 +3360,7 @@ var NavigationBrandBars_module_default = {
|
|
|
3299
3360
|
};
|
|
3300
3361
|
var NavigationBrandBars = ({ brandBars, className }) => {
|
|
3301
3362
|
if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
|
|
3302
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3363
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3303
3364
|
"span",
|
|
3304
3365
|
{
|
|
3305
3366
|
className: NavigationBrandBars_module_default.brandBar,
|
|
@@ -3310,8 +3371,8 @@ var NavigationBrandBars = ({ brandBars, className }) => {
|
|
|
3310
3371
|
};
|
|
3311
3372
|
var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
|
|
3312
3373
|
var useActivePath = () => {
|
|
3313
|
-
const [pathname, setPathname] =
|
|
3314
|
-
|
|
3374
|
+
const [pathname, setPathname] = React72.useState(getPathname);
|
|
3375
|
+
React72.useEffect(() => {
|
|
3315
3376
|
const handlePopState = () => setPathname(getPathname());
|
|
3316
3377
|
window.addEventListener("popstate", handlePopState);
|
|
3317
3378
|
return () => window.removeEventListener("popstate", handlePopState);
|
|
@@ -3374,7 +3435,7 @@ var NavigationDesktop = ({
|
|
|
3374
3435
|
"a",
|
|
3375
3436
|
{
|
|
3376
3437
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3377
|
-
className:
|
|
3438
|
+
className: clsx50__default.default(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
|
|
3378
3439
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3379
3440
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3380
3441
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3393,7 +3454,7 @@ var NavigationDesktop = ({
|
|
|
3393
3454
|
{
|
|
3394
3455
|
type: "button",
|
|
3395
3456
|
id: `${baseId}-trigger-${index}`,
|
|
3396
|
-
className:
|
|
3457
|
+
className: clsx50__default.default(
|
|
3397
3458
|
NavigationDesktop_module_default.navTabLink,
|
|
3398
3459
|
NavigationDesktop_module_default.navTabTrigger,
|
|
3399
3460
|
(isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
|
|
@@ -3467,7 +3528,7 @@ var NavigationDropdown = ({
|
|
|
3467
3528
|
"div",
|
|
3468
3529
|
{
|
|
3469
3530
|
id: panelId,
|
|
3470
|
-
className:
|
|
3531
|
+
className: clsx50__default.default(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
|
|
3471
3532
|
onMouseEnter,
|
|
3472
3533
|
onMouseLeave,
|
|
3473
3534
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
|
|
@@ -3476,7 +3537,7 @@ var NavigationDropdown = ({
|
|
|
3476
3537
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3477
3538
|
"li",
|
|
3478
3539
|
{
|
|
3479
|
-
className:
|
|
3540
|
+
className: clsx50__default.default(NavigationDropdown_module_default.dropdownLinkItem, {
|
|
3480
3541
|
[NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3481
3542
|
}),
|
|
3482
3543
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3560,11 +3621,11 @@ var NavigationMobile = ({
|
|
|
3560
3621
|
loginCta,
|
|
3561
3622
|
rightButton
|
|
3562
3623
|
}) => {
|
|
3563
|
-
const [expanded, setExpanded] =
|
|
3564
|
-
const [supportsHover] =
|
|
3624
|
+
const [expanded, setExpanded] = React72.useState(null);
|
|
3625
|
+
const [supportsHover] = React72.useState(
|
|
3565
3626
|
() => typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches
|
|
3566
3627
|
);
|
|
3567
|
-
const baseId =
|
|
3628
|
+
const baseId = React72.useId();
|
|
3568
3629
|
const toggleExpanded = (index) => {
|
|
3569
3630
|
setExpanded((prev) => prev === index ? null : index);
|
|
3570
3631
|
};
|
|
@@ -3588,7 +3649,7 @@ var NavigationMobile = ({
|
|
|
3588
3649
|
"div",
|
|
3589
3650
|
{
|
|
3590
3651
|
id,
|
|
3591
|
-
className:
|
|
3652
|
+
className: clsx50__default.default(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
|
|
3592
3653
|
role: "dialog",
|
|
3593
3654
|
"aria-modal": "true",
|
|
3594
3655
|
"aria-label": "Navigation menu",
|
|
@@ -3634,7 +3695,7 @@ var NavigationMobile = ({
|
|
|
3634
3695
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3635
3696
|
"span",
|
|
3636
3697
|
{
|
|
3637
|
-
className:
|
|
3698
|
+
className: clsx50__default.default(
|
|
3638
3699
|
NavigationMobile_module_default.mobileItemChevron,
|
|
3639
3700
|
isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
|
|
3640
3701
|
),
|
|
@@ -3649,7 +3710,7 @@ var NavigationMobile = ({
|
|
|
3649
3710
|
"div",
|
|
3650
3711
|
{
|
|
3651
3712
|
id: subMenuId,
|
|
3652
|
-
className:
|
|
3713
|
+
className: clsx50__default.default(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
|
|
3653
3714
|
children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3654
3715
|
(subItem, i) => {
|
|
3655
3716
|
var _a2, _b2;
|
|
@@ -3657,7 +3718,7 @@ var NavigationMobile = ({
|
|
|
3657
3718
|
"a",
|
|
3658
3719
|
{
|
|
3659
3720
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3660
|
-
className:
|
|
3721
|
+
className: clsx50__default.default(
|
|
3661
3722
|
NavigationMobile_module_default.mobileSubLink,
|
|
3662
3723
|
subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
|
|
3663
3724
|
),
|
|
@@ -3688,7 +3749,7 @@ var NavigationMobile = ({
|
|
|
3688
3749
|
"div",
|
|
3689
3750
|
{
|
|
3690
3751
|
id,
|
|
3691
|
-
className:
|
|
3752
|
+
className: clsx50__default.default(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
|
|
3692
3753
|
role: "dialog",
|
|
3693
3754
|
"aria-modal": "true",
|
|
3694
3755
|
"aria-label": "Navigation menu",
|
|
@@ -3740,7 +3801,7 @@ var NavigationMobile = ({
|
|
|
3740
3801
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3741
3802
|
"span",
|
|
3742
3803
|
{
|
|
3743
|
-
className:
|
|
3804
|
+
className: clsx50__default.default(
|
|
3744
3805
|
NavigationMobile_module_default.internalMobileItemChevron,
|
|
3745
3806
|
isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
|
|
3746
3807
|
),
|
|
@@ -3755,7 +3816,7 @@ var NavigationMobile = ({
|
|
|
3755
3816
|
"div",
|
|
3756
3817
|
{
|
|
3757
3818
|
id: subMenuId,
|
|
3758
|
-
className:
|
|
3819
|
+
className: clsx50__default.default(
|
|
3759
3820
|
NavigationMobile_module_default.internalMobileSubItems,
|
|
3760
3821
|
isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
|
|
3761
3822
|
),
|
|
@@ -3766,7 +3827,7 @@ var NavigationMobile = ({
|
|
|
3766
3827
|
"a",
|
|
3767
3828
|
{
|
|
3768
3829
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3769
|
-
className:
|
|
3830
|
+
className: clsx50__default.default(
|
|
3770
3831
|
NavigationMobile_module_default.internalMobileSubLink,
|
|
3771
3832
|
sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
|
|
3772
3833
|
),
|
|
@@ -3843,15 +3904,15 @@ var Navigation2 = (props) => {
|
|
|
3843
3904
|
userMenuFallback: NavigationUserMenuFallback
|
|
3844
3905
|
});
|
|
3845
3906
|
const userMenuFallbackNode = slots.userMenuFallback;
|
|
3846
|
-
const [isHovered, setIsHovered] =
|
|
3847
|
-
const [openIndex, setOpenIndex] =
|
|
3848
|
-
const [isMobileMenuOpen, setIsMobileMenuOpen] =
|
|
3849
|
-
const navRef =
|
|
3850
|
-
const closeTimer =
|
|
3907
|
+
const [isHovered, setIsHovered] = React72.useState(false);
|
|
3908
|
+
const [openIndex, setOpenIndex] = React72.useState(null);
|
|
3909
|
+
const [isMobileMenuOpen, setIsMobileMenuOpen] = React72.useState(false);
|
|
3910
|
+
const navRef = React72.useRef(null);
|
|
3911
|
+
const closeTimer = React72.useRef(null);
|
|
3851
3912
|
const isAtTop = useIsAtTop();
|
|
3852
3913
|
const { is } = useViewPort_default();
|
|
3853
|
-
const mobileMenuId =
|
|
3854
|
-
const baseId =
|
|
3914
|
+
const mobileMenuId = React72.useId();
|
|
3915
|
+
const baseId = React72.useId();
|
|
3855
3916
|
const isTabletBelow = is("tablet", "below");
|
|
3856
3917
|
const dropdownOpen = openIndex !== null && !isTabletBelow;
|
|
3857
3918
|
const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
|
|
@@ -3897,13 +3958,13 @@ var Navigation2 = (props) => {
|
|
|
3897
3958
|
}
|
|
3898
3959
|
}
|
|
3899
3960
|
};
|
|
3900
|
-
|
|
3961
|
+
React72.useEffect(() => {
|
|
3901
3962
|
document.body.style.overflow = isMobileMenuOpen ? "hidden" : "";
|
|
3902
3963
|
return () => {
|
|
3903
3964
|
document.body.style.overflow = "";
|
|
3904
3965
|
};
|
|
3905
3966
|
}, [isMobileMenuOpen]);
|
|
3906
|
-
|
|
3967
|
+
React72.useEffect(() => {
|
|
3907
3968
|
if (!dropdownOpen) return;
|
|
3908
3969
|
const handleKey = (e) => {
|
|
3909
3970
|
if (e.key === "Escape") setOpenIndex(null);
|
|
@@ -3925,7 +3986,7 @@ var Navigation2 = (props) => {
|
|
|
3925
3986
|
const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3926
3987
|
Picture,
|
|
3927
3988
|
{
|
|
3928
|
-
className:
|
|
3989
|
+
className: clsx50__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
3929
3990
|
src: mainLogo,
|
|
3930
3991
|
alt: logoAlt
|
|
3931
3992
|
}
|
|
@@ -3935,7 +3996,7 @@ var Navigation2 = (props) => {
|
|
|
3935
3996
|
"nav",
|
|
3936
3997
|
{
|
|
3937
3998
|
ref: navRef,
|
|
3938
|
-
className:
|
|
3999
|
+
className: clsx50__default.default(
|
|
3939
4000
|
Navigation_module_default.navigation,
|
|
3940
4001
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
3941
4002
|
// External-only transparent / hover treatment.
|
|
@@ -3955,7 +4016,7 @@ var Navigation2 = (props) => {
|
|
|
3955
4016
|
{
|
|
3956
4017
|
mainLogo,
|
|
3957
4018
|
homeCta,
|
|
3958
|
-
className:
|
|
4019
|
+
className: clsx50__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
3959
4020
|
}
|
|
3960
4021
|
) : logo,
|
|
3961
4022
|
isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3986,8 +4047,8 @@ var Navigation2 = (props) => {
|
|
|
3986
4047
|
rightButton,
|
|
3987
4048
|
loginVariant: isTransparent ? "ghost" : "nofillblack"
|
|
3988
4049
|
}
|
|
3989
|
-
) : user ? /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user }) : userMenuFallbackNode ?
|
|
3990
|
-
className:
|
|
4050
|
+
) : user ? /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user }) : userMenuFallbackNode ? React72.cloneElement(userMenuFallbackNode, {
|
|
4051
|
+
className: clsx50__default.default("userMenuFallback", Navigation_module_default["userMenuFallback"])
|
|
3991
4052
|
}) : null
|
|
3992
4053
|
] }),
|
|
3993
4054
|
!isTabletBelow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.bottomRow, children: [
|
|
@@ -4094,7 +4155,7 @@ var PracticePathCards = ({
|
|
|
4094
4155
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4095
4156
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4096
4157
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4097
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4158
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
4098
4159
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4099
4160
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4100
4161
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -4148,8 +4209,8 @@ var Teaser5050With3Text = ({
|
|
|
4148
4209
|
title: Teaser5050With3TextTitle
|
|
4149
4210
|
});
|
|
4150
4211
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4151
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4152
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4212
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
4213
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4153
4214
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4154
4215
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4155
4216
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4200,7 +4261,7 @@ var Teaser5050WithCta = ({
|
|
|
4200
4261
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4201
4262
|
"div",
|
|
4202
4263
|
{
|
|
4203
|
-
className:
|
|
4264
|
+
className: clsx50__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4204
4265
|
style: __spreadValues({}, moduleStyles && {
|
|
4205
4266
|
"--custom-background-color": moduleStyles.backgroundColor,
|
|
4206
4267
|
"--custom-color": moduleStyles.color
|
|
@@ -4208,8 +4269,8 @@ var Teaser5050WithCta = ({
|
|
|
4208
4269
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4209
4270
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4210
4271
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4211
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4212
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4272
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
4273
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("subheading", Teaser5050WithCta_module_default.subheading), children: subtitleNode })
|
|
4213
4274
|
] }),
|
|
4214
4275
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4215
4276
|
Button,
|
|
@@ -4260,7 +4321,7 @@ var Carousel = (_a) => {
|
|
|
4260
4321
|
},
|
|
4261
4322
|
role: "region",
|
|
4262
4323
|
"aria-label": ariaLabel,
|
|
4263
|
-
className:
|
|
4324
|
+
className: clsx50__default.default(Carousel_module_default.carousel, className),
|
|
4264
4325
|
spaceBetween: 0,
|
|
4265
4326
|
slidesPerView: "auto",
|
|
4266
4327
|
modules: [modules.FreeMode, modules.A11y],
|
|
@@ -4270,7 +4331,7 @@ var Carousel = (_a) => {
|
|
|
4270
4331
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4271
4332
|
react$1.SwiperSlide,
|
|
4272
4333
|
{
|
|
4273
|
-
className:
|
|
4334
|
+
className: clsx50__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4274
4335
|
children: slide
|
|
4275
4336
|
},
|
|
4276
4337
|
index
|
|
@@ -4328,15 +4389,15 @@ var EventList = ({
|
|
|
4328
4389
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4329
4390
|
"div",
|
|
4330
4391
|
{
|
|
4331
|
-
className:
|
|
4392
|
+
className: clsx50__default.default(
|
|
4332
4393
|
"event-list-module",
|
|
4333
4394
|
EventList_module_default["event-list-module"],
|
|
4334
4395
|
backgroundColor && EventList_module_default[backgroundColor],
|
|
4335
4396
|
className
|
|
4336
4397
|
),
|
|
4337
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4398
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default(EventList_module_default["event-list-container"]), children: [
|
|
4338
4399
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4339
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
4400
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx50__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4340
4401
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4341
4402
|
Button,
|
|
4342
4403
|
{
|
|
@@ -4354,7 +4415,7 @@ var EventList = ({
|
|
|
4354
4415
|
Carousel,
|
|
4355
4416
|
{
|
|
4356
4417
|
"aria-label": "Upcoming events",
|
|
4357
|
-
wrapperClass:
|
|
4418
|
+
wrapperClass: clsx50__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4358
4419
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4359
4420
|
spaceBetween: 16,
|
|
4360
4421
|
slides: items.map((item) => {
|
|
@@ -4362,7 +4423,7 @@ var EventList = ({
|
|
|
4362
4423
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4363
4424
|
UpcomingEventCard,
|
|
4364
4425
|
__spreadValues({
|
|
4365
|
-
className:
|
|
4426
|
+
className: clsx50__default.default(EventList_module_default["event-card"]),
|
|
4366
4427
|
direction: "vertical",
|
|
4367
4428
|
showImage: false
|
|
4368
4429
|
}, item),
|
|
@@ -4375,7 +4436,7 @@ var EventList = ({
|
|
|
4375
4436
|
"ul",
|
|
4376
4437
|
{
|
|
4377
4438
|
"aria-label": "Upcoming events",
|
|
4378
|
-
className:
|
|
4439
|
+
className: clsx50__default.default(
|
|
4379
4440
|
EventList_module_default["event-list-wrapper"],
|
|
4380
4441
|
EventList_module_default["horizontal"],
|
|
4381
4442
|
EventList_module_default[variant]
|
|
@@ -4385,11 +4446,11 @@ var EventList = ({
|
|
|
4385
4446
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4386
4447
|
"li",
|
|
4387
4448
|
{
|
|
4388
|
-
className:
|
|
4449
|
+
className: clsx50__default.default(EventList_module_default["card-list-item"]),
|
|
4389
4450
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4390
4451
|
UpcomingEventCard,
|
|
4391
4452
|
__spreadProps(__spreadValues({}, item), {
|
|
4392
|
-
className:
|
|
4453
|
+
className: clsx50__default.default(EventList_module_default["card-item"]),
|
|
4393
4454
|
showImage: false,
|
|
4394
4455
|
direction: "vertical"
|
|
4395
4456
|
})
|
|
@@ -4404,7 +4465,7 @@ var EventList = ({
|
|
|
4404
4465
|
"ul",
|
|
4405
4466
|
{
|
|
4406
4467
|
"aria-label": "Upcoming events",
|
|
4407
|
-
className:
|
|
4468
|
+
className: clsx50__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4408
4469
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4409
4470
|
var _a2, _b, _c;
|
|
4410
4471
|
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
@@ -4412,8 +4473,8 @@ var EventList = ({
|
|
|
4412
4473
|
}
|
|
4413
4474
|
)
|
|
4414
4475
|
] }),
|
|
4415
|
-
!isNotEmpty && emptyNode ?
|
|
4416
|
-
className:
|
|
4476
|
+
!isNotEmpty && emptyNode ? React72__default.default.cloneElement(emptyNode, {
|
|
4477
|
+
className: clsx50__default.default("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4417
4478
|
}) : null
|
|
4418
4479
|
] })
|
|
4419
4480
|
}
|
|
@@ -4457,9 +4518,9 @@ var TextEvent = (props) => {
|
|
|
4457
4518
|
});
|
|
4458
4519
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4459
4520
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4460
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4521
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
4461
4522
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4462
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4523
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4463
4524
|
] });
|
|
4464
4525
|
};
|
|
4465
4526
|
|
|
@@ -4491,12 +4552,12 @@ var TextBody = (props) => {
|
|
|
4491
4552
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4492
4553
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
4493
4554
|
const isTableCenter = variant === "table-center";
|
|
4494
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
4555
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default(TextBody_module_default.textBody, className), children: [
|
|
4495
4556
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4496
4557
|
Text,
|
|
4497
4558
|
{
|
|
4498
4559
|
tag: isTableCenter ? "h4" : "h3",
|
|
4499
|
-
className:
|
|
4560
|
+
className: clsx50__default.default(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
|
|
4500
4561
|
children: titleNode
|
|
4501
4562
|
}
|
|
4502
4563
|
),
|
|
@@ -4541,7 +4602,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4541
4602
|
});
|
|
4542
4603
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4543
4604
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4544
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4605
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4545
4606
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4546
4607
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4547
4608
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4549,7 +4610,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4549
4610
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4550
4611
|
"div",
|
|
4551
4612
|
{
|
|
4552
|
-
className:
|
|
4613
|
+
className: clsx50__default.default(
|
|
4553
4614
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4554
4615
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4555
4616
|
),
|
|
@@ -4614,16 +4675,16 @@ var ResourcesGridList = ({
|
|
|
4614
4675
|
defaultSort = "latest"
|
|
4615
4676
|
}) => {
|
|
4616
4677
|
var _a;
|
|
4617
|
-
const [view, setView] =
|
|
4618
|
-
const [isSidebarOpen, setIsSidebarOpen] =
|
|
4619
|
-
const [filterValue, setFilterValue] =
|
|
4620
|
-
const [sortValue, setSortValue] =
|
|
4621
|
-
const [searchQuery, setSearchQuery] =
|
|
4622
|
-
const [currentPage, setCurrentPage] =
|
|
4623
|
-
const widgetRef =
|
|
4678
|
+
const [view, setView] = React72.useState(defaultView);
|
|
4679
|
+
const [isSidebarOpen, setIsSidebarOpen] = React72.useState(false);
|
|
4680
|
+
const [filterValue, setFilterValue] = React72.useState(defaultFilter);
|
|
4681
|
+
const [sortValue, setSortValue] = React72.useState(defaultSort);
|
|
4682
|
+
const [searchQuery, setSearchQuery] = React72.useState("");
|
|
4683
|
+
const [currentPage, setCurrentPage] = React72.useState(1);
|
|
4684
|
+
const widgetRef = React72.useRef(null);
|
|
4624
4685
|
const { is } = useViewPort_default();
|
|
4625
4686
|
const isMobile = is("tablet", "below");
|
|
4626
|
-
const currentHash =
|
|
4687
|
+
const currentHash = React72.useSyncExternalStore(subscribeHash, getHashSnapshot, getServerHashSnapshot);
|
|
4627
4688
|
const selectedCategory = (() => {
|
|
4628
4689
|
const hash = decodeURIComponent(currentHash.replace(/^#/, ""));
|
|
4629
4690
|
if (hash) {
|
|
@@ -4678,7 +4739,7 @@ var ResourcesGridList = ({
|
|
|
4678
4739
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4679
4740
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4680
4741
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4681
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className:
|
|
4742
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx50__default.default(ResourcesGridList_module_default.widget, className), children: [
|
|
4682
4743
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4683
4744
|
FilterBar,
|
|
4684
4745
|
{
|
|
@@ -4697,7 +4758,7 @@ var ResourcesGridList = ({
|
|
|
4697
4758
|
isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4698
4759
|
"div",
|
|
4699
4760
|
{
|
|
4700
|
-
className:
|
|
4761
|
+
className: clsx50__default.default(
|
|
4701
4762
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4702
4763
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4703
4764
|
),
|
|
@@ -4708,7 +4769,7 @@ var ResourcesGridList = ({
|
|
|
4708
4769
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4709
4770
|
"li",
|
|
4710
4771
|
{
|
|
4711
|
-
className:
|
|
4772
|
+
className: clsx50__default.default(
|
|
4712
4773
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4713
4774
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4714
4775
|
),
|
|
@@ -4753,7 +4814,7 @@ var ResourcesGridList = ({
|
|
|
4753
4814
|
onSelect: handleSelectCategory
|
|
4754
4815
|
}
|
|
4755
4816
|
),
|
|
4756
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4817
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
|
|
4757
4818
|
] }),
|
|
4758
4819
|
totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4759
4820
|
Pagination,
|
|
@@ -4786,7 +4847,7 @@ var Grid = ({
|
|
|
4786
4847
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4787
4848
|
Component,
|
|
4788
4849
|
{
|
|
4789
|
-
className:
|
|
4850
|
+
className: clsx50__default.default("grid", Grid_module_default.grid, className),
|
|
4790
4851
|
role,
|
|
4791
4852
|
"aria-label": ariaLabel,
|
|
4792
4853
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4811,7 +4872,7 @@ var GridItem = ({
|
|
|
4811
4872
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4812
4873
|
Component,
|
|
4813
4874
|
{
|
|
4814
|
-
className:
|
|
4875
|
+
className: clsx50__default.default("grid-item", Grid_module_default["grid-item"], className),
|
|
4815
4876
|
role,
|
|
4816
4877
|
"aria-label": ariaLabel,
|
|
4817
4878
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4859,13 +4920,13 @@ var BlogCardGrid = ({
|
|
|
4859
4920
|
title: BlogCardGridTitle
|
|
4860
4921
|
});
|
|
4861
4922
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4862
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4863
|
-
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4864
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className:
|
|
4865
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
4923
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
4924
|
+
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
4925
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx50__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
4926
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4866
4927
|
Button,
|
|
4867
4928
|
{
|
|
4868
|
-
className:
|
|
4929
|
+
className: clsx50__default.default("cta", BlogCardGrid_module_default["cta"]),
|
|
4869
4930
|
variant: "nofillblack",
|
|
4870
4931
|
href: cta.url,
|
|
4871
4932
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4890,11 +4951,11 @@ var BlogCardGrid = ({
|
|
|
4890
4951
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4891
4952
|
"div",
|
|
4892
4953
|
{
|
|
4893
|
-
className:
|
|
4954
|
+
className: clsx50__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4894
4955
|
style: {
|
|
4895
4956
|
backgroundColor
|
|
4896
4957
|
},
|
|
4897
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
4958
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx50__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4898
4959
|
}
|
|
4899
4960
|
);
|
|
4900
4961
|
};
|
|
@@ -4942,13 +5003,13 @@ var FeaturedNewsHighlights = ({
|
|
|
4942
5003
|
const sideCards = items.slice(1);
|
|
4943
5004
|
const isVariantHome = variant === "home";
|
|
4944
5005
|
const isBelowTablet = is("tablet", "below");
|
|
4945
|
-
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
4946
|
-
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5006
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
5007
|
+
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
4947
5008
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
4948
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5009
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4949
5010
|
Button,
|
|
4950
5011
|
{
|
|
4951
|
-
className:
|
|
5012
|
+
className: clsx50__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
4952
5013
|
variant: "nofillblack",
|
|
4953
5014
|
href: cta.url,
|
|
4954
5015
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4960,33 +5021,33 @@ var FeaturedNewsHighlights = ({
|
|
|
4960
5021
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4961
5022
|
Carousel,
|
|
4962
5023
|
{
|
|
4963
|
-
className:
|
|
5024
|
+
className: clsx50__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
4964
5025
|
"aria-label": "featured news",
|
|
4965
|
-
wrapperClass:
|
|
5026
|
+
wrapperClass: clsx50__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
4966
5027
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
4967
5028
|
spaceBetween: 16,
|
|
4968
5029
|
slides: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4969
5030
|
NewsCard,
|
|
4970
5031
|
__spreadProps(__spreadValues({}, item), {
|
|
4971
5032
|
direction: "vertical",
|
|
4972
|
-
className:
|
|
5033
|
+
className: clsx50__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
4973
5034
|
}),
|
|
4974
5035
|
`${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
|
|
4975
5036
|
))
|
|
4976
5037
|
}
|
|
4977
5038
|
),
|
|
4978
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5039
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
4979
5040
|
featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
|
|
4980
5041
|
NewsCard,
|
|
4981
5042
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
4982
|
-
className:
|
|
5043
|
+
className: clsx50__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
4983
5044
|
renderLink
|
|
4984
5045
|
})
|
|
4985
5046
|
),
|
|
4986
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5047
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4987
5048
|
NewsCard,
|
|
4988
5049
|
__spreadProps(__spreadValues({}, card), {
|
|
4989
|
-
className:
|
|
5050
|
+
className: clsx50__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
4990
5051
|
direction: "horizontal",
|
|
4991
5052
|
renderLink
|
|
4992
5053
|
}),
|
|
@@ -4997,11 +5058,11 @@ var FeaturedNewsHighlights = ({
|
|
|
4997
5058
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4998
5059
|
"div",
|
|
4999
5060
|
{
|
|
5000
|
-
className:
|
|
5061
|
+
className: clsx50__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
5001
5062
|
style: {
|
|
5002
5063
|
backgroundColor
|
|
5003
5064
|
},
|
|
5004
|
-
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
5065
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx50__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
5005
5066
|
}
|
|
5006
5067
|
);
|
|
5007
5068
|
};
|
|
@@ -5045,16 +5106,16 @@ var NewsCardList = ({
|
|
|
5045
5106
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5046
5107
|
"div",
|
|
5047
5108
|
{
|
|
5048
|
-
className:
|
|
5109
|
+
className: clsx50__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
5049
5110
|
style: {
|
|
5050
5111
|
backgroundColor
|
|
5051
5112
|
},
|
|
5052
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
5053
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5113
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default("container", NewsCardList_module_default["container"]), children: [
|
|
5114
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
5054
5115
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5055
5116
|
Input,
|
|
5056
5117
|
__spreadValues({
|
|
5057
|
-
className:
|
|
5118
|
+
className: clsx50__default.default("search-input", NewsCardList_module_default["search-input"]),
|
|
5058
5119
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
5059
5120
|
placeholder: "Search News",
|
|
5060
5121
|
"aria-label": "Search News",
|
|
@@ -5062,7 +5123,7 @@ var NewsCardList = ({
|
|
|
5062
5123
|
Button,
|
|
5063
5124
|
{
|
|
5064
5125
|
variant: "nofillblack",
|
|
5065
|
-
className:
|
|
5126
|
+
className: clsx50__default.default(NewsCardList_module_default["end-action-button"]),
|
|
5066
5127
|
"aria-label": "Search",
|
|
5067
5128
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
5068
5129
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -5074,7 +5135,7 @@ var NewsCardList = ({
|
|
|
5074
5135
|
} : void 0
|
|
5075
5136
|
}, searchInputProps)
|
|
5076
5137
|
),
|
|
5077
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5138
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
5078
5139
|
currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
5079
5140
|
FeaturedNewsHighlights2,
|
|
5080
5141
|
{
|
|
@@ -5087,8 +5148,8 @@ var NewsCardList = ({
|
|
|
5087
5148
|
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
|
|
5088
5149
|
] })
|
|
5089
5150
|
] }),
|
|
5090
|
-
paginationNode ?
|
|
5091
|
-
className:
|
|
5151
|
+
paginationNode ? React72__default.default.cloneElement(paginationNode, {
|
|
5152
|
+
className: clsx50__default.default("pagination", NewsCardList_module_default["pagination"])
|
|
5092
5153
|
}) : null
|
|
5093
5154
|
] })
|
|
5094
5155
|
}
|
|
@@ -5133,15 +5194,15 @@ var BlogPost = ({
|
|
|
5133
5194
|
});
|
|
5134
5195
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5135
5196
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5136
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5137
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5197
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default("container", BlogPost_module_default["container"]), children: [
|
|
5198
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("header", BlogPost_module_default["header"]), children: [
|
|
5138
5199
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5139
|
-
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5200
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50__default.default("image", BlogPost_module_default["image"]) }))
|
|
5140
5201
|
] }),
|
|
5141
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5142
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5202
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("content", BlogPost_module_default["content"]), children: [
|
|
5203
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5143
5204
|
/* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
|
|
5144
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className:
|
|
5205
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx50__default.default("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5145
5206
|
"Published ",
|
|
5146
5207
|
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
|
|
5147
5208
|
] })
|
|
@@ -5154,7 +5215,7 @@ var BlogPost = ({
|
|
|
5154
5215
|
title: "More News",
|
|
5155
5216
|
items: relatedArticles,
|
|
5156
5217
|
hasContainer: false,
|
|
5157
|
-
className:
|
|
5218
|
+
className: clsx50__default.default("related-articles", BlogPost_module_default["related-articles"])
|
|
5158
5219
|
}
|
|
5159
5220
|
)
|
|
5160
5221
|
] }) });
|
|
@@ -5202,15 +5263,15 @@ var BlogSearchResultsList = ({
|
|
|
5202
5263
|
});
|
|
5203
5264
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5204
5265
|
const paginationNode = slots.pagination;
|
|
5205
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5206
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5207
|
-
className:
|
|
5266
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
5267
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React72__default.default.isValidElement(searchNode) ? React72__default.default.cloneElement(searchNode, {
|
|
5268
|
+
className: clsx50__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5208
5269
|
}) : null,
|
|
5209
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
5270
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5210
5271
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5211
5272
|
Input,
|
|
5212
5273
|
__spreadValues({
|
|
5213
|
-
className:
|
|
5274
|
+
className: clsx50__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5214
5275
|
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
5215
5276
|
placeholder: "Search News",
|
|
5216
5277
|
"aria-label": "Search News",
|
|
@@ -5218,7 +5279,7 @@ var BlogSearchResultsList = ({
|
|
|
5218
5279
|
Button,
|
|
5219
5280
|
{
|
|
5220
5281
|
variant: "nofillblack",
|
|
5221
|
-
className:
|
|
5282
|
+
className: clsx50__default.default(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5222
5283
|
"aria-label": "Search",
|
|
5223
5284
|
onClick: () => onSearchSubmit(searchValue),
|
|
5224
5285
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
@@ -5232,8 +5293,8 @@ var BlogSearchResultsList = ({
|
|
|
5232
5293
|
),
|
|
5233
5294
|
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5234
5295
|
] }),
|
|
5235
|
-
paginationNode ?
|
|
5236
|
-
className:
|
|
5296
|
+
paginationNode ? React72__default.default.cloneElement(paginationNode, {
|
|
5297
|
+
className: clsx50__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5237
5298
|
}) : null
|
|
5238
5299
|
] }) });
|
|
5239
5300
|
};
|
|
@@ -5274,11 +5335,11 @@ var GlobalSearchResultsList = ({
|
|
|
5274
5335
|
});
|
|
5275
5336
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5276
5337
|
const paginationNode = slots.pagination;
|
|
5277
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5278
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5279
|
-
className:
|
|
5338
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
|
|
5339
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React72__default.default.isValidElement(searchNode) ? React72__default.default.cloneElement(searchNode, {
|
|
5340
|
+
className: clsx50__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5280
5341
|
}) : null,
|
|
5281
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5342
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5282
5343
|
var _a2;
|
|
5283
5344
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5284
5345
|
GridItem,
|
|
@@ -5298,8 +5359,8 @@ var GlobalSearchResultsList = ({
|
|
|
5298
5359
|
item.title ? `${item.title}-${(_a2 = item == null ? void 0 : item.id) != null ? _a2 : index}` : index
|
|
5299
5360
|
);
|
|
5300
5361
|
}) }) }),
|
|
5301
|
-
paginationNode ?
|
|
5302
|
-
className:
|
|
5362
|
+
paginationNode ? React72__default.default.cloneElement(paginationNode, {
|
|
5363
|
+
className: clsx50__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5303
5364
|
}) : null
|
|
5304
5365
|
] }) });
|
|
5305
5366
|
};
|
|
@@ -5337,10 +5398,10 @@ var TextCenterWithMedia = ({
|
|
|
5337
5398
|
children
|
|
5338
5399
|
}) => {
|
|
5339
5400
|
var _a;
|
|
5340
|
-
const [isOpen, setIsOpen] =
|
|
5341
|
-
const dialogRef =
|
|
5342
|
-
const videoRef =
|
|
5343
|
-
|
|
5401
|
+
const [isOpen, setIsOpen] = React72.useState(false);
|
|
5402
|
+
const dialogRef = React72.useRef(null);
|
|
5403
|
+
const videoRef = React72.useRef(null);
|
|
5404
|
+
React72.useEffect(() => {
|
|
5344
5405
|
var _a2, _b;
|
|
5345
5406
|
if (isOpen) {
|
|
5346
5407
|
(_a2 = dialogRef.current) == null ? void 0 : _a2.showModal();
|
|
@@ -5357,7 +5418,7 @@ var TextCenterWithMedia = ({
|
|
|
5357
5418
|
};
|
|
5358
5419
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5359
5420
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5360
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className:
|
|
5421
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx50__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5361
5422
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
|
|
5362
5423
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
|
|
5363
5424
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -5417,10 +5478,10 @@ var QuoteSectionBlock_module_default = {
|
|
|
5417
5478
|
var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
5418
5479
|
const { is } = useViewPort_default();
|
|
5419
5480
|
const isMobile = is("tablet", "below");
|
|
5420
|
-
const [swiperInstance, setSwiperInstance] =
|
|
5421
|
-
const [activeIndex, setActiveIndex] =
|
|
5481
|
+
const [swiperInstance, setSwiperInstance] = React72.useState(null);
|
|
5482
|
+
const [activeIndex, setActiveIndex] = React72.useState(0);
|
|
5422
5483
|
if (!items.length) return null;
|
|
5423
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5484
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
|
|
5424
5485
|
title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5425
5486
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5426
5487
|
react$1.Swiper,
|
|
@@ -5430,7 +5491,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5430
5491
|
onSwiper: setSwiperInstance,
|
|
5431
5492
|
onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
|
|
5432
5493
|
children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.card, children: [
|
|
5433
|
-
|
|
5494
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "quote", className: QuoteSectionBlock_module_default.quoteLogo }),
|
|
5434
5495
|
(item == null ? void 0 : item.bodyText) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: QuoteSectionBlock_module_default.bodyText, children: item.bodyText }),
|
|
5435
5496
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attribution, children: [
|
|
5436
5497
|
(item == null ? void 0 : item.displayPhoto) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -5479,12 +5540,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5479
5540
|
logo: PageLoaderLogo
|
|
5480
5541
|
});
|
|
5481
5542
|
const logoNode = slots.logo;
|
|
5482
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Container, { className:
|
|
5483
|
-
logoNode ?
|
|
5484
|
-
className:
|
|
5543
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx50__default.default(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
5544
|
+
logoNode ? React72__default.default.cloneElement(logoNode, {
|
|
5545
|
+
className: clsx50__default.default("image-logo", PageLoader_module_default["image-logo"])
|
|
5485
5546
|
}) : null,
|
|
5486
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
5487
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
5547
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) }),
|
|
5548
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx50__default.default("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5488
5549
|
] }) });
|
|
5489
5550
|
};
|
|
5490
5551
|
|
|
@@ -5510,23 +5571,102 @@ var TwoColTextMenu = ({
|
|
|
5510
5571
|
renderLink
|
|
5511
5572
|
}) => {
|
|
5512
5573
|
if (sections.length === 0) return null;
|
|
5513
|
-
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className:
|
|
5514
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
5574
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: clsx50__default.default(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
|
|
5575
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx50__default.default("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
|
|
5515
5576
|
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: TwoColTextMenu_module_default.list, children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ColTextMenu, __spreadProps(__spreadValues({}, item), { renderLink })) }, itemIndex)) })
|
|
5516
5577
|
] }, index)) }) }) });
|
|
5517
5578
|
};
|
|
5518
5579
|
TwoColTextMenu.displayName = "TwoColTextMenu";
|
|
5580
|
+
|
|
5581
|
+
// src/widgets/LocationsBrandCards/LocationsBrandCards.module.scss
|
|
5582
|
+
var LocationsBrandCards_module_default = {
|
|
5583
|
+
"locations-brand-cards": "LocationsBrandCards_module_locations-brand-cards",
|
|
5584
|
+
container: "LocationsBrandCards_module_container",
|
|
5585
|
+
"heading-wrapper": "LocationsBrandCards_module_heading-wrapper",
|
|
5586
|
+
"locations-brand-title": "LocationsBrandCards_module_locations-brand-title",
|
|
5587
|
+
"locations-brand-subtitle": "LocationsBrandCards_module_locations-brand-subtitle",
|
|
5588
|
+
"content-wrapper": "LocationsBrandCards_module_content-wrapper",
|
|
5589
|
+
"locations-image": "LocationsBrandCards_module_locations-image",
|
|
5590
|
+
"card-wrapper": "LocationsBrandCards_module_card-wrapper",
|
|
5591
|
+
card: "LocationsBrandCards_module_card"
|
|
5592
|
+
};
|
|
5593
|
+
var LocationsBrandCardsText = ({ children }) => {
|
|
5594
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
5595
|
+
};
|
|
5596
|
+
var LocationsBrandCards = ({
|
|
5597
|
+
className,
|
|
5598
|
+
title,
|
|
5599
|
+
subtitle,
|
|
5600
|
+
image,
|
|
5601
|
+
cards,
|
|
5602
|
+
children
|
|
5603
|
+
}) => {
|
|
5604
|
+
var _a;
|
|
5605
|
+
const containerRef = React72.useRef(null);
|
|
5606
|
+
const slots = resolveCompoundSlots(children, {
|
|
5607
|
+
text: LocationsBrandCardsText
|
|
5608
|
+
});
|
|
5609
|
+
const textNode = (_a = slots == null ? void 0 : slots.text) != null ? _a : subtitle;
|
|
5610
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default("locations-brand-cards", LocationsBrandCards_module_default["locations-brand-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx50__default.default(LocationsBrandCards_module_default.container), children: [
|
|
5611
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("heading-wrapper", LocationsBrandCards_module_default["heading-wrapper"]), ref: containerRef, children: [
|
|
5612
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx50__default.default("locations-brand-title", "h2", LocationsBrandCards_module_default["locations-brand-title"]), children: title }),
|
|
5613
|
+
textNode && React72.isValidElement(textNode) ? React72.cloneElement(textNode, {
|
|
5614
|
+
className: clsx50__default.default(
|
|
5615
|
+
"locations-brand-subtitle",
|
|
5616
|
+
"subheading",
|
|
5617
|
+
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
5618
|
+
)
|
|
5619
|
+
}) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
5620
|
+
"p",
|
|
5621
|
+
{
|
|
5622
|
+
className: clsx50__default.default(
|
|
5623
|
+
"locations-brand-subtitle",
|
|
5624
|
+
"subheading",
|
|
5625
|
+
LocationsBrandCards_module_default["locations-brand-subtitle"]
|
|
5626
|
+
),
|
|
5627
|
+
children: textNode
|
|
5628
|
+
}
|
|
5629
|
+
)
|
|
5630
|
+
] }),
|
|
5631
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default("content-wrapper", LocationsBrandCards_module_default["content-wrapper"]), children: [
|
|
5632
|
+
/* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx50__default.default("locations-image", LocationsBrandCards_module_default["locations-image"]) })),
|
|
5633
|
+
/* @__PURE__ */ jsxRuntime.jsx(Grid, { columns: 2, className: clsx50__default.default("card-wrapper", LocationsBrandCards_module_default["card-wrapper"]), gap: 8, children: cards.map((card) => {
|
|
5634
|
+
var _a2;
|
|
5635
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5636
|
+
GridItem,
|
|
5637
|
+
{
|
|
5638
|
+
className: clsx50__default.default("card-item", LocationsBrandCards_module_default["card-item"]),
|
|
5639
|
+
colSpan: { md: 1 },
|
|
5640
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5641
|
+
BrandCard,
|
|
5642
|
+
__spreadProps(__spreadValues({}, card), {
|
|
5643
|
+
animationSettings: __spreadProps(__spreadValues({}, card.animationSettings), { triggerRef: containerRef }),
|
|
5644
|
+
className: clsx50__default.default("card", LocationsBrandCards_module_default["card"])
|
|
5645
|
+
})
|
|
5646
|
+
)
|
|
5647
|
+
},
|
|
5648
|
+
(_a2 = card.id) != null ? _a2 : card.title
|
|
5649
|
+
);
|
|
5650
|
+
}) })
|
|
5651
|
+
] })
|
|
5652
|
+
] }) });
|
|
5653
|
+
};
|
|
5654
|
+
|
|
5655
|
+
// src/widgets/LocationsBrandCards/index.ts
|
|
5656
|
+
var LocationsBrandCards2 = Object.assign(LocationsBrandCards, {
|
|
5657
|
+
Text: LocationsBrandCardsText
|
|
5658
|
+
});
|
|
5519
5659
|
function useIntersectionObserver({
|
|
5520
5660
|
animateOnce = false,
|
|
5521
5661
|
options = {}
|
|
5522
5662
|
} = {}) {
|
|
5523
|
-
const observeRef =
|
|
5524
|
-
const [isVisible, setIsVisible] =
|
|
5663
|
+
const observeRef = React72.useRef(null);
|
|
5664
|
+
const [isVisible, setIsVisible] = React72.useState(false);
|
|
5525
5665
|
if (typeof IntersectionObserver === "undefined") {
|
|
5526
5666
|
console.warn("IntersectionObserver is not supported in this browser.");
|
|
5527
5667
|
return { observeRef, isVisible: true };
|
|
5528
5668
|
}
|
|
5529
|
-
|
|
5669
|
+
React72.useEffect(() => {
|
|
5530
5670
|
const currentRef = observeRef.current;
|
|
5531
5671
|
if (!currentRef) return;
|
|
5532
5672
|
const observer = new IntersectionObserver((entries) => {
|
|
@@ -5551,6 +5691,7 @@ exports.BlogCardGrid = BlogCardGrid2;
|
|
|
5551
5691
|
exports.BlogPost = BlogPost2;
|
|
5552
5692
|
exports.BlogPostContent = BlogPostContent2;
|
|
5553
5693
|
exports.BlogSearchResultsList = BlogSearchResultsList2;
|
|
5694
|
+
exports.BrandCard = BrandCard;
|
|
5554
5695
|
exports.BrandsStrip = BrandsStrip;
|
|
5555
5696
|
exports.Button = Button;
|
|
5556
5697
|
exports.Card = Card2;
|
|
@@ -5572,6 +5713,7 @@ exports.InfoCard = InfoCard2;
|
|
|
5572
5713
|
exports.Input = Input;
|
|
5573
5714
|
exports.InternalBrandsTab = InternalBrandsTab2;
|
|
5574
5715
|
exports.Loader = Loader;
|
|
5716
|
+
exports.LocationsBrandCards = LocationsBrandCards2;
|
|
5575
5717
|
exports.MiniBanner = MiniBanner2;
|
|
5576
5718
|
exports.MiniSectionCta = MiniSectionCta2;
|
|
5577
5719
|
exports.Navigation = Navigation3;
|