@digital-b2c/coreui-kit 0.6.0 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +164 -62
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +231 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +17 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.mjs +164 -63
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +100 -99
package/dist/index.d.cts
CHANGED
|
@@ -322,6 +322,22 @@ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundIma
|
|
|
322
322
|
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
323
323
|
};
|
|
324
324
|
|
|
325
|
+
interface HeroBannerCarouselItem {
|
|
326
|
+
title: string;
|
|
327
|
+
body: ReactNode;
|
|
328
|
+
image: PictureProps;
|
|
329
|
+
ctas: ICtaLogo[];
|
|
330
|
+
cornerImage?: string;
|
|
331
|
+
}
|
|
332
|
+
interface HeroBannerCarouselProps {
|
|
333
|
+
className?: string;
|
|
334
|
+
items?: HeroBannerCarouselItem[];
|
|
335
|
+
navPrevIcon?: string;
|
|
336
|
+
navNextIcon?: string;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
|
|
340
|
+
|
|
325
341
|
type MiniBannerSubtitleProps = {
|
|
326
342
|
children: ReactNode;
|
|
327
343
|
};
|
|
@@ -558,4 +574,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
558
574
|
*/
|
|
559
575
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
560
576
|
|
|
561
|
-
export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
577
|
+
export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
package/dist/index.d.ts
CHANGED
|
@@ -322,6 +322,22 @@ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundIma
|
|
|
322
322
|
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
323
323
|
};
|
|
324
324
|
|
|
325
|
+
interface HeroBannerCarouselItem {
|
|
326
|
+
title: string;
|
|
327
|
+
body: ReactNode;
|
|
328
|
+
image: PictureProps;
|
|
329
|
+
ctas: ICtaLogo[];
|
|
330
|
+
cornerImage?: string;
|
|
331
|
+
}
|
|
332
|
+
interface HeroBannerCarouselProps {
|
|
333
|
+
className?: string;
|
|
334
|
+
items?: HeroBannerCarouselItem[];
|
|
335
|
+
navPrevIcon?: string;
|
|
336
|
+
navNextIcon?: string;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
|
|
340
|
+
|
|
325
341
|
type MiniBannerSubtitleProps = {
|
|
326
342
|
children: ReactNode;
|
|
327
343
|
};
|
|
@@ -558,4 +574,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
558
574
|
*/
|
|
559
575
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
560
576
|
|
|
561
|
-
export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
577
|
+
export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import clsx20 from 'clsx';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import React52, { forwardRef, useRef, useState, useCallback, Children, isValidElement, useMemo, useEffect } from 'react';
|
|
4
4
|
import gsap$1, { gsap } from 'gsap';
|
|
5
5
|
import { useGSAP } from '@gsap/react';
|
|
6
6
|
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
7
7
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
8
|
-
import { FreeMode } from 'swiper/modules';
|
|
8
|
+
import { FreeMode, Navigation, Pagination as Pagination$1 } from 'swiper/modules';
|
|
9
9
|
import 'swiper/css';
|
|
10
10
|
|
|
11
11
|
var __defProp = Object.defineProperty;
|
|
@@ -58,7 +58,7 @@ var Picture = (_a) => {
|
|
|
58
58
|
__spreadValues({
|
|
59
59
|
src: desktop.src,
|
|
60
60
|
alt: desktop.alt,
|
|
61
|
-
className:
|
|
61
|
+
className: clsx20(className, Picture_module_default["image-desktop"])
|
|
62
62
|
}, rest)
|
|
63
63
|
),
|
|
64
64
|
/* @__PURE__ */ jsx(
|
|
@@ -66,7 +66,7 @@ var Picture = (_a) => {
|
|
|
66
66
|
__spreadValues({
|
|
67
67
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
68
68
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
69
|
-
className:
|
|
69
|
+
className: clsx20(className, Picture_module_default["image-mobile"])
|
|
70
70
|
}, rest)
|
|
71
71
|
)
|
|
72
72
|
] });
|
|
@@ -380,7 +380,7 @@ var Button = (_a) => {
|
|
|
380
380
|
]);
|
|
381
381
|
const isLink = !!href;
|
|
382
382
|
const props = __spreadValues(__spreadValues({
|
|
383
|
-
className:
|
|
383
|
+
className: clsx20(
|
|
384
384
|
Button_module_default.button,
|
|
385
385
|
variant ? Button_module_default[variant] : null,
|
|
386
386
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -610,7 +610,7 @@ var BrandsStrip = ({
|
|
|
610
610
|
"div",
|
|
611
611
|
{
|
|
612
612
|
ref: containerRef,
|
|
613
|
-
className:
|
|
613
|
+
className: clsx20(
|
|
614
614
|
BrandsStrip_module_default.brandsStrip,
|
|
615
615
|
BrandsStrip_module_default[variant],
|
|
616
616
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -619,13 +619,13 @@ var BrandsStrip = ({
|
|
|
619
619
|
onMouseEnter: handleMouseEnter,
|
|
620
620
|
onMouseLeave: handleMouseLeave,
|
|
621
621
|
children: [
|
|
622
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
623
|
-
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className:
|
|
622
|
+
/* @__PURE__ */ jsxs("div", { className: clsx20(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
623
|
+
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx20("body", BrandsStrip_module_default.title), children: title }),
|
|
624
624
|
logos.length > 0 && /* @__PURE__ */ jsx(
|
|
625
625
|
"div",
|
|
626
626
|
{
|
|
627
627
|
ref: marqueeRef,
|
|
628
|
-
className:
|
|
628
|
+
className: clsx20(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
629
629
|
children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
|
|
630
630
|
}
|
|
631
631
|
)
|
|
@@ -672,7 +672,7 @@ var Container_module_default = {
|
|
|
672
672
|
var Container = forwardRef(
|
|
673
673
|
(_a, ref) => {
|
|
674
674
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
675
|
-
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
675
|
+
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx20(Container_module_default.container, className) }, props), { children }));
|
|
676
676
|
}
|
|
677
677
|
);
|
|
678
678
|
Container.displayName = "Container";
|
|
@@ -709,7 +709,7 @@ var Card = ({
|
|
|
709
709
|
ConditionalWrapper,
|
|
710
710
|
__spreadProps(__spreadValues({
|
|
711
711
|
ref,
|
|
712
|
-
className:
|
|
712
|
+
className: clsx20(Card_module_default.card, Card_module_default[variant], className),
|
|
713
713
|
wrapper: Anchor,
|
|
714
714
|
fallback: "div",
|
|
715
715
|
condition: href && !label
|
|
@@ -748,10 +748,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
748
748
|
title: CountingCardTitle
|
|
749
749
|
});
|
|
750
750
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
751
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
751
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx20(CountingCard_module_default["counting-card"], className), children: [
|
|
752
752
|
/* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
753
753
|
titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
|
|
754
|
-
count && /* @__PURE__ */ jsx("div", { className:
|
|
754
|
+
count && /* @__PURE__ */ jsx("div", { className: clsx20(CountingCard_module_default.count, "h1"), children: count })
|
|
755
755
|
] }),
|
|
756
756
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
757
757
|
] });
|
|
@@ -783,9 +783,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
783
783
|
});
|
|
784
784
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
785
785
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
786
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
786
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx20(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
787
787
|
/* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
788
|
-
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className:
|
|
788
|
+
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx20(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
789
789
|
titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
|
|
790
790
|
] }),
|
|
791
791
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -847,7 +847,7 @@ var Pagination = ({
|
|
|
847
847
|
setActivePage(page);
|
|
848
848
|
onPageChange == null ? void 0 : onPageChange(page);
|
|
849
849
|
};
|
|
850
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
850
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx20(Pagination_module_default.pagination, className), children: [
|
|
851
851
|
!disableArrows && /* @__PURE__ */ jsx(
|
|
852
852
|
"button",
|
|
853
853
|
{
|
|
@@ -864,7 +864,7 @@ var Pagination = ({
|
|
|
864
864
|
"button",
|
|
865
865
|
{
|
|
866
866
|
onClick: () => goToPage(page),
|
|
867
|
-
className:
|
|
867
|
+
className: clsx20(Pagination_module_default.page, {
|
|
868
868
|
[Pagination_module_default.active]: activePage === page,
|
|
869
869
|
[Pagination_module_default.number]: hasNumber
|
|
870
870
|
}),
|
|
@@ -900,7 +900,7 @@ var PracticeCard_module_default = {
|
|
|
900
900
|
};
|
|
901
901
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
902
902
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
903
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
903
|
+
return /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
|
|
904
904
|
ConditionalWrapper,
|
|
905
905
|
__spreadProps(__spreadValues({
|
|
906
906
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -911,7 +911,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
911
911
|
children: [
|
|
912
912
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
913
913
|
/* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
914
|
-
title && /* @__PURE__ */ jsx("div", { className:
|
|
914
|
+
title && /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default.title, "h3"), children: title }),
|
|
915
915
|
href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
916
916
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
917
917
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1000,13 +1000,13 @@ var CardCollection = ({
|
|
|
1000
1000
|
Container,
|
|
1001
1001
|
{
|
|
1002
1002
|
ref: container,
|
|
1003
|
-
className:
|
|
1003
|
+
className: clsx20(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
1004
1004
|
children: [
|
|
1005
1005
|
/* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
1006
1006
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
1007
1007
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
1008
1008
|
] }),
|
|
1009
|
-
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className:
|
|
1009
|
+
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx20(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
1010
1010
|
visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
1011
1011
|
isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
|
|
1012
1012
|
Card2,
|
|
@@ -1107,7 +1107,7 @@ var ContactModule = ({
|
|
|
1107
1107
|
},
|
|
1108
1108
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
1109
1109
|
);
|
|
1110
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className:
|
|
1110
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx20(ContactModule_module_default["contact-module"], className), children: [
|
|
1111
1111
|
blurred && /* @__PURE__ */ jsx(
|
|
1112
1112
|
"div",
|
|
1113
1113
|
{
|
|
@@ -1122,8 +1122,8 @@ var ContactModule = ({
|
|
|
1122
1122
|
/* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
1123
1123
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
1124
1124
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
1125
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1126
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1125
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
1126
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
1127
1127
|
] }),
|
|
1128
1128
|
/* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
1129
1129
|
Button,
|
|
@@ -1184,7 +1184,7 @@ var Footer = ({
|
|
|
1184
1184
|
disclaimer: FooterDisclaimer
|
|
1185
1185
|
});
|
|
1186
1186
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
1187
|
-
return /* @__PURE__ */ jsx("footer", { className:
|
|
1187
|
+
return /* @__PURE__ */ jsx("footer", { className: clsx20(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
|
|
1188
1188
|
/* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
|
|
1189
1189
|
/* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
|
|
1190
1190
|
supporters.length > 0 && /* @__PURE__ */ jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
|
|
@@ -1200,7 +1200,7 @@ var Footer = ({
|
|
|
1200
1200
|
index
|
|
1201
1201
|
) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
1202
1202
|
) }) }),
|
|
1203
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1203
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
1204
1204
|
copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
1205
1205
|
] }),
|
|
1206
1206
|
columns.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -1269,12 +1269,12 @@ var HeroBanner = ({
|
|
|
1269
1269
|
});
|
|
1270
1270
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1271
1271
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1272
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1272
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx20(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
|
|
1273
1273
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
1274
1274
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
1275
1275
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
1276
|
-
titleNode && /* @__PURE__ */ jsx("h1", { className:
|
|
1277
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1276
|
+
titleNode && /* @__PURE__ */ jsx("h1", { className: clsx20(HeroBanner_module_default.title, "h1"), children: titleNode }),
|
|
1277
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
|
|
1278
1278
|
] }),
|
|
1279
1279
|
cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
|
|
1280
1280
|
return /* @__PURE__ */ jsx(
|
|
@@ -1317,6 +1317,107 @@ var HeroBanner2 = Object.assign(HeroBanner, {
|
|
|
1317
1317
|
Title: HeroBannerTitle,
|
|
1318
1318
|
Subtitle: HeroBannerSubtitle
|
|
1319
1319
|
});
|
|
1320
|
+
|
|
1321
|
+
// src/widgets/HeroBannerCarousel/HeroBannerCarousel.module.scss
|
|
1322
|
+
var HeroBannerCarousel_module_default = {
|
|
1323
|
+
heroBannerCarousel: "HeroBannerCarousel_module_heroBannerCarousel",
|
|
1324
|
+
inner: "HeroBannerCarousel_module_inner",
|
|
1325
|
+
swiperContainer: "HeroBannerCarousel_module_swiperContainer",
|
|
1326
|
+
card: "HeroBannerCarousel_module_card",
|
|
1327
|
+
cardCorner: "HeroBannerCarousel_module_cardCorner",
|
|
1328
|
+
cardCornerImage: "HeroBannerCarousel_module_cardCornerImage",
|
|
1329
|
+
cardCornerDot: "HeroBannerCarousel_module_cardCornerDot",
|
|
1330
|
+
cardContent: "HeroBannerCarousel_module_cardContent",
|
|
1331
|
+
cardTitle: "HeroBannerCarousel_module_cardTitle",
|
|
1332
|
+
cardBottom: "HeroBannerCarousel_module_cardBottom",
|
|
1333
|
+
cardBody: "HeroBannerCarousel_module_cardBody",
|
|
1334
|
+
cardCtaContainer: "HeroBannerCarousel_module_cardCtaContainer",
|
|
1335
|
+
cardImageWrapper: "HeroBannerCarousel_module_cardImageWrapper",
|
|
1336
|
+
cardImage: "HeroBannerCarousel_module_cardImage",
|
|
1337
|
+
controls: "HeroBannerCarousel_module_controls",
|
|
1338
|
+
navButton: "HeroBannerCarousel_module_navButton",
|
|
1339
|
+
navIcon: "HeroBannerCarousel_module_navIcon",
|
|
1340
|
+
pagination: "HeroBannerCarousel_module_pagination",
|
|
1341
|
+
dot: "HeroBannerCarousel_module_dot",
|
|
1342
|
+
dotActive: "HeroBannerCarousel_module_dotActive"
|
|
1343
|
+
};
|
|
1344
|
+
var HeroBannerCarousel = ({
|
|
1345
|
+
className,
|
|
1346
|
+
items = [],
|
|
1347
|
+
navPrevIcon,
|
|
1348
|
+
navNextIcon
|
|
1349
|
+
}) => {
|
|
1350
|
+
const { is } = useViewPort_default();
|
|
1351
|
+
const isMobile = is("tablet", "below");
|
|
1352
|
+
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
1353
|
+
const [activeIndex, setActiveIndex] = useState(0);
|
|
1354
|
+
if (!items.length) return null;
|
|
1355
|
+
return /* @__PURE__ */ jsx("div", { className: clsx20(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
1356
|
+
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
1357
|
+
Swiper,
|
|
1358
|
+
{
|
|
1359
|
+
modules: [Navigation, Pagination$1],
|
|
1360
|
+
slidesPerView: "auto",
|
|
1361
|
+
spaceBetween: isMobile ? 8 : 32,
|
|
1362
|
+
onSwiper: setSwiperInstance,
|
|
1363
|
+
onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
|
|
1364
|
+
children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
|
|
1365
|
+
item.cornerImage && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx("img", { src: item.cornerImage, alt: "", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
|
|
1366
|
+
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
|
|
1367
|
+
/* @__PURE__ */ jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
|
|
1368
|
+
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
|
|
1369
|
+
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
|
|
1370
|
+
item.ctas.length > 0 && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsx(
|
|
1371
|
+
Button,
|
|
1372
|
+
{
|
|
1373
|
+
href: cta.url,
|
|
1374
|
+
isExternal: cta.isExternal,
|
|
1375
|
+
variant: "primary",
|
|
1376
|
+
fullWidth: isMobile,
|
|
1377
|
+
logo: cta.logo,
|
|
1378
|
+
children: cta.label
|
|
1379
|
+
},
|
|
1380
|
+
ctaIndex
|
|
1381
|
+
)) })
|
|
1382
|
+
] })
|
|
1383
|
+
] }),
|
|
1384
|
+
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardImageWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: HeroBannerCarousel_module_default.cardImage }, item.image)) })
|
|
1385
|
+
] }) }, index))
|
|
1386
|
+
}
|
|
1387
|
+
) }),
|
|
1388
|
+
/* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.controls, children: [
|
|
1389
|
+
/* @__PURE__ */ jsx(
|
|
1390
|
+
"button",
|
|
1391
|
+
{
|
|
1392
|
+
className: HeroBannerCarousel_module_default.navButton,
|
|
1393
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slidePrev(),
|
|
1394
|
+
disabled: activeIndex === 0,
|
|
1395
|
+
"aria-label": "Previous slide",
|
|
1396
|
+
children: navPrevIcon && /* @__PURE__ */ jsx("img", { src: navPrevIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
|
|
1397
|
+
}
|
|
1398
|
+
),
|
|
1399
|
+
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
|
|
1400
|
+
"button",
|
|
1401
|
+
{
|
|
1402
|
+
className: clsx20(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
1403
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
1404
|
+
"aria-label": `Go to slide ${index + 1}`
|
|
1405
|
+
},
|
|
1406
|
+
index
|
|
1407
|
+
)) }),
|
|
1408
|
+
/* @__PURE__ */ jsx(
|
|
1409
|
+
"button",
|
|
1410
|
+
{
|
|
1411
|
+
className: HeroBannerCarousel_module_default.navButton,
|
|
1412
|
+
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideNext(),
|
|
1413
|
+
disabled: activeIndex === items.length - 1,
|
|
1414
|
+
"aria-label": "Next slide",
|
|
1415
|
+
children: navNextIcon && /* @__PURE__ */ jsx("img", { src: navNextIcon, alt: "", className: HeroBannerCarousel_module_default.navIcon })
|
|
1416
|
+
}
|
|
1417
|
+
)
|
|
1418
|
+
] })
|
|
1419
|
+
] }) });
|
|
1420
|
+
};
|
|
1320
1421
|
var MiniBannerTitle = ({ children }) => {
|
|
1321
1422
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1322
1423
|
};
|
|
@@ -1365,17 +1466,17 @@ var MiniBanner = ({
|
|
|
1365
1466
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1366
1467
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1367
1468
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1368
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1469
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx20(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1369
1470
|
((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__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
1370
1471
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1371
1472
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1372
1473
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
1373
|
-
pretitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1374
|
-
/* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1474
|
+
pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1475
|
+
/* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
1375
1476
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
1376
1477
|
"div",
|
|
1377
1478
|
{
|
|
1378
|
-
className:
|
|
1479
|
+
className: clsx20(MiniBanner_module_default.title, {
|
|
1379
1480
|
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1380
1481
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1381
1482
|
}),
|
|
@@ -1446,14 +1547,14 @@ var MiniSectionCta = ({
|
|
|
1446
1547
|
return /* @__PURE__ */ jsx(
|
|
1447
1548
|
"div",
|
|
1448
1549
|
{
|
|
1449
|
-
className:
|
|
1550
|
+
className: clsx20(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
1450
1551
|
children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
1451
1552
|
/* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
1452
1553
|
titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
1453
1554
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
1454
1555
|
"div",
|
|
1455
1556
|
{
|
|
1456
|
-
className:
|
|
1557
|
+
className: clsx20(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
1457
1558
|
children: subtitleNode
|
|
1458
1559
|
}
|
|
1459
1560
|
)
|
|
@@ -1518,7 +1619,7 @@ var PracticePathCards = ({
|
|
|
1518
1619
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1519
1620
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1520
1621
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
1521
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1622
|
+
return /* @__PURE__ */ jsx("div", { className: clsx20(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
1522
1623
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
1523
1624
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
1524
1625
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
@@ -1572,8 +1673,8 @@ var Teaser5050With3Text = ({
|
|
|
1572
1673
|
title: Teaser5050With3TextTitle
|
|
1573
1674
|
});
|
|
1574
1675
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1575
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1576
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1676
|
+
return /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
1677
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
1577
1678
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
1578
1679
|
/* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
1579
1680
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -1623,12 +1724,12 @@ var Teaser5050WithCta = ({
|
|
|
1623
1724
|
return /* @__PURE__ */ jsx(
|
|
1624
1725
|
"div",
|
|
1625
1726
|
{
|
|
1626
|
-
className:
|
|
1727
|
+
className: clsx20(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1627
1728
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1628
1729
|
children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1629
1730
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1630
1731
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1631
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
1732
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1632
1733
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
1633
1734
|
] }),
|
|
1634
1735
|
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
@@ -1691,7 +1792,7 @@ var UpcomingEventCard = ({
|
|
|
1691
1792
|
return /* @__PURE__ */ jsxs(
|
|
1692
1793
|
"article",
|
|
1693
1794
|
{
|
|
1694
|
-
className:
|
|
1795
|
+
className: clsx20(
|
|
1695
1796
|
"card",
|
|
1696
1797
|
UpcomingEventCard_module_default["event-card"],
|
|
1697
1798
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1699,18 +1800,18 @@ var UpcomingEventCard = ({
|
|
|
1699
1800
|
className
|
|
1700
1801
|
),
|
|
1701
1802
|
children: [
|
|
1702
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1703
|
-
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1704
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1803
|
+
/* @__PURE__ */ jsxs("div", { className: clsx20("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1804
|
+
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1805
|
+
/* @__PURE__ */ jsxs("div", { className: clsx20("card-text-content", UpcomingEventCard_module_default["event-card-text-content"]), children: [
|
|
1705
1806
|
/* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1706
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
1807
|
+
title && /* @__PURE__ */ jsx("h3", { className: clsx20("card-text-title"), children: title }),
|
|
1707
1808
|
location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1708
|
-
description && /* @__PURE__ */ jsx("div", { className:
|
|
1809
|
+
description && /* @__PURE__ */ jsx("div", { className: clsx20("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1709
1810
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1710
1811
|
Button,
|
|
1711
1812
|
{
|
|
1712
1813
|
variant: "secondary",
|
|
1713
|
-
className:
|
|
1814
|
+
className: clsx20(
|
|
1714
1815
|
"card-cta",
|
|
1715
1816
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1716
1817
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1726,12 +1827,12 @@ var UpcomingEventCard = ({
|
|
|
1726
1827
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1727
1828
|
"div",
|
|
1728
1829
|
{
|
|
1729
|
-
className:
|
|
1830
|
+
className: clsx20("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1730
1831
|
children: /* @__PURE__ */ jsx(
|
|
1731
1832
|
Button,
|
|
1732
1833
|
{
|
|
1733
1834
|
variant: "secondary",
|
|
1734
|
-
className:
|
|
1835
|
+
className: clsx20("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1735
1836
|
fullWidth: isBelowMobile,
|
|
1736
1837
|
href: cta.url,
|
|
1737
1838
|
icon: cta.icon,
|
|
@@ -1752,7 +1853,7 @@ var Carousel = (_a) => {
|
|
|
1752
1853
|
return /* @__PURE__ */ jsx(
|
|
1753
1854
|
Swiper,
|
|
1754
1855
|
__spreadProps(__spreadValues({
|
|
1755
|
-
className:
|
|
1856
|
+
className: clsx20(Carousel_module_default.carousel, className),
|
|
1756
1857
|
spaceBetween: 0,
|
|
1757
1858
|
slidesPerView: "auto",
|
|
1758
1859
|
modules: [FreeMode],
|
|
@@ -1764,7 +1865,7 @@ var Carousel = (_a) => {
|
|
|
1764
1865
|
SwiperSlide,
|
|
1765
1866
|
{
|
|
1766
1867
|
tag: "li",
|
|
1767
|
-
className:
|
|
1868
|
+
className: clsx20(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1768
1869
|
children: slide
|
|
1769
1870
|
},
|
|
1770
1871
|
index
|
|
@@ -1804,13 +1905,13 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1804
1905
|
return /* @__PURE__ */ jsx(
|
|
1805
1906
|
"div",
|
|
1806
1907
|
{
|
|
1807
|
-
className:
|
|
1908
|
+
className: clsx20(
|
|
1808
1909
|
"event-list-module",
|
|
1809
1910
|
EventList_module_default["event-list-module"],
|
|
1810
1911
|
isGrey && EventList_module_default[variant],
|
|
1811
1912
|
className
|
|
1812
1913
|
),
|
|
1813
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
1914
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx20(EventList_module_default["event-list-container"]), children: [
|
|
1814
1915
|
/* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1815
1916
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
1816
1917
|
cta && cta.url && /* @__PURE__ */ jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
|
|
@@ -1818,7 +1919,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1818
1919
|
isGrey && isBelowTablet && /* @__PURE__ */ jsx(
|
|
1819
1920
|
Carousel,
|
|
1820
1921
|
{
|
|
1821
|
-
wrapperClass:
|
|
1922
|
+
wrapperClass: clsx20(EventList_module_default["carousel-wrapper"]),
|
|
1822
1923
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1823
1924
|
spaceBetween: 16,
|
|
1824
1925
|
slides: items.map((item) => {
|
|
@@ -1835,12 +1936,12 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1835
1936
|
})
|
|
1836
1937
|
}
|
|
1837
1938
|
),
|
|
1838
|
-
isGrey && !isBelowTablet && /* @__PURE__ */ jsx("ul", { className:
|
|
1939
|
+
isGrey && !isBelowTablet && /* @__PURE__ */ jsx("ul", { className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]), children: items == null ? void 0 : items.map((item, index) => {
|
|
1839
1940
|
var _a2, _b, _c;
|
|
1840
1941
|
return /* @__PURE__ */ jsx(
|
|
1841
1942
|
"li",
|
|
1842
1943
|
{
|
|
1843
|
-
className:
|
|
1944
|
+
className: clsx20(EventList_module_default["card-list-item"]),
|
|
1844
1945
|
children: /* @__PURE__ */ jsx(
|
|
1845
1946
|
UpcomingEventCard,
|
|
1846
1947
|
__spreadProps(__spreadValues({}, item), {
|
|
@@ -1853,7 +1954,7 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1853
1954
|
(_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
|
|
1854
1955
|
);
|
|
1855
1956
|
}) }),
|
|
1856
|
-
!isGrey && /* @__PURE__ */ jsx("ul", { className:
|
|
1957
|
+
!isGrey && /* @__PURE__ */ jsx("ul", { className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]), children: items == null ? void 0 : items.map((item, index) => {
|
|
1857
1958
|
var _a2, _b, _c;
|
|
1858
1959
|
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
1859
1960
|
}) })
|
|
@@ -1903,9 +2004,9 @@ var TextEvent = (props) => {
|
|
|
1903
2004
|
});
|
|
1904
2005
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1905
2006
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
1906
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
2007
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextEvent_module_default.textEvent, className), children: [
|
|
1907
2008
|
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
1908
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2009
|
+
/* @__PURE__ */ jsx("div", { className: clsx20(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
1909
2010
|
] });
|
|
1910
2011
|
};
|
|
1911
2012
|
|
|
@@ -1936,7 +2037,7 @@ var TextBody = (props) => {
|
|
|
1936
2037
|
});
|
|
1937
2038
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1938
2039
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
1939
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
2040
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextBody_module_default.textBody, className), children: [
|
|
1940
2041
|
titleNode && /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
|
|
1941
2042
|
/* @__PURE__ */ jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
1942
2043
|
] });
|
|
@@ -1979,7 +2080,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1979
2080
|
});
|
|
1980
2081
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1981
2082
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1982
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2083
|
+
return /* @__PURE__ */ jsx("div", { className: clsx20(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
1983
2084
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
1984
2085
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
1985
2086
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -1987,7 +2088,7 @@ var TextCenterCtaInBottom = ({
|
|
|
1987
2088
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
1988
2089
|
"div",
|
|
1989
2090
|
{
|
|
1990
|
-
className:
|
|
2091
|
+
className: clsx20(
|
|
1991
2092
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
1992
2093
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
1993
2094
|
),
|
|
@@ -2042,6 +2143,6 @@ function useIntersectionObserver({
|
|
|
2042
2143
|
return { observeRef, isVisible };
|
|
2043
2144
|
}
|
|
2044
2145
|
|
|
2045
|
-
export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
2146
|
+
export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
2046
2147
|
//# sourceMappingURL=index.mjs.map
|
|
2047
2148
|
//# sourceMappingURL=index.mjs.map
|