@digital-b2c/coreui-kit 0.10.2 → 0.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1000 -261
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +962 -344
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +202 -24
- package/dist/index.d.ts +202 -24
- package/dist/index.mjs +941 -210
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var clsx15 = require('clsx');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var
|
|
5
|
+
var React63 = require('react');
|
|
6
6
|
var gsap = require('gsap');
|
|
7
7
|
var react = require('@gsap/react');
|
|
8
8
|
var ScrollTrigger = require('gsap/ScrollTrigger');
|
|
@@ -12,8 +12,8 @@ require('swiper/css');
|
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var clsx15__default = /*#__PURE__*/_interopDefault(clsx15);
|
|
16
|
+
var React63__default = /*#__PURE__*/_interopDefault(React63);
|
|
17
17
|
var gsap__default = /*#__PURE__*/_interopDefault(gsap);
|
|
18
18
|
|
|
19
19
|
var __defProp = Object.defineProperty;
|
|
@@ -66,7 +66,7 @@ var Picture = (_a) => {
|
|
|
66
66
|
__spreadValues({
|
|
67
67
|
src: desktop.src,
|
|
68
68
|
alt: desktop.alt,
|
|
69
|
-
className:
|
|
69
|
+
className: clsx15__default.default(className, Picture_module_default["image-desktop"])
|
|
70
70
|
}, rest)
|
|
71
71
|
),
|
|
72
72
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -74,21 +74,19 @@ var Picture = (_a) => {
|
|
|
74
74
|
__spreadValues({
|
|
75
75
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
76
76
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
77
|
-
className:
|
|
77
|
+
className: clsx15__default.default(className, Picture_module_default["image-mobile"])
|
|
78
78
|
}, rest)
|
|
79
79
|
)
|
|
80
80
|
] });
|
|
81
81
|
};
|
|
82
82
|
var Anchor = (_a) => {
|
|
83
|
-
var _b = _a, { children, isExternal } = _b, props = __objRest(_b, ["children", "isExternal"]);
|
|
84
|
-
|
|
85
|
-
"
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
})
|
|
91
|
-
);
|
|
83
|
+
var _b = _a, { children, isExternal, renderLink } = _b, props = __objRest(_b, ["children", "isExternal", "renderLink"]);
|
|
84
|
+
const anchorProps = __spreadProps(__spreadValues({}, props), {
|
|
85
|
+
target: isExternal ? "_blank" : void 0,
|
|
86
|
+
rel: isExternal ? "noopener noreferrer" : void 0
|
|
87
|
+
});
|
|
88
|
+
if (renderLink) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLink(__spreadProps(__spreadValues({}, anchorProps), { children })) });
|
|
89
|
+
return /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, anchorProps), { children }));
|
|
92
90
|
};
|
|
93
91
|
var ConditionalWrapper = (_a) => {
|
|
94
92
|
var _b = _a, {
|
|
@@ -378,7 +376,7 @@ var svgs = {
|
|
|
378
376
|
xBlack: icon_x_black_default,
|
|
379
377
|
xWhite: icon_x_white_default
|
|
380
378
|
};
|
|
381
|
-
var Icon =
|
|
379
|
+
var Icon = React63__default.default.memo(
|
|
382
380
|
(_a) => {
|
|
383
381
|
var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
|
|
384
382
|
if (type) {
|
|
@@ -419,7 +417,8 @@ var Button = (_a) => {
|
|
|
419
417
|
isExternal,
|
|
420
418
|
icon,
|
|
421
419
|
logo,
|
|
422
|
-
isActive
|
|
420
|
+
isActive,
|
|
421
|
+
renderLink
|
|
423
422
|
} = _b, rest = __objRest(_b, [
|
|
424
423
|
"className",
|
|
425
424
|
"children",
|
|
@@ -429,18 +428,19 @@ var Button = (_a) => {
|
|
|
429
428
|
"isExternal",
|
|
430
429
|
"icon",
|
|
431
430
|
"logo",
|
|
432
|
-
"isActive"
|
|
431
|
+
"isActive",
|
|
432
|
+
"renderLink"
|
|
433
433
|
]);
|
|
434
434
|
const isLink = !!href;
|
|
435
435
|
const props = __spreadValues(__spreadValues({
|
|
436
|
-
className:
|
|
436
|
+
className: clsx15__default.default(
|
|
437
437
|
Button_module_default.button,
|
|
438
438
|
variant ? Button_module_default[variant] : null,
|
|
439
439
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
440
440
|
{ [Button_module_default.active]: !!isActive },
|
|
441
441
|
className
|
|
442
442
|
)
|
|
443
|
-
}, isLink ? { href, isExternal } : {}), rest);
|
|
443
|
+
}, isLink ? { href, isExternal, renderLink } : {}), rest);
|
|
444
444
|
return /* @__PURE__ */ jsxRuntime.jsxs(ConditionalWrapper, __spreadProps(__spreadValues({ wrapper: Anchor, fallback: "button", condition: isLink }, props), { children: [
|
|
445
445
|
children,
|
|
446
446
|
isExternal && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "(opens in a new tab)" }),
|
|
@@ -489,21 +489,21 @@ var getDeviceType = (width) => {
|
|
|
489
489
|
return "desktop";
|
|
490
490
|
};
|
|
491
491
|
var useViewPort = () => {
|
|
492
|
-
const [device, setDevice] =
|
|
492
|
+
const [device, setDevice] = React63.useState(
|
|
493
493
|
() => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
|
|
494
494
|
);
|
|
495
|
-
const getOtherDevices =
|
|
495
|
+
const getOtherDevices = React63.useCallback(
|
|
496
496
|
(list, what, includeSelf = false) => {
|
|
497
497
|
const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
|
|
498
498
|
return [...list].slice(deviceIndex);
|
|
499
499
|
},
|
|
500
500
|
[]
|
|
501
501
|
);
|
|
502
|
-
const onWindowResize =
|
|
502
|
+
const onWindowResize = React63.useCallback(() => {
|
|
503
503
|
setDevice(getDeviceType(window.innerWidth));
|
|
504
504
|
}, []);
|
|
505
505
|
const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
|
|
506
|
-
|
|
506
|
+
React63.useEffect(() => {
|
|
507
507
|
window.addEventListener("resize", onWindowResizeDebounce);
|
|
508
508
|
return () => window.removeEventListener("resize", onWindowResizeDebounce);
|
|
509
509
|
}, [onWindowResizeDebounce]);
|
|
@@ -556,13 +556,13 @@ var BrandsStrip = ({
|
|
|
556
556
|
cta,
|
|
557
557
|
size
|
|
558
558
|
}) => {
|
|
559
|
-
const [show, setShow] =
|
|
560
|
-
const [shouldAnimate, setShouldAnimate] =
|
|
559
|
+
const [show, setShow] = React63.useState(false);
|
|
560
|
+
const [shouldAnimate, setShouldAnimate] = React63.useState(false);
|
|
561
561
|
const { is } = useViewPort_default();
|
|
562
562
|
const isTabletBelow = is("tablet", "below");
|
|
563
|
-
const containerRef =
|
|
564
|
-
const marqueeRef =
|
|
565
|
-
const timeline =
|
|
563
|
+
const containerRef = React63.useRef(null);
|
|
564
|
+
const marqueeRef = React63.useRef(null);
|
|
565
|
+
const timeline = React63.useRef(null);
|
|
566
566
|
const horizontalLoop = (items, config) => {
|
|
567
567
|
const itemsArray = gsap__default.default.utils.toArray(items);
|
|
568
568
|
const cfg = config || {};
|
|
@@ -656,7 +656,7 @@ var BrandsStrip = ({
|
|
|
656
656
|
timeline.current.play();
|
|
657
657
|
}
|
|
658
658
|
};
|
|
659
|
-
const duplicatedLogos =
|
|
659
|
+
const duplicatedLogos = React63.useMemo(() => {
|
|
660
660
|
if (logos.length === 0) return [];
|
|
661
661
|
if (!shouldAnimate) return [...logos];
|
|
662
662
|
return [...logos, ...logos];
|
|
@@ -665,7 +665,7 @@ var BrandsStrip = ({
|
|
|
665
665
|
"div",
|
|
666
666
|
{
|
|
667
667
|
ref: containerRef,
|
|
668
|
-
className:
|
|
668
|
+
className: clsx15__default.default(
|
|
669
669
|
BrandsStrip_module_default.brandsStrip,
|
|
670
670
|
BrandsStrip_module_default[variant],
|
|
671
671
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -674,13 +674,13 @@ var BrandsStrip = ({
|
|
|
674
674
|
onMouseEnter: handleMouseEnter,
|
|
675
675
|
onMouseLeave: handleMouseLeave,
|
|
676
676
|
children: [
|
|
677
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
678
|
-
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
677
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
678
|
+
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx15__default.default("body", BrandsStrip_module_default.title), children: title }),
|
|
679
679
|
logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
680
680
|
"div",
|
|
681
681
|
{
|
|
682
682
|
ref: marqueeRef,
|
|
683
|
-
className:
|
|
683
|
+
className: clsx15__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
684
684
|
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}`))
|
|
685
685
|
}
|
|
686
686
|
)
|
|
@@ -709,8 +709,8 @@ var CardSubtitle = ({ children }) => {
|
|
|
709
709
|
};
|
|
710
710
|
function resolveCompoundSlots(children, slots) {
|
|
711
711
|
const resolved = {};
|
|
712
|
-
|
|
713
|
-
if (!
|
|
712
|
+
React63.Children.forEach(children, (child) => {
|
|
713
|
+
if (!React63.isValidElement(child)) return;
|
|
714
714
|
Object.entries(slots).forEach(([key, Component]) => {
|
|
715
715
|
if (child.type === Component) {
|
|
716
716
|
resolved[key] = child.props.children;
|
|
@@ -724,10 +724,10 @@ function resolveCompoundSlots(children, slots) {
|
|
|
724
724
|
var Container_module_default = {
|
|
725
725
|
container: "Container_module_container"
|
|
726
726
|
};
|
|
727
|
-
var Container =
|
|
727
|
+
var Container = React63.forwardRef(
|
|
728
728
|
(_a, ref) => {
|
|
729
729
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
730
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
730
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx15__default.default(Container_module_default.container, className) }, props), { children }));
|
|
731
731
|
}
|
|
732
732
|
);
|
|
733
733
|
Container.displayName = "Container";
|
|
@@ -768,14 +768,14 @@ var Card = ({
|
|
|
768
768
|
ConditionalWrapper,
|
|
769
769
|
__spreadProps(__spreadValues({
|
|
770
770
|
ref,
|
|
771
|
-
className:
|
|
771
|
+
className: clsx15__default.default(Card_module_default.card, Card_module_default[variant], className),
|
|
772
772
|
wrapper: Anchor,
|
|
773
773
|
fallback: "div",
|
|
774
774
|
condition: isLink
|
|
775
775
|
}, href ? { href, isExternal } : {}), {
|
|
776
776
|
children: [
|
|
777
777
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
778
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className:
|
|
778
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx15__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx15__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
779
779
|
isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
780
780
|
] }),
|
|
781
781
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
|
|
@@ -810,10 +810,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
810
810
|
title: CountingCardTitle
|
|
811
811
|
});
|
|
812
812
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
813
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
813
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(CountingCard_module_default["counting-card"], className), children: [
|
|
814
814
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
815
815
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
|
|
816
|
-
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
816
|
+
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(CountingCard_module_default.count, "h1"), children: count })
|
|
817
817
|
] }),
|
|
818
818
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
819
819
|
] });
|
|
@@ -865,11 +865,11 @@ function FilterBar({
|
|
|
865
865
|
searchValue,
|
|
866
866
|
onSearchChange
|
|
867
867
|
}) {
|
|
868
|
-
const [openDropdown, setOpenDropdown] =
|
|
869
|
-
const [searchState, setSearchState] =
|
|
870
|
-
const filterRef =
|
|
871
|
-
const sortRef =
|
|
872
|
-
const searchInputRef =
|
|
868
|
+
const [openDropdown, setOpenDropdown] = React63.useState(null);
|
|
869
|
+
const [searchState, setSearchState] = React63.useState("closed");
|
|
870
|
+
const filterRef = React63.useRef(null);
|
|
871
|
+
const sortRef = React63.useRef(null);
|
|
872
|
+
const searchInputRef = React63.useRef(null);
|
|
873
873
|
const closeSearch = () => {
|
|
874
874
|
setSearchState("closing");
|
|
875
875
|
onSearchChange("");
|
|
@@ -879,7 +879,7 @@ function FilterBar({
|
|
|
879
879
|
onSearchChange("");
|
|
880
880
|
(_a = searchInputRef.current) == null ? void 0 : _a.focus();
|
|
881
881
|
};
|
|
882
|
-
|
|
882
|
+
React63.useEffect(() => {
|
|
883
883
|
const handleMouseDown = (e) => {
|
|
884
884
|
var _a, _b;
|
|
885
885
|
const target = e.target;
|
|
@@ -889,7 +889,7 @@ function FilterBar({
|
|
|
889
889
|
document.addEventListener("mousedown", handleMouseDown);
|
|
890
890
|
return () => document.removeEventListener("mousedown", handleMouseDown);
|
|
891
891
|
}, []);
|
|
892
|
-
|
|
892
|
+
React63.useEffect(() => {
|
|
893
893
|
var _a;
|
|
894
894
|
if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
|
|
895
895
|
}, [searchState]);
|
|
@@ -899,7 +899,7 @@ function FilterBar({
|
|
|
899
899
|
"button",
|
|
900
900
|
{
|
|
901
901
|
type: "button",
|
|
902
|
-
className:
|
|
902
|
+
className: clsx15__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
903
903
|
onClick: () => onViewChange("grid"),
|
|
904
904
|
"aria-pressed": view === "grid",
|
|
905
905
|
children: [
|
|
@@ -912,7 +912,7 @@ function FilterBar({
|
|
|
912
912
|
"button",
|
|
913
913
|
{
|
|
914
914
|
type: "button",
|
|
915
|
-
className:
|
|
915
|
+
className: clsx15__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
916
916
|
onClick: () => onViewChange("list"),
|
|
917
917
|
"aria-pressed": view === "list",
|
|
918
918
|
children: [
|
|
@@ -926,7 +926,7 @@ function FilterBar({
|
|
|
926
926
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
927
927
|
"div",
|
|
928
928
|
{
|
|
929
|
-
className:
|
|
929
|
+
className: clsx15__default.default(
|
|
930
930
|
FilterBar_module_default.dropdownWrapper,
|
|
931
931
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
932
932
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -937,7 +937,7 @@ function FilterBar({
|
|
|
937
937
|
"button",
|
|
938
938
|
{
|
|
939
939
|
type: "button",
|
|
940
|
-
className:
|
|
940
|
+
className: clsx15__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
941
941
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
942
942
|
"aria-expanded": openDropdown === "filter",
|
|
943
943
|
children: [
|
|
@@ -952,7 +952,7 @@ function FilterBar({
|
|
|
952
952
|
type: "button",
|
|
953
953
|
role: "option",
|
|
954
954
|
"aria-selected": filterValue === opt.value,
|
|
955
|
-
className:
|
|
955
|
+
className: clsx15__default.default(
|
|
956
956
|
FilterBar_module_default.dropdownOption,
|
|
957
957
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
958
958
|
),
|
|
@@ -973,7 +973,7 @@ function FilterBar({
|
|
|
973
973
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
974
974
|
"div",
|
|
975
975
|
{
|
|
976
|
-
className:
|
|
976
|
+
className: clsx15__default.default(
|
|
977
977
|
FilterBar_module_default.dropdownWrapper,
|
|
978
978
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
979
979
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -999,7 +999,7 @@ function FilterBar({
|
|
|
999
999
|
type: "button",
|
|
1000
1000
|
role: "option",
|
|
1001
1001
|
"aria-selected": sortValue === opt.value,
|
|
1002
|
-
className:
|
|
1002
|
+
className: clsx15__default.default(
|
|
1003
1003
|
FilterBar_module_default.dropdownOption,
|
|
1004
1004
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1005
1005
|
),
|
|
@@ -1017,7 +1017,7 @@ function FilterBar({
|
|
|
1017
1017
|
searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1018
1018
|
"div",
|
|
1019
1019
|
{
|
|
1020
|
-
className:
|
|
1020
|
+
className: clsx15__default.default(
|
|
1021
1021
|
FilterBar_module_default.searchExpanded,
|
|
1022
1022
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1023
1023
|
),
|
|
@@ -1099,9 +1099,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1099
1099
|
});
|
|
1100
1100
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1101
1101
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1102
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1102
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1103
1103
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1104
|
-
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1104
|
+
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1105
1105
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
|
|
1106
1106
|
] }),
|
|
1107
1107
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1133,7 +1133,7 @@ var Pagination = ({
|
|
|
1133
1133
|
disableArrows = false,
|
|
1134
1134
|
onPageChange
|
|
1135
1135
|
}) => {
|
|
1136
|
-
const [activePage, setActivePage] =
|
|
1136
|
+
const [activePage, setActivePage] = React63.useState(currentPage);
|
|
1137
1137
|
const goToPage = (page) => {
|
|
1138
1138
|
if (page < 1 || page > totalPages) return;
|
|
1139
1139
|
setActivePage(page);
|
|
@@ -1163,7 +1163,7 @@ var Pagination = ({
|
|
|
1163
1163
|
setActivePage(page);
|
|
1164
1164
|
onPageChange == null ? void 0 : onPageChange(page);
|
|
1165
1165
|
};
|
|
1166
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1166
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(Pagination_module_default.pagination, className), children: [
|
|
1167
1167
|
!disableArrows && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1168
1168
|
"button",
|
|
1169
1169
|
{
|
|
@@ -1180,7 +1180,7 @@ var Pagination = ({
|
|
|
1180
1180
|
"button",
|
|
1181
1181
|
{
|
|
1182
1182
|
onClick: () => goToPage(page),
|
|
1183
|
-
className:
|
|
1183
|
+
className: clsx15__default.default(Pagination_module_default.page, {
|
|
1184
1184
|
[Pagination_module_default.active]: activePage === page,
|
|
1185
1185
|
[Pagination_module_default.number]: hasNumber
|
|
1186
1186
|
}),
|
|
@@ -1216,7 +1216,7 @@ var PracticeCard_module_default = {
|
|
|
1216
1216
|
};
|
|
1217
1217
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1218
1218
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1219
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1219
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1220
1220
|
ConditionalWrapper,
|
|
1221
1221
|
__spreadProps(__spreadValues({
|
|
1222
1222
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -1227,7 +1227,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1227
1227
|
children: [
|
|
1228
1228
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1229
1229
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1230
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1230
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1231
1231
|
href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1232
1232
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1233
1233
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1317,7 +1317,7 @@ var Sidebar = ({
|
|
|
1317
1317
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1318
1318
|
"li",
|
|
1319
1319
|
{
|
|
1320
|
-
className:
|
|
1320
|
+
className: clsx15__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1321
1321
|
role: "button",
|
|
1322
1322
|
tabIndex: 0,
|
|
1323
1323
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1338,21 +1338,375 @@ var Sidebar = ({
|
|
|
1338
1338
|
}) }) });
|
|
1339
1339
|
};
|
|
1340
1340
|
|
|
1341
|
-
// src/components/
|
|
1342
|
-
var
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1341
|
+
// src/components/UpcomingEventCard/UpcomingEventCard.module.scss
|
|
1342
|
+
var UpcomingEventCard_module_default = {
|
|
1343
|
+
"event-card": "UpcomingEventCard_module_event-card",
|
|
1344
|
+
"event-card-content": "UpcomingEventCard_module_event-card-content",
|
|
1345
|
+
"event-card-image": "UpcomingEventCard_module_event-card-image",
|
|
1346
|
+
"event-card-text-content": "UpcomingEventCard_module_event-card-text-content",
|
|
1347
|
+
date: "UpcomingEventCard_module_date",
|
|
1348
|
+
location: "UpcomingEventCard_module_location",
|
|
1349
|
+
description: "UpcomingEventCard_module_description",
|
|
1350
|
+
"event-card-footer": "UpcomingEventCard_module_event-card-footer",
|
|
1351
|
+
horizontal: "UpcomingEventCard_module_horizontal",
|
|
1352
|
+
"event-card-show-image": "UpcomingEventCard_module_event-card-show-image",
|
|
1353
|
+
"event-card-cta": "UpcomingEventCard_module_event-card-cta",
|
|
1354
|
+
hidden: "UpcomingEventCard_module_hidden",
|
|
1355
|
+
"cta-without-image": "UpcomingEventCard_module_cta-without-image",
|
|
1356
|
+
vertical: "UpcomingEventCard_module_vertical"
|
|
1347
1357
|
};
|
|
1348
|
-
var
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1358
|
+
var UpcomingEventCard = ({
|
|
1359
|
+
className,
|
|
1360
|
+
image,
|
|
1361
|
+
date,
|
|
1362
|
+
title,
|
|
1363
|
+
location,
|
|
1364
|
+
description,
|
|
1365
|
+
cta,
|
|
1366
|
+
direction = "horizontal",
|
|
1367
|
+
showImage = true
|
|
1368
|
+
}) => {
|
|
1369
|
+
const { is } = useViewPort_default();
|
|
1370
|
+
const hasCtaWithoutImage = cta && cta.url && !image;
|
|
1371
|
+
const hasCTAandImage = Boolean(cta && cta.url && image);
|
|
1372
|
+
const hasImage = Boolean(image);
|
|
1373
|
+
const isBelowMobile = is("mobile-l", "below");
|
|
1374
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1375
|
+
"article",
|
|
1376
|
+
{
|
|
1377
|
+
className: clsx15__default.default(
|
|
1378
|
+
"card",
|
|
1379
|
+
UpcomingEventCard_module_default["event-card"],
|
|
1380
|
+
UpcomingEventCard_module_default[direction],
|
|
1381
|
+
hasCtaWithoutImage && UpcomingEventCard_module_default["cta-without-image"],
|
|
1382
|
+
className
|
|
1383
|
+
),
|
|
1384
|
+
children: [
|
|
1385
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1386
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1387
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1388
|
+
"div",
|
|
1389
|
+
{
|
|
1390
|
+
className: clsx15__default.default(
|
|
1391
|
+
"card-text-content",
|
|
1392
|
+
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1393
|
+
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1394
|
+
),
|
|
1395
|
+
children: [
|
|
1396
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1397
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx15__default.default("card-text-title"), children: title }),
|
|
1398
|
+
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1399
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1400
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1401
|
+
Button,
|
|
1402
|
+
{
|
|
1403
|
+
variant: "secondary",
|
|
1404
|
+
className: clsx15__default.default(
|
|
1405
|
+
"card-cta",
|
|
1406
|
+
UpcomingEventCard_module_default["event-card-cta"],
|
|
1407
|
+
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
1408
|
+
),
|
|
1409
|
+
fullWidth: isBelowMobile,
|
|
1410
|
+
href: cta.url,
|
|
1411
|
+
icon: cta.icon,
|
|
1412
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1413
|
+
children: cta.label
|
|
1414
|
+
}
|
|
1415
|
+
)
|
|
1416
|
+
]
|
|
1417
|
+
}
|
|
1418
|
+
)
|
|
1419
|
+
] }),
|
|
1420
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1421
|
+
"div",
|
|
1422
|
+
{
|
|
1423
|
+
className: clsx15__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1424
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1425
|
+
Button,
|
|
1426
|
+
{
|
|
1427
|
+
variant: "secondary",
|
|
1428
|
+
className: clsx15__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1429
|
+
fullWidth: isBelowMobile,
|
|
1430
|
+
href: cta.url,
|
|
1431
|
+
icon: cta.icon,
|
|
1432
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1433
|
+
children: cta.label
|
|
1434
|
+
}
|
|
1435
|
+
)
|
|
1436
|
+
}
|
|
1437
|
+
)
|
|
1438
|
+
]
|
|
1439
|
+
}
|
|
1440
|
+
);
|
|
1441
|
+
};
|
|
1442
|
+
|
|
1443
|
+
// src/components/Badge/Badge.module.scss
|
|
1444
|
+
var Badge_module_default = {
|
|
1445
|
+
badge: "Badge_module_badge",
|
|
1446
|
+
default: "Badge_module_default",
|
|
1447
|
+
sm: "Badge_module_sm",
|
|
1448
|
+
"badge-icon": "Badge_module_badge-icon",
|
|
1449
|
+
md: "Badge_module_md",
|
|
1450
|
+
clickable: "Badge_module_clickable",
|
|
1451
|
+
label: "Badge_module_label",
|
|
1452
|
+
icon: "Badge_module_icon",
|
|
1453
|
+
iconOnly: "Badge_module_iconOnly"
|
|
1454
|
+
};
|
|
1455
|
+
var Badge = React63.forwardRef(
|
|
1456
|
+
(_a, ref) => {
|
|
1457
|
+
var _b = _a, {
|
|
1458
|
+
children,
|
|
1459
|
+
className,
|
|
1460
|
+
variant = "default",
|
|
1461
|
+
size = "md",
|
|
1462
|
+
icon,
|
|
1463
|
+
iconOnly = false,
|
|
1464
|
+
live = "off",
|
|
1465
|
+
clickable = false
|
|
1466
|
+
} = _b, props = __objRest(_b, [
|
|
1467
|
+
"children",
|
|
1468
|
+
"className",
|
|
1469
|
+
"variant",
|
|
1470
|
+
"size",
|
|
1471
|
+
"icon",
|
|
1472
|
+
"iconOnly",
|
|
1473
|
+
"live",
|
|
1474
|
+
"clickable"
|
|
1475
|
+
]);
|
|
1476
|
+
const classes = clsx15__default.default(
|
|
1477
|
+
Badge_module_default.badge,
|
|
1478
|
+
Badge_module_default[variant],
|
|
1479
|
+
Badge_module_default[size],
|
|
1480
|
+
{
|
|
1481
|
+
[Badge_module_default.iconOnly]: iconOnly,
|
|
1482
|
+
[Badge_module_default.clickable]: clickable
|
|
1483
|
+
},
|
|
1484
|
+
className
|
|
1485
|
+
);
|
|
1486
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1487
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx15__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1488
|
+
!iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
|
|
1489
|
+
] });
|
|
1490
|
+
if (clickable) {
|
|
1491
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1492
|
+
"button",
|
|
1493
|
+
__spreadProps(__spreadValues({
|
|
1494
|
+
ref,
|
|
1495
|
+
type: "button",
|
|
1496
|
+
className: classes
|
|
1497
|
+
}, props), {
|
|
1498
|
+
children: content
|
|
1499
|
+
})
|
|
1500
|
+
);
|
|
1501
|
+
}
|
|
1502
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1503
|
+
"span",
|
|
1504
|
+
__spreadProps(__spreadValues({
|
|
1505
|
+
ref,
|
|
1506
|
+
className: classes,
|
|
1507
|
+
role: "status",
|
|
1508
|
+
"aria-live": live
|
|
1509
|
+
}, props), {
|
|
1510
|
+
children: content
|
|
1511
|
+
})
|
|
1512
|
+
);
|
|
1513
|
+
}
|
|
1514
|
+
);
|
|
1515
|
+
Badge.displayName = "Badge";
|
|
1516
|
+
|
|
1517
|
+
// src/components/Input/Input.module.scss
|
|
1518
|
+
var Input_module_default = {
|
|
1519
|
+
"input-field": "Input_module_input-field",
|
|
1520
|
+
label: "Input_module_label",
|
|
1521
|
+
required: "Input_module_required",
|
|
1522
|
+
wrapper: "Input_module_wrapper",
|
|
1523
|
+
input: "Input_module_input",
|
|
1524
|
+
adornment: "Input_module_adornment",
|
|
1525
|
+
"helper-text": "Input_module_helper-text",
|
|
1526
|
+
error: "Input_module_error",
|
|
1527
|
+
"input-field--error": "Input_module_input-field--error",
|
|
1528
|
+
"input-field--disabled": "Input_module_input-field--disabled"};
|
|
1529
|
+
var Input = React63.forwardRef(
|
|
1530
|
+
(_a, ref) => {
|
|
1531
|
+
var _b = _a, {
|
|
1532
|
+
id,
|
|
1533
|
+
label,
|
|
1534
|
+
helperText,
|
|
1535
|
+
error,
|
|
1536
|
+
required,
|
|
1537
|
+
disabled,
|
|
1538
|
+
className,
|
|
1539
|
+
inputClassName,
|
|
1540
|
+
startAdornment,
|
|
1541
|
+
endAdornment,
|
|
1542
|
+
endAction,
|
|
1543
|
+
hideLabel = false,
|
|
1544
|
+
type = "text"
|
|
1545
|
+
} = _b, props = __objRest(_b, [
|
|
1546
|
+
"id",
|
|
1547
|
+
"label",
|
|
1548
|
+
"helperText",
|
|
1549
|
+
"error",
|
|
1550
|
+
"required",
|
|
1551
|
+
"disabled",
|
|
1552
|
+
"className",
|
|
1553
|
+
"inputClassName",
|
|
1554
|
+
"startAdornment",
|
|
1555
|
+
"endAdornment",
|
|
1556
|
+
"endAction",
|
|
1557
|
+
"hideLabel",
|
|
1558
|
+
"type"
|
|
1559
|
+
]);
|
|
1560
|
+
const generatedId = React63.useId();
|
|
1561
|
+
const inputId = id || generatedId;
|
|
1562
|
+
const helperTextId = `${inputId}-helper`;
|
|
1563
|
+
const errorId = `${inputId}-error`;
|
|
1564
|
+
const describedBy = [helperText ? helperTextId : null, error ? errorId : null].filter(Boolean).join(" ");
|
|
1565
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1566
|
+
"div",
|
|
1567
|
+
{
|
|
1568
|
+
className: clsx15__default.default(
|
|
1569
|
+
"input-field",
|
|
1570
|
+
Input_module_default["input-field"],
|
|
1571
|
+
{
|
|
1572
|
+
[Input_module_default["input-field--disabled"]]: disabled,
|
|
1573
|
+
[Input_module_default["input-field--error"]]: !!error
|
|
1574
|
+
},
|
|
1575
|
+
className
|
|
1576
|
+
),
|
|
1577
|
+
children: [
|
|
1578
|
+
label && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1579
|
+
"label",
|
|
1580
|
+
{
|
|
1581
|
+
htmlFor: inputId,
|
|
1582
|
+
className: clsx15__default.default("input-label", Input_module_default.label, {
|
|
1583
|
+
["sr-only"]: hideLabel
|
|
1584
|
+
}),
|
|
1585
|
+
children: [
|
|
1586
|
+
label,
|
|
1587
|
+
required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1588
|
+
]
|
|
1589
|
+
}
|
|
1590
|
+
),
|
|
1591
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("input-wrapper", Input_module_default.wrapper), children: [
|
|
1592
|
+
startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1593
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1594
|
+
"input",
|
|
1595
|
+
__spreadValues({
|
|
1596
|
+
ref,
|
|
1597
|
+
id: inputId,
|
|
1598
|
+
type,
|
|
1599
|
+
required,
|
|
1600
|
+
disabled,
|
|
1601
|
+
"aria-invalid": !!error,
|
|
1602
|
+
"aria-describedby": describedBy || void 0,
|
|
1603
|
+
className: clsx15__default.default(
|
|
1604
|
+
"input",
|
|
1605
|
+
Input_module_default.input,
|
|
1606
|
+
{
|
|
1607
|
+
[Input_module_default["input--with-start-adornment"]]: !!startAdornment,
|
|
1608
|
+
[Input_module_default["input--with-end-adornment"]]: !!endAdornment
|
|
1609
|
+
},
|
|
1610
|
+
inputClassName
|
|
1611
|
+
)
|
|
1612
|
+
}, props)
|
|
1613
|
+
),
|
|
1614
|
+
endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1615
|
+
endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("input-end-action"), children: endAction })
|
|
1616
|
+
] }),
|
|
1617
|
+
helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx15__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1618
|
+
error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx15__default.default("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1619
|
+
]
|
|
1620
|
+
}
|
|
1621
|
+
);
|
|
1622
|
+
}
|
|
1623
|
+
);
|
|
1624
|
+
Input.displayName = "Input";
|
|
1625
|
+
|
|
1626
|
+
// src/components/NewsCard/NewsCard.module.scss
|
|
1627
|
+
var NewsCard_module_default = {
|
|
1628
|
+
"news-card": "NewsCard_module_news-card",
|
|
1629
|
+
"news-card-link": "NewsCard_module_news-card-link",
|
|
1630
|
+
"news-card-cta": "NewsCard_module_news-card-cta",
|
|
1631
|
+
"news-card-image": "NewsCard_module_news-card-image",
|
|
1632
|
+
"news-card-content": "NewsCard_module_news-card-content",
|
|
1633
|
+
"news-card-top-content": "NewsCard_module_news-card-top-content",
|
|
1634
|
+
"news-card-badge": "NewsCard_module_news-card-badge",
|
|
1635
|
+
"news-card-date": "NewsCard_module_news-card-date",
|
|
1636
|
+
"news-card-main-content": "NewsCard_module_news-card-main-content",
|
|
1637
|
+
"news-card-title": "NewsCard_module_news-card-title",
|
|
1638
|
+
"news-card-description": "NewsCard_module_news-card-description",
|
|
1639
|
+
"news-card-cta-wrapper": "NewsCard_module_news-card-cta-wrapper",
|
|
1640
|
+
"news-card--vertical": "NewsCard_module_news-card--vertical",
|
|
1641
|
+
"news-card--horizontal": "NewsCard_module_news-card--horizontal"
|
|
1642
|
+
};
|
|
1643
|
+
var NewsCard = ({
|
|
1644
|
+
className,
|
|
1645
|
+
image,
|
|
1646
|
+
date,
|
|
1647
|
+
description,
|
|
1648
|
+
tag,
|
|
1649
|
+
title,
|
|
1650
|
+
cta,
|
|
1651
|
+
direction = "vertical",
|
|
1652
|
+
renderLink
|
|
1653
|
+
}) => {
|
|
1654
|
+
const linkProps = cta && cta.url ? {
|
|
1655
|
+
href: cta.url,
|
|
1656
|
+
target: cta.isExternal ? "_blank" : void 0,
|
|
1657
|
+
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1658
|
+
className: clsx15__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1659
|
+
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1660
|
+
} : null;
|
|
1661
|
+
const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({}, linkProps)) : null;
|
|
1662
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1663
|
+
"article",
|
|
1664
|
+
{
|
|
1665
|
+
className: clsx15__default.default(
|
|
1666
|
+
"news-card",
|
|
1667
|
+
NewsCard_module_default["news-card"],
|
|
1668
|
+
NewsCard_module_default[`news-card--${direction}`],
|
|
1669
|
+
className
|
|
1670
|
+
),
|
|
1671
|
+
children: [
|
|
1672
|
+
cardLink,
|
|
1673
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1674
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1675
|
+
"div",
|
|
1676
|
+
{
|
|
1677
|
+
className: clsx15__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1678
|
+
style: {
|
|
1679
|
+
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1680
|
+
},
|
|
1681
|
+
children: [
|
|
1682
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1683
|
+
/* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx15__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1684
|
+
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx15__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1685
|
+
] }),
|
|
1686
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1687
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx15__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1688
|
+
typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx15__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
|
|
1689
|
+
] }),
|
|
1690
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1691
|
+
Button,
|
|
1692
|
+
{
|
|
1693
|
+
variant: "secondary",
|
|
1694
|
+
className: clsx15__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1695
|
+
href: cta.url,
|
|
1696
|
+
icon: cta.icon,
|
|
1697
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1698
|
+
"aria-hidden": "true",
|
|
1699
|
+
tabIndex: -1,
|
|
1700
|
+
renderLink: renderLink ? (props) => renderLink(__spreadProps(__spreadValues({}, props), { tabIndex: -1 })) : void 0,
|
|
1701
|
+
children: cta.label
|
|
1702
|
+
}
|
|
1703
|
+
) })
|
|
1704
|
+
]
|
|
1705
|
+
}
|
|
1706
|
+
)
|
|
1707
|
+
]
|
|
1708
|
+
}
|
|
1709
|
+
);
|
|
1356
1710
|
};
|
|
1357
1711
|
var CardCollectionTitle = ({ children }) => {
|
|
1358
1712
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
@@ -1387,10 +1741,10 @@ var CardCollection = ({
|
|
|
1387
1741
|
children
|
|
1388
1742
|
}) => {
|
|
1389
1743
|
var _a, _b;
|
|
1390
|
-
const container =
|
|
1391
|
-
const revealWrapper =
|
|
1392
|
-
const extraCard =
|
|
1393
|
-
const [isExpanded, setIsExpanded] =
|
|
1744
|
+
const container = React63.useRef(null);
|
|
1745
|
+
const revealWrapper = React63.useRef(null);
|
|
1746
|
+
const extraCard = React63.useRef(null);
|
|
1747
|
+
const [isExpanded, setIsExpanded] = React63.useState(false);
|
|
1394
1748
|
const slots = resolveCompoundSlots(children, {
|
|
1395
1749
|
title: CardCollectionTitle,
|
|
1396
1750
|
subtitle: CardCollectionSubtitle
|
|
@@ -1401,7 +1755,7 @@ var CardCollection = ({
|
|
|
1401
1755
|
const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
|
|
1402
1756
|
const hiddenCards = isExamCard ? cards.slice(8) : [];
|
|
1403
1757
|
const { contextSafe } = react.useGSAP({ scope: container });
|
|
1404
|
-
const handleShowMore =
|
|
1758
|
+
const handleShowMore = React63.useCallback(() => {
|
|
1405
1759
|
contextSafe(() => {
|
|
1406
1760
|
setIsExpanded(true);
|
|
1407
1761
|
const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
|
|
@@ -1433,13 +1787,13 @@ var CardCollection = ({
|
|
|
1433
1787
|
Container,
|
|
1434
1788
|
{
|
|
1435
1789
|
ref: container,
|
|
1436
|
-
className:
|
|
1790
|
+
className: clsx15__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
1437
1791
|
children: [
|
|
1438
1792
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
1439
1793
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
1440
1794
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1441
1795
|
] }),
|
|
1442
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1796
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
1443
1797
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
1444
1798
|
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(
|
|
1445
1799
|
Card2,
|
|
@@ -1505,8 +1859,8 @@ var ContactModule = ({
|
|
|
1505
1859
|
animateBlur = true
|
|
1506
1860
|
}) => {
|
|
1507
1861
|
var _a, _b;
|
|
1508
|
-
const containerRef =
|
|
1509
|
-
const blurRef =
|
|
1862
|
+
const containerRef = React63.useRef(null);
|
|
1863
|
+
const blurRef = React63.useRef(null);
|
|
1510
1864
|
const slots = resolveCompoundSlots(children, {
|
|
1511
1865
|
title: ContactModuleTitle,
|
|
1512
1866
|
subtitle: ContactModuleSubtitle
|
|
@@ -1540,7 +1894,7 @@ var ContactModule = ({
|
|
|
1540
1894
|
},
|
|
1541
1895
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
1542
1896
|
);
|
|
1543
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className:
|
|
1897
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx15__default.default(ContactModule_module_default["contact-module"], className), children: [
|
|
1544
1898
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1545
1899
|
"div",
|
|
1546
1900
|
{
|
|
@@ -1555,8 +1909,8 @@ var ContactModule = ({
|
|
|
1555
1909
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
1556
1910
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
1557
1911
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
1558
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1559
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1912
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
1913
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
1560
1914
|
] }),
|
|
1561
1915
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1562
1916
|
Button,
|
|
@@ -1617,7 +1971,7 @@ var Footer = ({
|
|
|
1617
1971
|
disclaimer: FooterDisclaimer
|
|
1618
1972
|
});
|
|
1619
1973
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
1620
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className:
|
|
1974
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx15__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
|
|
1621
1975
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default.bottom, children: [
|
|
1622
1976
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["bottom-left"], children: [
|
|
1623
1977
|
supporters.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
|
|
@@ -1633,7 +1987,7 @@ var Footer = ({
|
|
|
1633
1987
|
index
|
|
1634
1988
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
1635
1989
|
) }) }),
|
|
1636
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1990
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
1637
1991
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
1638
1992
|
] }),
|
|
1639
1993
|
columns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1649,6 +2003,23 @@ var Footer = ({
|
|
|
1649
2003
|
children
|
|
1650
2004
|
] }) });
|
|
1651
2005
|
};
|
|
2006
|
+
|
|
2007
|
+
// src/components/LogoBar/LogoBar.module.scss
|
|
2008
|
+
var LogoBar_module_default = {
|
|
2009
|
+
logoBar: "LogoBar_module_logoBar",
|
|
2010
|
+
logoWrapper: "LogoBar_module_logoWrapper",
|
|
2011
|
+
logo: "LogoBar_module_logo",
|
|
2012
|
+
logoHover: "LogoBar_module_logoHover"
|
|
2013
|
+
};
|
|
2014
|
+
var LogoBar = ({ className, items }) => {
|
|
2015
|
+
if (!items || items.length === 0) return null;
|
|
2016
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2017
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2018
|
+
item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2019
|
+
item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
2020
|
+
] }) }, key);
|
|
2021
|
+
}) });
|
|
2022
|
+
};
|
|
1652
2023
|
var Text = (_a) => {
|
|
1653
2024
|
var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
|
|
1654
2025
|
const Component = promoteToH1 ? "h1" : tag;
|
|
@@ -1714,7 +2085,7 @@ var HeroBanner = ({
|
|
|
1714
2085
|
});
|
|
1715
2086
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1716
2087
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1717
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2088
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
|
|
1718
2089
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
1719
2090
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
1720
2091
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
@@ -1724,7 +2095,7 @@ var HeroBanner = ({
|
|
|
1724
2095
|
{
|
|
1725
2096
|
tag: "h2",
|
|
1726
2097
|
promoteToH1,
|
|
1727
|
-
className:
|
|
2098
|
+
className: clsx15__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
1728
2099
|
children: titleNode
|
|
1729
2100
|
}
|
|
1730
2101
|
),
|
|
@@ -1733,7 +2104,7 @@ var HeroBanner = ({
|
|
|
1733
2104
|
{
|
|
1734
2105
|
tag: "div",
|
|
1735
2106
|
promoteToH1: promoteToH1 && !titleNode,
|
|
1736
|
-
className:
|
|
2107
|
+
className: clsx15__default.default(HeroBanner_module_default.subtitle, "subheading"),
|
|
1737
2108
|
children: subtitleNode
|
|
1738
2109
|
}
|
|
1739
2110
|
)
|
|
@@ -1807,10 +2178,10 @@ var HeroBannerCarousel = ({
|
|
|
1807
2178
|
}) => {
|
|
1808
2179
|
const { is } = useViewPort_default();
|
|
1809
2180
|
const isMobile = is("tablet", "below");
|
|
1810
|
-
const [swiperInstance, setSwiperInstance] =
|
|
1811
|
-
const [activeIndex, setActiveIndex] =
|
|
2181
|
+
const [swiperInstance, setSwiperInstance] = React63.useState(null);
|
|
2182
|
+
const [activeIndex, setActiveIndex] = React63.useState(0);
|
|
1812
2183
|
if (!items.length) return null;
|
|
1813
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2184
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
1814
2185
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1815
2186
|
react$1.Swiper,
|
|
1816
2187
|
{
|
|
@@ -1857,7 +2228,7 @@ var HeroBannerCarousel = ({
|
|
|
1857
2228
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1858
2229
|
"button",
|
|
1859
2230
|
{
|
|
1860
|
-
className:
|
|
2231
|
+
className: clsx15__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
1861
2232
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
1862
2233
|
"aria-label": `Go to slide ${index + 1}`
|
|
1863
2234
|
},
|
|
@@ -1897,16 +2268,16 @@ var AccordionItem = ({
|
|
|
1897
2268
|
onToggle,
|
|
1898
2269
|
className
|
|
1899
2270
|
}) => {
|
|
1900
|
-
const contentRef =
|
|
1901
|
-
const contentInnerRef =
|
|
1902
|
-
const timelineRef =
|
|
1903
|
-
const [contentHeight, setContentHeight] =
|
|
1904
|
-
|
|
2271
|
+
const contentRef = React63.useRef(null);
|
|
2272
|
+
const contentInnerRef = React63.useRef(null);
|
|
2273
|
+
const timelineRef = React63.useRef(null);
|
|
2274
|
+
const [contentHeight, setContentHeight] = React63.useState(0);
|
|
2275
|
+
React63.useEffect(() => {
|
|
1905
2276
|
if (contentInnerRef.current) {
|
|
1906
2277
|
setContentHeight(contentInnerRef.current.scrollHeight);
|
|
1907
2278
|
}
|
|
1908
2279
|
}, [children]);
|
|
1909
|
-
|
|
2280
|
+
React63.useEffect(() => {
|
|
1910
2281
|
if (contentRef.current && contentHeight > 0) {
|
|
1911
2282
|
if (timelineRef.current) {
|
|
1912
2283
|
timelineRef.current.kill();
|
|
@@ -1937,7 +2308,7 @@ var AccordionItem = ({
|
|
|
1937
2308
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1938
2309
|
"div",
|
|
1939
2310
|
{
|
|
1940
|
-
className:
|
|
2311
|
+
className: clsx15__default.default(
|
|
1941
2312
|
Accordion_module_default.accordionItem,
|
|
1942
2313
|
{
|
|
1943
2314
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -1948,18 +2319,18 @@ var AccordionItem = ({
|
|
|
1948
2319
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1949
2320
|
"button",
|
|
1950
2321
|
{
|
|
1951
|
-
className:
|
|
2322
|
+
className: clsx15__default.default(Accordion_module_default.accordionHeader, {
|
|
1952
2323
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
1953
2324
|
}),
|
|
1954
2325
|
onClick: handleToggle,
|
|
1955
2326
|
"aria-expanded": isOpen,
|
|
1956
2327
|
"aria-label": `Toggle ${title}`,
|
|
1957
2328
|
children: [
|
|
1958
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className:
|
|
2329
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
1959
2330
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1960
2331
|
"span",
|
|
1961
2332
|
{
|
|
1962
|
-
className:
|
|
2333
|
+
className: clsx15__default.default(Accordion_module_default.accordionChevron, {
|
|
1963
2334
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
1964
2335
|
}),
|
|
1965
2336
|
children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -1991,7 +2362,7 @@ var Accordion = ({
|
|
|
1991
2362
|
allowMultiple = false,
|
|
1992
2363
|
onItemToggle
|
|
1993
2364
|
}) => {
|
|
1994
|
-
const [openIds, setOpenIds] =
|
|
2365
|
+
const [openIds, setOpenIds] = React63.useState(defaultOpenIds);
|
|
1995
2366
|
const handleToggle = (id) => {
|
|
1996
2367
|
setOpenIds((prev) => {
|
|
1997
2368
|
let newOpenIds;
|
|
@@ -2011,7 +2382,7 @@ var Accordion = ({
|
|
|
2011
2382
|
if (items.length === 0) {
|
|
2012
2383
|
return null;
|
|
2013
2384
|
}
|
|
2014
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2385
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2015
2386
|
AccordionItem,
|
|
2016
2387
|
{
|
|
2017
2388
|
id: item.id,
|
|
@@ -2052,10 +2423,10 @@ var InternalBrandsTab_module_default = {
|
|
|
2052
2423
|
var InternalBrandsTab = (props) => {
|
|
2053
2424
|
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;
|
|
2054
2425
|
const { title, subTitle, className, tabs } = props;
|
|
2055
|
-
const [activeIndex, setActiveIndex] =
|
|
2426
|
+
const [activeIndex, setActiveIndex] = React63.useState(0);
|
|
2056
2427
|
const { is } = useViewPort_default();
|
|
2057
2428
|
const isTabletBelow = is("tablet", "below");
|
|
2058
|
-
const accordionItems =
|
|
2429
|
+
const accordionItems = React63.useMemo(() => {
|
|
2059
2430
|
return (tabs == null ? void 0 : tabs.map((tab, index) => {
|
|
2060
2431
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
|
2061
2432
|
return {
|
|
@@ -2101,7 +2472,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2101
2472
|
};
|
|
2102
2473
|
})) || [];
|
|
2103
2474
|
}, [tabs]);
|
|
2104
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2475
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
2105
2476
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
2106
2477
|
title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
2107
2478
|
subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -2117,7 +2488,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2117
2488
|
},
|
|
2118
2489
|
index
|
|
2119
2490
|
)) }),
|
|
2120
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2491
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__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: [
|
|
2121
2492
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
2122
2493
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
2123
2494
|
((_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 }),
|
|
@@ -2208,17 +2579,17 @@ var MiniBanner = ({
|
|
|
2208
2579
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
2209
2580
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
2210
2581
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
2211
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
2582
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
2212
2583
|
((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)),
|
|
2213
2584
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
2214
2585
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
2215
2586
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
2216
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2217
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2587
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
2588
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
2218
2589
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2219
2590
|
"div",
|
|
2220
2591
|
{
|
|
2221
|
-
className:
|
|
2592
|
+
className: clsx15__default.default(MiniBanner_module_default.title, {
|
|
2222
2593
|
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
2223
2594
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
2224
2595
|
}),
|
|
@@ -2289,14 +2660,14 @@ var MiniSectionCta = ({
|
|
|
2289
2660
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2290
2661
|
"div",
|
|
2291
2662
|
{
|
|
2292
|
-
className:
|
|
2663
|
+
className: clsx15__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
2293
2664
|
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
2294
2665
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
2295
2666
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
2296
2667
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2297
2668
|
"div",
|
|
2298
2669
|
{
|
|
2299
|
-
className:
|
|
2670
|
+
className: clsx15__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
2300
2671
|
children: subtitleNode
|
|
2301
2672
|
}
|
|
2302
2673
|
)
|
|
@@ -2361,7 +2732,7 @@ var PracticePathCards = ({
|
|
|
2361
2732
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2362
2733
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2363
2734
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
2364
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2735
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
2365
2736
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
2366
2737
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
2367
2738
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -2415,8 +2786,8 @@ var Teaser5050With3Text = ({
|
|
|
2415
2786
|
title: Teaser5050With3TextTitle
|
|
2416
2787
|
});
|
|
2417
2788
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2418
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2419
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2789
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
2790
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
2420
2791
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
2421
2792
|
/* @__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)) }),
|
|
2422
2793
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -2466,12 +2837,12 @@ var Teaser5050WithCta = ({
|
|
|
2466
2837
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2467
2838
|
"div",
|
|
2468
2839
|
{
|
|
2469
|
-
className:
|
|
2840
|
+
className: clsx15__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
2470
2841
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
2471
2842
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
2472
2843
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
2473
2844
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
2474
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2845
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
2475
2846
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
2476
2847
|
] }),
|
|
2477
2848
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2499,110 +2870,10 @@ var Teaser5050WithCta2 = Object.assign(Teaser5050WithCta, {
|
|
|
2499
2870
|
Subtitle: Teaser5050WithCtaSubtitle
|
|
2500
2871
|
});
|
|
2501
2872
|
|
|
2502
|
-
// src/components/UpcomingEventCard/UpcomingEventCard.module.scss
|
|
2503
|
-
var UpcomingEventCard_module_default = {
|
|
2504
|
-
"event-card": "UpcomingEventCard_module_event-card",
|
|
2505
|
-
"event-card-content": "UpcomingEventCard_module_event-card-content",
|
|
2506
|
-
"event-card-image": "UpcomingEventCard_module_event-card-image",
|
|
2507
|
-
"event-card-text-content": "UpcomingEventCard_module_event-card-text-content",
|
|
2508
|
-
date: "UpcomingEventCard_module_date",
|
|
2509
|
-
location: "UpcomingEventCard_module_location",
|
|
2510
|
-
description: "UpcomingEventCard_module_description",
|
|
2511
|
-
"event-card-footer": "UpcomingEventCard_module_event-card-footer",
|
|
2512
|
-
horizontal: "UpcomingEventCard_module_horizontal",
|
|
2513
|
-
"event-card-show-image": "UpcomingEventCard_module_event-card-show-image",
|
|
2514
|
-
"event-card-cta": "UpcomingEventCard_module_event-card-cta",
|
|
2515
|
-
hidden: "UpcomingEventCard_module_hidden",
|
|
2516
|
-
"cta-without-image": "UpcomingEventCard_module_cta-without-image",
|
|
2517
|
-
vertical: "UpcomingEventCard_module_vertical"
|
|
2518
|
-
};
|
|
2519
|
-
var UpcomingEventCard = ({
|
|
2520
|
-
className,
|
|
2521
|
-
image,
|
|
2522
|
-
date,
|
|
2523
|
-
title,
|
|
2524
|
-
location,
|
|
2525
|
-
description,
|
|
2526
|
-
cta,
|
|
2527
|
-
direction = "horizontal",
|
|
2528
|
-
showImage = true
|
|
2529
|
-
}) => {
|
|
2530
|
-
const { is } = useViewPort_default();
|
|
2531
|
-
const hasCtaWithoutImage = cta && cta.url && !image;
|
|
2532
|
-
const hasCTAandImage = Boolean(cta && cta.url && image);
|
|
2533
|
-
const hasImage = Boolean(image);
|
|
2534
|
-
const isBelowMobile = is("mobile-l", "below");
|
|
2535
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2536
|
-
"article",
|
|
2537
|
-
{
|
|
2538
|
-
className: clsx25__default.default(
|
|
2539
|
-
"card",
|
|
2540
|
-
UpcomingEventCard_module_default["event-card"],
|
|
2541
|
-
UpcomingEventCard_module_default[direction],
|
|
2542
|
-
hasCtaWithoutImage && UpcomingEventCard_module_default["cta-without-image"],
|
|
2543
|
-
className
|
|
2544
|
-
),
|
|
2545
|
-
children: [
|
|
2546
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx25__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
2547
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx25__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
2548
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2549
|
-
"div",
|
|
2550
|
-
{
|
|
2551
|
-
className: clsx25__default.default(
|
|
2552
|
-
"card-text-content",
|
|
2553
|
-
UpcomingEventCard_module_default["event-card-text-content"],
|
|
2554
|
-
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
2555
|
-
),
|
|
2556
|
-
children: [
|
|
2557
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
2558
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx25__default.default("card-text-title"), children: title }),
|
|
2559
|
-
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
2560
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx25__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
2561
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2562
|
-
Button,
|
|
2563
|
-
{
|
|
2564
|
-
variant: "secondary",
|
|
2565
|
-
className: clsx25__default.default(
|
|
2566
|
-
"card-cta",
|
|
2567
|
-
UpcomingEventCard_module_default["event-card-cta"],
|
|
2568
|
-
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
2569
|
-
),
|
|
2570
|
-
fullWidth: isBelowMobile,
|
|
2571
|
-
href: cta.url,
|
|
2572
|
-
icon: cta.icon,
|
|
2573
|
-
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
2574
|
-
children: cta.label
|
|
2575
|
-
}
|
|
2576
|
-
)
|
|
2577
|
-
]
|
|
2578
|
-
}
|
|
2579
|
-
)
|
|
2580
|
-
] }),
|
|
2581
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2582
|
-
"div",
|
|
2583
|
-
{
|
|
2584
|
-
className: clsx25__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
2585
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2586
|
-
Button,
|
|
2587
|
-
{
|
|
2588
|
-
variant: "secondary",
|
|
2589
|
-
className: clsx25__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
2590
|
-
fullWidth: isBelowMobile,
|
|
2591
|
-
href: cta.url,
|
|
2592
|
-
icon: cta.icon,
|
|
2593
|
-
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
2594
|
-
children: cta.label
|
|
2595
|
-
}
|
|
2596
|
-
)
|
|
2597
|
-
}
|
|
2598
|
-
)
|
|
2599
|
-
]
|
|
2600
|
-
}
|
|
2601
|
-
);
|
|
2602
|
-
};
|
|
2603
|
-
|
|
2604
2873
|
// src/components/Carousel/Carousel.module.scss
|
|
2605
|
-
var Carousel_module_default = {
|
|
2874
|
+
var Carousel_module_default = {
|
|
2875
|
+
carousel: "Carousel_module_carousel"
|
|
2876
|
+
};
|
|
2606
2877
|
var Carousel = (_a) => {
|
|
2607
2878
|
var _b = _a, {
|
|
2608
2879
|
slides,
|
|
@@ -2623,7 +2894,7 @@ var Carousel = (_a) => {
|
|
|
2623
2894
|
},
|
|
2624
2895
|
role: "region",
|
|
2625
2896
|
"aria-label": ariaLabel,
|
|
2626
|
-
className:
|
|
2897
|
+
className: clsx15__default.default(Carousel_module_default.carousel, className),
|
|
2627
2898
|
spaceBetween: 0,
|
|
2628
2899
|
slidesPerView: "auto",
|
|
2629
2900
|
modules: [modules.FreeMode, modules.A11y],
|
|
@@ -2633,7 +2904,7 @@ var Carousel = (_a) => {
|
|
|
2633
2904
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2634
2905
|
react$1.SwiperSlide,
|
|
2635
2906
|
{
|
|
2636
|
-
className:
|
|
2907
|
+
className: clsx15__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
2637
2908
|
children: slide
|
|
2638
2909
|
},
|
|
2639
2910
|
index
|
|
@@ -2683,13 +2954,13 @@ var EventList = ({
|
|
|
2683
2954
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2684
2955
|
"div",
|
|
2685
2956
|
{
|
|
2686
|
-
className:
|
|
2957
|
+
className: clsx15__default.default("event-list-module", EventList_module_default["event-list-module"], className),
|
|
2687
2958
|
style: {
|
|
2688
2959
|
backgroundColor
|
|
2689
2960
|
},
|
|
2690
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2961
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(EventList_module_default["event-list-container"]), children: [
|
|
2691
2962
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
2692
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
2963
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx15__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
2693
2964
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2694
2965
|
Button,
|
|
2695
2966
|
{
|
|
@@ -2706,7 +2977,7 @@ var EventList = ({
|
|
|
2706
2977
|
Carousel,
|
|
2707
2978
|
{
|
|
2708
2979
|
"aria-label": "Upcoming events",
|
|
2709
|
-
wrapperClass:
|
|
2980
|
+
wrapperClass: clsx15__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
2710
2981
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
2711
2982
|
spaceBetween: 16,
|
|
2712
2983
|
slides: items.map((item) => {
|
|
@@ -2714,7 +2985,7 @@ var EventList = ({
|
|
|
2714
2985
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2715
2986
|
UpcomingEventCard,
|
|
2716
2987
|
__spreadValues({
|
|
2717
|
-
className:
|
|
2988
|
+
className: clsx15__default.default(EventList_module_default["event-card"]),
|
|
2718
2989
|
direction: "vertical",
|
|
2719
2990
|
showImage: false
|
|
2720
2991
|
}, item),
|
|
@@ -2727,17 +2998,17 @@ var EventList = ({
|
|
|
2727
2998
|
"ul",
|
|
2728
2999
|
{
|
|
2729
3000
|
"aria-label": "Upcoming events",
|
|
2730
|
-
className:
|
|
3001
|
+
className: clsx15__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
|
|
2731
3002
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
2732
3003
|
var _a2, _b, _c;
|
|
2733
3004
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2734
3005
|
"li",
|
|
2735
3006
|
{
|
|
2736
|
-
className:
|
|
3007
|
+
className: clsx15__default.default(EventList_module_default["card-list-item"]),
|
|
2737
3008
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2738
3009
|
UpcomingEventCard,
|
|
2739
3010
|
__spreadProps(__spreadValues({}, item), {
|
|
2740
|
-
className:
|
|
3011
|
+
className: clsx15__default.default(EventList_module_default["card-item"]),
|
|
2741
3012
|
showImage: false,
|
|
2742
3013
|
direction: "vertical"
|
|
2743
3014
|
})
|
|
@@ -2752,7 +3023,7 @@ var EventList = ({
|
|
|
2752
3023
|
"ul",
|
|
2753
3024
|
{
|
|
2754
3025
|
"aria-label": "Upcoming events",
|
|
2755
|
-
className:
|
|
3026
|
+
className: clsx15__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
2756
3027
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
2757
3028
|
var _a2, _b, _c;
|
|
2758
3029
|
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);
|
|
@@ -2777,6 +3048,7 @@ var TextEvent_module_default = {
|
|
|
2777
3048
|
textEvent: "TextEvent_module_textEvent",
|
|
2778
3049
|
richText: "TextEvent_module_richText",
|
|
2779
3050
|
h4: "TextEvent_module_h4",
|
|
3051
|
+
h5: "TextEvent_module_h5",
|
|
2780
3052
|
subheading: "TextEvent_module_subheading",
|
|
2781
3053
|
body: "TextEvent_module_body",
|
|
2782
3054
|
small: "TextEvent_module_small",
|
|
@@ -2799,9 +3071,9 @@ var TextEvent = (props) => {
|
|
|
2799
3071
|
});
|
|
2800
3072
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2801
3073
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
2802
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
3074
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
2803
3075
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
2804
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3076
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
2805
3077
|
] });
|
|
2806
3078
|
};
|
|
2807
3079
|
|
|
@@ -2832,7 +3104,7 @@ var TextBody = (props) => {
|
|
|
2832
3104
|
});
|
|
2833
3105
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2834
3106
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
2835
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
3107
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default(TextBody_module_default.textBody, className), children: [
|
|
2836
3108
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
2837
3109
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
2838
3110
|
] });
|
|
@@ -2875,7 +3147,7 @@ var TextCenterCtaInBottom = ({
|
|
|
2875
3147
|
});
|
|
2876
3148
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2877
3149
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2878
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3150
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
2879
3151
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
2880
3152
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
2881
3153
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -2883,7 +3155,7 @@ var TextCenterCtaInBottom = ({
|
|
|
2883
3155
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2884
3156
|
"div",
|
|
2885
3157
|
{
|
|
2886
|
-
className:
|
|
3158
|
+
className: clsx15__default.default(
|
|
2887
3159
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
2888
3160
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
2889
3161
|
),
|
|
@@ -2937,13 +3209,13 @@ var ResourcesGridList = ({
|
|
|
2937
3209
|
defaultSort = "latest"
|
|
2938
3210
|
}) => {
|
|
2939
3211
|
var _a;
|
|
2940
|
-
const [view, setView] =
|
|
2941
|
-
const [isSidebarOpen, setIsSidebarOpen] =
|
|
2942
|
-
const [filterValue, setFilterValue] =
|
|
2943
|
-
const [sortValue, setSortValue] =
|
|
2944
|
-
const [searchQuery, setSearchQuery] =
|
|
2945
|
-
const [currentPage, setCurrentPage] =
|
|
2946
|
-
const [selectedCategory, setSelectedCategory] =
|
|
3212
|
+
const [view, setView] = React63.useState(defaultView);
|
|
3213
|
+
const [isSidebarOpen, setIsSidebarOpen] = React63.useState(false);
|
|
3214
|
+
const [filterValue, setFilterValue] = React63.useState(defaultFilter);
|
|
3215
|
+
const [sortValue, setSortValue] = React63.useState(defaultSort);
|
|
3216
|
+
const [searchQuery, setSearchQuery] = React63.useState("");
|
|
3217
|
+
const [currentPage, setCurrentPage] = React63.useState(1);
|
|
3218
|
+
const [selectedCategory, setSelectedCategory] = React63.useState(() => {
|
|
2947
3219
|
const activeIndex = categories.findIndex((cat) => cat.active);
|
|
2948
3220
|
return activeIndex === -1 ? 0 : activeIndex;
|
|
2949
3221
|
});
|
|
@@ -2981,7 +3253,7 @@ var ResourcesGridList = ({
|
|
|
2981
3253
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
2982
3254
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
2983
3255
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
2984
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
3256
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(ResourcesGridList_module_default.widget, className), children: [
|
|
2985
3257
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2986
3258
|
FilterBar,
|
|
2987
3259
|
{
|
|
@@ -3000,7 +3272,7 @@ var ResourcesGridList = ({
|
|
|
3000
3272
|
isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3001
3273
|
"div",
|
|
3002
3274
|
{
|
|
3003
|
-
className:
|
|
3275
|
+
className: clsx15__default.default(
|
|
3004
3276
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
3005
3277
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
3006
3278
|
),
|
|
@@ -3011,7 +3283,7 @@ var ResourcesGridList = ({
|
|
|
3011
3283
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3012
3284
|
"li",
|
|
3013
3285
|
{
|
|
3014
|
-
className:
|
|
3286
|
+
className: clsx15__default.default(
|
|
3015
3287
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
3016
3288
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
3017
3289
|
),
|
|
@@ -3056,7 +3328,7 @@ var ResourcesGridList = ({
|
|
|
3056
3328
|
onSelect: handleSelectCategory
|
|
3057
3329
|
}
|
|
3058
3330
|
),
|
|
3059
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
3331
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item, i) => {
|
|
3060
3332
|
var _a2;
|
|
3061
3333
|
return /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, (_a2 = item.title) != null ? _a2 : i);
|
|
3062
3334
|
}) })
|
|
@@ -3073,17 +3345,476 @@ var ResourcesGridList = ({
|
|
|
3073
3345
|
)
|
|
3074
3346
|
] });
|
|
3075
3347
|
};
|
|
3348
|
+
|
|
3349
|
+
// src/components/Grid/Grid.module.scss
|
|
3350
|
+
var Grid_module_default = {
|
|
3351
|
+
grid: "Grid_module_grid",
|
|
3352
|
+
"grid-item": "Grid_module_grid-item"
|
|
3353
|
+
};
|
|
3354
|
+
var Grid = ({
|
|
3355
|
+
children,
|
|
3356
|
+
columns,
|
|
3357
|
+
gap,
|
|
3358
|
+
className,
|
|
3359
|
+
as: Component = "div",
|
|
3360
|
+
role,
|
|
3361
|
+
ariaLabel,
|
|
3362
|
+
ariaLabelledBy
|
|
3363
|
+
}) => {
|
|
3364
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3365
|
+
Component,
|
|
3366
|
+
{
|
|
3367
|
+
className: clsx15__default.default("grid", Grid_module_default.grid, className),
|
|
3368
|
+
role,
|
|
3369
|
+
"aria-label": ariaLabel,
|
|
3370
|
+
"aria-labelledby": ariaLabelledBy,
|
|
3371
|
+
style: {
|
|
3372
|
+
"--grid-columns": columns,
|
|
3373
|
+
"--grid-gap": typeof gap === "number" ? `${gap}px` : gap
|
|
3374
|
+
},
|
|
3375
|
+
children
|
|
3376
|
+
}
|
|
3377
|
+
);
|
|
3378
|
+
};
|
|
3379
|
+
var GridItem = ({
|
|
3380
|
+
children,
|
|
3381
|
+
colSpan,
|
|
3382
|
+
rowSpan,
|
|
3383
|
+
className,
|
|
3384
|
+
as: Component = "div",
|
|
3385
|
+
role,
|
|
3386
|
+
ariaLabel,
|
|
3387
|
+
ariaLabelledBy
|
|
3388
|
+
}) => {
|
|
3389
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3390
|
+
Component,
|
|
3391
|
+
{
|
|
3392
|
+
className: clsx15__default.default("grid-item", Grid_module_default["grid-item"], className),
|
|
3393
|
+
role,
|
|
3394
|
+
"aria-label": ariaLabel,
|
|
3395
|
+
"aria-labelledby": ariaLabelledBy,
|
|
3396
|
+
style: {
|
|
3397
|
+
"--col-xl": colSpan == null ? void 0 : colSpan.xl,
|
|
3398
|
+
"--col-lg": colSpan == null ? void 0 : colSpan.lg,
|
|
3399
|
+
"--col-md": colSpan == null ? void 0 : colSpan.md,
|
|
3400
|
+
"--col-ml": colSpan == null ? void 0 : colSpan.ml,
|
|
3401
|
+
"--col-mm": colSpan == null ? void 0 : colSpan.mm,
|
|
3402
|
+
"--col-xs": colSpan == null ? void 0 : colSpan.xs,
|
|
3403
|
+
"--row-xl": rowSpan == null ? void 0 : rowSpan.xl,
|
|
3404
|
+
"--row-lg": rowSpan == null ? void 0 : rowSpan.lg,
|
|
3405
|
+
"--row-md": rowSpan == null ? void 0 : rowSpan.md,
|
|
3406
|
+
"--row-ml": rowSpan == null ? void 0 : rowSpan.ml,
|
|
3407
|
+
"--row-mm": rowSpan == null ? void 0 : rowSpan.mm,
|
|
3408
|
+
"--row-xs": rowSpan == null ? void 0 : rowSpan.xs
|
|
3409
|
+
},
|
|
3410
|
+
children
|
|
3411
|
+
}
|
|
3412
|
+
);
|
|
3413
|
+
};
|
|
3414
|
+
|
|
3415
|
+
// src/widgets/BlogCardGrid/BlogCardGrid.module.scss
|
|
3416
|
+
var BlogCardGrid_module_default = {
|
|
3417
|
+
"blog-card-grid": "BlogCardGrid_module_blog-card-grid",
|
|
3418
|
+
wrapper: "BlogCardGrid_module_wrapper"
|
|
3419
|
+
};
|
|
3420
|
+
var BlogCardGridTitle = ({ children }) => {
|
|
3421
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
3422
|
+
};
|
|
3423
|
+
var BlogCardGrid = ({
|
|
3424
|
+
title,
|
|
3425
|
+
items,
|
|
3426
|
+
backgroundColor,
|
|
3427
|
+
cta,
|
|
3428
|
+
className,
|
|
3429
|
+
hasContainer = true,
|
|
3430
|
+
gridProps,
|
|
3431
|
+
gridItemProps,
|
|
3432
|
+
renderLink,
|
|
3433
|
+
children
|
|
3434
|
+
}) => {
|
|
3435
|
+
var _a;
|
|
3436
|
+
const slots = resolveCompoundSlots(children, {
|
|
3437
|
+
title: BlogCardGridTitle
|
|
3438
|
+
});
|
|
3439
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
3440
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
3441
|
+
title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
3442
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx15__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
3443
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3444
|
+
Button,
|
|
3445
|
+
{
|
|
3446
|
+
className: clsx15__default.default("cta", BlogCardGrid_module_default["cta"]),
|
|
3447
|
+
variant: "nofillblack",
|
|
3448
|
+
href: cta.url,
|
|
3449
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
3450
|
+
icon: cta == null ? void 0 : cta.icon,
|
|
3451
|
+
children: cta == null ? void 0 : cta.label
|
|
3452
|
+
}
|
|
3453
|
+
) })
|
|
3454
|
+
] }),
|
|
3455
|
+
/* @__PURE__ */ jsxRuntime.jsx(Grid, __spreadProps(__spreadValues({ role: "list", columns: 3 }, gridProps), { children: items.map((item, index) => {
|
|
3456
|
+
var _a2;
|
|
3457
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3458
|
+
GridItem,
|
|
3459
|
+
__spreadProps(__spreadValues({
|
|
3460
|
+
colSpan: { md: 3 },
|
|
3461
|
+
role: "listitem"
|
|
3462
|
+
}, gridItemProps), {
|
|
3463
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(NewsCard, __spreadProps(__spreadValues({}, item), { renderLink }))
|
|
3464
|
+
}),
|
|
3465
|
+
(_a2 = item.title) != null ? _a2 : index
|
|
3466
|
+
);
|
|
3467
|
+
}) }))
|
|
3468
|
+
] });
|
|
3469
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3470
|
+
"div",
|
|
3471
|
+
{
|
|
3472
|
+
className: clsx15__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
3473
|
+
style: {
|
|
3474
|
+
backgroundColor
|
|
3475
|
+
},
|
|
3476
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx15__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
3477
|
+
}
|
|
3478
|
+
);
|
|
3479
|
+
};
|
|
3480
|
+
|
|
3481
|
+
// src/widgets/BlogCardGrid/index.ts
|
|
3482
|
+
var BlogCardGrid2 = Object.assign(BlogCardGrid, {
|
|
3483
|
+
Title: BlogCardGridTitle
|
|
3484
|
+
});
|
|
3485
|
+
|
|
3486
|
+
// src/widgets/FeaturedNewsHighlights/FeaturedNewsHighlights.module.scss
|
|
3487
|
+
var FeaturedNewsHighlights_module_default = {
|
|
3488
|
+
"featured-news-higlights": "FeaturedNewsHighlights_module_featured-news-higlights",
|
|
3489
|
+
wrapper: "FeaturedNewsHighlights_module_wrapper",
|
|
3490
|
+
"header-container": "FeaturedNewsHighlights_module_header-container",
|
|
3491
|
+
"content-wrapper": "FeaturedNewsHighlights_module_content-wrapper",
|
|
3492
|
+
"featured-card": "FeaturedNewsHighlights_module_featured-card",
|
|
3493
|
+
"side-content": "FeaturedNewsHighlights_module_side-content",
|
|
3494
|
+
carousel: "FeaturedNewsHighlights_module_carousel",
|
|
3495
|
+
"carousel-wrapper": "FeaturedNewsHighlights_module_carousel-wrapper",
|
|
3496
|
+
"carousel-list-item": "FeaturedNewsHighlights_module_carousel-list-item",
|
|
3497
|
+
"carousel-news-card": "FeaturedNewsHighlights_module_carousel-news-card"
|
|
3498
|
+
};
|
|
3499
|
+
var FeaturedNewsHighlightsTitle = ({ children }) => {
|
|
3500
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
3501
|
+
};
|
|
3502
|
+
var FeaturedNewsHighlights = ({
|
|
3503
|
+
variant,
|
|
3504
|
+
title,
|
|
3505
|
+
items,
|
|
3506
|
+
backgroundColor,
|
|
3507
|
+
cta,
|
|
3508
|
+
className,
|
|
3509
|
+
hasContainer = true,
|
|
3510
|
+
renderLink,
|
|
3511
|
+
children
|
|
3512
|
+
}) => {
|
|
3513
|
+
var _a;
|
|
3514
|
+
const { is } = useViewPort_default();
|
|
3515
|
+
const slots = resolveCompoundSlots(children, {
|
|
3516
|
+
title: FeaturedNewsHighlightsTitle
|
|
3517
|
+
});
|
|
3518
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
3519
|
+
const featuredCard = items.at(0);
|
|
3520
|
+
const sideCards = items.slice(1);
|
|
3521
|
+
const isVariantHome = variant === "home";
|
|
3522
|
+
const isBelowTablet = is("tablet", "below");
|
|
3523
|
+
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
3524
|
+
title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
3525
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
3526
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3527
|
+
Button,
|
|
3528
|
+
{
|
|
3529
|
+
className: clsx15__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
3530
|
+
variant: "nofillblack",
|
|
3531
|
+
href: cta.url,
|
|
3532
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
3533
|
+
icon: cta == null ? void 0 : cta.icon,
|
|
3534
|
+
children: cta == null ? void 0 : cta.label
|
|
3535
|
+
}
|
|
3536
|
+
) })
|
|
3537
|
+
] }),
|
|
3538
|
+
isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3539
|
+
Carousel,
|
|
3540
|
+
{
|
|
3541
|
+
className: clsx15__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
3542
|
+
"aria-label": "featured news",
|
|
3543
|
+
wrapperClass: clsx15__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
3544
|
+
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
3545
|
+
spaceBetween: 16,
|
|
3546
|
+
slides: items.map((item, index) => {
|
|
3547
|
+
var _a2;
|
|
3548
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3549
|
+
NewsCard,
|
|
3550
|
+
__spreadProps(__spreadValues({}, item), {
|
|
3551
|
+
direction: "vertical",
|
|
3552
|
+
className: clsx15__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
3553
|
+
}),
|
|
3554
|
+
(_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
|
|
3555
|
+
);
|
|
3556
|
+
})
|
|
3557
|
+
}
|
|
3558
|
+
),
|
|
3559
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
3560
|
+
featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3561
|
+
NewsCard,
|
|
3562
|
+
__spreadProps(__spreadValues({}, featuredCard), {
|
|
3563
|
+
className: clsx15__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
3564
|
+
renderLink
|
|
3565
|
+
})
|
|
3566
|
+
),
|
|
3567
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
|
|
3568
|
+
var _a2;
|
|
3569
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3570
|
+
NewsCard,
|
|
3571
|
+
__spreadProps(__spreadValues({}, card), {
|
|
3572
|
+
direction: "horizontal",
|
|
3573
|
+
renderLink
|
|
3574
|
+
}),
|
|
3575
|
+
(_a2 = card == null ? void 0 : card.title) != null ? _a2 : index
|
|
3576
|
+
);
|
|
3577
|
+
}) })
|
|
3578
|
+
] })
|
|
3579
|
+
] });
|
|
3580
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3581
|
+
"div",
|
|
3582
|
+
{
|
|
3583
|
+
className: clsx15__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
3584
|
+
style: {
|
|
3585
|
+
backgroundColor
|
|
3586
|
+
},
|
|
3587
|
+
children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx15__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
3588
|
+
}
|
|
3589
|
+
);
|
|
3590
|
+
};
|
|
3591
|
+
|
|
3592
|
+
// src/widgets/FeaturedNewsHighlights/index.ts
|
|
3593
|
+
var FeaturedNewsHighlights2 = Object.assign(FeaturedNewsHighlights, {
|
|
3594
|
+
Title: FeaturedNewsHighlightsTitle
|
|
3595
|
+
});
|
|
3596
|
+
|
|
3597
|
+
// src/widgets/NewsCardList/NewsCardList.module.scss
|
|
3598
|
+
var NewsCardList_module_default = {
|
|
3599
|
+
"news-card-list": "NewsCardList_module_news-card-list",
|
|
3600
|
+
container: "NewsCardList_module_container",
|
|
3601
|
+
wrapper: "NewsCardList_module_wrapper",
|
|
3602
|
+
"search-input": "NewsCardList_module_search-input",
|
|
3603
|
+
"end-action-button": "NewsCardList_module_end-action-button",
|
|
3604
|
+
pagination: "NewsCardList_module_pagination"
|
|
3605
|
+
};
|
|
3606
|
+
var NewsCardList = ({
|
|
3607
|
+
items,
|
|
3608
|
+
backgroundColor,
|
|
3609
|
+
className,
|
|
3610
|
+
currentPage,
|
|
3611
|
+
totalPages = 0,
|
|
3612
|
+
searchValue,
|
|
3613
|
+
onPageChange,
|
|
3614
|
+
onSearchChange,
|
|
3615
|
+
onSearchSubmit,
|
|
3616
|
+
searchInputProps,
|
|
3617
|
+
renderLink
|
|
3618
|
+
}) => {
|
|
3619
|
+
const featuredCards = items.slice(0, 4);
|
|
3620
|
+
const cards = currentPage !== 1 ? items : items.slice(4);
|
|
3621
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3622
|
+
"div",
|
|
3623
|
+
{
|
|
3624
|
+
className: clsx15__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
3625
|
+
style: {
|
|
3626
|
+
backgroundColor
|
|
3627
|
+
},
|
|
3628
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", NewsCardList_module_default["container"]), children: [
|
|
3629
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
3630
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3631
|
+
Input,
|
|
3632
|
+
__spreadValues({
|
|
3633
|
+
className: clsx15__default.default("search-input", NewsCardList_module_default["search-input"]),
|
|
3634
|
+
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
3635
|
+
placeholder: "Search News",
|
|
3636
|
+
endAction: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3637
|
+
Button,
|
|
3638
|
+
{
|
|
3639
|
+
variant: "nofillblack",
|
|
3640
|
+
className: clsx15__default.default(NewsCardList_module_default["end-action-button"]),
|
|
3641
|
+
"aria-label": "Search",
|
|
3642
|
+
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
3643
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
3644
|
+
}
|
|
3645
|
+
),
|
|
3646
|
+
value: searchValue,
|
|
3647
|
+
onChange: onSearchChange ? (e) => {
|
|
3648
|
+
onSearchChange(e.target.value);
|
|
3649
|
+
} : void 0
|
|
3650
|
+
}, searchInputProps)
|
|
3651
|
+
),
|
|
3652
|
+
currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3653
|
+
FeaturedNewsHighlights2,
|
|
3654
|
+
{
|
|
3655
|
+
items: featuredCards,
|
|
3656
|
+
backgroundColor: "#fff",
|
|
3657
|
+
hasContainer: false,
|
|
3658
|
+
renderLink
|
|
3659
|
+
}
|
|
3660
|
+
),
|
|
3661
|
+
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
|
|
3662
|
+
] }),
|
|
3663
|
+
totalPages ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3664
|
+
Pagination,
|
|
3665
|
+
{
|
|
3666
|
+
currentPage: currentPage || 1,
|
|
3667
|
+
totalPages: totalPages || 0,
|
|
3668
|
+
onPageChange,
|
|
3669
|
+
className: clsx15__default.default("pagination", NewsCardList_module_default["pagination"]),
|
|
3670
|
+
hasNumber: true
|
|
3671
|
+
}
|
|
3672
|
+
) : null
|
|
3673
|
+
] })
|
|
3674
|
+
}
|
|
3675
|
+
);
|
|
3676
|
+
};
|
|
3677
|
+
|
|
3678
|
+
// src/widgets/BlogPost/BlogPost.module.scss
|
|
3679
|
+
var BlogPost_module_default = {
|
|
3680
|
+
"blog-post": "BlogPost_module_blog-post",
|
|
3681
|
+
container: "BlogPost_module_container",
|
|
3682
|
+
header: "BlogPost_module_header",
|
|
3683
|
+
image: "BlogPost_module_image",
|
|
3684
|
+
content: "BlogPost_module_content",
|
|
3685
|
+
"content-top": "BlogPost_module_content-top",
|
|
3686
|
+
"related-articles": "BlogPost_module_related-articles"
|
|
3687
|
+
};
|
|
3688
|
+
var BlogPostTitle = ({ children }) => {
|
|
3689
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
3690
|
+
};
|
|
3691
|
+
var BlogPostBody = ({ children }) => {
|
|
3692
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
3693
|
+
};
|
|
3694
|
+
var BlogPost = ({
|
|
3695
|
+
title,
|
|
3696
|
+
description: body,
|
|
3697
|
+
image,
|
|
3698
|
+
date,
|
|
3699
|
+
tag,
|
|
3700
|
+
relatedArticles,
|
|
3701
|
+
className,
|
|
3702
|
+
children
|
|
3703
|
+
}) => {
|
|
3704
|
+
var _a, _b;
|
|
3705
|
+
const slots = resolveCompoundSlots(children, {
|
|
3706
|
+
title: BlogPostTitle,
|
|
3707
|
+
body: BlogPostBody
|
|
3708
|
+
});
|
|
3709
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
3710
|
+
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
3711
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", BlogPost_module_default["container"]), children: [
|
|
3712
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("header", BlogPost_module_default["header"]), children: [
|
|
3713
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
3714
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx15__default.default("image", BlogPost_module_default["image"]) }))
|
|
3715
|
+
] }),
|
|
3716
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("content", BlogPost_module_default["content"]), children: [
|
|
3717
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("content-top", BlogPost_module_default["content-top"]), children: [
|
|
3718
|
+
/* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
|
|
3719
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx15__default.default("content-date", BlogPost_module_default["content-date"]), children: [
|
|
3720
|
+
"Published ",
|
|
3721
|
+
/* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
|
|
3722
|
+
] })
|
|
3723
|
+
] }),
|
|
3724
|
+
bodyNode
|
|
3725
|
+
] }),
|
|
3726
|
+
relatedArticles && relatedArticles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3727
|
+
BlogCardGrid2,
|
|
3728
|
+
{
|
|
3729
|
+
title: "More News",
|
|
3730
|
+
items: relatedArticles,
|
|
3731
|
+
hasContainer: false,
|
|
3732
|
+
className: clsx15__default.default("related-articles", BlogPost_module_default["related-articles"])
|
|
3733
|
+
}
|
|
3734
|
+
)
|
|
3735
|
+
] }) });
|
|
3736
|
+
};
|
|
3737
|
+
|
|
3738
|
+
// src/widgets/BlogPost/index.ts
|
|
3739
|
+
var BlogPost2 = Object.assign(BlogPost, {
|
|
3740
|
+
Title: BlogPostTitle,
|
|
3741
|
+
Body: BlogPostBody
|
|
3742
|
+
});
|
|
3743
|
+
var BlogSearchResultsListSearch = ({ children }) => {
|
|
3744
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
3745
|
+
};
|
|
3746
|
+
|
|
3747
|
+
// src/widgets/BlogSearchResultsList/BlogSearchResultsList.module.scss
|
|
3748
|
+
var BlogSearchResultsList_module_default = {
|
|
3749
|
+
"search-results-list": "BlogSearchResultsList_module_search-results-list",
|
|
3750
|
+
container: "BlogSearchResultsList_module_container",
|
|
3751
|
+
"search-result": "BlogSearchResultsList_module_search-result",
|
|
3752
|
+
wrapper: "BlogSearchResultsList_module_wrapper",
|
|
3753
|
+
"search-input": "BlogSearchResultsList_module_search-input",
|
|
3754
|
+
"end-action-button": "BlogSearchResultsList_module_end-action-button"
|
|
3755
|
+
};
|
|
3756
|
+
var BlogSearchResultsList = ({
|
|
3757
|
+
items,
|
|
3758
|
+
searchResult,
|
|
3759
|
+
onSearchChange,
|
|
3760
|
+
onSearchSubmit,
|
|
3761
|
+
searchValue,
|
|
3762
|
+
className,
|
|
3763
|
+
renderLink,
|
|
3764
|
+
children
|
|
3765
|
+
}) => {
|
|
3766
|
+
var _a;
|
|
3767
|
+
const slots = resolveCompoundSlots(children, {
|
|
3768
|
+
search: BlogSearchResultsListSearch
|
|
3769
|
+
});
|
|
3770
|
+
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
3771
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx15__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx15__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
3772
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React63__default.default.isValidElement(searchNode) ? React63__default.default.cloneElement(searchNode, {
|
|
3773
|
+
className: clsx15__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
3774
|
+
}) : null,
|
|
3775
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
3776
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3777
|
+
Input,
|
|
3778
|
+
{
|
|
3779
|
+
className: clsx15__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
3780
|
+
startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
|
|
3781
|
+
placeholder: "Search News",
|
|
3782
|
+
endAction: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3783
|
+
Button,
|
|
3784
|
+
{
|
|
3785
|
+
variant: "nofillblack",
|
|
3786
|
+
className: clsx15__default.default(BlogSearchResultsList_module_default["end-action-button"]),
|
|
3787
|
+
"aria-label": "Search",
|
|
3788
|
+
onClick: () => onSearchSubmit(searchValue),
|
|
3789
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
|
|
3790
|
+
}
|
|
3791
|
+
),
|
|
3792
|
+
value: searchValue,
|
|
3793
|
+
onChange: (e) => {
|
|
3794
|
+
onSearchChange(e.target.value);
|
|
3795
|
+
}
|
|
3796
|
+
}
|
|
3797
|
+
),
|
|
3798
|
+
/* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
3799
|
+
] })
|
|
3800
|
+
] }) });
|
|
3801
|
+
};
|
|
3802
|
+
|
|
3803
|
+
// src/widgets/BlogSearchResultsList/index.ts
|
|
3804
|
+
var BlogSearchResultsList2 = Object.assign(BlogSearchResultsList, {
|
|
3805
|
+
Search: BlogSearchResultsListSearch
|
|
3806
|
+
});
|
|
3076
3807
|
function useIntersectionObserver({
|
|
3077
3808
|
animateOnce = false,
|
|
3078
3809
|
options = {}
|
|
3079
3810
|
} = {}) {
|
|
3080
|
-
const observeRef =
|
|
3081
|
-
const [isVisible, setIsVisible] =
|
|
3811
|
+
const observeRef = React63.useRef(null);
|
|
3812
|
+
const [isVisible, setIsVisible] = React63.useState(false);
|
|
3082
3813
|
if (typeof IntersectionObserver === "undefined") {
|
|
3083
3814
|
console.warn("IntersectionObserver is not supported in this browser.");
|
|
3084
3815
|
return { observeRef, isVisible: true };
|
|
3085
3816
|
}
|
|
3086
|
-
|
|
3817
|
+
React63.useEffect(() => {
|
|
3087
3818
|
const currentRef = observeRef.current;
|
|
3088
3819
|
if (!currentRef) return;
|
|
3089
3820
|
const observer = new IntersectionObserver((entries) => {
|
|
@@ -3103,6 +3834,10 @@ function useIntersectionObserver({
|
|
|
3103
3834
|
}
|
|
3104
3835
|
|
|
3105
3836
|
exports.Anchor = Anchor;
|
|
3837
|
+
exports.Badge = Badge;
|
|
3838
|
+
exports.BlogCardGrid = BlogCardGrid2;
|
|
3839
|
+
exports.BlogPost = BlogPost2;
|
|
3840
|
+
exports.BlogSearchResultsList = BlogSearchResultsList2;
|
|
3106
3841
|
exports.BrandsStrip = BrandsStrip;
|
|
3107
3842
|
exports.Button = Button;
|
|
3108
3843
|
exports.Card = Card2;
|
|
@@ -3112,16 +3847,19 @@ exports.ContactModule = ContactModule2;
|
|
|
3112
3847
|
exports.Container = Container;
|
|
3113
3848
|
exports.CountingCard = CountingCard2;
|
|
3114
3849
|
exports.EventList = EventList2;
|
|
3850
|
+
exports.FeaturedNewsHighlights = FeaturedNewsHighlights2;
|
|
3115
3851
|
exports.FilterBar = FilterBar;
|
|
3116
3852
|
exports.Footer = Footer;
|
|
3117
3853
|
exports.HeroBanner = HeroBanner2;
|
|
3118
3854
|
exports.HeroBannerCarousel = HeroBannerCarousel;
|
|
3119
3855
|
exports.Icon = Icon;
|
|
3120
3856
|
exports.InfoCard = InfoCard2;
|
|
3857
|
+
exports.Input = Input;
|
|
3121
3858
|
exports.InternalBrandsTab = InternalBrandsTab2;
|
|
3122
|
-
exports.LogoBar = LogoBar;
|
|
3123
3859
|
exports.MiniBanner = MiniBanner2;
|
|
3124
3860
|
exports.MiniSectionCta = MiniSectionCta2;
|
|
3861
|
+
exports.NewsCard = NewsCard;
|
|
3862
|
+
exports.NewsCardList = NewsCardList;
|
|
3125
3863
|
exports.Pagination = Pagination;
|
|
3126
3864
|
exports.Picture = Picture;
|
|
3127
3865
|
exports.PracticeCard = PracticeCard;
|
|
@@ -3134,6 +3872,7 @@ exports.Teaser5050WithCta = Teaser5050WithCta2;
|
|
|
3134
3872
|
exports.TextBody = TextBody2;
|
|
3135
3873
|
exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
|
|
3136
3874
|
exports.TextEvent = TextEvent2;
|
|
3875
|
+
exports.UpcomingEventCard = UpcomingEventCard;
|
|
3137
3876
|
exports.resolveCompoundSlots = resolveCompoundSlots;
|
|
3138
3877
|
exports.svgs = svgs;
|
|
3139
3878
|
exports.useIntersectionObserver = useIntersectionObserver;
|