@digital-b2c/coreui-kit 0.6.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +209 -92
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +301 -17
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +20 -5
- package/dist/index.d.ts +20 -5
- package/dist/index.mjs +209 -93
- 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,103 @@ 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
|
+
cardContent: "HeroBannerCarousel_module_cardContent",
|
|
1336
|
+
cardTitle: "HeroBannerCarousel_module_cardTitle",
|
|
1337
|
+
cardBottom: "HeroBannerCarousel_module_cardBottom",
|
|
1338
|
+
cardBody: "HeroBannerCarousel_module_cardBody",
|
|
1339
|
+
cardCtaContainer: "HeroBannerCarousel_module_cardCtaContainer",
|
|
1340
|
+
cardImageWrapper: "HeroBannerCarousel_module_cardImageWrapper",
|
|
1341
|
+
cardImage: "HeroBannerCarousel_module_cardImage",
|
|
1342
|
+
controls: "HeroBannerCarousel_module_controls",
|
|
1343
|
+
navButton: "HeroBannerCarousel_module_navButton",
|
|
1344
|
+
navIcon: "HeroBannerCarousel_module_navIcon",
|
|
1345
|
+
pagination: "HeroBannerCarousel_module_pagination",
|
|
1346
|
+
dot: "HeroBannerCarousel_module_dot",
|
|
1347
|
+
dotActive: "HeroBannerCarousel_module_dotActive"
|
|
1348
|
+
};
|
|
1349
|
+
var HeroBannerCarousel = ({
|
|
1350
|
+
className,
|
|
1351
|
+
items = [],
|
|
1352
|
+
navPrevIcon,
|
|
1353
|
+
navNextIcon
|
|
1354
|
+
}) => {
|
|
1355
|
+
const { is } = useViewPort_default();
|
|
1356
|
+
const isMobile = is("tablet", "below");
|
|
1357
|
+
const [swiperInstance, setSwiperInstance] = React52.useState(null);
|
|
1358
|
+
const [activeIndex, setActiveIndex] = React52.useState(0);
|
|
1359
|
+
if (!items.length) return null;
|
|
1360
|
+
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: [
|
|
1361
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1362
|
+
react$1.Swiper,
|
|
1363
|
+
{
|
|
1364
|
+
modules: [modules.Navigation, modules.Pagination],
|
|
1365
|
+
slidesPerView: "auto",
|
|
1366
|
+
spaceBetween: isMobile ? 8 : 32,
|
|
1367
|
+
onSwiper: setSwiperInstance,
|
|
1368
|
+
onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
|
|
1369
|
+
children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
1370
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
1371
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
|
|
1372
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
1373
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
1374
|
+
item.ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1375
|
+
Button,
|
|
1376
|
+
{
|
|
1377
|
+
href: cta.url,
|
|
1378
|
+
isExternal: cta.isExternal,
|
|
1379
|
+
variant: "primary",
|
|
1380
|
+
fullWidth: isMobile,
|
|
1381
|
+
logo: cta.logo,
|
|
1382
|
+
children: cta.label
|
|
1383
|
+
},
|
|
1384
|
+
ctaIndex
|
|
1385
|
+
)) })
|
|
1386
|
+
] })
|
|
1387
|
+
] }),
|
|
1388
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardImageWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBannerCarousel_module_default.cardImage }, item.image)) })
|
|
1389
|
+
] }) }, index))
|
|
1390
|
+
}
|
|
1391
|
+
) }),
|
|
1392
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.controls, children: [
|
|
1393
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1394
|
+
"button",
|
|
1395
|
+
{
|
|
1396
|
+
className: HeroBannerCarousel_module_default.navButton,
|
|
1397
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slidePrev(),
|
|
1398
|
+
disabled: activeIndex === 0,
|
|
1399
|
+
"aria-label": "Previous slide",
|
|
1400
|
+
children: navPrevIcon && /* @__PURE__ */ jsxRuntime.jsx("img", { src: navPrevIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
|
|
1401
|
+
}
|
|
1402
|
+
),
|
|
1403
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1404
|
+
"button",
|
|
1405
|
+
{
|
|
1406
|
+
className: clsx20__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
1407
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
1408
|
+
"aria-label": `Go to slide ${index + 1}`
|
|
1409
|
+
},
|
|
1410
|
+
index
|
|
1411
|
+
)) }),
|
|
1412
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1413
|
+
"button",
|
|
1414
|
+
{
|
|
1415
|
+
className: HeroBannerCarousel_module_default.navButton,
|
|
1416
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideNext(),
|
|
1417
|
+
disabled: activeIndex === items.length - 1,
|
|
1418
|
+
"aria-label": "Next slide",
|
|
1419
|
+
children: navNextIcon && /* @__PURE__ */ jsxRuntime.jsx("img", { src: navNextIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
|
|
1420
|
+
}
|
|
1421
|
+
)
|
|
1422
|
+
] })
|
|
1423
|
+
] }) });
|
|
1424
|
+
};
|
|
1328
1425
|
var MiniBannerTitle = ({ children }) => {
|
|
1329
1426
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1330
1427
|
};
|
|
@@ -1373,17 +1470,17 @@ var MiniBanner = ({
|
|
|
1373
1470
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1374
1471
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1375
1472
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1376
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1473
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1377
1474
|
((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
1475
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1379
1476
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1380
1477
|
(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:
|
|
1478
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1479
|
+
/* @__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
1480
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1384
1481
|
"div",
|
|
1385
1482
|
{
|
|
1386
|
-
className:
|
|
1483
|
+
className: clsx20__default.default(MiniBanner_module_default.title, {
|
|
1387
1484
|
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1388
1485
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1389
1486
|
}),
|
|
@@ -1454,14 +1551,14 @@ var MiniSectionCta = ({
|
|
|
1454
1551
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1455
1552
|
"div",
|
|
1456
1553
|
{
|
|
1457
|
-
className:
|
|
1554
|
+
className: clsx20__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
1458
1555
|
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
1459
1556
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
1460
1557
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
1461
1558
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1462
1559
|
"div",
|
|
1463
1560
|
{
|
|
1464
|
-
className:
|
|
1561
|
+
className: clsx20__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
1465
1562
|
children: subtitleNode
|
|
1466
1563
|
}
|
|
1467
1564
|
)
|
|
@@ -1526,7 +1623,7 @@ var PracticePathCards = ({
|
|
|
1526
1623
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1527
1624
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1528
1625
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
1529
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1626
|
+
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
1627
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
1531
1628
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
1532
1629
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -1580,8 +1677,8 @@ var Teaser5050With3Text = ({
|
|
|
1580
1677
|
title: Teaser5050With3TextTitle
|
|
1581
1678
|
});
|
|
1582
1679
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1583
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1584
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1680
|
+
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: [
|
|
1681
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
1585
1682
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
1586
1683
|
/* @__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
1684
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -1631,12 +1728,12 @@ var Teaser5050WithCta = ({
|
|
|
1631
1728
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1632
1729
|
"div",
|
|
1633
1730
|
{
|
|
1634
|
-
className:
|
|
1731
|
+
className: clsx20__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1635
1732
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1636
1733
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1637
1734
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1638
1735
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1639
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1736
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1640
1737
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1641
1738
|
] }),
|
|
1642
1739
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1675,6 +1772,7 @@ var UpcomingEventCard_module_default = {
|
|
|
1675
1772
|
description: "UpcomingEventCard_module_description",
|
|
1676
1773
|
"event-card-footer": "UpcomingEventCard_module_event-card-footer",
|
|
1677
1774
|
horizontal: "UpcomingEventCard_module_horizontal",
|
|
1775
|
+
"event-card-show-image": "UpcomingEventCard_module_event-card-show-image",
|
|
1678
1776
|
"event-card-cta": "UpcomingEventCard_module_event-card-cta",
|
|
1679
1777
|
hidden: "UpcomingEventCard_module_hidden",
|
|
1680
1778
|
"cta-without-image": "UpcomingEventCard_module_cta-without-image",
|
|
@@ -1699,7 +1797,7 @@ var UpcomingEventCard = ({
|
|
|
1699
1797
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1700
1798
|
"article",
|
|
1701
1799
|
{
|
|
1702
|
-
className:
|
|
1800
|
+
className: clsx20__default.default(
|
|
1703
1801
|
"card",
|
|
1704
1802
|
UpcomingEventCard_module_default["event-card"],
|
|
1705
1803
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1707,39 +1805,49 @@ var UpcomingEventCard = ({
|
|
|
1707
1805
|
className
|
|
1708
1806
|
),
|
|
1709
1807
|
children: [
|
|
1710
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1711
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1712
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
className:
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1808
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1809
|
+
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1810
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1811
|
+
"div",
|
|
1812
|
+
{
|
|
1813
|
+
className: clsx20__default.default(
|
|
1814
|
+
"card-text-content",
|
|
1815
|
+
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1816
|
+
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1817
|
+
),
|
|
1818
|
+
children: [
|
|
1819
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1820
|
+
title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx20__default.default("card-text-title"), children: title }),
|
|
1821
|
+
location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1822
|
+
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1823
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1824
|
+
Button,
|
|
1825
|
+
{
|
|
1826
|
+
variant: "secondary",
|
|
1827
|
+
className: clsx20__default.default(
|
|
1828
|
+
"card-cta",
|
|
1829
|
+
UpcomingEventCard_module_default["event-card-cta"],
|
|
1830
|
+
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
1831
|
+
),
|
|
1832
|
+
fullWidth: isBelowMobile,
|
|
1833
|
+
href: cta.url,
|
|
1834
|
+
icon: cta.icon,
|
|
1835
|
+
children: cta.label
|
|
1836
|
+
}
|
|
1837
|
+
)
|
|
1838
|
+
]
|
|
1839
|
+
}
|
|
1840
|
+
)
|
|
1733
1841
|
] }),
|
|
1734
1842
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1735
1843
|
"div",
|
|
1736
1844
|
{
|
|
1737
|
-
className:
|
|
1845
|
+
className: clsx20__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1738
1846
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1739
1847
|
Button,
|
|
1740
1848
|
{
|
|
1741
1849
|
variant: "secondary",
|
|
1742
|
-
className:
|
|
1850
|
+
className: clsx20__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1743
1851
|
fullWidth: isBelowMobile,
|
|
1744
1852
|
href: cta.url,
|
|
1745
1853
|
icon: cta.icon,
|
|
@@ -1760,7 +1868,7 @@ var Carousel = (_a) => {
|
|
|
1760
1868
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1761
1869
|
react$1.Swiper,
|
|
1762
1870
|
__spreadProps(__spreadValues({
|
|
1763
|
-
className:
|
|
1871
|
+
className: clsx20__default.default(Carousel_module_default.carousel, className),
|
|
1764
1872
|
spaceBetween: 0,
|
|
1765
1873
|
slidesPerView: "auto",
|
|
1766
1874
|
modules: [modules.FreeMode],
|
|
@@ -1772,7 +1880,7 @@ var Carousel = (_a) => {
|
|
|
1772
1880
|
react$1.SwiperSlide,
|
|
1773
1881
|
{
|
|
1774
1882
|
tag: "li",
|
|
1775
|
-
className:
|
|
1883
|
+
className: clsx20__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1776
1884
|
children: slide
|
|
1777
1885
|
},
|
|
1778
1886
|
index
|
|
@@ -1785,11 +1893,13 @@ var Carousel = (_a) => {
|
|
|
1785
1893
|
var EventList_module_default = {
|
|
1786
1894
|
"event-list-module": "EventList_module_event-list-module",
|
|
1787
1895
|
"event-list-header-container": "EventList_module_event-list-header-container",
|
|
1896
|
+
"event-list-title": "EventList_module_event-list-title",
|
|
1788
1897
|
"event-list-wrapper": "EventList_module_event-list-wrapper",
|
|
1789
1898
|
vertical: "EventList_module_vertical",
|
|
1790
|
-
grey: "EventList_module_grey",
|
|
1791
1899
|
"card-list-item": "EventList_module_card-list-item",
|
|
1792
1900
|
"card-item": "EventList_module_card-item",
|
|
1901
|
+
internalEventList: "EventList_module_internalEventList",
|
|
1902
|
+
"events-page": "EventList_module_events-page",
|
|
1793
1903
|
horizontal: "EventList_module_horizontal",
|
|
1794
1904
|
"carousel-wrapper": "EventList_module_carousel-wrapper",
|
|
1795
1905
|
"carousel-list-item": "EventList_module_carousel-list-item",
|
|
@@ -1798,35 +1908,41 @@ var EventList_module_default = {
|
|
|
1798
1908
|
var EventListTitle = ({ children }) => {
|
|
1799
1909
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1800
1910
|
};
|
|
1801
|
-
var EventList = ({
|
|
1911
|
+
var EventList = ({
|
|
1912
|
+
className,
|
|
1913
|
+
title,
|
|
1914
|
+
items,
|
|
1915
|
+
cta,
|
|
1916
|
+
backgroundColor,
|
|
1917
|
+
variant,
|
|
1918
|
+
children
|
|
1919
|
+
}) => {
|
|
1802
1920
|
var _a;
|
|
1803
1921
|
const { is } = useViewPort_default();
|
|
1804
1922
|
const slots = resolveCompoundSlots(children, {
|
|
1805
1923
|
title: EventListTitle
|
|
1806
1924
|
});
|
|
1807
1925
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1808
|
-
const isGrey = variant === "grey";
|
|
1809
1926
|
const isBelowTablet = is("tablet", "below");
|
|
1810
1927
|
const cardDirection = isBelowTablet ? "vertical" : "horizontal";
|
|
1811
|
-
const
|
|
1928
|
+
const isInternalEventList = variant === "internalEventList";
|
|
1929
|
+
const listDirection = isInternalEventList ? "horizontal" : "vertical";
|
|
1812
1930
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1813
1931
|
"div",
|
|
1814
1932
|
{
|
|
1815
|
-
className:
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
),
|
|
1821
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx19__default.default(EventList_module_default["event-list-container"]), children: [
|
|
1933
|
+
className: clsx20__default.default("event-list-module", EventList_module_default["event-list-module"], className),
|
|
1934
|
+
style: {
|
|
1935
|
+
backgroundColor
|
|
1936
|
+
},
|
|
1937
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(EventList_module_default["event-list-container"]), children: [
|
|
1822
1938
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1823
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
1939
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx20__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
1824
1940
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
|
|
1825
1941
|
] }),
|
|
1826
|
-
|
|
1942
|
+
isInternalEventList && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1827
1943
|
Carousel,
|
|
1828
1944
|
{
|
|
1829
|
-
wrapperClass:
|
|
1945
|
+
wrapperClass: clsx20__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
1830
1946
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1831
1947
|
spaceBetween: 16,
|
|
1832
1948
|
slides: items.map((item) => {
|
|
@@ -1834,7 +1950,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1834
1950
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1835
1951
|
UpcomingEventCard,
|
|
1836
1952
|
__spreadValues({
|
|
1837
|
-
className:
|
|
1953
|
+
className: clsx20__default.default(EventList_module_default["event-card"]),
|
|
1838
1954
|
direction: "vertical",
|
|
1839
1955
|
showImage: false
|
|
1840
1956
|
}, item),
|
|
@@ -1843,16 +1959,16 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1843
1959
|
})
|
|
1844
1960
|
}
|
|
1845
1961
|
),
|
|
1846
|
-
|
|
1962
|
+
isInternalEventList && !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
1963
|
var _a2, _b, _c;
|
|
1848
1964
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1849
1965
|
"li",
|
|
1850
1966
|
{
|
|
1851
|
-
className:
|
|
1967
|
+
className: clsx20__default.default(EventList_module_default["card-list-item"]),
|
|
1852
1968
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1853
1969
|
UpcomingEventCard,
|
|
1854
1970
|
__spreadProps(__spreadValues({}, item), {
|
|
1855
|
-
className:
|
|
1971
|
+
className: clsx20__default.default(EventList_module_default["card-item"]),
|
|
1856
1972
|
showImage: false,
|
|
1857
1973
|
direction: "vertical"
|
|
1858
1974
|
})
|
|
@@ -1861,7 +1977,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1861
1977
|
(_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
|
|
1862
1978
|
);
|
|
1863
1979
|
}) }),
|
|
1864
|
-
!
|
|
1980
|
+
!isInternalEventList && /* @__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
1981
|
var _a2, _b, _c;
|
|
1866
1982
|
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
1983
|
}) })
|
|
@@ -1911,9 +2027,9 @@ var TextEvent = (props) => {
|
|
|
1911
2027
|
});
|
|
1912
2028
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1913
2029
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
1914
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2030
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
1915
2031
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
1916
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2032
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
1917
2033
|
] });
|
|
1918
2034
|
};
|
|
1919
2035
|
|
|
@@ -1944,7 +2060,7 @@ var TextBody = (props) => {
|
|
|
1944
2060
|
});
|
|
1945
2061
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1946
2062
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
1947
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2063
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextBody_module_default.textBody, className), children: [
|
|
1948
2064
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
1949
2065
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
1950
2066
|
] });
|
|
@@ -1987,7 +2103,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1987
2103
|
});
|
|
1988
2104
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1989
2105
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1990
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
2106
|
+
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
2107
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
1992
2108
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
1993
2109
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -1995,7 +2111,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1995
2111
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1996
2112
|
"div",
|
|
1997
2113
|
{
|
|
1998
|
-
className:
|
|
2114
|
+
className: clsx20__default.default(
|
|
1999
2115
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
2000
2116
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
2001
2117
|
),
|
|
@@ -2062,6 +2178,7 @@ exports.CountingCard = CountingCard2;
|
|
|
2062
2178
|
exports.EventList = EventList2;
|
|
2063
2179
|
exports.Footer = Footer;
|
|
2064
2180
|
exports.HeroBanner = HeroBanner2;
|
|
2181
|
+
exports.HeroBannerCarousel = HeroBannerCarousel;
|
|
2065
2182
|
exports.Icon = Icon;
|
|
2066
2183
|
exports.InfoCard = InfoCard2;
|
|
2067
2184
|
exports.MiniBanner = MiniBanner2;
|