@digital-b2c/coreui-kit 0.6.0 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +164 -62
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +231 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +17 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.mjs +164 -63
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +100 -99
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var clsx20 = require('clsx');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React52 = require('react');
|
|
6
6
|
var gsap = require('gsap');
|
|
@@ -12,7 +12,7 @@ require('swiper/css');
|
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var clsx20__default = /*#__PURE__*/_interopDefault(clsx20);
|
|
16
16
|
var React52__default = /*#__PURE__*/_interopDefault(React52);
|
|
17
17
|
var gsap__default = /*#__PURE__*/_interopDefault(gsap);
|
|
18
18
|
|
|
@@ -66,7 +66,7 @@ var Picture = (_a) => {
|
|
|
66
66
|
__spreadValues({
|
|
67
67
|
src: desktop.src,
|
|
68
68
|
alt: desktop.alt,
|
|
69
|
-
className:
|
|
69
|
+
className: clsx20__default.default(className, Picture_module_default["image-desktop"])
|
|
70
70
|
}, rest)
|
|
71
71
|
),
|
|
72
72
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -74,7 +74,7 @@ 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: clsx20__default.default(className, Picture_module_default["image-mobile"])
|
|
78
78
|
}, rest)
|
|
79
79
|
)
|
|
80
80
|
] });
|
|
@@ -388,7 +388,7 @@ var Button = (_a) => {
|
|
|
388
388
|
]);
|
|
389
389
|
const isLink = !!href;
|
|
390
390
|
const props = __spreadValues(__spreadValues({
|
|
391
|
-
className:
|
|
391
|
+
className: clsx20__default.default(
|
|
392
392
|
Button_module_default.button,
|
|
393
393
|
variant ? Button_module_default[variant] : null,
|
|
394
394
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -618,7 +618,7 @@ var BrandsStrip = ({
|
|
|
618
618
|
"div",
|
|
619
619
|
{
|
|
620
620
|
ref: containerRef,
|
|
621
|
-
className:
|
|
621
|
+
className: clsx20__default.default(
|
|
622
622
|
BrandsStrip_module_default.brandsStrip,
|
|
623
623
|
BrandsStrip_module_default[variant],
|
|
624
624
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -627,13 +627,13 @@ var BrandsStrip = ({
|
|
|
627
627
|
onMouseEnter: handleMouseEnter,
|
|
628
628
|
onMouseLeave: handleMouseLeave,
|
|
629
629
|
children: [
|
|
630
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
631
|
-
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
630
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
631
|
+
title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx20__default.default("body", BrandsStrip_module_default.title), children: title }),
|
|
632
632
|
logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
|
|
633
633
|
"div",
|
|
634
634
|
{
|
|
635
635
|
ref: marqueeRef,
|
|
636
|
-
className:
|
|
636
|
+
className: clsx20__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
637
637
|
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}`))
|
|
638
638
|
}
|
|
639
639
|
)
|
|
@@ -680,7 +680,7 @@ var Container_module_default = {
|
|
|
680
680
|
var Container = React52.forwardRef(
|
|
681
681
|
(_a, ref) => {
|
|
682
682
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
683
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
683
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx20__default.default(Container_module_default.container, className) }, props), { children }));
|
|
684
684
|
}
|
|
685
685
|
);
|
|
686
686
|
Container.displayName = "Container";
|
|
@@ -717,7 +717,7 @@ var Card = ({
|
|
|
717
717
|
ConditionalWrapper,
|
|
718
718
|
__spreadProps(__spreadValues({
|
|
719
719
|
ref,
|
|
720
|
-
className:
|
|
720
|
+
className: clsx20__default.default(Card_module_default.card, Card_module_default[variant], className),
|
|
721
721
|
wrapper: Anchor,
|
|
722
722
|
fallback: "div",
|
|
723
723
|
condition: href && !label
|
|
@@ -756,10 +756,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
756
756
|
title: CountingCardTitle
|
|
757
757
|
});
|
|
758
758
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
759
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
759
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(CountingCard_module_default["counting-card"], className), children: [
|
|
760
760
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
761
761
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
|
|
762
|
-
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
762
|
+
count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(CountingCard_module_default.count, "h1"), children: count })
|
|
763
763
|
] }),
|
|
764
764
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
765
765
|
] });
|
|
@@ -791,9 +791,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
791
791
|
});
|
|
792
792
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
793
793
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
794
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
794
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
795
795
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
796
|
-
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
796
|
+
icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
797
797
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
|
|
798
798
|
] }),
|
|
799
799
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -855,7 +855,7 @@ var Pagination = ({
|
|
|
855
855
|
setActivePage(page);
|
|
856
856
|
onPageChange == null ? void 0 : onPageChange(page);
|
|
857
857
|
};
|
|
858
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
858
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(Pagination_module_default.pagination, className), children: [
|
|
859
859
|
!disableArrows && /* @__PURE__ */ jsxRuntime.jsx(
|
|
860
860
|
"button",
|
|
861
861
|
{
|
|
@@ -872,7 +872,7 @@ var Pagination = ({
|
|
|
872
872
|
"button",
|
|
873
873
|
{
|
|
874
874
|
onClick: () => goToPage(page),
|
|
875
|
-
className:
|
|
875
|
+
className: clsx20__default.default(Pagination_module_default.page, {
|
|
876
876
|
[Pagination_module_default.active]: activePage === page,
|
|
877
877
|
[Pagination_module_default.number]: hasNumber
|
|
878
878
|
}),
|
|
@@ -908,7 +908,7 @@ var PracticeCard_module_default = {
|
|
|
908
908
|
};
|
|
909
909
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
910
910
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
911
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
911
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
912
912
|
ConditionalWrapper,
|
|
913
913
|
__spreadProps(__spreadValues({
|
|
914
914
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -919,7 +919,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
919
919
|
children: [
|
|
920
920
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
921
921
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
922
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
922
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(PracticeCard_module_default.title, "h3"), children: title }),
|
|
923
923
|
href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
924
924
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
925
925
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1008,13 +1008,13 @@ var CardCollection = ({
|
|
|
1008
1008
|
Container,
|
|
1009
1009
|
{
|
|
1010
1010
|
ref: container,
|
|
1011
|
-
className:
|
|
1011
|
+
className: clsx20__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
1012
1012
|
children: [
|
|
1013
1013
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
1014
1014
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
1015
1015
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1016
1016
|
] }),
|
|
1017
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1017
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
1018
1018
|
visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
1019
1019
|
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(
|
|
1020
1020
|
Card2,
|
|
@@ -1115,7 +1115,7 @@ var ContactModule = ({
|
|
|
1115
1115
|
},
|
|
1116
1116
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
1117
1117
|
);
|
|
1118
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className:
|
|
1118
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx20__default.default(ContactModule_module_default["contact-module"], className), children: [
|
|
1119
1119
|
blurred && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1120
1120
|
"div",
|
|
1121
1121
|
{
|
|
@@ -1130,8 +1130,8 @@ var ContactModule = ({
|
|
|
1130
1130
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
1131
1131
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
1132
1132
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
1133
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1134
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1133
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
1134
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
1135
1135
|
] }),
|
|
1136
1136
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1137
1137
|
Button,
|
|
@@ -1192,7 +1192,7 @@ var Footer = ({
|
|
|
1192
1192
|
disclaimer: FooterDisclaimer
|
|
1193
1193
|
});
|
|
1194
1194
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
1195
|
-
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className:
|
|
1195
|
+
return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx20__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
|
|
1196
1196
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default.bottom, children: [
|
|
1197
1197
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["bottom-left"], children: [
|
|
1198
1198
|
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(
|
|
@@ -1208,7 +1208,7 @@ var Footer = ({
|
|
|
1208
1208
|
index
|
|
1209
1209
|
) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
1210
1210
|
) }) }),
|
|
1211
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1211
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
1212
1212
|
copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
1213
1213
|
] }),
|
|
1214
1214
|
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(
|
|
@@ -1277,12 +1277,12 @@ var HeroBanner = ({
|
|
|
1277
1277
|
});
|
|
1278
1278
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1279
1279
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1280
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1280
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
|
|
1281
1281
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
1282
1282
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
1283
1283
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
1284
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h1", { className:
|
|
1285
|
-
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1284
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: clsx20__default.default(HeroBanner_module_default.title, "h1"), children: titleNode }),
|
|
1285
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
|
|
1286
1286
|
] }),
|
|
1287
1287
|
cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
|
|
1288
1288
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1325,6 +1325,107 @@ var HeroBanner2 = Object.assign(HeroBanner, {
|
|
|
1325
1325
|
Title: HeroBannerTitle,
|
|
1326
1326
|
Subtitle: HeroBannerSubtitle
|
|
1327
1327
|
});
|
|
1328
|
+
|
|
1329
|
+
// src/widgets/HeroBannerCarousel/HeroBannerCarousel.module.scss
|
|
1330
|
+
var HeroBannerCarousel_module_default = {
|
|
1331
|
+
heroBannerCarousel: "HeroBannerCarousel_module_heroBannerCarousel",
|
|
1332
|
+
inner: "HeroBannerCarousel_module_inner",
|
|
1333
|
+
swiperContainer: "HeroBannerCarousel_module_swiperContainer",
|
|
1334
|
+
card: "HeroBannerCarousel_module_card",
|
|
1335
|
+
cardCorner: "HeroBannerCarousel_module_cardCorner",
|
|
1336
|
+
cardCornerImage: "HeroBannerCarousel_module_cardCornerImage",
|
|
1337
|
+
cardCornerDot: "HeroBannerCarousel_module_cardCornerDot",
|
|
1338
|
+
cardContent: "HeroBannerCarousel_module_cardContent",
|
|
1339
|
+
cardTitle: "HeroBannerCarousel_module_cardTitle",
|
|
1340
|
+
cardBottom: "HeroBannerCarousel_module_cardBottom",
|
|
1341
|
+
cardBody: "HeroBannerCarousel_module_cardBody",
|
|
1342
|
+
cardCtaContainer: "HeroBannerCarousel_module_cardCtaContainer",
|
|
1343
|
+
cardImageWrapper: "HeroBannerCarousel_module_cardImageWrapper",
|
|
1344
|
+
cardImage: "HeroBannerCarousel_module_cardImage",
|
|
1345
|
+
controls: "HeroBannerCarousel_module_controls",
|
|
1346
|
+
navButton: "HeroBannerCarousel_module_navButton",
|
|
1347
|
+
navIcon: "HeroBannerCarousel_module_navIcon",
|
|
1348
|
+
pagination: "HeroBannerCarousel_module_pagination",
|
|
1349
|
+
dot: "HeroBannerCarousel_module_dot",
|
|
1350
|
+
dotActive: "HeroBannerCarousel_module_dotActive"
|
|
1351
|
+
};
|
|
1352
|
+
var HeroBannerCarousel = ({
|
|
1353
|
+
className,
|
|
1354
|
+
items = [],
|
|
1355
|
+
navPrevIcon,
|
|
1356
|
+
navNextIcon
|
|
1357
|
+
}) => {
|
|
1358
|
+
const { is } = useViewPort_default();
|
|
1359
|
+
const isMobile = is("tablet", "below");
|
|
1360
|
+
const [swiperInstance, setSwiperInstance] = React52.useState(null);
|
|
1361
|
+
const [activeIndex, setActiveIndex] = React52.useState(0);
|
|
1362
|
+
if (!items.length) return null;
|
|
1363
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
1364
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1365
|
+
react$1.Swiper,
|
|
1366
|
+
{
|
|
1367
|
+
modules: [modules.Navigation, modules.Pagination],
|
|
1368
|
+
slidesPerView: "auto",
|
|
1369
|
+
spaceBetween: isMobile ? 8 : 32,
|
|
1370
|
+
onSwiper: setSwiperInstance,
|
|
1371
|
+
onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
|
|
1372
|
+
children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
1373
|
+
item.cornerImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.cornerImage, alt: "", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
|
|
1374
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
1375
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
|
|
1376
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
1377
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
1378
|
+
item.ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1379
|
+
Button,
|
|
1380
|
+
{
|
|
1381
|
+
href: cta.url,
|
|
1382
|
+
isExternal: cta.isExternal,
|
|
1383
|
+
variant: "primary",
|
|
1384
|
+
fullWidth: isMobile,
|
|
1385
|
+
logo: cta.logo,
|
|
1386
|
+
children: cta.label
|
|
1387
|
+
},
|
|
1388
|
+
ctaIndex
|
|
1389
|
+
)) })
|
|
1390
|
+
] })
|
|
1391
|
+
] }),
|
|
1392
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardImageWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBannerCarousel_module_default.cardImage }, item.image)) })
|
|
1393
|
+
] }) }, index))
|
|
1394
|
+
}
|
|
1395
|
+
) }),
|
|
1396
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.controls, children: [
|
|
1397
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1398
|
+
"button",
|
|
1399
|
+
{
|
|
1400
|
+
className: HeroBannerCarousel_module_default.navButton,
|
|
1401
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slidePrev(),
|
|
1402
|
+
disabled: activeIndex === 0,
|
|
1403
|
+
"aria-label": "Previous slide",
|
|
1404
|
+
children: navPrevIcon && /* @__PURE__ */ jsxRuntime.jsx("img", { src: navPrevIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
|
|
1405
|
+
}
|
|
1406
|
+
),
|
|
1407
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1408
|
+
"button",
|
|
1409
|
+
{
|
|
1410
|
+
className: clsx20__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
1411
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
1412
|
+
"aria-label": `Go to slide ${index + 1}`
|
|
1413
|
+
},
|
|
1414
|
+
index
|
|
1415
|
+
)) }),
|
|
1416
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1417
|
+
"button",
|
|
1418
|
+
{
|
|
1419
|
+
className: HeroBannerCarousel_module_default.navButton,
|
|
1420
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideNext(),
|
|
1421
|
+
disabled: activeIndex === items.length - 1,
|
|
1422
|
+
"aria-label": "Next slide",
|
|
1423
|
+
children: navNextIcon && /* @__PURE__ */ jsxRuntime.jsx("img", { src: navNextIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
|
|
1424
|
+
}
|
|
1425
|
+
)
|
|
1426
|
+
] })
|
|
1427
|
+
] }) });
|
|
1428
|
+
};
|
|
1328
1429
|
var MiniBannerTitle = ({ children }) => {
|
|
1329
1430
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1330
1431
|
};
|
|
@@ -1373,17 +1474,17 @@ var MiniBanner = ({
|
|
|
1373
1474
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1374
1475
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1375
1476
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1376
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1477
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1377
1478
|
((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)),
|
|
1378
1479
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1379
1480
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1380
1481
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
1381
|
-
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1382
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1482
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1483
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
1383
1484
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1384
1485
|
"div",
|
|
1385
1486
|
{
|
|
1386
|
-
className:
|
|
1487
|
+
className: clsx20__default.default(MiniBanner_module_default.title, {
|
|
1387
1488
|
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1388
1489
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1389
1490
|
}),
|
|
@@ -1454,14 +1555,14 @@ var MiniSectionCta = ({
|
|
|
1454
1555
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1455
1556
|
"div",
|
|
1456
1557
|
{
|
|
1457
|
-
className:
|
|
1558
|
+
className: clsx20__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
1458
1559
|
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
1459
1560
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
1460
1561
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
1461
1562
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1462
1563
|
"div",
|
|
1463
1564
|
{
|
|
1464
|
-
className:
|
|
1565
|
+
className: clsx20__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
1465
1566
|
children: subtitleNode
|
|
1466
1567
|
}
|
|
1467
1568
|
)
|
|
@@ -1526,7 +1627,7 @@ var PracticePathCards = ({
|
|
|
1526
1627
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1527
1628
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1528
1629
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
1529
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1630
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
1530
1631
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
1531
1632
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
1532
1633
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -1580,8 +1681,8 @@ var Teaser5050With3Text = ({
|
|
|
1580
1681
|
title: Teaser5050With3TextTitle
|
|
1581
1682
|
});
|
|
1582
1683
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1583
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1584
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1684
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
1685
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
1585
1686
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
1586
1687
|
/* @__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)) }),
|
|
1587
1688
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -1631,12 +1732,12 @@ var Teaser5050WithCta = ({
|
|
|
1631
1732
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1632
1733
|
"div",
|
|
1633
1734
|
{
|
|
1634
|
-
className:
|
|
1735
|
+
className: clsx20__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1635
1736
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1636
1737
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1637
1738
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1638
1739
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1639
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1740
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1640
1741
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1641
1742
|
] }),
|
|
1642
1743
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1699,7 +1800,7 @@ var UpcomingEventCard = ({
|
|
|
1699
1800
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1700
1801
|
"article",
|
|
1701
1802
|
{
|
|
1702
|
-
className:
|
|
1803
|
+
className: clsx20__default.default(
|
|
1703
1804
|
"card",
|
|
1704
1805
|
UpcomingEventCard_module_default["event-card"],
|
|
1705
1806
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1707,18 +1808,18 @@ var UpcomingEventCard = ({
|
|
|
1707
1808
|
className
|
|
1708
1809
|
),
|
|
1709
1810
|
children: [
|
|
1710
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1711
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1712
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1811
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1812
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1813
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default("card-text-content", UpcomingEventCard_module_default["event-card-text-content"]), children: [
|
|
1713
1814
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1714
|
-
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className:
|
|
1815
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx20__default.default("card-text-title"), children: title }),
|
|
1715
1816
|
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1716
|
-
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1817
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1717
1818
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1718
1819
|
Button,
|
|
1719
1820
|
{
|
|
1720
1821
|
variant: "secondary",
|
|
1721
|
-
className:
|
|
1822
|
+
className: clsx20__default.default(
|
|
1722
1823
|
"card-cta",
|
|
1723
1824
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1724
1825
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1734,12 +1835,12 @@ var UpcomingEventCard = ({
|
|
|
1734
1835
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1735
1836
|
"div",
|
|
1736
1837
|
{
|
|
1737
|
-
className:
|
|
1838
|
+
className: clsx20__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1738
1839
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1739
1840
|
Button,
|
|
1740
1841
|
{
|
|
1741
1842
|
variant: "secondary",
|
|
1742
|
-
className:
|
|
1843
|
+
className: clsx20__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1743
1844
|
fullWidth: isBelowMobile,
|
|
1744
1845
|
href: cta.url,
|
|
1745
1846
|
icon: cta.icon,
|
|
@@ -1760,7 +1861,7 @@ var Carousel = (_a) => {
|
|
|
1760
1861
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1761
1862
|
react$1.Swiper,
|
|
1762
1863
|
__spreadProps(__spreadValues({
|
|
1763
|
-
className:
|
|
1864
|
+
className: clsx20__default.default(Carousel_module_default.carousel, className),
|
|
1764
1865
|
spaceBetween: 0,
|
|
1765
1866
|
slidesPerView: "auto",
|
|
1766
1867
|
modules: [modules.FreeMode],
|
|
@@ -1772,7 +1873,7 @@ var Carousel = (_a) => {
|
|
|
1772
1873
|
react$1.SwiperSlide,
|
|
1773
1874
|
{
|
|
1774
1875
|
tag: "li",
|
|
1775
|
-
className:
|
|
1876
|
+
className: clsx20__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1776
1877
|
children: slide
|
|
1777
1878
|
},
|
|
1778
1879
|
index
|
|
@@ -1812,13 +1913,13 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1812
1913
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1813
1914
|
"div",
|
|
1814
1915
|
{
|
|
1815
|
-
className:
|
|
1916
|
+
className: clsx20__default.default(
|
|
1816
1917
|
"event-list-module",
|
|
1817
1918
|
EventList_module_default["event-list-module"],
|
|
1818
1919
|
isGrey && EventList_module_default[variant],
|
|
1819
1920
|
className
|
|
1820
1921
|
),
|
|
1821
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
1922
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(EventList_module_default["event-list-container"]), children: [
|
|
1822
1923
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1823
1924
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
1824
1925
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
|
|
@@ -1826,7 +1927,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1826
1927
|
isGrey && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1827
1928
|
Carousel,
|
|
1828
1929
|
{
|
|
1829
|
-
wrapperClass:
|
|
1930
|
+
wrapperClass: clsx20__default.default(EventList_module_default["carousel-wrapper"]),
|
|
1830
1931
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1831
1932
|
spaceBetween: 16,
|
|
1832
1933
|
slides: items.map((item) => {
|
|
@@ -1843,12 +1944,12 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1843
1944
|
})
|
|
1844
1945
|
}
|
|
1845
1946
|
),
|
|
1846
|
-
isGrey && !isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
1947
|
+
isGrey && !isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: clsx20__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]), children: items == null ? void 0 : items.map((item, index) => {
|
|
1847
1948
|
var _a2, _b, _c;
|
|
1848
1949
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1849
1950
|
"li",
|
|
1850
1951
|
{
|
|
1851
|
-
className:
|
|
1952
|
+
className: clsx20__default.default(EventList_module_default["card-list-item"]),
|
|
1852
1953
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1853
1954
|
UpcomingEventCard,
|
|
1854
1955
|
__spreadProps(__spreadValues({}, item), {
|
|
@@ -1861,7 +1962,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1861
1962
|
(_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
|
|
1862
1963
|
);
|
|
1863
1964
|
}) }),
|
|
1864
|
-
!isGrey && /* @__PURE__ */ jsxRuntime.jsx("ul", { className:
|
|
1965
|
+
!isGrey && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: clsx20__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]), children: items == null ? void 0 : items.map((item, index) => {
|
|
1865
1966
|
var _a2, _b, _c;
|
|
1866
1967
|
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);
|
|
1867
1968
|
}) })
|
|
@@ -1911,9 +2012,9 @@ var TextEvent = (props) => {
|
|
|
1911
2012
|
});
|
|
1912
2013
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1913
2014
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
1914
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2015
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
1915
2016
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
1916
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2017
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
1917
2018
|
] });
|
|
1918
2019
|
};
|
|
1919
2020
|
|
|
@@ -1944,7 +2045,7 @@ var TextBody = (props) => {
|
|
|
1944
2045
|
});
|
|
1945
2046
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1946
2047
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
1947
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2048
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextBody_module_default.textBody, className), children: [
|
|
1948
2049
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
1949
2050
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
1950
2051
|
] });
|
|
@@ -1987,7 +2088,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1987
2088
|
});
|
|
1988
2089
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1989
2090
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1990
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2091
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
1991
2092
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
1992
2093
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
1993
2094
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -1995,7 +2096,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1995
2096
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1996
2097
|
"div",
|
|
1997
2098
|
{
|
|
1998
|
-
className:
|
|
2099
|
+
className: clsx20__default.default(
|
|
1999
2100
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
2000
2101
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
2001
2102
|
),
|
|
@@ -2062,6 +2163,7 @@ exports.CountingCard = CountingCard2;
|
|
|
2062
2163
|
exports.EventList = EventList2;
|
|
2063
2164
|
exports.Footer = Footer;
|
|
2064
2165
|
exports.HeroBanner = HeroBanner2;
|
|
2166
|
+
exports.HeroBannerCarousel = HeroBannerCarousel;
|
|
2065
2167
|
exports.Icon = Icon;
|
|
2066
2168
|
exports.InfoCard = InfoCard2;
|
|
2067
2169
|
exports.MiniBanner = MiniBanner2;
|