@digital-b2c/coreui-kit 0.5.6 → 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/dist/index.cjs +239 -113
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +318 -21
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +22 -6
- package/dist/index.d.ts +22 -6
- package/dist/index.mjs +239 -114
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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
|
}),
|
|
@@ -1430,12 +1527,15 @@ var MiniSectionCta_module_default = {
|
|
|
1430
1527
|
infoCallout: "MiniSectionCta_module_infoCallout",
|
|
1431
1528
|
subtitle: "MiniSectionCta_module_subtitle",
|
|
1432
1529
|
miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
|
|
1530
|
+
light: "MiniSectionCta_module_light",
|
|
1531
|
+
dark: "MiniSectionCta_module_dark",
|
|
1433
1532
|
cta: "MiniSectionCta_module_cta",
|
|
1434
1533
|
BgColorGrey: "MiniSectionCta_module_BgColorGrey"
|
|
1435
1534
|
};
|
|
1436
1535
|
var MiniSectionCta = ({
|
|
1437
1536
|
className,
|
|
1438
1537
|
variant = "headerCTA",
|
|
1538
|
+
theme,
|
|
1439
1539
|
title,
|
|
1440
1540
|
subtitle,
|
|
1441
1541
|
cta,
|
|
@@ -1448,29 +1548,35 @@ var MiniSectionCta = ({
|
|
|
1448
1548
|
});
|
|
1449
1549
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1450
1550
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1451
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
{
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1551
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1552
|
+
"div",
|
|
1553
|
+
{
|
|
1554
|
+
className: clsx20__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
1555
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
1556
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
1557
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
1558
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1559
|
+
"div",
|
|
1560
|
+
{
|
|
1561
|
+
className: clsx20__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
1562
|
+
children: subtitleNode
|
|
1563
|
+
}
|
|
1564
|
+
)
|
|
1565
|
+
] }),
|
|
1566
|
+
cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniSectionCta_module_default.col, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1567
|
+
Button,
|
|
1568
|
+
{
|
|
1569
|
+
className: MiniSectionCta_module_default.cta,
|
|
1570
|
+
href: cta.url,
|
|
1571
|
+
isExternal: cta.isExternal,
|
|
1572
|
+
variant: variant === "BgColorBlack" ? "shiny" : "primary",
|
|
1573
|
+
icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
|
|
1574
|
+
children: cta.label
|
|
1575
|
+
}
|
|
1576
|
+
) })
|
|
1577
|
+
] }) })
|
|
1578
|
+
}
|
|
1579
|
+
);
|
|
1474
1580
|
};
|
|
1475
1581
|
|
|
1476
1582
|
// src/widgets/MiniSectionCta/index.ts
|
|
@@ -1517,7 +1623,7 @@ var PracticePathCards = ({
|
|
|
1517
1623
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1518
1624
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1519
1625
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
1520
|
-
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: [
|
|
1521
1627
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
1522
1628
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
1523
1629
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
|
|
@@ -1571,8 +1677,8 @@ var Teaser5050With3Text = ({
|
|
|
1571
1677
|
title: Teaser5050With3TextTitle
|
|
1572
1678
|
});
|
|
1573
1679
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1574
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1575
|
-
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 }),
|
|
1576
1682
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
1577
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)) }),
|
|
1578
1684
|
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -1622,12 +1728,12 @@ var Teaser5050WithCta = ({
|
|
|
1622
1728
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1623
1729
|
"div",
|
|
1624
1730
|
{
|
|
1625
|
-
className:
|
|
1731
|
+
className: clsx20__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1626
1732
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1627
1733
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1628
1734
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1629
1735
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1630
|
-
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1736
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1631
1737
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1632
1738
|
] }),
|
|
1633
1739
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1666,6 +1772,7 @@ var UpcomingEventCard_module_default = {
|
|
|
1666
1772
|
description: "UpcomingEventCard_module_description",
|
|
1667
1773
|
"event-card-footer": "UpcomingEventCard_module_event-card-footer",
|
|
1668
1774
|
horizontal: "UpcomingEventCard_module_horizontal",
|
|
1775
|
+
"event-card-show-image": "UpcomingEventCard_module_event-card-show-image",
|
|
1669
1776
|
"event-card-cta": "UpcomingEventCard_module_event-card-cta",
|
|
1670
1777
|
hidden: "UpcomingEventCard_module_hidden",
|
|
1671
1778
|
"cta-without-image": "UpcomingEventCard_module_cta-without-image",
|
|
@@ -1690,7 +1797,7 @@ var UpcomingEventCard = ({
|
|
|
1690
1797
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1691
1798
|
"article",
|
|
1692
1799
|
{
|
|
1693
|
-
className:
|
|
1800
|
+
className: clsx20__default.default(
|
|
1694
1801
|
"card",
|
|
1695
1802
|
UpcomingEventCard_module_default["event-card"],
|
|
1696
1803
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1698,39 +1805,49 @@ var UpcomingEventCard = ({
|
|
|
1698
1805
|
className
|
|
1699
1806
|
),
|
|
1700
1807
|
children: [
|
|
1701
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
1702
|
-
showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1703
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
className:
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
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
|
+
)
|
|
1724
1841
|
] }),
|
|
1725
1842
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1726
1843
|
"div",
|
|
1727
1844
|
{
|
|
1728
|
-
className:
|
|
1845
|
+
className: clsx20__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1729
1846
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1730
1847
|
Button,
|
|
1731
1848
|
{
|
|
1732
1849
|
variant: "secondary",
|
|
1733
|
-
className:
|
|
1850
|
+
className: clsx20__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1734
1851
|
fullWidth: isBelowMobile,
|
|
1735
1852
|
href: cta.url,
|
|
1736
1853
|
icon: cta.icon,
|
|
@@ -1751,7 +1868,7 @@ var Carousel = (_a) => {
|
|
|
1751
1868
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1752
1869
|
react$1.Swiper,
|
|
1753
1870
|
__spreadProps(__spreadValues({
|
|
1754
|
-
className:
|
|
1871
|
+
className: clsx20__default.default(Carousel_module_default.carousel, className),
|
|
1755
1872
|
spaceBetween: 0,
|
|
1756
1873
|
slidesPerView: "auto",
|
|
1757
1874
|
modules: [modules.FreeMode],
|
|
@@ -1763,7 +1880,7 @@ var Carousel = (_a) => {
|
|
|
1763
1880
|
react$1.SwiperSlide,
|
|
1764
1881
|
{
|
|
1765
1882
|
tag: "li",
|
|
1766
|
-
className:
|
|
1883
|
+
className: clsx20__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1767
1884
|
children: slide
|
|
1768
1885
|
},
|
|
1769
1886
|
index
|
|
@@ -1776,11 +1893,13 @@ var Carousel = (_a) => {
|
|
|
1776
1893
|
var EventList_module_default = {
|
|
1777
1894
|
"event-list-module": "EventList_module_event-list-module",
|
|
1778
1895
|
"event-list-header-container": "EventList_module_event-list-header-container",
|
|
1896
|
+
"event-list-title": "EventList_module_event-list-title",
|
|
1779
1897
|
"event-list-wrapper": "EventList_module_event-list-wrapper",
|
|
1780
1898
|
vertical: "EventList_module_vertical",
|
|
1781
|
-
grey: "EventList_module_grey",
|
|
1782
1899
|
"card-list-item": "EventList_module_card-list-item",
|
|
1783
1900
|
"card-item": "EventList_module_card-item",
|
|
1901
|
+
internalEventList: "EventList_module_internalEventList",
|
|
1902
|
+
"events-page": "EventList_module_events-page",
|
|
1784
1903
|
horizontal: "EventList_module_horizontal",
|
|
1785
1904
|
"carousel-wrapper": "EventList_module_carousel-wrapper",
|
|
1786
1905
|
"carousel-list-item": "EventList_module_carousel-list-item",
|
|
@@ -1789,35 +1908,41 @@ var EventList_module_default = {
|
|
|
1789
1908
|
var EventListTitle = ({ children }) => {
|
|
1790
1909
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1791
1910
|
};
|
|
1792
|
-
var EventList = ({
|
|
1911
|
+
var EventList = ({
|
|
1912
|
+
className,
|
|
1913
|
+
title,
|
|
1914
|
+
items,
|
|
1915
|
+
cta,
|
|
1916
|
+
backgroundColor,
|
|
1917
|
+
variant,
|
|
1918
|
+
children
|
|
1919
|
+
}) => {
|
|
1793
1920
|
var _a;
|
|
1794
1921
|
const { is } = useViewPort_default();
|
|
1795
1922
|
const slots = resolveCompoundSlots(children, {
|
|
1796
1923
|
title: EventListTitle
|
|
1797
1924
|
});
|
|
1798
1925
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1799
|
-
const isGrey = variant === "grey";
|
|
1800
1926
|
const isBelowTablet = is("tablet", "below");
|
|
1801
1927
|
const cardDirection = isBelowTablet ? "vertical" : "horizontal";
|
|
1802
|
-
const
|
|
1928
|
+
const isInternalEventList = variant === "internalEventList";
|
|
1929
|
+
const listDirection = isInternalEventList ? "horizontal" : "vertical";
|
|
1803
1930
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1804
1931
|
"div",
|
|
1805
1932
|
{
|
|
1806
|
-
className:
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
),
|
|
1812
|
-
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: [
|
|
1813
1938
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1814
|
-
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 }),
|
|
1815
1940
|
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
|
|
1816
1941
|
] }),
|
|
1817
|
-
|
|
1942
|
+
isInternalEventList && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1818
1943
|
Carousel,
|
|
1819
1944
|
{
|
|
1820
|
-
wrapperClass:
|
|
1945
|
+
wrapperClass: clsx20__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
1821
1946
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1822
1947
|
spaceBetween: 16,
|
|
1823
1948
|
slides: items.map((item) => {
|
|
@@ -1825,7 +1950,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1825
1950
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1826
1951
|
UpcomingEventCard,
|
|
1827
1952
|
__spreadValues({
|
|
1828
|
-
className:
|
|
1953
|
+
className: clsx20__default.default(EventList_module_default["event-card"]),
|
|
1829
1954
|
direction: "vertical",
|
|
1830
1955
|
showImage: false
|
|
1831
1956
|
}, item),
|
|
@@ -1834,16 +1959,16 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1834
1959
|
})
|
|
1835
1960
|
}
|
|
1836
1961
|
),
|
|
1837
|
-
|
|
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) => {
|
|
1838
1963
|
var _a2, _b, _c;
|
|
1839
1964
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1840
1965
|
"li",
|
|
1841
1966
|
{
|
|
1842
|
-
className:
|
|
1967
|
+
className: clsx20__default.default(EventList_module_default["card-list-item"]),
|
|
1843
1968
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1844
1969
|
UpcomingEventCard,
|
|
1845
1970
|
__spreadProps(__spreadValues({}, item), {
|
|
1846
|
-
className:
|
|
1971
|
+
className: clsx20__default.default(EventList_module_default["card-item"]),
|
|
1847
1972
|
showImage: false,
|
|
1848
1973
|
direction: "vertical"
|
|
1849
1974
|
})
|
|
@@ -1852,7 +1977,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1852
1977
|
(_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
|
|
1853
1978
|
);
|
|
1854
1979
|
}) }),
|
|
1855
|
-
!
|
|
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) => {
|
|
1856
1981
|
var _a2, _b, _c;
|
|
1857
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);
|
|
1858
1983
|
}) })
|
|
@@ -1902,9 +2027,9 @@ var TextEvent = (props) => {
|
|
|
1902
2027
|
});
|
|
1903
2028
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1904
2029
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
1905
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2030
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextEvent_module_default.textEvent, className), children: [
|
|
1906
2031
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
1907
|
-
/* @__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 })
|
|
1908
2033
|
] });
|
|
1909
2034
|
};
|
|
1910
2035
|
|
|
@@ -1935,7 +2060,7 @@ var TextBody = (props) => {
|
|
|
1935
2060
|
});
|
|
1936
2061
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1937
2062
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
1938
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className:
|
|
2063
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextBody_module_default.textBody, className), children: [
|
|
1939
2064
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
1940
2065
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
1941
2066
|
] });
|
|
@@ -1978,7 +2103,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1978
2103
|
});
|
|
1979
2104
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1980
2105
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1981
|
-
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: [
|
|
1982
2107
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
1983
2108
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
1984
2109
|
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -1986,7 +2111,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1986
2111
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1987
2112
|
"div",
|
|
1988
2113
|
{
|
|
1989
|
-
className:
|
|
2114
|
+
className: clsx20__default.default(
|
|
1990
2115
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
1991
2116
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
1992
2117
|
),
|
|
@@ -2053,6 +2178,7 @@ exports.CountingCard = CountingCard2;
|
|
|
2053
2178
|
exports.EventList = EventList2;
|
|
2054
2179
|
exports.Footer = Footer;
|
|
2055
2180
|
exports.HeroBanner = HeroBanner2;
|
|
2181
|
+
exports.HeroBannerCarousel = HeroBannerCarousel;
|
|
2056
2182
|
exports.Icon = Icon;
|
|
2057
2183
|
exports.InfoCard = InfoCard2;
|
|
2058
2184
|
exports.MiniBanner = MiniBanner2;
|