@digital-b2c/coreui-kit 0.16.3 → 0.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +506 -425
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +713 -573
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +60 -29
- package/dist/index.d.ts +60 -29
- package/dist/index.mjs +418 -339
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +100 -101
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import clsx49 from 'clsx';
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import
|
|
3
|
+
import React71, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, Children, isValidElement, Fragment as Fragment$1 } from 'react';
|
|
4
4
|
import gsap$1, { gsap } from 'gsap';
|
|
5
5
|
import { useGSAP } from '@gsap/react';
|
|
6
6
|
import { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
@@ -59,7 +59,7 @@ var Picture = (_a) => {
|
|
|
59
59
|
__spreadValues({
|
|
60
60
|
src: desktop.src,
|
|
61
61
|
alt: desktop.alt,
|
|
62
|
-
className:
|
|
62
|
+
className: clsx49(className, Picture_module_default["image-desktop"])
|
|
63
63
|
}, rest)
|
|
64
64
|
),
|
|
65
65
|
/* @__PURE__ */ jsx(
|
|
@@ -67,7 +67,7 @@ var Picture = (_a) => {
|
|
|
67
67
|
__spreadValues({
|
|
68
68
|
src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
|
|
69
69
|
alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
|
|
70
|
-
className:
|
|
70
|
+
className: clsx49(className, Picture_module_default["image-mobile"])
|
|
71
71
|
}, rest)
|
|
72
72
|
)
|
|
73
73
|
] });
|
|
@@ -312,6 +312,8 @@ var SvgIconChevronLeftBlack = (props) => /* @__PURE__ */ jsx("svg", __spreadProp
|
|
|
312
312
|
var icon_chevron_left_black_default = SvgIconChevronLeftBlack;
|
|
313
313
|
var SvgIconChevronRightBlack = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 44, height: 44, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M28.6806 23.1676L21.1594 15.6468L19.5383 17.3142L25.3922 23.1676L19.5383 29.021L21.1594 30.6883L28.6806 23.1676ZM40.7 23.1643C40.7 25.586 40.2381 27.8659 39.3142 30.0038C38.3904 32.1417 37.1315 34.0081 35.5376 35.6029C33.9435 37.1974 32.0779 38.4569 29.9408 39.3813C27.8038 40.3055 25.5246 40.7676 23.1032 40.7676C20.6689 40.7676 18.3807 40.3057 16.2388 39.3818C14.0968 38.458 12.2337 37.1991 10.6494 35.6052C9.06508 34.011 7.81069 32.1454 6.88623 30.0084C5.96208 27.8714 5.5 25.5922 5.5 23.1708C5.5 20.7365 5.96192 18.4483 6.88577 16.3064C7.80961 14.1644 9.06338 12.3013 10.6471 10.717C12.2308 9.13266 14.0931 7.87827 16.2341 6.95381C18.3752 6.02966 20.6627 5.56758 23.0968 5.56758C25.5185 5.56758 27.7983 6.0295 29.9362 6.95335C32.0741 7.87719 33.9405 9.13096 35.5353 10.7147C37.1298 12.2983 38.3893 14.1607 39.3138 16.3017C40.2379 18.4427 40.7 20.7303 40.7 23.1643Z", fill: "#080808" }) }));
|
|
314
314
|
var icon_chevron_right_black_default = SvgIconChevronRightBlack;
|
|
315
|
+
var SvgIconChevronRight = (props) => /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsx("path", { d: "M9 6L15 12L9 18", stroke: "#080808", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
316
|
+
var icon_chevron_right_default = SvgIconChevronRight;
|
|
315
317
|
var SvgIconPdf = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 32, viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
|
|
316
318
|
/* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_7870_13608)", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M28.875 8.92428V27.7644C28.875 28.8164 28.4404 29.8252 27.6668 30.5691C26.8932 31.3129 25.844 31.7308 24.75 31.7308H22.6875V29.7476H24.75C25.297 29.7476 25.8216 29.5387 26.2084 29.1667C26.5952 28.7948 26.8125 28.2904 26.8125 27.7644V8.92428H22.6875C21.867 8.92428 21.0801 8.61087 20.4999 8.05299C19.9197 7.49512 19.5938 6.73847 19.5938 5.94952V1.98317H8.25C7.70299 1.98317 7.17839 2.19211 6.79159 2.56403C6.4048 2.93595 6.1875 3.44038 6.1875 3.96635V21.8149H4.125V3.96635C4.125 2.91441 4.5596 1.90555 5.33318 1.16172C6.10677 0.417882 7.15598 0 8.25 0L19.5938 0L28.875 8.92428ZM3.3 23.5006H0V31.4313H1.63144V28.7699H3.28762C3.87887 28.7699 4.38212 28.6555 4.79737 28.4268C5.21675 28.1954 5.53506 27.8821 5.75231 27.4868C5.97875 27.0732 6.09297 26.6114 6.08438 26.1442C6.08438 25.6484 5.97575 25.2008 5.7585 24.8016C5.54086 24.4069 5.21207 24.079 4.80975 23.8556C4.39725 23.6176 3.894 23.4993 3.3 23.5006ZM4.42406 26.1442C4.43107 26.4054 4.37085 26.6643 4.24875 26.8978C4.13927 27.1012 3.96809 27.2679 3.75788 27.3757C3.51761 27.4895 3.25216 27.5453 2.98444 27.5383H1.62525V24.75H2.9865C3.43612 24.75 3.78813 24.8697 4.0425 25.109C4.29688 25.3509 4.42406 25.696 4.42406 26.1442ZM6.93412 23.5006V31.4313H9.94538C10.7731 31.4313 11.4593 31.2746 12.0038 30.9613C12.5548 30.6443 12.985 30.1652 13.2309 29.5949C13.5004 28.9999 13.6352 28.2834 13.6352 27.4451C13.6352 26.6122 13.5004 25.9016 13.2309 25.3132C12.9874 24.7497 12.5614 24.2768 12.0161 23.9647C11.4716 23.6553 10.7807 23.5006 9.94331 23.5006H6.93412ZM8.56556 24.7797H9.72675C10.2369 24.7797 10.6556 24.8802 10.9828 25.0812C11.3221 25.2964 11.5786 25.6127 11.7129 25.9816C11.8752 26.3808 11.9563 26.8786 11.9563 27.4749C11.9627 27.8704 11.9156 28.2651 11.8161 28.6489C11.7449 28.9524 11.6071 29.2378 11.4118 29.4858C11.2324 29.7082 10.9946 29.8807 10.7229 29.9856C10.4046 30.1 10.0665 30.1552 9.72675 30.1482H8.56556V24.7797ZM16.2855 28.2761V31.4313H14.6561V23.5006H19.9114V24.7956H16.2855V27.0108H19.5979V28.2761H16.2855Z", fill: "#949494" }) }),
|
|
317
319
|
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7870_13608", children: /* @__PURE__ */ jsx("rect", { width: 33, height: 31.7308, fill: "white" }) }) })
|
|
@@ -390,6 +392,7 @@ var svgs = {
|
|
|
390
392
|
list: icon_list_default,
|
|
391
393
|
chevronLeftBlack: icon_chevron_left_black_default,
|
|
392
394
|
chevronRightBlack: icon_chevron_right_black_default,
|
|
395
|
+
chevronRight: icon_chevron_right_default,
|
|
393
396
|
/* Dropdown */
|
|
394
397
|
chevronDefault: icon_chevron_default_default,
|
|
395
398
|
chevronHovered: icon_chevron_hovered_default,
|
|
@@ -403,7 +406,7 @@ var svgs = {
|
|
|
403
406
|
xWhite: icon_x_white_default,
|
|
404
407
|
user: icon_user_default
|
|
405
408
|
};
|
|
406
|
-
var Icon =
|
|
409
|
+
var Icon = React71.memo(
|
|
407
410
|
(_a) => {
|
|
408
411
|
var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
|
|
409
412
|
if (type) {
|
|
@@ -432,6 +435,7 @@ var Button_module_default = {
|
|
|
432
435
|
shiny: "Button_module_shiny",
|
|
433
436
|
rotateGradient: "Button_module_rotateGradient",
|
|
434
437
|
tabbutton: "Button_module_tabbutton",
|
|
438
|
+
textmenu: "Button_module_textmenu",
|
|
435
439
|
icon: "Button_module_icon",
|
|
436
440
|
logo: "Button_module_logo"
|
|
437
441
|
};
|
|
@@ -461,7 +465,7 @@ var Button = (_a) => {
|
|
|
461
465
|
]);
|
|
462
466
|
const isLink = !!href;
|
|
463
467
|
const props = __spreadValues(__spreadValues({
|
|
464
|
-
className:
|
|
468
|
+
className: clsx49(
|
|
465
469
|
Button_module_default.button,
|
|
466
470
|
variant ? Button_module_default[variant] : null,
|
|
467
471
|
{ [Button_module_default.fullWidth]: !!fullWidth },
|
|
@@ -693,7 +697,7 @@ var BrandsStrip = ({
|
|
|
693
697
|
"div",
|
|
694
698
|
{
|
|
695
699
|
ref: containerRef,
|
|
696
|
-
className:
|
|
700
|
+
className: clsx49(
|
|
697
701
|
BrandsStrip_module_default.brandsStrip,
|
|
698
702
|
BrandsStrip_module_default[variant],
|
|
699
703
|
{ [BrandsStrip_module_default.small]: size === "small" },
|
|
@@ -702,13 +706,13 @@ var BrandsStrip = ({
|
|
|
702
706
|
onMouseEnter: handleMouseEnter,
|
|
703
707
|
onMouseLeave: handleMouseLeave,
|
|
704
708
|
children: [
|
|
705
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
706
|
-
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className:
|
|
709
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
|
|
710
|
+
title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx49("body", BrandsStrip_module_default.title), children: title }),
|
|
707
711
|
logos.length > 0 && /* @__PURE__ */ jsx(
|
|
708
712
|
"div",
|
|
709
713
|
{
|
|
710
714
|
ref: marqueeRef,
|
|
711
|
-
className:
|
|
715
|
+
className: clsx49(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
|
|
712
716
|
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}`))
|
|
713
717
|
}
|
|
714
718
|
)
|
|
@@ -755,7 +759,7 @@ var Container_module_default = {
|
|
|
755
759
|
var Container = forwardRef(
|
|
756
760
|
(_a, ref) => {
|
|
757
761
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
758
|
-
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className:
|
|
762
|
+
return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx49(Container_module_default.container, className) }, props), { children }));
|
|
759
763
|
}
|
|
760
764
|
);
|
|
761
765
|
Container.displayName = "Container";
|
|
@@ -796,14 +800,14 @@ var Card = ({
|
|
|
796
800
|
ConditionalWrapper,
|
|
797
801
|
__spreadProps(__spreadValues({
|
|
798
802
|
ref,
|
|
799
|
-
className:
|
|
803
|
+
className: clsx49(Card_module_default.card, Card_module_default[variant], className),
|
|
800
804
|
wrapper: Anchor,
|
|
801
805
|
fallback: "div",
|
|
802
806
|
condition: isLink
|
|
803
807
|
}, href ? { href, isExternal } : {}), {
|
|
804
808
|
children: [
|
|
805
809
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
|
|
806
|
-
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className:
|
|
810
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx49(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx49(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
|
|
807
811
|
isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
|
|
808
812
|
] }),
|
|
809
813
|
/* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
|
|
@@ -838,10 +842,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
|
|
|
838
842
|
title: CountingCardTitle
|
|
839
843
|
});
|
|
840
844
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
841
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
845
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx49(CountingCard_module_default["counting-card"], className), children: [
|
|
842
846
|
/* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
|
|
843
847
|
titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
|
|
844
|
-
count && /* @__PURE__ */ jsx("div", { className:
|
|
848
|
+
count && /* @__PURE__ */ jsx("div", { className: clsx49(CountingCard_module_default.count, "h1"), children: count })
|
|
845
849
|
] }),
|
|
846
850
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
|
|
847
851
|
] });
|
|
@@ -927,7 +931,7 @@ function FilterBar({
|
|
|
927
931
|
"button",
|
|
928
932
|
{
|
|
929
933
|
type: "button",
|
|
930
|
-
className:
|
|
934
|
+
className: clsx49(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
|
|
931
935
|
onClick: () => onViewChange("grid"),
|
|
932
936
|
"aria-pressed": view === "grid",
|
|
933
937
|
children: [
|
|
@@ -940,7 +944,7 @@ function FilterBar({
|
|
|
940
944
|
"button",
|
|
941
945
|
{
|
|
942
946
|
type: "button",
|
|
943
|
-
className:
|
|
947
|
+
className: clsx49(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
|
|
944
948
|
onClick: () => onViewChange("list"),
|
|
945
949
|
"aria-pressed": view === "list",
|
|
946
950
|
children: [
|
|
@@ -954,7 +958,7 @@ function FilterBar({
|
|
|
954
958
|
/* @__PURE__ */ jsxs(
|
|
955
959
|
"div",
|
|
956
960
|
{
|
|
957
|
-
className:
|
|
961
|
+
className: clsx49(
|
|
958
962
|
FilterBar_module_default.dropdownWrapper,
|
|
959
963
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
960
964
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -965,7 +969,7 @@ function FilterBar({
|
|
|
965
969
|
"button",
|
|
966
970
|
{
|
|
967
971
|
type: "button",
|
|
968
|
-
className:
|
|
972
|
+
className: clsx49(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
|
|
969
973
|
onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
|
|
970
974
|
"aria-expanded": openDropdown === "filter",
|
|
971
975
|
children: [
|
|
@@ -980,7 +984,7 @@ function FilterBar({
|
|
|
980
984
|
type: "button",
|
|
981
985
|
role: "option",
|
|
982
986
|
"aria-selected": filterValue === opt.value,
|
|
983
|
-
className:
|
|
987
|
+
className: clsx49(
|
|
984
988
|
FilterBar_module_default.dropdownOption,
|
|
985
989
|
filterValue === opt.value && FilterBar_module_default.selected
|
|
986
990
|
),
|
|
@@ -1001,7 +1005,7 @@ function FilterBar({
|
|
|
1001
1005
|
/* @__PURE__ */ jsxs(
|
|
1002
1006
|
"div",
|
|
1003
1007
|
{
|
|
1004
|
-
className:
|
|
1008
|
+
className: clsx49(
|
|
1005
1009
|
FilterBar_module_default.dropdownWrapper,
|
|
1006
1010
|
isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
|
|
1007
1011
|
isMobile && searchState === "closing" && FilterBar_module_default.filterFading
|
|
@@ -1027,7 +1031,7 @@ function FilterBar({
|
|
|
1027
1031
|
type: "button",
|
|
1028
1032
|
role: "option",
|
|
1029
1033
|
"aria-selected": sortValue === opt.value,
|
|
1030
|
-
className:
|
|
1034
|
+
className: clsx49(
|
|
1031
1035
|
FilterBar_module_default.dropdownOption,
|
|
1032
1036
|
sortValue === opt.value && FilterBar_module_default.selected
|
|
1033
1037
|
),
|
|
@@ -1045,7 +1049,7 @@ function FilterBar({
|
|
|
1045
1049
|
searchState !== "closed" ? /* @__PURE__ */ jsxs(
|
|
1046
1050
|
"div",
|
|
1047
1051
|
{
|
|
1048
|
-
className:
|
|
1052
|
+
className: clsx49(
|
|
1049
1053
|
FilterBar_module_default.searchExpanded,
|
|
1050
1054
|
searchState === "closing" && FilterBar_module_default.searchCollapsing
|
|
1051
1055
|
),
|
|
@@ -1127,9 +1131,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
|
|
|
1127
1131
|
});
|
|
1128
1132
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1129
1133
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1130
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1134
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx49(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
|
|
1131
1135
|
/* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
|
|
1132
|
-
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className:
|
|
1136
|
+
icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx49(InfoCard_module_default.badge, "h4"), children: badge }) : null,
|
|
1133
1137
|
titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
|
|
1134
1138
|
] }),
|
|
1135
1139
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
|
|
@@ -1226,7 +1230,7 @@ var Pagination = ({
|
|
|
1226
1230
|
const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
|
|
1227
1231
|
const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
|
|
1228
1232
|
const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
1229
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
1233
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx49(Pagination_module_default.pagination, className), children: [
|
|
1230
1234
|
!disableArrows && (renderLink ? renderLink({
|
|
1231
1235
|
page: prevPage,
|
|
1232
1236
|
className: Pagination_module_default.prev,
|
|
@@ -1247,7 +1251,7 @@ var Pagination = ({
|
|
|
1247
1251
|
return /* @__PURE__ */ jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
|
|
1248
1252
|
}
|
|
1249
1253
|
const page = item;
|
|
1250
|
-
const pageClassName =
|
|
1254
|
+
const pageClassName = clsx49(Pagination_module_default.page, {
|
|
1251
1255
|
[Pagination_module_default.active]: activePage === page,
|
|
1252
1256
|
[Pagination_module_default.number]: hasNumber,
|
|
1253
1257
|
[Pagination_module_default["no-border"]]: hidePagesBorder
|
|
@@ -1299,7 +1303,7 @@ var PracticeCard_module_default = {
|
|
|
1299
1303
|
};
|
|
1300
1304
|
var PracticeCard = ({ className, title, cta, image }) => {
|
|
1301
1305
|
const { url: href, isExternal } = cta != null ? cta : {};
|
|
1302
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1306
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
|
|
1303
1307
|
ConditionalWrapper,
|
|
1304
1308
|
__spreadProps(__spreadValues({
|
|
1305
1309
|
className: PracticeCard_module_default.wrapper,
|
|
@@ -1310,7 +1314,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
|
|
|
1310
1314
|
children: [
|
|
1311
1315
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
|
|
1312
1316
|
/* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
|
|
1313
|
-
title && /* @__PURE__ */ jsx("div", { className:
|
|
1317
|
+
title && /* @__PURE__ */ jsx("div", { className: clsx49(PracticeCard_module_default.title, "h3"), children: title }),
|
|
1314
1318
|
href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
|
|
1315
1319
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
|
|
1316
1320
|
/* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
|
|
@@ -1354,15 +1358,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1354
1358
|
"aria-disabled": isRestricted
|
|
1355
1359
|
} : null;
|
|
1356
1360
|
const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
|
|
1357
|
-
className:
|
|
1361
|
+
className: clsx49(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
|
|
1358
1362
|
children: null
|
|
1359
1363
|
})) : /* @__PURE__ */ jsx(
|
|
1360
1364
|
"a",
|
|
1361
1365
|
__spreadProps(__spreadValues({}, linkProps), {
|
|
1362
|
-
className:
|
|
1366
|
+
className: clsx49(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
|
|
1363
1367
|
})
|
|
1364
1368
|
) : null;
|
|
1365
|
-
const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className:
|
|
1369
|
+
const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx49(ResourceCardItem_module_default.cardLink), children }));
|
|
1366
1370
|
function getIcon() {
|
|
1367
1371
|
switch (item.type) {
|
|
1368
1372
|
case "pdf":
|
|
@@ -1379,7 +1383,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
|
|
|
1379
1383
|
return /* @__PURE__ */ jsxs(
|
|
1380
1384
|
"article",
|
|
1381
1385
|
{
|
|
1382
|
-
className:
|
|
1386
|
+
className: clsx49(
|
|
1383
1387
|
ResourceCardItem_module_default.cardGrid,
|
|
1384
1388
|
isGlobalSearchVariant && ResourceCardItem_module_default[variant],
|
|
1385
1389
|
isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
|
|
@@ -1463,7 +1467,7 @@ var Sidebar = ({
|
|
|
1463
1467
|
return /* @__PURE__ */ jsxs(
|
|
1464
1468
|
"li",
|
|
1465
1469
|
{
|
|
1466
|
-
className:
|
|
1470
|
+
className: clsx49(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
|
|
1467
1471
|
role: "button",
|
|
1468
1472
|
tabIndex: 0,
|
|
1469
1473
|
"aria-pressed": i === selectedIndex,
|
|
@@ -1521,7 +1525,7 @@ var UpcomingEventCard = ({
|
|
|
1521
1525
|
return /* @__PURE__ */ jsxs(
|
|
1522
1526
|
"article",
|
|
1523
1527
|
{
|
|
1524
|
-
className:
|
|
1528
|
+
className: clsx49(
|
|
1525
1529
|
"card",
|
|
1526
1530
|
UpcomingEventCard_module_default["event-card"],
|
|
1527
1531
|
UpcomingEventCard_module_default[direction],
|
|
@@ -1529,26 +1533,26 @@ var UpcomingEventCard = ({
|
|
|
1529
1533
|
className
|
|
1530
1534
|
),
|
|
1531
1535
|
children: [
|
|
1532
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1533
|
-
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1536
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
|
|
1537
|
+
showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx49("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
|
|
1534
1538
|
/* @__PURE__ */ jsxs(
|
|
1535
1539
|
"div",
|
|
1536
1540
|
{
|
|
1537
|
-
className:
|
|
1541
|
+
className: clsx49(
|
|
1538
1542
|
"card-text-content",
|
|
1539
1543
|
UpcomingEventCard_module_default["event-card-text-content"],
|
|
1540
1544
|
(!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
|
|
1541
1545
|
),
|
|
1542
1546
|
children: [
|
|
1543
1547
|
/* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
|
|
1544
|
-
title && /* @__PURE__ */ jsx("h3", { className:
|
|
1548
|
+
title && /* @__PURE__ */ jsx("h3", { className: clsx49("card-text-title"), children: title }),
|
|
1545
1549
|
location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
|
|
1546
|
-
description && /* @__PURE__ */ jsx("div", { className:
|
|
1547
|
-
cta && cta.url && /* @__PURE__ */ jsx("div", { className:
|
|
1550
|
+
description && /* @__PURE__ */ jsx("div", { className: clsx49("card-text-description", UpcomingEventCard_module_default.description), children: description }),
|
|
1551
|
+
cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx49("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
1548
1552
|
Button,
|
|
1549
1553
|
{
|
|
1550
1554
|
variant: "secondary",
|
|
1551
|
-
className:
|
|
1555
|
+
className: clsx49(
|
|
1552
1556
|
"card-cta",
|
|
1553
1557
|
UpcomingEventCard_module_default["event-card-cta"],
|
|
1554
1558
|
!hasCTAandImage && UpcomingEventCard_module_default.hidden
|
|
@@ -1567,12 +1571,12 @@ var UpcomingEventCard = ({
|
|
|
1567
1571
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
1568
1572
|
"div",
|
|
1569
1573
|
{
|
|
1570
|
-
className:
|
|
1574
|
+
className: clsx49("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
|
|
1571
1575
|
children: /* @__PURE__ */ jsx(
|
|
1572
1576
|
Button,
|
|
1573
1577
|
{
|
|
1574
1578
|
variant: "secondary",
|
|
1575
|
-
className:
|
|
1579
|
+
className: clsx49("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
|
|
1576
1580
|
fullWidth: isBelowMobile,
|
|
1577
1581
|
href: cta.url,
|
|
1578
1582
|
icon: cta.icon,
|
|
@@ -1620,7 +1624,7 @@ var Badge = forwardRef(
|
|
|
1620
1624
|
"live",
|
|
1621
1625
|
"clickable"
|
|
1622
1626
|
]);
|
|
1623
|
-
const classes =
|
|
1627
|
+
const classes = clsx49(
|
|
1624
1628
|
Badge_module_default.badge,
|
|
1625
1629
|
Badge_module_default[variant],
|
|
1626
1630
|
Badge_module_default[size],
|
|
@@ -1631,7 +1635,7 @@ var Badge = forwardRef(
|
|
|
1631
1635
|
className
|
|
1632
1636
|
);
|
|
1633
1637
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1634
|
-
icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className:
|
|
1638
|
+
icon && /* @__PURE__ */ jsx(Icon, __spreadValues({ className: clsx49("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
|
|
1635
1639
|
!iconOnly && /* @__PURE__ */ jsx("span", { className: Badge_module_default.label, children })
|
|
1636
1640
|
] });
|
|
1637
1641
|
if (clickable) {
|
|
@@ -1712,7 +1716,7 @@ var Input = forwardRef(
|
|
|
1712
1716
|
return /* @__PURE__ */ jsxs(
|
|
1713
1717
|
"div",
|
|
1714
1718
|
{
|
|
1715
|
-
className:
|
|
1719
|
+
className: clsx49(
|
|
1716
1720
|
"input-field",
|
|
1717
1721
|
Input_module_default["input-field"],
|
|
1718
1722
|
{
|
|
@@ -1726,17 +1730,17 @@ var Input = forwardRef(
|
|
|
1726
1730
|
"label",
|
|
1727
1731
|
{
|
|
1728
1732
|
htmlFor: inputId,
|
|
1729
|
-
className:
|
|
1733
|
+
className: clsx49("input-label", Input_module_default.label, {
|
|
1730
1734
|
["sr-only"]: hideLabel
|
|
1731
1735
|
}),
|
|
1732
1736
|
children: [
|
|
1733
1737
|
label,
|
|
1734
|
-
required && /* @__PURE__ */ jsx("span", { className:
|
|
1738
|
+
required && /* @__PURE__ */ jsx("span", { className: clsx49("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
|
|
1735
1739
|
]
|
|
1736
1740
|
}
|
|
1737
1741
|
),
|
|
1738
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1739
|
-
startAdornment && /* @__PURE__ */ jsx("span", { className:
|
|
1742
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("input-wrapper", Input_module_default.wrapper), children: [
|
|
1743
|
+
startAdornment && /* @__PURE__ */ jsx("span", { className: clsx49("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
|
|
1740
1744
|
/* @__PURE__ */ jsx(
|
|
1741
1745
|
"input",
|
|
1742
1746
|
__spreadValues({
|
|
@@ -1747,7 +1751,7 @@ var Input = forwardRef(
|
|
|
1747
1751
|
disabled,
|
|
1748
1752
|
"aria-invalid": !!error,
|
|
1749
1753
|
"aria-describedby": describedBy || void 0,
|
|
1750
|
-
className:
|
|
1754
|
+
className: clsx49(
|
|
1751
1755
|
"input",
|
|
1752
1756
|
Input_module_default.input,
|
|
1753
1757
|
{
|
|
@@ -1758,11 +1762,11 @@ var Input = forwardRef(
|
|
|
1758
1762
|
)
|
|
1759
1763
|
}, props)
|
|
1760
1764
|
),
|
|
1761
|
-
endAdornment && /* @__PURE__ */ jsx("span", { className:
|
|
1762
|
-
endAction && /* @__PURE__ */ jsx("span", { className:
|
|
1765
|
+
endAdornment && /* @__PURE__ */ jsx("span", { className: clsx49("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
|
|
1766
|
+
endAction && /* @__PURE__ */ jsx("span", { className: clsx49("input-end-action"), children: endAction })
|
|
1763
1767
|
] }),
|
|
1764
|
-
helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className:
|
|
1765
|
-
error && /* @__PURE__ */ jsx("p", { id: errorId, className:
|
|
1768
|
+
helperText && !error && /* @__PURE__ */ jsx("p", { id: helperTextId, className: clsx49("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
|
|
1769
|
+
error && /* @__PURE__ */ jsx("p", { id: errorId, className: clsx49("input-error", Input_module_default.error), role: "alert", children: error })
|
|
1766
1770
|
]
|
|
1767
1771
|
}
|
|
1768
1772
|
);
|
|
@@ -1802,14 +1806,14 @@ var NewsCard = ({
|
|
|
1802
1806
|
href: cta.url,
|
|
1803
1807
|
target: cta.isExternal ? "_blank" : void 0,
|
|
1804
1808
|
rel: cta.isExternal ? "noopener noreferrer" : void 0,
|
|
1805
|
-
className:
|
|
1809
|
+
className: clsx49("news-card-link", NewsCard_module_default["news-card-link"]),
|
|
1806
1810
|
"aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
|
|
1807
1811
|
} : null;
|
|
1808
1812
|
const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsx("a", __spreadValues({}, linkProps)) : null;
|
|
1809
1813
|
return /* @__PURE__ */ jsxs(
|
|
1810
1814
|
"article",
|
|
1811
1815
|
{
|
|
1812
|
-
className:
|
|
1816
|
+
className: clsx49(
|
|
1813
1817
|
"news-card",
|
|
1814
1818
|
NewsCard_module_default["news-card"],
|
|
1815
1819
|
NewsCard_module_default[`news-card--${direction}`],
|
|
@@ -1817,28 +1821,28 @@ var NewsCard = ({
|
|
|
1817
1821
|
),
|
|
1818
1822
|
children: [
|
|
1819
1823
|
cardLink,
|
|
1820
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
1824
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx49("news-card-image", NewsCard_module_default["news-card-image"]) })),
|
|
1821
1825
|
/* @__PURE__ */ jsxs(
|
|
1822
1826
|
"div",
|
|
1823
1827
|
{
|
|
1824
|
-
className:
|
|
1828
|
+
className: clsx49("news-card-content", NewsCard_module_default["news-card-content"]),
|
|
1825
1829
|
style: {
|
|
1826
1830
|
"--no-image-padding": image && image.src ? 0 : "1rem"
|
|
1827
1831
|
},
|
|
1828
1832
|
children: [
|
|
1829
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1830
|
-
/* @__PURE__ */ jsx(Badge, { className:
|
|
1831
|
-
/* @__PURE__ */ jsx("time", { dateTime: date.value, className:
|
|
1833
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
|
|
1834
|
+
/* @__PURE__ */ jsx(Badge, { className: clsx49("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
|
|
1835
|
+
/* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx49("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
|
|
1832
1836
|
] }),
|
|
1833
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
1834
|
-
/* @__PURE__ */ jsx("h3", { className:
|
|
1835
|
-
typeof description === "string" ? /* @__PURE__ */ jsx("p", { className:
|
|
1837
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
|
|
1838
|
+
/* @__PURE__ */ jsx("h3", { className: clsx49("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
|
|
1839
|
+
typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx49("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
|
|
1836
1840
|
] }),
|
|
1837
|
-
cta && cta.url && /* @__PURE__ */ jsx("div", { className:
|
|
1841
|
+
cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx49("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
1838
1842
|
Button,
|
|
1839
1843
|
{
|
|
1840
1844
|
variant: "secondary",
|
|
1841
|
-
className:
|
|
1845
|
+
className: clsx49("news-card-cta", NewsCard_module_default["news-card-cta"]),
|
|
1842
1846
|
href: cta.url,
|
|
1843
1847
|
icon: cta.icon,
|
|
1844
1848
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -1869,7 +1873,7 @@ var BlogPostContent = ({ className, body, children }) => {
|
|
|
1869
1873
|
body: BlogPostContentBody
|
|
1870
1874
|
});
|
|
1871
1875
|
const bodyNode = (_a = slots.body) != null ? _a : body;
|
|
1872
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1876
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
|
|
1873
1877
|
};
|
|
1874
1878
|
|
|
1875
1879
|
// src/components/BlogPostContent/index.ts
|
|
@@ -1920,7 +1924,7 @@ var Search = ({
|
|
|
1920
1924
|
}
|
|
1921
1925
|
};
|
|
1922
1926
|
if (!isOpen) {
|
|
1923
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1927
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(Search_module_default.search, className), children: /* @__PURE__ */ jsx(
|
|
1924
1928
|
"button",
|
|
1925
1929
|
{
|
|
1926
1930
|
type: "button",
|
|
@@ -1932,10 +1936,10 @@ var Search = ({
|
|
|
1932
1936
|
}
|
|
1933
1937
|
) });
|
|
1934
1938
|
}
|
|
1935
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
1939
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(Search_module_default.search, className), children: /* @__PURE__ */ jsxs(
|
|
1936
1940
|
"div",
|
|
1937
1941
|
{
|
|
1938
|
-
className:
|
|
1942
|
+
className: clsx49(
|
|
1939
1943
|
Search_module_default.searchField,
|
|
1940
1944
|
isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
|
|
1941
1945
|
),
|
|
@@ -1987,6 +1991,27 @@ var Search = ({
|
|
|
1987
1991
|
}
|
|
1988
1992
|
) });
|
|
1989
1993
|
};
|
|
1994
|
+
var ColTextMenu = ({
|
|
1995
|
+
label,
|
|
1996
|
+
url,
|
|
1997
|
+
isExternal,
|
|
1998
|
+
className,
|
|
1999
|
+
renderLink
|
|
2000
|
+
}) => {
|
|
2001
|
+
return /* @__PURE__ */ jsx(
|
|
2002
|
+
Button,
|
|
2003
|
+
{
|
|
2004
|
+
variant: "textmenu",
|
|
2005
|
+
href: url,
|
|
2006
|
+
isExternal,
|
|
2007
|
+
renderLink,
|
|
2008
|
+
icon: "chevronRight",
|
|
2009
|
+
className: clsx49("subheading", className),
|
|
2010
|
+
children: label
|
|
2011
|
+
}
|
|
2012
|
+
);
|
|
2013
|
+
};
|
|
2014
|
+
ColTextMenu.displayName = "ColTextMenu";
|
|
1990
2015
|
|
|
1991
2016
|
// src/components/UserMenu/UserMenu.module.scss
|
|
1992
2017
|
var UserMenu_module_default = {
|
|
@@ -2061,7 +2086,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2061
2086
|
/* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
|
|
2062
2087
|
] })
|
|
2063
2088
|
] });
|
|
2064
|
-
const rootClass =
|
|
2089
|
+
const rootClass = clsx49(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
|
|
2065
2090
|
return user.url ? /* @__PURE__ */ jsx(
|
|
2066
2091
|
"a",
|
|
2067
2092
|
{
|
|
@@ -2076,7 +2101,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2076
2101
|
return /* @__PURE__ */ jsxs(
|
|
2077
2102
|
"div",
|
|
2078
2103
|
{
|
|
2079
|
-
className:
|
|
2104
|
+
className: clsx49(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
|
|
2080
2105
|
ref: wrapperRef,
|
|
2081
2106
|
onPointerLeave: handlePointerLeave,
|
|
2082
2107
|
onBlur: handleBlur,
|
|
@@ -2098,7 +2123,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2098
2123
|
/* @__PURE__ */ jsx(
|
|
2099
2124
|
"span",
|
|
2100
2125
|
{
|
|
2101
|
-
className:
|
|
2126
|
+
className: clsx49(
|
|
2102
2127
|
UserMenu_module_default.userChevron,
|
|
2103
2128
|
dropUp && UserMenu_module_default.userChevronUp,
|
|
2104
2129
|
isOpen && UserMenu_module_default.userChevronOpen
|
|
@@ -2113,12 +2138,12 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2113
2138
|
isOpen && /* @__PURE__ */ jsx(
|
|
2114
2139
|
"div",
|
|
2115
2140
|
{
|
|
2116
|
-
className:
|
|
2141
|
+
className: clsx49(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
|
|
2117
2142
|
role: "menu",
|
|
2118
2143
|
onPointerEnter: handlePointerEnter,
|
|
2119
2144
|
onPointerLeave: handlePointerLeave,
|
|
2120
2145
|
children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
|
|
2121
|
-
const itemClass =
|
|
2146
|
+
const itemClass = clsx49(
|
|
2122
2147
|
UserMenu_module_default.userMenuItem,
|
|
2123
2148
|
item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
|
|
2124
2149
|
);
|
|
@@ -2162,7 +2187,7 @@ var UserMenu = ({ user, className, dropUp, fullWidth }) => {
|
|
|
2162
2187
|
var Loader_module_default = {
|
|
2163
2188
|
loader: "Loader_module_loader"};
|
|
2164
2189
|
var Loader = ({ className }) => {
|
|
2165
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2190
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49("loader", Loader_module_default["loader"], className) });
|
|
2166
2191
|
};
|
|
2167
2192
|
Loader.displayName = "Loader";
|
|
2168
2193
|
var CardCollectionTitle = ({ children }) => {
|
|
@@ -2244,13 +2269,13 @@ var CardCollection = ({
|
|
|
2244
2269
|
Container,
|
|
2245
2270
|
{
|
|
2246
2271
|
ref: container,
|
|
2247
|
-
className:
|
|
2272
|
+
className: clsx49(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
|
|
2248
2273
|
children: [
|
|
2249
2274
|
/* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
|
|
2250
2275
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
2251
2276
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
2252
2277
|
] }),
|
|
2253
|
-
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className:
|
|
2278
|
+
/* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx49(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
|
|
2254
2279
|
visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
|
|
2255
2280
|
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(
|
|
2256
2281
|
Card2,
|
|
@@ -2351,7 +2376,7 @@ var ContactModule = ({
|
|
|
2351
2376
|
},
|
|
2352
2377
|
{ scope: containerRef, dependencies: [blurred, animateBlur] }
|
|
2353
2378
|
);
|
|
2354
|
-
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className:
|
|
2379
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx49(ContactModule_module_default["contact-module"], className), children: [
|
|
2355
2380
|
blurred && /* @__PURE__ */ jsx(
|
|
2356
2381
|
"div",
|
|
2357
2382
|
{
|
|
@@ -2366,8 +2391,8 @@ var ContactModule = ({
|
|
|
2366
2391
|
/* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
|
|
2367
2392
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
|
|
2368
2393
|
/* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
|
|
2369
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2370
|
-
subtitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2394
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx49(ContactModule_module_default.title, "h1"), children: titleNode }),
|
|
2395
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx49(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
|
|
2371
2396
|
] }),
|
|
2372
2397
|
/* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
2373
2398
|
Button,
|
|
@@ -2436,7 +2461,7 @@ var Footer = ({
|
|
|
2436
2461
|
disclaimer: FooterDisclaimer
|
|
2437
2462
|
});
|
|
2438
2463
|
const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
|
|
2439
|
-
return /* @__PURE__ */ jsx("footer", { className:
|
|
2464
|
+
return /* @__PURE__ */ jsx("footer", { className: clsx49(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
|
|
2440
2465
|
supportContacts.length > 0 && /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-section"], children: [
|
|
2441
2466
|
/* @__PURE__ */ jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
|
|
2442
2467
|
/* @__PURE__ */ jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-group"], children: [
|
|
@@ -2465,7 +2490,7 @@ var Footer = ({
|
|
|
2465
2490
|
index
|
|
2466
2491
|
) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
|
|
2467
2492
|
) }) }),
|
|
2468
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
2493
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx49(Footer_module_default.disclaimer, "p"), children: titleNode }),
|
|
2469
2494
|
copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
|
|
2470
2495
|
] }),
|
|
2471
2496
|
navigationLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
@@ -2491,7 +2516,7 @@ var LogoBar_module_default = {
|
|
|
2491
2516
|
};
|
|
2492
2517
|
var LogoBar = ({ className, items }) => {
|
|
2493
2518
|
if (!items || items.length === 0) return null;
|
|
2494
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2519
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
|
|
2495
2520
|
return /* @__PURE__ */ jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
|
|
2496
2521
|
item.logo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
|
|
2497
2522
|
item.hoverLogo && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
|
|
@@ -2566,7 +2591,7 @@ var HeroBanner = ({
|
|
|
2566
2591
|
});
|
|
2567
2592
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
2568
2593
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
2569
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
2594
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx49(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
|
|
2570
2595
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
|
|
2571
2596
|
/* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
|
|
2572
2597
|
(titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
|
|
@@ -2576,7 +2601,7 @@ var HeroBanner = ({
|
|
|
2576
2601
|
{
|
|
2577
2602
|
tag: "h2",
|
|
2578
2603
|
promoteToH1,
|
|
2579
|
-
className:
|
|
2604
|
+
className: clsx49(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
|
|
2580
2605
|
children: titleNode
|
|
2581
2606
|
}
|
|
2582
2607
|
),
|
|
@@ -2585,7 +2610,7 @@ var HeroBanner = ({
|
|
|
2585
2610
|
{
|
|
2586
2611
|
tag: "div",
|
|
2587
2612
|
promoteToH1: promoteToH1 && !titleNode,
|
|
2588
|
-
className:
|
|
2613
|
+
className: clsx49(HeroBanner_module_default.subtitle, "subheading"),
|
|
2589
2614
|
children: subtitleNode
|
|
2590
2615
|
}
|
|
2591
2616
|
)
|
|
@@ -2662,7 +2687,7 @@ var HeroBannerCarousel = ({
|
|
|
2662
2687
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
2663
2688
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
2664
2689
|
if (!items.length) return null;
|
|
2665
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2690
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
|
|
2666
2691
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
2667
2692
|
Swiper,
|
|
2668
2693
|
{
|
|
@@ -2709,7 +2734,7 @@ var HeroBannerCarousel = ({
|
|
|
2709
2734
|
/* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
|
|
2710
2735
|
"button",
|
|
2711
2736
|
{
|
|
2712
|
-
className:
|
|
2737
|
+
className: clsx49(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
|
|
2713
2738
|
onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
|
|
2714
2739
|
"aria-label": `Go to slide ${index + 1}`
|
|
2715
2740
|
},
|
|
@@ -2789,7 +2814,7 @@ var AccordionItem = ({
|
|
|
2789
2814
|
return /* @__PURE__ */ jsxs(
|
|
2790
2815
|
"div",
|
|
2791
2816
|
{
|
|
2792
|
-
className:
|
|
2817
|
+
className: clsx49(
|
|
2793
2818
|
Accordion_module_default.accordionItem,
|
|
2794
2819
|
{
|
|
2795
2820
|
[Accordion_module_default.accordionItemOpen]: isOpen
|
|
@@ -2800,18 +2825,18 @@ var AccordionItem = ({
|
|
|
2800
2825
|
/* @__PURE__ */ jsxs(
|
|
2801
2826
|
"button",
|
|
2802
2827
|
{
|
|
2803
|
-
className:
|
|
2828
|
+
className: clsx49(Accordion_module_default.accordionHeader, {
|
|
2804
2829
|
[Accordion_module_default.accordionHeaderOpen]: isOpen
|
|
2805
2830
|
}),
|
|
2806
2831
|
onClick: handleToggle,
|
|
2807
2832
|
"aria-expanded": isOpen,
|
|
2808
2833
|
"aria-label": `Toggle ${title}`,
|
|
2809
2834
|
children: [
|
|
2810
|
-
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className:
|
|
2835
|
+
/* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx49("body", Accordion_module_default.accordionTitle), children: title }) }),
|
|
2811
2836
|
/* @__PURE__ */ jsx(
|
|
2812
2837
|
"span",
|
|
2813
2838
|
{
|
|
2814
|
-
className:
|
|
2839
|
+
className: clsx49(Accordion_module_default.accordionChevron, {
|
|
2815
2840
|
[Accordion_module_default.accordionChevronOpen]: isOpen
|
|
2816
2841
|
}),
|
|
2817
2842
|
children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
|
|
@@ -2863,7 +2888,7 @@ var Accordion = ({
|
|
|
2863
2888
|
if (items.length === 0) {
|
|
2864
2889
|
return null;
|
|
2865
2890
|
}
|
|
2866
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
2891
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
|
|
2867
2892
|
AccordionItem,
|
|
2868
2893
|
{
|
|
2869
2894
|
id: item.id,
|
|
@@ -2953,7 +2978,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2953
2978
|
};
|
|
2954
2979
|
})) || [];
|
|
2955
2980
|
}, [tabs]);
|
|
2956
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
2981
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx49(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
|
|
2957
2982
|
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
|
|
2958
2983
|
title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
|
|
2959
2984
|
subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
|
|
@@ -2969,7 +2994,7 @@ var InternalBrandsTab = (props) => {
|
|
|
2969
2994
|
},
|
|
2970
2995
|
index
|
|
2971
2996
|
)) }),
|
|
2972
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
2997
|
+
/* @__PURE__ */ jsx("div", { className: clsx49(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2973
2998
|
/* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
|
|
2974
2999
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
2975
3000
|
((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
|
|
@@ -3067,22 +3092,22 @@ var MiniBanner = ({
|
|
|
3067
3092
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
3068
3093
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
3069
3094
|
const goBackNode = slots == null ? void 0 : slots.goBack;
|
|
3070
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
3095
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx49(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
3071
3096
|
((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)),
|
|
3072
|
-
/* @__PURE__ */ jsx(Container, { className:
|
|
3097
|
+
/* @__PURE__ */ jsx(Container, { className: clsx49(MiniBanner_module_default.container), children: /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
3073
3098
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
3074
3099
|
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
3075
|
-
pretitleNode && /* @__PURE__ */ jsx("div", { className:
|
|
3100
|
+
pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx49(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
3076
3101
|
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
|
|
3077
|
-
goBackNode ?
|
|
3078
|
-
className:
|
|
3102
|
+
goBackNode ? React71.cloneElement(goBackNode, {
|
|
3103
|
+
className: clsx49("back-button", MiniBanner_module_default["back-button"])
|
|
3079
3104
|
}) : null,
|
|
3080
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
3105
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx49(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
|
|
3081
3106
|
] }),
|
|
3082
3107
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
3083
3108
|
"div",
|
|
3084
3109
|
{
|
|
3085
|
-
className:
|
|
3110
|
+
className: clsx49(MiniBanner_module_default.title, {
|
|
3086
3111
|
subheading: isMiniBannerNoBG,
|
|
3087
3112
|
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
|
|
3088
3113
|
h4: isMiniBannerTextLeft
|
|
@@ -3155,14 +3180,14 @@ var MiniSectionCta = ({
|
|
|
3155
3180
|
return /* @__PURE__ */ jsx(
|
|
3156
3181
|
"div",
|
|
3157
3182
|
{
|
|
3158
|
-
className:
|
|
3183
|
+
className: clsx49(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
|
|
3159
3184
|
children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
|
|
3160
3185
|
/* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
|
|
3161
3186
|
titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
|
|
3162
3187
|
subtitleNode && /* @__PURE__ */ jsx(
|
|
3163
3188
|
"div",
|
|
3164
3189
|
{
|
|
3165
|
-
className:
|
|
3190
|
+
className: clsx49(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
|
|
3166
3191
|
children: subtitleNode
|
|
3167
3192
|
}
|
|
3168
3193
|
)
|
|
@@ -3198,81 +3223,9 @@ var useIsAtTop = () => {
|
|
|
3198
3223
|
return isAtTop;
|
|
3199
3224
|
};
|
|
3200
3225
|
|
|
3201
|
-
// src/widgets/Navigation/
|
|
3202
|
-
var
|
|
3203
|
-
|
|
3204
|
-
mobileItemLink: "Navigation_module_mobileItemLink",
|
|
3205
|
-
mobileItemTrigger: "Navigation_module_mobileItemTrigger",
|
|
3206
|
-
mobileSubLink: "Navigation_module_mobileSubLink",
|
|
3207
|
-
dropdownOpen: "Navigation_module_dropdownOpen",
|
|
3208
|
-
variantTransparent: "Navigation_module_variantTransparent",
|
|
3209
|
-
transparent: "Navigation_module_transparent",
|
|
3210
|
-
logo: "Navigation_module_logo",
|
|
3211
|
-
upperRight: "Navigation_module_upperRight",
|
|
3212
|
-
overlay: "Navigation_module_overlay",
|
|
3213
|
-
mainLogoLink: "Navigation_module_mainLogoLink",
|
|
3214
|
-
dropdownLinkSpacer: "Navigation_module_dropdownLinkSpacer",
|
|
3215
|
-
mainLogoMobile: "Navigation_module_mainLogoMobile",
|
|
3216
|
-
hamburgerButton: "Navigation_module_hamburgerButton",
|
|
3217
|
-
mobileMenu: "Navigation_module_mobileMenu",
|
|
3218
|
-
mobileMenuOpen: "Navigation_module_mobileMenuOpen",
|
|
3219
|
-
mobileMenuHeader: "Navigation_module_mobileMenuHeader",
|
|
3220
|
-
mobileMenuItems: "Navigation_module_mobileMenuItems",
|
|
3221
|
-
mobileItem: "Navigation_module_mobileItem",
|
|
3222
|
-
mobileItemChevron: "Navigation_module_mobileItemChevron",
|
|
3223
|
-
mobileItemChevronOpen: "Navigation_module_mobileItemChevronOpen",
|
|
3224
|
-
mobileSubItems: "Navigation_module_mobileSubItems",
|
|
3225
|
-
mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
|
|
3226
|
-
mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
|
|
3227
|
-
mobileSubLinkActive: "Navigation_module_mobileSubLinkActive",
|
|
3228
|
-
mobileMenuCtas: "Navigation_module_mobileMenuCtas",
|
|
3229
|
-
Navigation: "Navigation_module_Navigation",
|
|
3230
|
-
mainBar: "Navigation_module_mainBar",
|
|
3231
|
-
navTabLink: "Navigation_module_navTabLink",
|
|
3232
|
-
navTabTrigger: "Navigation_module_navTabTrigger",
|
|
3233
|
-
navTabActive: "Navigation_module_navTabActive",
|
|
3234
|
-
inner: "Navigation_module_inner",
|
|
3235
|
-
topRow: "Navigation_module_topRow",
|
|
3236
|
-
logoLink: "Navigation_module_logoLink",
|
|
3237
|
-
logoMobile: "Navigation_module_logoMobile",
|
|
3238
|
-
hamburger: "Navigation_module_hamburger",
|
|
3239
|
-
bottomRow: "Navigation_module_bottomRow",
|
|
3240
|
-
navTabs: "Navigation_module_navTabs",
|
|
3241
|
-
navTab: "Navigation_module_navTab",
|
|
3242
|
-
navTabTriggerOpen: "Navigation_module_navTabTriggerOpen",
|
|
3243
|
-
dropdownPanel: "Navigation_module_dropdownPanel",
|
|
3244
|
-
dropdownInner: "Navigation_module_dropdownInner",
|
|
3245
|
-
dropdownLinks: "Navigation_module_dropdownLinks",
|
|
3246
|
-
dropdownLinkItem: "Navigation_module_dropdownLinkItem",
|
|
3247
|
-
dropdownLink: "Navigation_module_dropdownLink",
|
|
3248
|
-
dropdownDivider: "Navigation_module_dropdownDivider",
|
|
3249
|
-
dropdownInfo: "Navigation_module_dropdownInfo",
|
|
3250
|
-
dropdownDescription: "Navigation_module_dropdownDescription",
|
|
3251
|
-
brandBars: "Navigation_module_brandBars",
|
|
3252
|
-
brandBar: "Navigation_module_brandBar",
|
|
3253
|
-
brandBarsUnfolded: "Navigation_module_brandBarsUnfolded",
|
|
3254
|
-
brandLogo: "Navigation_module_brandLogo",
|
|
3255
|
-
lenscrafters: "Navigation_module_lenscrafters",
|
|
3256
|
-
forEyes: "Navigation_module_forEyes",
|
|
3257
|
-
optical: "Navigation_module_optical",
|
|
3258
|
-
pearleVision: "Navigation_module_pearleVision",
|
|
3259
|
-
internalMobileMenu: "Navigation_module_internalMobileMenu",
|
|
3260
|
-
internalMobileMenuOpen: "Navigation_module_internalMobileMenuOpen",
|
|
3261
|
-
mobileHeader: "Navigation_module_mobileHeader",
|
|
3262
|
-
mobileBrandBars: "Navigation_module_mobileBrandBars",
|
|
3263
|
-
mobileClose: "Navigation_module_mobileClose",
|
|
3264
|
-
mobileItems: "Navigation_module_mobileItems",
|
|
3265
|
-
internalMobileItem: "Navigation_module_internalMobileItem",
|
|
3266
|
-
internalMobileItemLink: "Navigation_module_internalMobileItemLink",
|
|
3267
|
-
internalMobileItemTrigger: "Navigation_module_internalMobileItemTrigger",
|
|
3268
|
-
internalMobileItemChevron: "Navigation_module_internalMobileItemChevron",
|
|
3269
|
-
internalMobileItemChevronOpen: "Navigation_module_internalMobileItemChevronOpen",
|
|
3270
|
-
internalMobileSubItems: "Navigation_module_internalMobileSubItems",
|
|
3271
|
-
internalMobileSubItemsOpen: "Navigation_module_internalMobileSubItemsOpen",
|
|
3272
|
-
internalMobileSubItemsInner: "Navigation_module_internalMobileSubItemsInner",
|
|
3273
|
-
internalMobileSubLink: "Navigation_module_internalMobileSubLink",
|
|
3274
|
-
internalMobileSubLinkActive: "Navigation_module_internalMobileSubLinkActive",
|
|
3275
|
-
mobileFooter: "Navigation_module_mobileFooter"
|
|
3226
|
+
// src/widgets/Navigation/NavigationLogo.module.scss
|
|
3227
|
+
var NavigationLogo_module_default = {
|
|
3228
|
+
mainLogoLink: "NavigationLogo_module_mainLogoLink"
|
|
3276
3229
|
};
|
|
3277
3230
|
var NavigationLogo = ({
|
|
3278
3231
|
mainLogo,
|
|
@@ -3283,7 +3236,7 @@ var NavigationLogo = ({
|
|
|
3283
3236
|
}) => {
|
|
3284
3237
|
if (!mainLogo) return null;
|
|
3285
3238
|
if (homeCta) {
|
|
3286
|
-
return /* @__PURE__ */ jsx("a", { href: homeCta, className:
|
|
3239
|
+
return /* @__PURE__ */ jsx("a", { href: homeCta, className: NavigationLogo_module_default.mainLogoLink, onClick, "aria-label": logoAlt, children: /* @__PURE__ */ jsx(Picture, { className, src: mainLogo, alt: logoAlt || "" }) });
|
|
3287
3240
|
}
|
|
3288
3241
|
return /* @__PURE__ */ jsx(Picture, { className, src: mainLogo, alt: logoAlt });
|
|
3289
3242
|
};
|
|
@@ -3298,11 +3251,23 @@ var NavigationCtas = ({
|
|
|
3298
3251
|
(rightButton == null ? void 0 : rightButton.label) && /* @__PURE__ */ jsx(Button, { variant: "primary", href: rightButton.url, isExternal: rightButton.isExternal, children: rightButton.label })
|
|
3299
3252
|
] });
|
|
3300
3253
|
};
|
|
3254
|
+
|
|
3255
|
+
// src/widgets/Navigation/NavigationBrandBars.module.scss
|
|
3256
|
+
var NavigationBrandBars_module_default = {
|
|
3257
|
+
brandBars: "NavigationBrandBars_module_brandBars",
|
|
3258
|
+
brandBar: "NavigationBrandBars_module_brandBar",
|
|
3259
|
+
brandBarsUnfolded: "NavigationBrandBars_module_brandBarsUnfolded",
|
|
3260
|
+
brandLogo: "NavigationBrandBars_module_brandLogo",
|
|
3261
|
+
lenscrafters: "NavigationBrandBars_module_lenscrafters",
|
|
3262
|
+
forEyes: "NavigationBrandBars_module_forEyes",
|
|
3263
|
+
optical: "NavigationBrandBars_module_optical",
|
|
3264
|
+
pearleVision: "NavigationBrandBars_module_pearleVision"
|
|
3265
|
+
};
|
|
3301
3266
|
var BRANDS = [
|
|
3302
|
-
{ key: "lenscrafters", className:
|
|
3303
|
-
{ key: "forEyes", className:
|
|
3304
|
-
{ key: "optical", className:
|
|
3305
|
-
{ key: "pearleVision", className:
|
|
3267
|
+
{ key: "lenscrafters", className: NavigationBrandBars_module_default.lenscrafters, label: "LensCrafters" },
|
|
3268
|
+
{ key: "forEyes", className: NavigationBrandBars_module_default.forEyes, label: "For Eyes" },
|
|
3269
|
+
{ key: "optical", className: NavigationBrandBars_module_default.optical, label: "Target Optical" },
|
|
3270
|
+
{ key: "pearleVision", className: NavigationBrandBars_module_default.pearleVision, label: "Pearle Vision" }
|
|
3306
3271
|
];
|
|
3307
3272
|
var NavigationBrandBars = ({
|
|
3308
3273
|
brandLogos,
|
|
@@ -3314,12 +3279,12 @@ var NavigationBrandBars = ({
|
|
|
3314
3279
|
return /* @__PURE__ */ jsx(
|
|
3315
3280
|
"div",
|
|
3316
3281
|
{
|
|
3317
|
-
className:
|
|
3282
|
+
className: clsx49(NavigationBrandBars_module_default.brandBars, isUnfolded && NavigationBrandBars_module_default.brandBarsUnfolded, className),
|
|
3318
3283
|
"aria-hidden": "true",
|
|
3319
3284
|
children: BRANDS.map((brand) => {
|
|
3320
3285
|
var _a;
|
|
3321
3286
|
const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
|
|
3322
|
-
return /* @__PURE__ */ jsx("span", { className:
|
|
3287
|
+
return /* @__PURE__ */ jsx("span", { className: clsx49(NavigationBrandBars_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsx("img", { className: NavigationBrandBars_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
|
|
3323
3288
|
})
|
|
3324
3289
|
}
|
|
3325
3290
|
);
|
|
@@ -3347,6 +3312,16 @@ var isPathActive = (url, pathname) => {
|
|
|
3347
3312
|
}
|
|
3348
3313
|
return normalize(targetPath) === normalize(pathname);
|
|
3349
3314
|
};
|
|
3315
|
+
|
|
3316
|
+
// src/widgets/Navigation/NavigationDesktop.module.scss
|
|
3317
|
+
var NavigationDesktop_module_default = {
|
|
3318
|
+
navTabs: "NavigationDesktop_module_navTabs",
|
|
3319
|
+
navTab: "NavigationDesktop_module_navTab",
|
|
3320
|
+
navTabLink: "NavigationDesktop_module_navTabLink",
|
|
3321
|
+
navTabTrigger: "NavigationDesktop_module_navTabTrigger",
|
|
3322
|
+
navTabTriggerOpen: "NavigationDesktop_module_navTabTriggerOpen",
|
|
3323
|
+
navTabActive: "NavigationDesktop_module_navTabActive"
|
|
3324
|
+
};
|
|
3350
3325
|
var NavigationDesktop = ({
|
|
3351
3326
|
navItems,
|
|
3352
3327
|
openIndex,
|
|
@@ -3371,16 +3346,16 @@ var NavigationDesktop = ({
|
|
|
3371
3346
|
}
|
|
3372
3347
|
}
|
|
3373
3348
|
};
|
|
3374
|
-
return /* @__PURE__ */ jsx("ul", { className:
|
|
3349
|
+
return /* @__PURE__ */ jsx("ul", { className: NavigationDesktop_module_default.navTabs, children: navItems.map((item, index) => {
|
|
3375
3350
|
var _a, _b, _c, _d, _e;
|
|
3376
3351
|
const isOpen = openIndex === index;
|
|
3377
3352
|
if (item.type === "link") {
|
|
3378
3353
|
const isCurrent2 = item.isActive || isPathActive((_a = item.cta) == null ? void 0 : _a.url, pathname);
|
|
3379
|
-
return /* @__PURE__ */ jsx("li", { className:
|
|
3354
|
+
return /* @__PURE__ */ jsx("li", { className: NavigationDesktop_module_default.navTab, children: /* @__PURE__ */ jsx(
|
|
3380
3355
|
"a",
|
|
3381
3356
|
{
|
|
3382
3357
|
href: (_b = item.cta) == null ? void 0 : _b.url,
|
|
3383
|
-
className:
|
|
3358
|
+
className: clsx49(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
|
|
3384
3359
|
"aria-current": isCurrent2 ? "page" : void 0,
|
|
3385
3360
|
target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
|
|
3386
3361
|
rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3394,16 +3369,16 @@ var NavigationDesktop = ({
|
|
|
3394
3369
|
var _a2;
|
|
3395
3370
|
return sub.type === "link" && isPathActive((_a2 = sub.cta) == null ? void 0 : _a2.url, pathname);
|
|
3396
3371
|
});
|
|
3397
|
-
return /* @__PURE__ */ jsx("li", { className:
|
|
3372
|
+
return /* @__PURE__ */ jsx("li", { className: NavigationDesktop_module_default.navTab, children: /* @__PURE__ */ jsxs(
|
|
3398
3373
|
"button",
|
|
3399
3374
|
{
|
|
3400
3375
|
type: "button",
|
|
3401
3376
|
id: `${baseId}-trigger-${index}`,
|
|
3402
|
-
className:
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
(isCurrent || isOpen) &&
|
|
3406
|
-
isOpen &&
|
|
3377
|
+
className: clsx49(
|
|
3378
|
+
NavigationDesktop_module_default.navTabLink,
|
|
3379
|
+
NavigationDesktop_module_default.navTabTrigger,
|
|
3380
|
+
(isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
|
|
3381
|
+
isOpen && NavigationDesktop_module_default.navTabTriggerOpen
|
|
3407
3382
|
),
|
|
3408
3383
|
"aria-expanded": isOpen,
|
|
3409
3384
|
"aria-haspopup": "true",
|
|
@@ -3421,6 +3396,20 @@ var NavigationDesktop = ({
|
|
|
3421
3396
|
) }, index);
|
|
3422
3397
|
}) });
|
|
3423
3398
|
};
|
|
3399
|
+
|
|
3400
|
+
// src/widgets/Navigation/NavigationDropdown.module.scss
|
|
3401
|
+
var NavigationDropdown_module_default = {
|
|
3402
|
+
dropdownTitle: "NavigationDropdown_module_dropdownTitle",
|
|
3403
|
+
dropdownPanel: "NavigationDropdown_module_dropdownPanel",
|
|
3404
|
+
dropdownInner: "NavigationDropdown_module_dropdownInner",
|
|
3405
|
+
dropdownLinks: "NavigationDropdown_module_dropdownLinks",
|
|
3406
|
+
dropdownLinkItem: "NavigationDropdown_module_dropdownLinkItem",
|
|
3407
|
+
dropdownLink: "NavigationDropdown_module_dropdownLink",
|
|
3408
|
+
dropdownLinkSpacer: "NavigationDropdown_module_dropdownLinkSpacer",
|
|
3409
|
+
dropdownDivider: "NavigationDropdown_module_dropdownDivider",
|
|
3410
|
+
dropdownInfo: "NavigationDropdown_module_dropdownInfo",
|
|
3411
|
+
dropdownDescription: "NavigationDropdown_module_dropdownDescription"
|
|
3412
|
+
};
|
|
3424
3413
|
var NavigationDropdown = ({
|
|
3425
3414
|
item,
|
|
3426
3415
|
panelId,
|
|
@@ -3459,23 +3448,23 @@ var NavigationDropdown = ({
|
|
|
3459
3448
|
"div",
|
|
3460
3449
|
{
|
|
3461
3450
|
id: panelId,
|
|
3462
|
-
className:
|
|
3451
|
+
className: clsx49(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_module_default.dropdownPanelOpen),
|
|
3463
3452
|
onMouseEnter,
|
|
3464
3453
|
onMouseLeave,
|
|
3465
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
3466
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
3454
|
+
children: /* @__PURE__ */ jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
|
|
3455
|
+
/* @__PURE__ */ jsx("ul", { className: NavigationDropdown_module_default.dropdownLinks, children: links.map((sub, i) => {
|
|
3467
3456
|
var _a, _b, _c, _d;
|
|
3468
3457
|
return /* @__PURE__ */ jsx(
|
|
3469
3458
|
"li",
|
|
3470
3459
|
{
|
|
3471
|
-
className:
|
|
3472
|
-
[
|
|
3460
|
+
className: clsx49(NavigationDropdown_module_default.dropdownLinkItem, {
|
|
3461
|
+
[NavigationDropdown_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
|
|
3473
3462
|
}),
|
|
3474
3463
|
children: /* @__PURE__ */ jsx(
|
|
3475
3464
|
"a",
|
|
3476
3465
|
{
|
|
3477
3466
|
href: (_a = sub.cta) == null ? void 0 : _a.url,
|
|
3478
|
-
className:
|
|
3467
|
+
className: NavigationDropdown_module_default.dropdownLink,
|
|
3479
3468
|
target: ((_b = sub.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
|
|
3480
3469
|
rel: ((_c = sub.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
|
|
3481
3470
|
onKeyDown: (e) => handleLinkKeyDown(e, i === 0, i === links.length - 1),
|
|
@@ -3486,15 +3475,55 @@ var NavigationDropdown = ({
|
|
|
3486
3475
|
i
|
|
3487
3476
|
);
|
|
3488
3477
|
}) }),
|
|
3489
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
3490
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3491
|
-
/* @__PURE__ */ jsx("h2", { className:
|
|
3492
|
-
description && /* @__PURE__ */ jsx("div", { className:
|
|
3478
|
+
/* @__PURE__ */ jsx("span", { className: NavigationDropdown_module_default.dropdownDivider, "aria-hidden": "true" }),
|
|
3479
|
+
/* @__PURE__ */ jsxs("div", { className: NavigationDropdown_module_default.dropdownInfo, children: [
|
|
3480
|
+
/* @__PURE__ */ jsx("h2", { className: NavigationDropdown_module_default.dropdownTitle, children: title }),
|
|
3481
|
+
description && /* @__PURE__ */ jsx("div", { className: NavigationDropdown_module_default.dropdownDescription, children: description })
|
|
3493
3482
|
] })
|
|
3494
3483
|
] })
|
|
3495
3484
|
}
|
|
3496
3485
|
);
|
|
3497
3486
|
};
|
|
3487
|
+
|
|
3488
|
+
// src/widgets/Navigation/NavigationMobile.module.scss
|
|
3489
|
+
var NavigationMobile_module_default = {
|
|
3490
|
+
mobileItemLink: "NavigationMobile_module_mobileItemLink",
|
|
3491
|
+
mobileItemTrigger: "NavigationMobile_module_mobileItemTrigger",
|
|
3492
|
+
mobileSubLink: "NavigationMobile_module_mobileSubLink",
|
|
3493
|
+
logoLink: "NavigationMobile_module_logoLink",
|
|
3494
|
+
logoMobile: "NavigationMobile_module_logoMobile",
|
|
3495
|
+
mainLogoMobile: "NavigationMobile_module_mainLogoMobile",
|
|
3496
|
+
hamburgerButton: "NavigationMobile_module_hamburgerButton",
|
|
3497
|
+
mobileClose: "NavigationMobile_module_mobileClose",
|
|
3498
|
+
mobileMenu: "NavigationMobile_module_mobileMenu",
|
|
3499
|
+
mobileMenuOpen: "NavigationMobile_module_mobileMenuOpen",
|
|
3500
|
+
mobileMenuHeader: "NavigationMobile_module_mobileMenuHeader",
|
|
3501
|
+
mobileMenuItems: "NavigationMobile_module_mobileMenuItems",
|
|
3502
|
+
mobileItem: "NavigationMobile_module_mobileItem",
|
|
3503
|
+
mobileItemChevron: "NavigationMobile_module_mobileItemChevron",
|
|
3504
|
+
mobileItemChevronOpen: "NavigationMobile_module_mobileItemChevronOpen",
|
|
3505
|
+
mobileSubItems: "NavigationMobile_module_mobileSubItems",
|
|
3506
|
+
mobileSubItemsOpen: "NavigationMobile_module_mobileSubItemsOpen",
|
|
3507
|
+
mobileSubItemsInner: "NavigationMobile_module_mobileSubItemsInner",
|
|
3508
|
+
mobileSubLinkActive: "NavigationMobile_module_mobileSubLinkActive",
|
|
3509
|
+
mobileMenuCtas: "NavigationMobile_module_mobileMenuCtas",
|
|
3510
|
+
internalMobileMenu: "NavigationMobile_module_internalMobileMenu",
|
|
3511
|
+
internalMobileMenuOpen: "NavigationMobile_module_internalMobileMenuOpen",
|
|
3512
|
+
mobileHeader: "NavigationMobile_module_mobileHeader",
|
|
3513
|
+
mobileBrandBars: "NavigationMobile_module_mobileBrandBars",
|
|
3514
|
+
mobileItems: "NavigationMobile_module_mobileItems",
|
|
3515
|
+
internalMobileItem: "NavigationMobile_module_internalMobileItem",
|
|
3516
|
+
internalMobileItemLink: "NavigationMobile_module_internalMobileItemLink",
|
|
3517
|
+
internalMobileItemTrigger: "NavigationMobile_module_internalMobileItemTrigger",
|
|
3518
|
+
internalMobileItemChevron: "NavigationMobile_module_internalMobileItemChevron",
|
|
3519
|
+
internalMobileItemChevronOpen: "NavigationMobile_module_internalMobileItemChevronOpen",
|
|
3520
|
+
internalMobileSubItems: "NavigationMobile_module_internalMobileSubItems",
|
|
3521
|
+
internalMobileSubItemsOpen: "NavigationMobile_module_internalMobileSubItemsOpen",
|
|
3522
|
+
internalMobileSubItemsInner: "NavigationMobile_module_internalMobileSubItemsInner",
|
|
3523
|
+
internalMobileSubLink: "NavigationMobile_module_internalMobileSubLink",
|
|
3524
|
+
internalMobileSubLinkActive: "NavigationMobile_module_internalMobileSubLinkActive",
|
|
3525
|
+
mobileFooter: "NavigationMobile_module_mobileFooter"
|
|
3526
|
+
};
|
|
3498
3527
|
var NavigationMobile = ({
|
|
3499
3528
|
id,
|
|
3500
3529
|
navItems,
|
|
@@ -3534,25 +3563,25 @@ var NavigationMobile = ({
|
|
|
3534
3563
|
if (!e.currentTarget.contains(e.relatedTarget)) collapseItem(index);
|
|
3535
3564
|
}
|
|
3536
3565
|
};
|
|
3537
|
-
const logo = mainLogo ? /* @__PURE__ */ jsx(Picture, { className:
|
|
3566
|
+
const logo = mainLogo ? /* @__PURE__ */ jsx(Picture, { className: NavigationMobile_module_default.logoMobile, src: mainLogo, alt: logoAlt }) : null;
|
|
3538
3567
|
if (isExternal) {
|
|
3539
3568
|
return /* @__PURE__ */ jsxs(
|
|
3540
3569
|
"div",
|
|
3541
3570
|
{
|
|
3542
3571
|
id,
|
|
3543
|
-
className:
|
|
3572
|
+
className: clsx49(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_module_default.mobileMenuOpen),
|
|
3544
3573
|
role: "dialog",
|
|
3545
3574
|
"aria-modal": "true",
|
|
3546
3575
|
"aria-label": "Navigation menu",
|
|
3547
3576
|
"aria-hidden": !isOpen,
|
|
3548
3577
|
children: [
|
|
3549
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3578
|
+
/* @__PURE__ */ jsxs("div", { className: NavigationMobile_module_default.mobileMenuHeader, children: [
|
|
3550
3579
|
/* @__PURE__ */ jsx(
|
|
3551
3580
|
NavigationLogo,
|
|
3552
3581
|
{
|
|
3553
3582
|
mainLogo,
|
|
3554
3583
|
homeCta,
|
|
3555
|
-
className:
|
|
3584
|
+
className: NavigationMobile_module_default.mainLogoMobile,
|
|
3556
3585
|
onClick: onClose
|
|
3557
3586
|
}
|
|
3558
3587
|
),
|
|
@@ -3561,23 +3590,23 @@ var NavigationMobile = ({
|
|
|
3561
3590
|
{
|
|
3562
3591
|
type: "button",
|
|
3563
3592
|
variant: "nofill",
|
|
3564
|
-
className:
|
|
3593
|
+
className: NavigationMobile_module_default.hamburgerButton,
|
|
3565
3594
|
onClick: onClose,
|
|
3566
3595
|
"aria-label": "Close navigation menu",
|
|
3567
3596
|
children: /* @__PURE__ */ jsx(Icon, { type: "xBlack", size: 24, "aria-hidden": "true" })
|
|
3568
3597
|
}
|
|
3569
3598
|
)
|
|
3570
3599
|
] }),
|
|
3571
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
3600
|
+
/* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileMenuItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3572
3601
|
var _a, _b;
|
|
3573
3602
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
3574
3603
|
const isExpanded = expanded === index;
|
|
3575
|
-
return item.type === "dropdown" ? /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({ className:
|
|
3604
|
+
return item.type === "dropdown" ? /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({ className: NavigationMobile_module_default.mobileItem }, hoverFocusProps(index)), { children: [
|
|
3576
3605
|
/* @__PURE__ */ jsxs(
|
|
3577
3606
|
"button",
|
|
3578
3607
|
{
|
|
3579
3608
|
type: "button",
|
|
3580
|
-
className:
|
|
3609
|
+
className: NavigationMobile_module_default.mobileItemTrigger,
|
|
3581
3610
|
onClick: () => toggleExpanded(index),
|
|
3582
3611
|
"aria-expanded": isExpanded,
|
|
3583
3612
|
"aria-controls": subMenuId,
|
|
@@ -3586,9 +3615,9 @@ var NavigationMobile = ({
|
|
|
3586
3615
|
/* @__PURE__ */ jsx(
|
|
3587
3616
|
"span",
|
|
3588
3617
|
{
|
|
3589
|
-
className:
|
|
3590
|
-
|
|
3591
|
-
isExpanded &&
|
|
3618
|
+
className: clsx49(
|
|
3619
|
+
NavigationMobile_module_default.mobileItemChevron,
|
|
3620
|
+
isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
|
|
3592
3621
|
),
|
|
3593
3622
|
"aria-hidden": "true",
|
|
3594
3623
|
children: /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 24 })
|
|
@@ -3601,17 +3630,17 @@ var NavigationMobile = ({
|
|
|
3601
3630
|
"div",
|
|
3602
3631
|
{
|
|
3603
3632
|
id: subMenuId,
|
|
3604
|
-
className:
|
|
3605
|
-
children: /* @__PURE__ */ jsx("ul", { className:
|
|
3633
|
+
className: clsx49(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
|
|
3634
|
+
children: /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
|
|
3606
3635
|
(subItem, i) => {
|
|
3607
3636
|
var _a2, _b2;
|
|
3608
3637
|
return subItem.type === "link" ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
3609
3638
|
"a",
|
|
3610
3639
|
{
|
|
3611
3640
|
href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
|
|
3612
|
-
className:
|
|
3613
|
-
|
|
3614
|
-
subItem.isActive &&
|
|
3641
|
+
className: clsx49(
|
|
3642
|
+
NavigationMobile_module_default.mobileSubLink,
|
|
3643
|
+
subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
|
|
3615
3644
|
),
|
|
3616
3645
|
onClick: onClose,
|
|
3617
3646
|
children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
|
|
@@ -3621,12 +3650,12 @@ var NavigationMobile = ({
|
|
|
3621
3650
|
) })
|
|
3622
3651
|
}
|
|
3623
3652
|
)
|
|
3624
|
-
] }), index) : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: (_a = item.cta) == null ? void 0 : _a.url, className:
|
|
3653
|
+
] }), index) : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: (_a = item.cta) == null ? void 0 : _a.url, className: NavigationMobile_module_default.mobileItemLink, onClick: onClose, children: (_b = item.cta) == null ? void 0 : _b.label }) }, index);
|
|
3625
3654
|
}) }),
|
|
3626
3655
|
/* @__PURE__ */ jsx(
|
|
3627
3656
|
NavigationCtas,
|
|
3628
3657
|
{
|
|
3629
|
-
className:
|
|
3658
|
+
className: NavigationMobile_module_default.mobileMenuCtas,
|
|
3630
3659
|
loginCta,
|
|
3631
3660
|
rightButton,
|
|
3632
3661
|
loginVariant: "nofillblack"
|
|
@@ -3640,20 +3669,20 @@ var NavigationMobile = ({
|
|
|
3640
3669
|
"div",
|
|
3641
3670
|
{
|
|
3642
3671
|
id,
|
|
3643
|
-
className:
|
|
3672
|
+
className: clsx49(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
|
|
3644
3673
|
role: "dialog",
|
|
3645
3674
|
"aria-modal": "true",
|
|
3646
3675
|
"aria-label": "Navigation menu",
|
|
3647
3676
|
"aria-hidden": !isOpen,
|
|
3648
3677
|
children: [
|
|
3649
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3650
|
-
homeCta && logo ? /* @__PURE__ */ jsx("a", { href: homeCta, className:
|
|
3678
|
+
/* @__PURE__ */ jsxs("div", { className: NavigationMobile_module_default.mobileHeader, children: [
|
|
3679
|
+
homeCta && logo ? /* @__PURE__ */ jsx("a", { href: homeCta, className: NavigationMobile_module_default.logoLink, "aria-label": logoAlt, onClick: onClose, children: logo }) : logo,
|
|
3651
3680
|
/* @__PURE__ */ jsx(
|
|
3652
3681
|
Button,
|
|
3653
3682
|
{
|
|
3654
3683
|
variant: "ghost",
|
|
3655
3684
|
type: "button",
|
|
3656
|
-
className:
|
|
3685
|
+
className: NavigationMobile_module_default.mobileClose,
|
|
3657
3686
|
onClick: onClose,
|
|
3658
3687
|
"aria-label": "Close navigation menu",
|
|
3659
3688
|
children: /* @__PURE__ */ jsx(Icon, { type: "xBlack", size: 24, "aria-hidden": "true" })
|
|
@@ -3665,19 +3694,19 @@ var NavigationMobile = ({
|
|
|
3665
3694
|
{
|
|
3666
3695
|
brandLogos,
|
|
3667
3696
|
unfolded: false,
|
|
3668
|
-
className:
|
|
3697
|
+
className: NavigationMobile_module_default.mobileBrandBars
|
|
3669
3698
|
}
|
|
3670
3699
|
),
|
|
3671
|
-
/* @__PURE__ */ jsx("ul", { className:
|
|
3700
|
+
/* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
|
|
3672
3701
|
var _a, _b, _c, _d;
|
|
3673
3702
|
const subMenuId = `${baseId}-submenu-${index}`;
|
|
3674
3703
|
const isExpanded = expanded === index;
|
|
3675
3704
|
if (item.type === "link") {
|
|
3676
|
-
return /* @__PURE__ */ jsx("li", { className:
|
|
3705
|
+
return /* @__PURE__ */ jsx("li", { className: NavigationMobile_module_default.internalMobileItem, children: /* @__PURE__ */ jsx(
|
|
3677
3706
|
"a",
|
|
3678
3707
|
{
|
|
3679
3708
|
href: (_a = item.cta) == null ? void 0 : _a.url,
|
|
3680
|
-
className:
|
|
3709
|
+
className: NavigationMobile_module_default.internalMobileItemLink,
|
|
3681
3710
|
target: ((_b = item.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
|
|
3682
3711
|
rel: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
|
|
3683
3712
|
onClick: onClose,
|
|
@@ -3685,12 +3714,12 @@ var NavigationMobile = ({
|
|
|
3685
3714
|
}
|
|
3686
3715
|
) }, index);
|
|
3687
3716
|
}
|
|
3688
|
-
return /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({ className:
|
|
3717
|
+
return /* @__PURE__ */ jsxs("li", __spreadProps(__spreadValues({ className: NavigationMobile_module_default.internalMobileItem }, hoverFocusProps(index)), { children: [
|
|
3689
3718
|
/* @__PURE__ */ jsxs(
|
|
3690
3719
|
"button",
|
|
3691
3720
|
{
|
|
3692
3721
|
type: "button",
|
|
3693
|
-
className:
|
|
3722
|
+
className: NavigationMobile_module_default.internalMobileItemTrigger,
|
|
3694
3723
|
onClick: () => toggleExpanded(index),
|
|
3695
3724
|
"aria-expanded": isExpanded,
|
|
3696
3725
|
"aria-controls": subMenuId,
|
|
@@ -3699,9 +3728,9 @@ var NavigationMobile = ({
|
|
|
3699
3728
|
/* @__PURE__ */ jsx(
|
|
3700
3729
|
"span",
|
|
3701
3730
|
{
|
|
3702
|
-
className:
|
|
3703
|
-
|
|
3704
|
-
isExpanded &&
|
|
3731
|
+
className: clsx49(
|
|
3732
|
+
NavigationMobile_module_default.internalMobileItemChevron,
|
|
3733
|
+
isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
|
|
3705
3734
|
),
|
|
3706
3735
|
"aria-hidden": "true",
|
|
3707
3736
|
children: /* @__PURE__ */ jsx(Icon, { type: "downChevronBlack", size: 24 })
|
|
@@ -3714,20 +3743,20 @@ var NavigationMobile = ({
|
|
|
3714
3743
|
"div",
|
|
3715
3744
|
{
|
|
3716
3745
|
id: subMenuId,
|
|
3717
|
-
className:
|
|
3718
|
-
|
|
3719
|
-
isExpanded &&
|
|
3746
|
+
className: clsx49(
|
|
3747
|
+
NavigationMobile_module_default.internalMobileSubItems,
|
|
3748
|
+
isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
|
|
3720
3749
|
),
|
|
3721
|
-
children: /* @__PURE__ */ jsx("ul", { className:
|
|
3750
|
+
children: /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.internalMobileSubItemsInner, children: item.items.map(
|
|
3722
3751
|
(sub, i) => {
|
|
3723
3752
|
var _a2, _b2, _c2, _d2;
|
|
3724
3753
|
return sub.type === "link" ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
|
|
3725
3754
|
"a",
|
|
3726
3755
|
{
|
|
3727
3756
|
href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
|
|
3728
|
-
className:
|
|
3729
|
-
|
|
3730
|
-
sub.isActive &&
|
|
3757
|
+
className: clsx49(
|
|
3758
|
+
NavigationMobile_module_default.internalMobileSubLink,
|
|
3759
|
+
sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
|
|
3731
3760
|
),
|
|
3732
3761
|
target: ((_b2 = sub.cta) == null ? void 0 : _b2.isExternal) ? "_blank" : void 0,
|
|
3733
3762
|
rel: ((_c2 = sub.cta) == null ? void 0 : _c2.isExternal) ? "noopener noreferrer" : void 0,
|
|
@@ -3741,7 +3770,7 @@ var NavigationMobile = ({
|
|
|
3741
3770
|
)
|
|
3742
3771
|
] }), index);
|
|
3743
3772
|
}) }),
|
|
3744
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
3773
|
+
/* @__PURE__ */ jsxs("div", { className: NavigationMobile_module_default.mobileFooter, children: [
|
|
3745
3774
|
/* @__PURE__ */ jsx(
|
|
3746
3775
|
Search,
|
|
3747
3776
|
{
|
|
@@ -3757,6 +3786,24 @@ var NavigationMobile = ({
|
|
|
3757
3786
|
}
|
|
3758
3787
|
);
|
|
3759
3788
|
};
|
|
3789
|
+
|
|
3790
|
+
// src/widgets/Navigation/Navigation.module.scss
|
|
3791
|
+
var Navigation_module_default = {
|
|
3792
|
+
overlay: "Navigation_module_overlay",
|
|
3793
|
+
navigation: "Navigation_module_navigation",
|
|
3794
|
+
dropdownOpen: "Navigation_module_dropdownOpen",
|
|
3795
|
+
mainBar: "Navigation_module_mainBar",
|
|
3796
|
+
variantTransparent: "Navigation_module_variantTransparent",
|
|
3797
|
+
transparent: "Navigation_module_transparent",
|
|
3798
|
+
logo: "Navigation_module_logo",
|
|
3799
|
+
inner: "Navigation_module_inner",
|
|
3800
|
+
topRow: "Navigation_module_topRow",
|
|
3801
|
+
upperRight: "Navigation_module_upperRight",
|
|
3802
|
+
logoMobile: "Navigation_module_logoMobile",
|
|
3803
|
+
hamburger: "Navigation_module_hamburger",
|
|
3804
|
+
hamburgerButton: "Navigation_module_hamburgerButton",
|
|
3805
|
+
bottomRow: "Navigation_module_bottomRow"
|
|
3806
|
+
};
|
|
3760
3807
|
var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])';
|
|
3761
3808
|
var getFocusable = (root) => Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
|
|
3762
3809
|
(el) => el.tabIndex !== -1 && el.offsetParent !== null
|
|
@@ -3863,7 +3910,7 @@ var Navigation2 = (props) => {
|
|
|
3863
3910
|
const logo = mainLogo ? /* @__PURE__ */ jsx(
|
|
3864
3911
|
Picture,
|
|
3865
3912
|
{
|
|
3866
|
-
className:
|
|
3913
|
+
className: clsx49(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
|
|
3867
3914
|
src: mainLogo,
|
|
3868
3915
|
alt: logoAlt
|
|
3869
3916
|
}
|
|
@@ -3873,8 +3920,8 @@ var Navigation2 = (props) => {
|
|
|
3873
3920
|
"nav",
|
|
3874
3921
|
{
|
|
3875
3922
|
ref: navRef,
|
|
3876
|
-
className:
|
|
3877
|
-
Navigation_module_default.
|
|
3923
|
+
className: clsx49(
|
|
3924
|
+
Navigation_module_default.navigation,
|
|
3878
3925
|
dropdownOpen && Navigation_module_default.dropdownOpen,
|
|
3879
3926
|
// External-only transparent / hover treatment.
|
|
3880
3927
|
isExternal && transparent && Navigation_module_default.variantTransparent,
|
|
@@ -3893,7 +3940,7 @@ var Navigation2 = (props) => {
|
|
|
3893
3940
|
{
|
|
3894
3941
|
mainLogo,
|
|
3895
3942
|
homeCta,
|
|
3896
|
-
className:
|
|
3943
|
+
className: clsx49(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
|
|
3897
3944
|
}
|
|
3898
3945
|
) : logo,
|
|
3899
3946
|
isTabletBelow ? /* @__PURE__ */ jsx(
|
|
@@ -4031,7 +4078,7 @@ var PracticePathCards = ({
|
|
|
4031
4078
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4032
4079
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4033
4080
|
const footerNode = (_c = slots.footer) != null ? _c : footer;
|
|
4034
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4081
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
|
|
4035
4082
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
|
|
4036
4083
|
/* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
|
|
4037
4084
|
titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
|
|
@@ -4085,8 +4132,8 @@ var Teaser5050With3Text = ({
|
|
|
4085
4132
|
title: Teaser5050With3TextTitle
|
|
4086
4133
|
});
|
|
4087
4134
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4088
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4089
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4135
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
|
|
4136
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx49(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
|
|
4090
4137
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
|
|
4091
4138
|
/* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
|
|
4092
4139
|
image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
|
|
@@ -4136,12 +4183,12 @@ var Teaser5050WithCta = ({
|
|
|
4136
4183
|
return /* @__PURE__ */ jsx(
|
|
4137
4184
|
"div",
|
|
4138
4185
|
{
|
|
4139
|
-
className:
|
|
4186
|
+
className: clsx49(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
4140
4187
|
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
4141
4188
|
children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
4142
4189
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
4143
4190
|
/* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
4144
|
-
titleNode && /* @__PURE__ */ jsx("div", { className:
|
|
4191
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: clsx49(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
4145
4192
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
|
|
4146
4193
|
] }),
|
|
4147
4194
|
/* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
@@ -4193,7 +4240,7 @@ var Carousel = (_a) => {
|
|
|
4193
4240
|
},
|
|
4194
4241
|
role: "region",
|
|
4195
4242
|
"aria-label": ariaLabel,
|
|
4196
|
-
className:
|
|
4243
|
+
className: clsx49(Carousel_module_default.carousel, className),
|
|
4197
4244
|
spaceBetween: 0,
|
|
4198
4245
|
slidesPerView: "auto",
|
|
4199
4246
|
modules: [FreeMode, A11y],
|
|
@@ -4203,7 +4250,7 @@ var Carousel = (_a) => {
|
|
|
4203
4250
|
children: slides.map((slide, index) => /* @__PURE__ */ jsx(
|
|
4204
4251
|
SwiperSlide,
|
|
4205
4252
|
{
|
|
4206
|
-
className:
|
|
4253
|
+
className: clsx49(Carousel_module_default["carousel-item"], props.slideClass),
|
|
4207
4254
|
children: slide
|
|
4208
4255
|
},
|
|
4209
4256
|
index
|
|
@@ -4260,13 +4307,13 @@ var EventList = ({
|
|
|
4260
4307
|
return /* @__PURE__ */ jsx(
|
|
4261
4308
|
"div",
|
|
4262
4309
|
{
|
|
4263
|
-
className:
|
|
4310
|
+
className: clsx49("event-list-module", EventList_module_default["event-list-module"], className),
|
|
4264
4311
|
style: {
|
|
4265
4312
|
backgroundColor
|
|
4266
4313
|
},
|
|
4267
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
4314
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx49(EventList_module_default["event-list-container"]), children: [
|
|
4268
4315
|
/* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
4269
|
-
titleNode && /* @__PURE__ */ jsx("h2", { className:
|
|
4316
|
+
titleNode && /* @__PURE__ */ jsx("h2", { className: clsx49(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
4270
4317
|
cta && cta.url && /* @__PURE__ */ jsx(
|
|
4271
4318
|
Button,
|
|
4272
4319
|
{
|
|
@@ -4284,7 +4331,7 @@ var EventList = ({
|
|
|
4284
4331
|
Carousel,
|
|
4285
4332
|
{
|
|
4286
4333
|
"aria-label": "Upcoming events",
|
|
4287
|
-
wrapperClass:
|
|
4334
|
+
wrapperClass: clsx49(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
4288
4335
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
4289
4336
|
spaceBetween: 16,
|
|
4290
4337
|
slides: items.map((item) => {
|
|
@@ -4292,7 +4339,7 @@ var EventList = ({
|
|
|
4292
4339
|
return /* @__PURE__ */ jsx(
|
|
4293
4340
|
UpcomingEventCard,
|
|
4294
4341
|
__spreadValues({
|
|
4295
|
-
className:
|
|
4342
|
+
className: clsx49(EventList_module_default["event-card"]),
|
|
4296
4343
|
direction: "vertical",
|
|
4297
4344
|
showImage: false
|
|
4298
4345
|
}, item),
|
|
@@ -4305,7 +4352,7 @@ var EventList = ({
|
|
|
4305
4352
|
"ul",
|
|
4306
4353
|
{
|
|
4307
4354
|
"aria-label": "Upcoming events",
|
|
4308
|
-
className:
|
|
4355
|
+
className: clsx49(
|
|
4309
4356
|
EventList_module_default["event-list-wrapper"],
|
|
4310
4357
|
EventList_module_default["horizontal"],
|
|
4311
4358
|
EventList_module_default[variant]
|
|
@@ -4315,11 +4362,11 @@ var EventList = ({
|
|
|
4315
4362
|
return /* @__PURE__ */ jsx(
|
|
4316
4363
|
"li",
|
|
4317
4364
|
{
|
|
4318
|
-
className:
|
|
4365
|
+
className: clsx49(EventList_module_default["card-list-item"]),
|
|
4319
4366
|
children: /* @__PURE__ */ jsx(
|
|
4320
4367
|
UpcomingEventCard,
|
|
4321
4368
|
__spreadProps(__spreadValues({}, item), {
|
|
4322
|
-
className:
|
|
4369
|
+
className: clsx49(EventList_module_default["card-item"]),
|
|
4323
4370
|
showImage: false,
|
|
4324
4371
|
direction: "vertical"
|
|
4325
4372
|
})
|
|
@@ -4334,7 +4381,7 @@ var EventList = ({
|
|
|
4334
4381
|
"ul",
|
|
4335
4382
|
{
|
|
4336
4383
|
"aria-label": "Upcoming events",
|
|
4337
|
-
className:
|
|
4384
|
+
className: clsx49(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
4338
4385
|
children: items == null ? void 0 : items.map((item, index) => {
|
|
4339
4386
|
var _a2, _b, _c;
|
|
4340
4387
|
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);
|
|
@@ -4342,8 +4389,8 @@ var EventList = ({
|
|
|
4342
4389
|
}
|
|
4343
4390
|
)
|
|
4344
4391
|
] }),
|
|
4345
|
-
!isNotEmpty && emptyNode ?
|
|
4346
|
-
className:
|
|
4392
|
+
!isNotEmpty && emptyNode ? React71.cloneElement(emptyNode, {
|
|
4393
|
+
className: clsx49("empty-search-result", EventList_module_default["empty-search-result"])
|
|
4347
4394
|
}) : null
|
|
4348
4395
|
] })
|
|
4349
4396
|
}
|
|
@@ -4387,9 +4434,9 @@ var TextEvent = (props) => {
|
|
|
4387
4434
|
});
|
|
4388
4435
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4389
4436
|
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
4390
|
-
return /* @__PURE__ */ jsxs(Container, { className:
|
|
4437
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx49(TextEvent_module_default.textEvent, className), children: [
|
|
4391
4438
|
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
4392
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4439
|
+
/* @__PURE__ */ jsx("div", { className: clsx49(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
4393
4440
|
] });
|
|
4394
4441
|
};
|
|
4395
4442
|
|
|
@@ -4413,15 +4460,23 @@ var TextBodyBody = ({ children }) => {
|
|
|
4413
4460
|
};
|
|
4414
4461
|
var TextBody = (props) => {
|
|
4415
4462
|
var _a, _b;
|
|
4416
|
-
const { className, body, title, children } = props;
|
|
4463
|
+
const { className, variant, body, title, titleAlign = "text-left", children } = props;
|
|
4417
4464
|
const slots = resolveCompoundSlots(children, {
|
|
4418
4465
|
title: TextBodyTitle,
|
|
4419
4466
|
body: TextBodyBody
|
|
4420
4467
|
});
|
|
4421
4468
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4422
4469
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
4423
|
-
|
|
4424
|
-
|
|
4470
|
+
const isTableCenter = variant === "table-center";
|
|
4471
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx49(TextBody_module_default.textBody, className), children: [
|
|
4472
|
+
titleNode && /* @__PURE__ */ jsx(
|
|
4473
|
+
Text,
|
|
4474
|
+
{
|
|
4475
|
+
tag: isTableCenter ? "h4" : "h3",
|
|
4476
|
+
className: clsx49(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
|
|
4477
|
+
children: titleNode
|
|
4478
|
+
}
|
|
4479
|
+
),
|
|
4425
4480
|
/* @__PURE__ */ jsx("div", { className: TextBody_module_default.body, children: bodyNode })
|
|
4426
4481
|
] });
|
|
4427
4482
|
};
|
|
@@ -4463,7 +4518,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4463
4518
|
});
|
|
4464
4519
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4465
4520
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
4466
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
4521
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
4467
4522
|
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
4468
4523
|
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
4469
4524
|
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
@@ -4471,7 +4526,7 @@ var TextCenterCtaInBottom = ({
|
|
|
4471
4526
|
!!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
4472
4527
|
"div",
|
|
4473
4528
|
{
|
|
4474
|
-
className:
|
|
4529
|
+
className: clsx49(
|
|
4475
4530
|
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
4476
4531
|
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
4477
4532
|
),
|
|
@@ -4584,7 +4639,7 @@ var ResourcesGridList = ({
|
|
|
4584
4639
|
const safeCurrentPage = Math.min(currentPage, totalPages);
|
|
4585
4640
|
const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
|
|
4586
4641
|
const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
|
|
4587
|
-
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className:
|
|
4642
|
+
return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx49(ResourcesGridList_module_default.widget, className), children: [
|
|
4588
4643
|
/* @__PURE__ */ jsx(
|
|
4589
4644
|
FilterBar,
|
|
4590
4645
|
{
|
|
@@ -4603,7 +4658,7 @@ var ResourcesGridList = ({
|
|
|
4603
4658
|
isMobile && /* @__PURE__ */ jsxs(
|
|
4604
4659
|
"div",
|
|
4605
4660
|
{
|
|
4606
|
-
className:
|
|
4661
|
+
className: clsx49(
|
|
4607
4662
|
ResourcesGridList_module_default.mobileSidebarOverlay,
|
|
4608
4663
|
isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
|
|
4609
4664
|
),
|
|
@@ -4614,7 +4669,7 @@ var ResourcesGridList = ({
|
|
|
4614
4669
|
return /* @__PURE__ */ jsxs(
|
|
4615
4670
|
"li",
|
|
4616
4671
|
{
|
|
4617
|
-
className:
|
|
4672
|
+
className: clsx49(
|
|
4618
4673
|
ResourcesGridList_module_default.mobileSidebarItem,
|
|
4619
4674
|
i === selectedCategory && ResourcesGridList_module_default.active
|
|
4620
4675
|
),
|
|
@@ -4659,7 +4714,7 @@ var ResourcesGridList = ({
|
|
|
4659
4714
|
onSelect: handleSelectCategory
|
|
4660
4715
|
}
|
|
4661
4716
|
),
|
|
4662
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
4717
|
+
/* @__PURE__ */ jsx("div", { className: clsx49(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, item.id)) })
|
|
4663
4718
|
] }),
|
|
4664
4719
|
totalPages > 1 && /* @__PURE__ */ jsx(
|
|
4665
4720
|
Pagination,
|
|
@@ -4692,7 +4747,7 @@ var Grid = ({
|
|
|
4692
4747
|
return /* @__PURE__ */ jsx(
|
|
4693
4748
|
Component,
|
|
4694
4749
|
{
|
|
4695
|
-
className:
|
|
4750
|
+
className: clsx49("grid", Grid_module_default.grid, className),
|
|
4696
4751
|
role,
|
|
4697
4752
|
"aria-label": ariaLabel,
|
|
4698
4753
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4717,7 +4772,7 @@ var GridItem = ({
|
|
|
4717
4772
|
return /* @__PURE__ */ jsx(
|
|
4718
4773
|
Component,
|
|
4719
4774
|
{
|
|
4720
|
-
className:
|
|
4775
|
+
className: clsx49("grid-item", Grid_module_default["grid-item"], className),
|
|
4721
4776
|
role,
|
|
4722
4777
|
"aria-label": ariaLabel,
|
|
4723
4778
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -4765,13 +4820,13 @@ var BlogCardGrid = ({
|
|
|
4765
4820
|
title: BlogCardGridTitle
|
|
4766
4821
|
});
|
|
4767
4822
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
4768
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
4769
|
-
title && /* @__PURE__ */ jsxs("div", { className:
|
|
4770
|
-
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className:
|
|
4771
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
4823
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx49("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
|
|
4824
|
+
title && /* @__PURE__ */ jsxs("div", { className: clsx49("header-container", BlogCardGrid_module_default["header-container"]), children: [
|
|
4825
|
+
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h4", className: clsx49("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
|
|
4826
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx49("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
4772
4827
|
Button,
|
|
4773
4828
|
{
|
|
4774
|
-
className:
|
|
4829
|
+
className: clsx49("cta", BlogCardGrid_module_default["cta"]),
|
|
4775
4830
|
variant: "nofillblack",
|
|
4776
4831
|
href: cta.url,
|
|
4777
4832
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4797,11 +4852,11 @@ var BlogCardGrid = ({
|
|
|
4797
4852
|
return /* @__PURE__ */ jsx(
|
|
4798
4853
|
"div",
|
|
4799
4854
|
{
|
|
4800
|
-
className:
|
|
4855
|
+
className: clsx49("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
|
|
4801
4856
|
style: {
|
|
4802
4857
|
backgroundColor
|
|
4803
4858
|
},
|
|
4804
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
4859
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx49("container", BlogCardGrid_module_default["container"]), children: content }) : content
|
|
4805
4860
|
}
|
|
4806
4861
|
);
|
|
4807
4862
|
};
|
|
@@ -4849,13 +4904,13 @@ var FeaturedNewsHighlights = ({
|
|
|
4849
4904
|
const sideCards = items.slice(1);
|
|
4850
4905
|
const isVariantHome = variant === "home";
|
|
4851
4906
|
const isBelowTablet = is("tablet", "below");
|
|
4852
|
-
const content = /* @__PURE__ */ jsxs("div", { className:
|
|
4853
|
-
title && cta && /* @__PURE__ */ jsxs("div", { className:
|
|
4907
|
+
const content = /* @__PURE__ */ jsxs("div", { className: clsx49("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
|
|
4908
|
+
title && cta && /* @__PURE__ */ jsxs("div", { className: clsx49("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
|
|
4854
4909
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
|
|
4855
|
-
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className:
|
|
4910
|
+
cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsx("div", { className: clsx49("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsx(
|
|
4856
4911
|
Button,
|
|
4857
4912
|
{
|
|
4858
|
-
className:
|
|
4913
|
+
className: clsx49("cta", FeaturedNewsHighlights_module_default["cta"]),
|
|
4859
4914
|
variant: "nofillblack",
|
|
4860
4915
|
href: cta.url,
|
|
4861
4916
|
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
@@ -4867,9 +4922,9 @@ var FeaturedNewsHighlights = ({
|
|
|
4867
4922
|
isVariantHome && isBelowTablet && /* @__PURE__ */ jsx(
|
|
4868
4923
|
Carousel,
|
|
4869
4924
|
{
|
|
4870
|
-
className:
|
|
4925
|
+
className: clsx49("carousel", FeaturedNewsHighlights_module_default["carousel"]),
|
|
4871
4926
|
"aria-label": "featured news",
|
|
4872
|
-
wrapperClass:
|
|
4927
|
+
wrapperClass: clsx49(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
|
|
4873
4928
|
slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
|
|
4874
4929
|
spaceBetween: 16,
|
|
4875
4930
|
slides: items.map((item, index) => {
|
|
@@ -4878,27 +4933,27 @@ var FeaturedNewsHighlights = ({
|
|
|
4878
4933
|
NewsCard,
|
|
4879
4934
|
__spreadProps(__spreadValues({}, item), {
|
|
4880
4935
|
direction: "vertical",
|
|
4881
|
-
className:
|
|
4936
|
+
className: clsx49("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
|
|
4882
4937
|
}),
|
|
4883
4938
|
(_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
|
|
4884
4939
|
);
|
|
4885
4940
|
})
|
|
4886
4941
|
}
|
|
4887
4942
|
),
|
|
4888
|
-
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className:
|
|
4943
|
+
(!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxs("div", { className: clsx49("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
|
|
4889
4944
|
featuredCard && /* @__PURE__ */ jsx(
|
|
4890
4945
|
NewsCard,
|
|
4891
4946
|
__spreadProps(__spreadValues({}, featuredCard), {
|
|
4892
|
-
className:
|
|
4947
|
+
className: clsx49("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
|
|
4893
4948
|
renderLink
|
|
4894
4949
|
})
|
|
4895
4950
|
),
|
|
4896
|
-
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className:
|
|
4951
|
+
sideCards && sideCards.length > 0 && /* @__PURE__ */ jsx("div", { className: clsx49("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
|
|
4897
4952
|
var _a2;
|
|
4898
4953
|
return /* @__PURE__ */ jsx(
|
|
4899
4954
|
NewsCard,
|
|
4900
4955
|
__spreadProps(__spreadValues({}, card), {
|
|
4901
|
-
className:
|
|
4956
|
+
className: clsx49("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
|
|
4902
4957
|
direction: "horizontal",
|
|
4903
4958
|
renderLink
|
|
4904
4959
|
}),
|
|
@@ -4910,11 +4965,11 @@ var FeaturedNewsHighlights = ({
|
|
|
4910
4965
|
return /* @__PURE__ */ jsx(
|
|
4911
4966
|
"div",
|
|
4912
4967
|
{
|
|
4913
|
-
className:
|
|
4968
|
+
className: clsx49("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
|
|
4914
4969
|
style: {
|
|
4915
4970
|
backgroundColor
|
|
4916
4971
|
},
|
|
4917
|
-
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className:
|
|
4972
|
+
children: hasContainer ? /* @__PURE__ */ jsx(Container, { className: clsx49("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
|
|
4918
4973
|
}
|
|
4919
4974
|
);
|
|
4920
4975
|
};
|
|
@@ -4958,23 +5013,23 @@ var NewsCardList = ({
|
|
|
4958
5013
|
return /* @__PURE__ */ jsx(
|
|
4959
5014
|
"div",
|
|
4960
5015
|
{
|
|
4961
|
-
className:
|
|
5016
|
+
className: clsx49("news-card-list", NewsCardList_module_default["news-card-list"], className),
|
|
4962
5017
|
style: {
|
|
4963
5018
|
backgroundColor
|
|
4964
5019
|
},
|
|
4965
|
-
children: /* @__PURE__ */ jsxs(Container, { className:
|
|
4966
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5020
|
+
children: /* @__PURE__ */ jsxs(Container, { className: clsx49("container", NewsCardList_module_default["container"]), children: [
|
|
5021
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("wrapper", NewsCardList_module_default["wrapper"]), children: [
|
|
4967
5022
|
/* @__PURE__ */ jsx(
|
|
4968
5023
|
Input,
|
|
4969
5024
|
__spreadValues({
|
|
4970
|
-
className:
|
|
5025
|
+
className: clsx49("search-input", NewsCardList_module_default["search-input"]),
|
|
4971
5026
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
4972
5027
|
placeholder: "Search News",
|
|
4973
5028
|
endAction: searchValue ? /* @__PURE__ */ jsx(
|
|
4974
5029
|
Button,
|
|
4975
5030
|
{
|
|
4976
5031
|
variant: "nofillblack",
|
|
4977
|
-
className:
|
|
5032
|
+
className: clsx49(NewsCardList_module_default["end-action-button"]),
|
|
4978
5033
|
"aria-label": "Search",
|
|
4979
5034
|
onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
|
|
4980
5035
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -4986,7 +5041,7 @@ var NewsCardList = ({
|
|
|
4986
5041
|
} : void 0
|
|
4987
5042
|
}, searchInputProps)
|
|
4988
5043
|
),
|
|
4989
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5044
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
|
|
4990
5045
|
currentPage === 1 && /* @__PURE__ */ jsx(
|
|
4991
5046
|
FeaturedNewsHighlights2,
|
|
4992
5047
|
{
|
|
@@ -4999,8 +5054,8 @@ var NewsCardList = ({
|
|
|
4999
5054
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
|
|
5000
5055
|
] })
|
|
5001
5056
|
] }),
|
|
5002
|
-
paginationNode ?
|
|
5003
|
-
className:
|
|
5057
|
+
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5058
|
+
className: clsx49("pagination", NewsCardList_module_default["pagination"])
|
|
5004
5059
|
}) : null
|
|
5005
5060
|
] })
|
|
5006
5061
|
}
|
|
@@ -5045,15 +5100,15 @@ var BlogPost = ({
|
|
|
5045
5100
|
});
|
|
5046
5101
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5047
5102
|
const bodyNode = (_b = slots.body) != null ? _b : body;
|
|
5048
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5049
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5103
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx49("container", BlogPost_module_default["container"]), children: [
|
|
5104
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("header", BlogPost_module_default["header"]), children: [
|
|
5050
5105
|
titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
|
|
5051
|
-
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className:
|
|
5106
|
+
image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx49("image", BlogPost_module_default["image"]) }))
|
|
5052
5107
|
] }),
|
|
5053
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5054
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5108
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("content", BlogPost_module_default["content"]), children: [
|
|
5109
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("content-top", BlogPost_module_default["content-top"]), children: [
|
|
5055
5110
|
/* @__PURE__ */ jsx(Badge, { size: "sm", children: tag }),
|
|
5056
|
-
/* @__PURE__ */ jsxs("span", { className:
|
|
5111
|
+
/* @__PURE__ */ jsxs("span", { className: clsx49("content-date", BlogPost_module_default["content-date"]), children: [
|
|
5057
5112
|
"Published ",
|
|
5058
5113
|
/* @__PURE__ */ jsx("time", { dateTime: date.value, children: date.label })
|
|
5059
5114
|
] })
|
|
@@ -5066,7 +5121,7 @@ var BlogPost = ({
|
|
|
5066
5121
|
title: "More News",
|
|
5067
5122
|
items: relatedArticles,
|
|
5068
5123
|
hasContainer: false,
|
|
5069
|
-
className:
|
|
5124
|
+
className: clsx49("related-articles", BlogPost_module_default["related-articles"])
|
|
5070
5125
|
}
|
|
5071
5126
|
)
|
|
5072
5127
|
] }) });
|
|
@@ -5114,22 +5169,22 @@ var BlogSearchResultsList = ({
|
|
|
5114
5169
|
});
|
|
5115
5170
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5116
5171
|
const paginationNode = slots.pagination;
|
|
5117
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5118
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5119
|
-
className:
|
|
5172
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx49("container", BlogSearchResultsList_module_default["container"]), children: [
|
|
5173
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx49("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React71.isValidElement(searchNode) ? React71.cloneElement(searchNode, {
|
|
5174
|
+
className: clsx49("search-result", BlogSearchResultsList_module_default["search-result"])
|
|
5120
5175
|
}) : null,
|
|
5121
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
5176
|
+
/* @__PURE__ */ jsxs("div", { className: clsx49("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
|
|
5122
5177
|
/* @__PURE__ */ jsx(
|
|
5123
5178
|
Input,
|
|
5124
5179
|
__spreadValues({
|
|
5125
|
-
className:
|
|
5180
|
+
className: clsx49("search-input", BlogSearchResultsList_module_default["search-input"]),
|
|
5126
5181
|
startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
|
|
5127
5182
|
placeholder: "Search News",
|
|
5128
5183
|
endAction: searchValue ? /* @__PURE__ */ jsx(
|
|
5129
5184
|
Button,
|
|
5130
5185
|
{
|
|
5131
5186
|
variant: "nofillblack",
|
|
5132
|
-
className:
|
|
5187
|
+
className: clsx49(BlogSearchResultsList_module_default["end-action-button"]),
|
|
5133
5188
|
"aria-label": "Search",
|
|
5134
5189
|
onClick: () => onSearchSubmit(searchValue),
|
|
5135
5190
|
children: /* @__PURE__ */ jsx(Icon, { type: "rightBlack" })
|
|
@@ -5143,8 +5198,8 @@ var BlogSearchResultsList = ({
|
|
|
5143
5198
|
),
|
|
5144
5199
|
/* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
|
|
5145
5200
|
] }),
|
|
5146
|
-
paginationNode ?
|
|
5147
|
-
className:
|
|
5201
|
+
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5202
|
+
className: clsx49("pagination", BlogSearchResultsList_module_default["pagination"])
|
|
5148
5203
|
}) : null
|
|
5149
5204
|
] }) });
|
|
5150
5205
|
};
|
|
@@ -5185,11 +5240,11 @@ var GlobalSearchResultsList = ({
|
|
|
5185
5240
|
});
|
|
5186
5241
|
const searchNode = (_a = slots.search) != null ? _a : searchResult;
|
|
5187
5242
|
const paginationNode = slots.pagination;
|
|
5188
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5189
|
-
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className:
|
|
5190
|
-
className:
|
|
5243
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx49("container", GlobalSearchResultsList_module_default["container"]), children: [
|
|
5244
|
+
typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx49("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React71.isValidElement(searchNode) ? React71.cloneElement(searchNode, {
|
|
5245
|
+
className: clsx49("search-result", GlobalSearchResultsList_module_default["search-result"])
|
|
5191
5246
|
}) : null,
|
|
5192
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5247
|
+
/* @__PURE__ */ jsx("div", { className: clsx49("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
|
|
5193
5248
|
var _a2;
|
|
5194
5249
|
return /* @__PURE__ */ jsx(
|
|
5195
5250
|
GridItem,
|
|
@@ -5209,8 +5264,8 @@ var GlobalSearchResultsList = ({
|
|
|
5209
5264
|
item.title ? `${item.title}-${(_a2 = item == null ? void 0 : item.id) != null ? _a2 : index}` : index
|
|
5210
5265
|
);
|
|
5211
5266
|
}) }) }),
|
|
5212
|
-
paginationNode ?
|
|
5213
|
-
className:
|
|
5267
|
+
paginationNode ? React71.cloneElement(paginationNode, {
|
|
5268
|
+
className: clsx49("pagination", GlobalSearchResultsList_module_default["pagination"])
|
|
5214
5269
|
}) : null
|
|
5215
5270
|
] }) });
|
|
5216
5271
|
};
|
|
@@ -5268,7 +5323,7 @@ var TextCenterWithMedia = ({
|
|
|
5268
5323
|
};
|
|
5269
5324
|
const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
|
|
5270
5325
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
5271
|
-
return /* @__PURE__ */ jsxs("section", { className:
|
|
5326
|
+
return /* @__PURE__ */ jsxs("section", { className: clsx49(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
|
|
5272
5327
|
/* @__PURE__ */ jsxs(Container, { children: [
|
|
5273
5328
|
titleNode && /* @__PURE__ */ jsx("h2", { className: "h2", children: titleNode }),
|
|
5274
5329
|
/* @__PURE__ */ jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -5331,7 +5386,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
|
|
|
5331
5386
|
const [swiperInstance, setSwiperInstance] = useState(null);
|
|
5332
5387
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
5333
5388
|
if (!items.length) return null;
|
|
5334
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
5389
|
+
return /* @__PURE__ */ jsx("div", { className: clsx49(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
|
|
5335
5390
|
title && /* @__PURE__ */ jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
|
|
5336
5391
|
/* @__PURE__ */ jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
|
|
5337
5392
|
Swiper,
|
|
@@ -5390,12 +5445,12 @@ var PageLoader = ({ className, children }) => {
|
|
|
5390
5445
|
logo: PageLoaderLogo
|
|
5391
5446
|
});
|
|
5392
5447
|
const logoNode = slots.logo;
|
|
5393
|
-
return /* @__PURE__ */ jsx(Container, { className:
|
|
5394
|
-
logoNode ?
|
|
5395
|
-
className:
|
|
5448
|
+
return /* @__PURE__ */ jsx(Container, { className: clsx49(PageLoader_module_default["container"], className), children: /* @__PURE__ */ jsxs("div", { className: clsx49("wrapper", PageLoader_module_default["wrapper"]), children: [
|
|
5449
|
+
logoNode ? React71.cloneElement(logoNode, {
|
|
5450
|
+
className: clsx49("image-logo", PageLoader_module_default["image-logo"])
|
|
5396
5451
|
}) : null,
|
|
5397
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
5398
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
5452
|
+
/* @__PURE__ */ jsx("div", { className: clsx49("loader-wrapper", PageLoader_module_default["loader-wrapper"]), children: /* @__PURE__ */ jsx(Loader, {}) }),
|
|
5453
|
+
/* @__PURE__ */ jsx("span", { className: clsx49("loader-text", PageLoader_module_default["loader-text"]), children: "Loading..." })
|
|
5399
5454
|
] }) });
|
|
5400
5455
|
};
|
|
5401
5456
|
|
|
@@ -5403,6 +5458,30 @@ var PageLoader = ({ className, children }) => {
|
|
|
5403
5458
|
var PageLoader2 = Object.assign(PageLoader, {
|
|
5404
5459
|
Logo: PageLoaderLogo
|
|
5405
5460
|
});
|
|
5461
|
+
|
|
5462
|
+
// src/widgets/TwoColTextMenu/TwoColTextMenu.module.scss
|
|
5463
|
+
var TwoColTextMenu_module_default = {
|
|
5464
|
+
"two-col-text-menu": "TwoColTextMenu_module_two-col-text-menu",
|
|
5465
|
+
container: "TwoColTextMenu_module_container",
|
|
5466
|
+
grid: "TwoColTextMenu_module_grid",
|
|
5467
|
+
section: "TwoColTextMenu_module_section",
|
|
5468
|
+
heading: "TwoColTextMenu_module_heading",
|
|
5469
|
+
title: "TwoColTextMenu_module_title",
|
|
5470
|
+
list: "TwoColTextMenu_module_list"
|
|
5471
|
+
};
|
|
5472
|
+
var TwoColTextMenu = ({
|
|
5473
|
+
className,
|
|
5474
|
+
ariaLabel = "TwoColTextMenu",
|
|
5475
|
+
sections = [],
|
|
5476
|
+
renderLink
|
|
5477
|
+
}) => {
|
|
5478
|
+
if (sections.length === 0) return null;
|
|
5479
|
+
return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className: clsx49(TwoColTextMenu_module_default["two-col-text-menu"], className), children: /* @__PURE__ */ jsx(Container, { className: TwoColTextMenu_module_default.container, children: /* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.grid, children: sections.map((section, index) => /* @__PURE__ */ jsxs("div", { className: TwoColTextMenu_module_default.section, children: [
|
|
5480
|
+
/* @__PURE__ */ jsx("div", { className: TwoColTextMenu_module_default.heading, children: /* @__PURE__ */ jsx("h2", { className: clsx49("h4", TwoColTextMenu_module_default.title), children: section.title }) }),
|
|
5481
|
+
/* @__PURE__ */ jsx("ul", { className: TwoColTextMenu_module_default.list, children: section.items.map((item, itemIndex) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ColTextMenu, __spreadProps(__spreadValues({}, item), { renderLink })) }, itemIndex)) })
|
|
5482
|
+
] }, index)) }) }) });
|
|
5483
|
+
};
|
|
5484
|
+
TwoColTextMenu.displayName = "TwoColTextMenu";
|
|
5406
5485
|
function useIntersectionObserver({
|
|
5407
5486
|
animateOnce = false,
|
|
5408
5487
|
options = {}
|
|
@@ -5432,6 +5511,6 @@ function useIntersectionObserver({
|
|
|
5432
5511
|
return { observeRef, isVisible };
|
|
5433
5512
|
}
|
|
5434
5513
|
|
|
5435
|
-
export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation2 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
5514
|
+
export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation2 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
5436
5515
|
//# sourceMappingURL=index.mjs.map
|
|
5437
5516
|
//# sourceMappingURL=index.mjs.map
|