@deriv-web-design/ui 0.0.27 → 0.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +758 -13
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +130 -3
- package/dist/index.d.ts +130 -3
- package/dist/index.js +940 -540
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +937 -540
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -7
- package/tokens.css +2 -1
package/dist/index.js
CHANGED
|
@@ -22,6 +22,8 @@ var index_exports = {};
|
|
|
22
22
|
__export(index_exports, {
|
|
23
23
|
AVATAR_DATA: () => AVATAR_DATA,
|
|
24
24
|
Accordion: () => Accordion,
|
|
25
|
+
ArticleHero: () => ArticleHero,
|
|
26
|
+
ArticleSection: () => ArticleSection,
|
|
25
27
|
AvatarGrid: () => AvatarGrid,
|
|
26
28
|
BottomSheet: () => BottomSheet,
|
|
27
29
|
Breadcrumb: () => Breadcrumb,
|
|
@@ -54,6 +56,7 @@ __export(index_exports, {
|
|
|
54
56
|
PeopleGrid: () => PeopleGrid,
|
|
55
57
|
STEPS_DATA: () => STEPS_DATA,
|
|
56
58
|
SearchField: () => SearchField,
|
|
59
|
+
SpotlightHero: () => SpotlightHero,
|
|
57
60
|
Stats: () => Stats,
|
|
58
61
|
StatsSimple: () => StatsSimple,
|
|
59
62
|
Steps: () => Steps,
|
|
@@ -917,8 +920,10 @@ var PlayIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
|
917
920
|
);
|
|
918
921
|
var CardThumbnailVariant = ({
|
|
919
922
|
type = "video",
|
|
923
|
+
layout = "vertical",
|
|
920
924
|
thumbnail,
|
|
921
925
|
thumbnailAlt = "",
|
|
926
|
+
hideThumbnail = false,
|
|
922
927
|
title,
|
|
923
928
|
summary,
|
|
924
929
|
tags = [],
|
|
@@ -927,25 +932,33 @@ var CardThumbnailVariant = ({
|
|
|
927
932
|
onCopyLink,
|
|
928
933
|
avatar,
|
|
929
934
|
avatarAlt = "",
|
|
935
|
+
hideAvatar = false,
|
|
930
936
|
className,
|
|
931
937
|
variant: _variant,
|
|
932
938
|
...props
|
|
933
939
|
}) => {
|
|
934
940
|
const isVideo = type === "video";
|
|
941
|
+
const isHorizontal = layout === "horizontal" || layout === "horizontal-reverse";
|
|
942
|
+
const isReversed = layout === "horizontal-reverse";
|
|
935
943
|
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
936
944
|
"div",
|
|
937
945
|
{
|
|
938
|
-
className: ["card-thumbnail", className ?? ""].filter(Boolean).join(" "),
|
|
946
|
+
className: ["card-thumbnail", isHorizontal ? "ct-horizontal" : "", isReversed ? "ct-reverse" : "", className ?? ""].filter(Boolean).join(" "),
|
|
939
947
|
...props,
|
|
940
948
|
children: [
|
|
941
|
-
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ct-thumbnailWrapper", children: [
|
|
949
|
+
!hideThumbnail && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ct-thumbnailWrapper", children: [
|
|
942
950
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { alt: thumbnailAlt, className: "ct-thumbnailImage", src: thumbnail }),
|
|
943
951
|
isVideo && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-label": "Play video", className: "ct-playButton", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PlayIcon, {}) }),
|
|
944
|
-
!isVideo && avatar && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { alt: avatarAlt, className: "ct-avatar", src: avatar })
|
|
952
|
+
!isVideo && !hideAvatar && avatar && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { alt: avatarAlt, className: "ct-avatar", src: avatar })
|
|
945
953
|
] }),
|
|
946
954
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ct-content", children: [
|
|
955
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "ct-title", children: title }),
|
|
956
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "ct-summary", children: summary }),
|
|
947
957
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ct-metaRow", children: [
|
|
948
|
-
!hideTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ct-tagsList", children: tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime13.
|
|
958
|
+
!hideTags && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ct-tagsList", children: tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "ct-tagItem", children: [
|
|
959
|
+
i > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": "true", className: "ct-tagDot", children: "\xB7" }),
|
|
960
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tag, { icon: tag.icon, label: tag.label, size: "md", variant: "custom" })
|
|
961
|
+
] }, i)) }),
|
|
949
962
|
showCopyLink && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
950
963
|
"button",
|
|
951
964
|
{
|
|
@@ -956,31 +969,83 @@ var CardThumbnailVariant = ({
|
|
|
956
969
|
children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LinkIcon, {})
|
|
957
970
|
}
|
|
958
971
|
)
|
|
959
|
-
] })
|
|
960
|
-
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "ct-title", children: title }),
|
|
961
|
-
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "ct-summary", children: summary })
|
|
972
|
+
] })
|
|
962
973
|
] })
|
|
963
974
|
]
|
|
964
975
|
}
|
|
965
976
|
);
|
|
966
977
|
};
|
|
967
978
|
|
|
968
|
-
// components/Card/
|
|
979
|
+
// components/Card/CardCategoryVariant.tsx
|
|
969
980
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
981
|
+
var CardCategoryVariant = ({
|
|
982
|
+
title,
|
|
983
|
+
thumbnail,
|
|
984
|
+
thumbnailAlt = "",
|
|
985
|
+
onHeaderClick,
|
|
986
|
+
articles = [],
|
|
987
|
+
className,
|
|
988
|
+
variant: _variant,
|
|
989
|
+
...props
|
|
990
|
+
}) => {
|
|
991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
992
|
+
"div",
|
|
993
|
+
{
|
|
994
|
+
className: ["card-category", className ?? ""].filter(Boolean).join(" "),
|
|
995
|
+
...props,
|
|
996
|
+
children: [
|
|
997
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
998
|
+
"div",
|
|
999
|
+
{
|
|
1000
|
+
className: "cc-header",
|
|
1001
|
+
onClick: onHeaderClick,
|
|
1002
|
+
role: onHeaderClick ? "button" : void 0,
|
|
1003
|
+
tabIndex: onHeaderClick ? 0 : void 0,
|
|
1004
|
+
children: [
|
|
1005
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "cc-title", children: title }),
|
|
1006
|
+
thumbnail && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "cc-thumbnailWrapper", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { alt: thumbnailAlt, className: "cc-thumbnailImage", src: thumbnail }) })
|
|
1007
|
+
]
|
|
1008
|
+
}
|
|
1009
|
+
),
|
|
1010
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "cc-articleList", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "cc-articleItem", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1011
|
+
Card,
|
|
1012
|
+
{
|
|
1013
|
+
variant: "thumbnail",
|
|
1014
|
+
type: "article",
|
|
1015
|
+
layout: "horizontal",
|
|
1016
|
+
thumbnail: "",
|
|
1017
|
+
hideThumbnail: true,
|
|
1018
|
+
title: article.title,
|
|
1019
|
+
summary: "",
|
|
1020
|
+
tags: article.date ? [{ label: article.date }] : [],
|
|
1021
|
+
showCopyLink: false,
|
|
1022
|
+
hideAvatar: true
|
|
1023
|
+
}
|
|
1024
|
+
) }, i)) })
|
|
1025
|
+
]
|
|
1026
|
+
}
|
|
1027
|
+
);
|
|
1028
|
+
};
|
|
1029
|
+
|
|
1030
|
+
// components/Card/Card.tsx
|
|
1031
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
970
1032
|
var Card = (props) => {
|
|
971
1033
|
if (props.variant === "primary") {
|
|
972
|
-
return /* @__PURE__ */ (0,
|
|
1034
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CardPrimaryVariant, { ...props });
|
|
973
1035
|
}
|
|
974
1036
|
if (props.variant === "secondary") {
|
|
975
|
-
return /* @__PURE__ */ (0,
|
|
1037
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CardSecondaryVariant, { ...props });
|
|
1038
|
+
}
|
|
1039
|
+
if (props.variant === "category") {
|
|
1040
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CardCategoryVariant, { ...props });
|
|
976
1041
|
}
|
|
977
|
-
return /* @__PURE__ */ (0,
|
|
1042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CardThumbnailVariant, { ...props });
|
|
978
1043
|
};
|
|
979
1044
|
|
|
980
1045
|
// components/Pagination/Pagination.tsx
|
|
981
|
-
var
|
|
982
|
-
var ChevronLeft = () => /* @__PURE__ */ (0,
|
|
983
|
-
var ChevronRight = () => /* @__PURE__ */ (0,
|
|
1046
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1047
|
+
var ChevronLeft = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
1048
|
+
var ChevronRight = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M6 4L10 8L6 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
984
1049
|
function getPageItems(currentPage, totalPages) {
|
|
985
1050
|
if (totalPages <= 5) {
|
|
986
1051
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
@@ -1002,25 +1067,25 @@ var Pagination = ({
|
|
|
1002
1067
|
const items = getPageItems(currentPage, totalPages);
|
|
1003
1068
|
const isPrevDisabled = currentPage <= 1;
|
|
1004
1069
|
const isNextDisabled = currentPage >= totalPages;
|
|
1005
|
-
return /* @__PURE__ */ (0,
|
|
1070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
1006
1071
|
"nav",
|
|
1007
1072
|
{
|
|
1008
1073
|
className: ["pagination", className ?? ""].filter(Boolean).join(" "),
|
|
1009
1074
|
"aria-label": "Pagination navigation",
|
|
1010
1075
|
children: [
|
|
1011
|
-
/* @__PURE__ */ (0,
|
|
1076
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1012
1077
|
"button",
|
|
1013
1078
|
{
|
|
1014
1079
|
className: ["navButton", isPrevDisabled ? "navButtonDisabled" : ""].filter(Boolean).join(" "),
|
|
1015
1080
|
onClick: () => onPageChange(currentPage - 1),
|
|
1016
1081
|
disabled: isPrevDisabled,
|
|
1017
1082
|
"aria-label": "Previous page",
|
|
1018
|
-
children: /* @__PURE__ */ (0,
|
|
1083
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "navIcon", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronLeft, {}) })
|
|
1019
1084
|
}
|
|
1020
1085
|
),
|
|
1021
1086
|
items.map((item, index) => {
|
|
1022
1087
|
if (item === "ellipsis-left" || item === "ellipsis-right") {
|
|
1023
|
-
return /* @__PURE__ */ (0,
|
|
1088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1024
1089
|
"span",
|
|
1025
1090
|
{
|
|
1026
1091
|
className: "ellipsis",
|
|
@@ -1031,7 +1096,7 @@ var Pagination = ({
|
|
|
1031
1096
|
);
|
|
1032
1097
|
}
|
|
1033
1098
|
const isSelected = item === currentPage;
|
|
1034
|
-
return /* @__PURE__ */ (0,
|
|
1099
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1035
1100
|
"button",
|
|
1036
1101
|
{
|
|
1037
1102
|
className: ["pageButton", isSelected ? "pageButtonSelected" : ""].filter(Boolean).join(" "),
|
|
@@ -1045,14 +1110,14 @@ var Pagination = ({
|
|
|
1045
1110
|
item
|
|
1046
1111
|
);
|
|
1047
1112
|
}),
|
|
1048
|
-
/* @__PURE__ */ (0,
|
|
1113
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1049
1114
|
"button",
|
|
1050
1115
|
{
|
|
1051
1116
|
className: ["navButton", isNextDisabled ? "navButtonDisabled" : ""].filter(Boolean).join(" "),
|
|
1052
1117
|
onClick: () => onPageChange(currentPage + 1),
|
|
1053
1118
|
disabled: isNextDisabled,
|
|
1054
1119
|
"aria-label": "Next page",
|
|
1055
|
-
children: /* @__PURE__ */ (0,
|
|
1120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "navIcon", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronRight, {}) })
|
|
1056
1121
|
}
|
|
1057
1122
|
)
|
|
1058
1123
|
]
|
|
@@ -1061,7 +1126,7 @@ var Pagination = ({
|
|
|
1061
1126
|
};
|
|
1062
1127
|
|
|
1063
1128
|
// components/Tabs/Tabs.tsx
|
|
1064
|
-
var
|
|
1129
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1065
1130
|
var Tabs = ({
|
|
1066
1131
|
items,
|
|
1067
1132
|
activeId,
|
|
@@ -1069,7 +1134,7 @@ var Tabs = ({
|
|
|
1069
1134
|
className,
|
|
1070
1135
|
...props
|
|
1071
1136
|
}) => {
|
|
1072
|
-
return /* @__PURE__ */ (0,
|
|
1137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1073
1138
|
"div",
|
|
1074
1139
|
{
|
|
1075
1140
|
className: ["tabs-menu w-tab-menu", className].filter(Boolean).join(" "),
|
|
@@ -1077,7 +1142,7 @@ var Tabs = ({
|
|
|
1077
1142
|
...props,
|
|
1078
1143
|
children: items.map((item, i) => {
|
|
1079
1144
|
const isActive = item.id === activeId;
|
|
1080
|
-
return /* @__PURE__ */ (0,
|
|
1145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1081
1146
|
Chip,
|
|
1082
1147
|
{
|
|
1083
1148
|
label: item.label,
|
|
@@ -1100,7 +1165,7 @@ var Tabs = ({
|
|
|
1100
1165
|
|
|
1101
1166
|
// templates/FaqAccordion/FaqAccordion.tsx
|
|
1102
1167
|
var import_react7 = require("react");
|
|
1103
|
-
var
|
|
1168
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1104
1169
|
var FaqAccordion = ({
|
|
1105
1170
|
title,
|
|
1106
1171
|
items,
|
|
@@ -1110,9 +1175,9 @@ var FaqAccordion = ({
|
|
|
1110
1175
|
const handleToggle = (index) => (isOpen) => {
|
|
1111
1176
|
setOpenIndex(isOpen ? index : null);
|
|
1112
1177
|
};
|
|
1113
|
-
return /* @__PURE__ */ (0,
|
|
1114
|
-
/* @__PURE__ */ (0,
|
|
1115
|
-
/* @__PURE__ */ (0,
|
|
1178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("section", { className: ["faq-accordion", `faq-accordion--${colorScheme}`].join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "faq-accordion__container", children: [
|
|
1179
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "faq-accordion__header", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "faq-accordion__title", children: title }) }),
|
|
1180
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "faq-accordion__list", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1116
1181
|
Accordion,
|
|
1117
1182
|
{
|
|
1118
1183
|
title: item.question,
|
|
@@ -1128,12 +1193,12 @@ var FaqAccordion = ({
|
|
|
1128
1193
|
};
|
|
1129
1194
|
|
|
1130
1195
|
// templates/FeatureCards/FeatureCards.tsx
|
|
1131
|
-
var
|
|
1196
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1132
1197
|
var externalLinkRel = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
1133
1198
|
var TwoCardsItem = ({ card, index }) => {
|
|
1134
1199
|
const isDark = card.twoTone === "dark";
|
|
1135
1200
|
const showCardLink = card.showLink !== false;
|
|
1136
|
-
return /* @__PURE__ */ (0,
|
|
1201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-twoCardWrap", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
1137
1202
|
"div",
|
|
1138
1203
|
{
|
|
1139
1204
|
className: [
|
|
@@ -1141,11 +1206,11 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1141
1206
|
isDark ? "fc-twoCard--dark" : "fc-twoCard--light"
|
|
1142
1207
|
].join(" "),
|
|
1143
1208
|
children: [
|
|
1144
|
-
/* @__PURE__ */ (0,
|
|
1145
|
-
/* @__PURE__ */ (0,
|
|
1146
|
-
/* @__PURE__ */ (0,
|
|
1147
|
-
/* @__PURE__ */ (0,
|
|
1148
|
-
showCardLink && /* @__PURE__ */ (0,
|
|
1209
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-twoCard-body", children: [
|
|
1210
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-twoCard-content", children: [
|
|
1211
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "fc-twoCard-title", children: card.title }),
|
|
1212
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc-twoCard-description", children: card.description }),
|
|
1213
|
+
showCardLink && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1149
1214
|
Link,
|
|
1150
1215
|
{
|
|
1151
1216
|
colorScheme: "coral",
|
|
@@ -1156,9 +1221,9 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1156
1221
|
}
|
|
1157
1222
|
) })
|
|
1158
1223
|
] }),
|
|
1159
|
-
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0,
|
|
1160
|
-
/* @__PURE__ */ (0,
|
|
1161
|
-
/* @__PURE__ */ (0,
|
|
1224
|
+
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-twoCard-platformsOuter", children: [
|
|
1225
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
|
|
1226
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
1162
1227
|
"a",
|
|
1163
1228
|
{
|
|
1164
1229
|
className: [
|
|
@@ -1168,7 +1233,7 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1168
1233
|
href: platform.href,
|
|
1169
1234
|
rel: externalLinkRel(platform.href),
|
|
1170
1235
|
children: [
|
|
1171
|
-
/* @__PURE__ */ (0,
|
|
1236
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1172
1237
|
"img",
|
|
1173
1238
|
{
|
|
1174
1239
|
alt: "",
|
|
@@ -1178,14 +1243,14 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1178
1243
|
width: 32
|
|
1179
1244
|
}
|
|
1180
1245
|
),
|
|
1181
|
-
/* @__PURE__ */ (0,
|
|
1246
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc-platformLink-label", children: platform.label })
|
|
1182
1247
|
]
|
|
1183
1248
|
},
|
|
1184
1249
|
`${platform.label}-${i}`
|
|
1185
1250
|
)) })
|
|
1186
1251
|
] })
|
|
1187
1252
|
] }),
|
|
1188
|
-
card.image && /* @__PURE__ */ (0,
|
|
1253
|
+
card.image && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-twoCard-imageSection", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1189
1254
|
"img",
|
|
1190
1255
|
{
|
|
1191
1256
|
alt: card.imageAlt ?? "",
|
|
@@ -1201,12 +1266,12 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1201
1266
|
};
|
|
1202
1267
|
var OneCardPanel = ({ card }) => {
|
|
1203
1268
|
const showCardLink = card.showLink !== false;
|
|
1204
|
-
return /* @__PURE__ */ (0,
|
|
1205
|
-
/* @__PURE__ */ (0,
|
|
1206
|
-
/* @__PURE__ */ (0,
|
|
1207
|
-
/* @__PURE__ */ (0,
|
|
1208
|
-
/* @__PURE__ */ (0,
|
|
1209
|
-
showCardLink && /* @__PURE__ */ (0,
|
|
1269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-oneCardShell", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-oneCardGrid fc-twoCard--dark", children: [
|
|
1270
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-oneCardLeft", children: [
|
|
1271
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-oneCardContentBlock", children: [
|
|
1272
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "fc-twoCard-title", children: card.title }),
|
|
1273
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc-twoCard-description", children: card.description }),
|
|
1274
|
+
showCardLink && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1210
1275
|
Link,
|
|
1211
1276
|
{
|
|
1212
1277
|
colorScheme: "coral",
|
|
@@ -1217,16 +1282,16 @@ var OneCardPanel = ({ card }) => {
|
|
|
1217
1282
|
}
|
|
1218
1283
|
) })
|
|
1219
1284
|
] }),
|
|
1220
|
-
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0,
|
|
1221
|
-
/* @__PURE__ */ (0,
|
|
1222
|
-
/* @__PURE__ */ (0,
|
|
1285
|
+
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-twoCard-platformsOuter", children: [
|
|
1286
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
|
|
1287
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
1223
1288
|
"a",
|
|
1224
1289
|
{
|
|
1225
1290
|
className: "fc-platformLink fc-platformLink--dark",
|
|
1226
1291
|
href: platform.href,
|
|
1227
1292
|
rel: externalLinkRel(platform.href),
|
|
1228
1293
|
children: [
|
|
1229
|
-
/* @__PURE__ */ (0,
|
|
1294
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1230
1295
|
"img",
|
|
1231
1296
|
{
|
|
1232
1297
|
alt: "",
|
|
@@ -1236,14 +1301,14 @@ var OneCardPanel = ({ card }) => {
|
|
|
1236
1301
|
width: 32
|
|
1237
1302
|
}
|
|
1238
1303
|
),
|
|
1239
|
-
/* @__PURE__ */ (0,
|
|
1304
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc-platformLink-label", children: platform.label })
|
|
1240
1305
|
]
|
|
1241
1306
|
},
|
|
1242
1307
|
`${platform.label}-${i}`
|
|
1243
1308
|
)) })
|
|
1244
1309
|
] })
|
|
1245
1310
|
] }),
|
|
1246
|
-
card.image && /* @__PURE__ */ (0,
|
|
1311
|
+
card.image && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-oneCardRight", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1247
1312
|
"img",
|
|
1248
1313
|
{
|
|
1249
1314
|
alt: card.imageAlt ?? "",
|
|
@@ -1265,15 +1330,15 @@ var FeatureCards = ({
|
|
|
1265
1330
|
cardColorScheme = "image",
|
|
1266
1331
|
cards
|
|
1267
1332
|
}) => {
|
|
1268
|
-
const sectionHeader = /* @__PURE__ */ (0,
|
|
1269
|
-
/* @__PURE__ */ (0,
|
|
1270
|
-
sectionDescription && /* @__PURE__ */ (0,
|
|
1271
|
-
showLink && /* @__PURE__ */ (0,
|
|
1333
|
+
const sectionHeader = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-header", children: [
|
|
1334
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "fc-sectionTitle", children: sectionTitle }),
|
|
1335
|
+
sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc-sectionDescription", children: sectionDescription }),
|
|
1336
|
+
showLink && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
1272
1337
|
] });
|
|
1273
1338
|
if (variant === "twoCards") {
|
|
1274
|
-
return /* @__PURE__ */ (0,
|
|
1339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-container", children: [
|
|
1275
1340
|
sectionHeader,
|
|
1276
|
-
/* @__PURE__ */ (0,
|
|
1341
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc-grid fc-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1277
1342
|
TwoCardsItem,
|
|
1278
1343
|
{
|
|
1279
1344
|
card,
|
|
@@ -1286,14 +1351,14 @@ var FeatureCards = ({
|
|
|
1286
1351
|
if (variant === "oneCard") {
|
|
1287
1352
|
const card = cards[0];
|
|
1288
1353
|
if (!card) return null;
|
|
1289
|
-
return /* @__PURE__ */ (0,
|
|
1354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-container", children: [
|
|
1290
1355
|
sectionHeader,
|
|
1291
|
-
/* @__PURE__ */ (0,
|
|
1356
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OneCardPanel, { card })
|
|
1292
1357
|
] }) });
|
|
1293
1358
|
}
|
|
1294
|
-
return /* @__PURE__ */ (0,
|
|
1359
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("section", { className: "fc-section", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc-container", children: [
|
|
1295
1360
|
sectionHeader,
|
|
1296
|
-
/* @__PURE__ */ (0,
|
|
1361
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `fc-grid fc-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1297
1362
|
Card,
|
|
1298
1363
|
{
|
|
1299
1364
|
variant: "primary",
|
|
@@ -1312,7 +1377,7 @@ var FeatureCards = ({
|
|
|
1312
1377
|
};
|
|
1313
1378
|
|
|
1314
1379
|
// templates/FeatureCardsIcon/FeatureCardsIcon.tsx
|
|
1315
|
-
var
|
|
1380
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1316
1381
|
var FeatureCardsIcon = ({
|
|
1317
1382
|
sectionTitle,
|
|
1318
1383
|
sectionDescription,
|
|
@@ -1321,13 +1386,13 @@ var FeatureCardsIcon = ({
|
|
|
1321
1386
|
onLinkClick,
|
|
1322
1387
|
cards
|
|
1323
1388
|
}) => {
|
|
1324
|
-
return /* @__PURE__ */ (0,
|
|
1325
|
-
/* @__PURE__ */ (0,
|
|
1326
|
-
sectionTitle && /* @__PURE__ */ (0,
|
|
1327
|
-
sectionDescription && /* @__PURE__ */ (0,
|
|
1328
|
-
showLink && /* @__PURE__ */ (0,
|
|
1389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { className: "fci-section", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fci-container", children: [
|
|
1390
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fci-header", children: [
|
|
1391
|
+
sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "fci-sectionTitle", children: sectionTitle }),
|
|
1392
|
+
sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "fci-sectionDescription", children: sectionDescription }),
|
|
1393
|
+
showLink && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
1329
1394
|
] }),
|
|
1330
|
-
/* @__PURE__ */ (0,
|
|
1395
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: `fci-grid fci-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1331
1396
|
Card,
|
|
1332
1397
|
{
|
|
1333
1398
|
variant: "secondary",
|
|
@@ -1345,8 +1410,8 @@ var FeatureCardsIcon = ({
|
|
|
1345
1410
|
};
|
|
1346
1411
|
|
|
1347
1412
|
// templates/FeatureBullets/FeatureBullets.tsx
|
|
1348
|
-
var
|
|
1349
|
-
var CheckIcon2 = () => /* @__PURE__ */ (0,
|
|
1413
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1414
|
+
var CheckIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: "feature-bullets__icon", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M12 4.375C9.07031 4.375 6.41406 5.9375 4.92969 8.4375C3.48438 10.9766 3.48438 14.0625 4.92969 16.5625C6.41406 19.1016 9.07031 20.625 12 20.625C14.8906 20.625 17.5469 19.1016 19.0312 16.5625C20.4766 14.0625 20.4766 10.9766 19.0312 8.4375C17.5469 5.9375 14.8906 4.375 12 4.375ZM12 22.5C8.40625 22.5 5.125 20.625 3.32812 17.5C1.53125 14.4141 1.53125 10.625 3.32812 7.5C5.125 4.41406 8.40625 2.5 12 2.5C15.5547 2.5 18.8359 4.41406 20.6328 7.5C22.4297 10.625 22.4297 14.4141 20.6328 17.5C18.8359 20.625 15.5547 22.5 12 22.5ZM16.4141 10.6641L11.4141 15.6641C11.0234 16.0547 10.4375 16.0547 10.0859 15.6641L7.58594 13.1641C7.19531 12.8125 7.19531 12.2266 7.58594 11.875C7.9375 11.4844 8.52344 11.4844 8.91406 11.875L10.75 13.7109L15.0859 9.375C15.4375 8.98438 16.0234 8.98438 16.4141 9.375C16.7656 9.72656 16.7656 10.3125 16.4141 10.6641Z", fill: "currentColor" }) });
|
|
1350
1415
|
var FeatureBullets = ({
|
|
1351
1416
|
title,
|
|
1352
1417
|
bullets,
|
|
@@ -1354,7 +1419,7 @@ var FeatureBullets = ({
|
|
|
1354
1419
|
imageAlt = "",
|
|
1355
1420
|
imagePosition = "right"
|
|
1356
1421
|
}) => {
|
|
1357
|
-
return /* @__PURE__ */ (0,
|
|
1422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("section", { className: "feature-bullets", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "feature-bullets__container", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
1358
1423
|
"div",
|
|
1359
1424
|
{
|
|
1360
1425
|
className: [
|
|
@@ -1362,14 +1427,14 @@ var FeatureBullets = ({
|
|
|
1362
1427
|
imagePosition === "left" ? "feature-bullets__split--image-left" : ""
|
|
1363
1428
|
].filter(Boolean).join(" "),
|
|
1364
1429
|
children: [
|
|
1365
|
-
/* @__PURE__ */ (0,
|
|
1366
|
-
/* @__PURE__ */ (0,
|
|
1367
|
-
bullets && bullets.length > 0 && /* @__PURE__ */ (0,
|
|
1368
|
-
/* @__PURE__ */ (0,
|
|
1369
|
-
/* @__PURE__ */ (0,
|
|
1430
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "feature-bullets__content", children: [
|
|
1431
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "feature-bullets__title", children: title }),
|
|
1432
|
+
bullets && bullets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "feature-bullets__bullet-list", children: bullets.map((bullet, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "feature-bullets__bullet-item", children: [
|
|
1433
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "feature-bullets__icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIcon2, {}) }),
|
|
1434
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "feature-bullets__bullet-text", children: bullet })
|
|
1370
1435
|
] }, i)) })
|
|
1371
1436
|
] }),
|
|
1372
|
-
image && /* @__PURE__ */ (0,
|
|
1437
|
+
image && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "feature-bullets__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1373
1438
|
"img",
|
|
1374
1439
|
{
|
|
1375
1440
|
alt: imageAlt,
|
|
@@ -1384,8 +1449,8 @@ var FeatureBullets = ({
|
|
|
1384
1449
|
|
|
1385
1450
|
// components/Footer/Footer.tsx
|
|
1386
1451
|
var import_react8 = require("react");
|
|
1387
|
-
var
|
|
1388
|
-
var ExternalLinkIcon = () => /* @__PURE__ */ (0,
|
|
1452
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1453
|
+
var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1389
1454
|
"svg",
|
|
1390
1455
|
{
|
|
1391
1456
|
width: "12",
|
|
@@ -1394,7 +1459,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
|
1394
1459
|
fill: "none",
|
|
1395
1460
|
"aria-hidden": "true",
|
|
1396
1461
|
focusable: "false",
|
|
1397
|
-
children: /* @__PURE__ */ (0,
|
|
1462
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1398
1463
|
"path",
|
|
1399
1464
|
{
|
|
1400
1465
|
d: "M2 2H10M10 2V10M10 2L2 10",
|
|
@@ -1406,7 +1471,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
|
1406
1471
|
)
|
|
1407
1472
|
}
|
|
1408
1473
|
);
|
|
1409
|
-
var ChevronDownIcon2 = () => /* @__PURE__ */ (0,
|
|
1474
|
+
var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1410
1475
|
"svg",
|
|
1411
1476
|
{
|
|
1412
1477
|
width: "12",
|
|
@@ -1415,7 +1480,7 @@ var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
|
1415
1480
|
fill: "none",
|
|
1416
1481
|
"aria-hidden": "true",
|
|
1417
1482
|
focusable: "false",
|
|
1418
|
-
children: /* @__PURE__ */ (0,
|
|
1483
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1419
1484
|
"path",
|
|
1420
1485
|
{
|
|
1421
1486
|
d: "M2 4L6 8L10 4",
|
|
@@ -1432,9 +1497,9 @@ var DerivGoBadges = ({
|
|
|
1432
1497
|
appStoreBadge,
|
|
1433
1498
|
huaweiBadge,
|
|
1434
1499
|
availabilityNote
|
|
1435
|
-
}) => /* @__PURE__ */ (0,
|
|
1436
|
-
/* @__PURE__ */ (0,
|
|
1437
|
-
googlePlayBadge && /* @__PURE__ */ (0,
|
|
1500
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
|
|
1501
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__app-badges", children: [
|
|
1502
|
+
googlePlayBadge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1438
1503
|
"a",
|
|
1439
1504
|
{
|
|
1440
1505
|
href: googlePlayBadge.href,
|
|
@@ -1442,10 +1507,10 @@ var DerivGoBadges = ({
|
|
|
1442
1507
|
"aria-label": googlePlayBadge.imageAlt,
|
|
1443
1508
|
target: "_blank",
|
|
1444
1509
|
rel: "noopener noreferrer",
|
|
1445
|
-
children: googlePlayBadge.icon ?? /* @__PURE__ */ (0,
|
|
1510
|
+
children: googlePlayBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
|
|
1446
1511
|
}
|
|
1447
1512
|
),
|
|
1448
|
-
appStoreBadge && /* @__PURE__ */ (0,
|
|
1513
|
+
appStoreBadge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1449
1514
|
"a",
|
|
1450
1515
|
{
|
|
1451
1516
|
href: appStoreBadge.href,
|
|
@@ -1453,10 +1518,10 @@ var DerivGoBadges = ({
|
|
|
1453
1518
|
"aria-label": appStoreBadge.imageAlt,
|
|
1454
1519
|
target: "_blank",
|
|
1455
1520
|
rel: "noopener noreferrer",
|
|
1456
|
-
children: appStoreBadge.icon ?? /* @__PURE__ */ (0,
|
|
1521
|
+
children: appStoreBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
|
|
1457
1522
|
}
|
|
1458
1523
|
),
|
|
1459
|
-
huaweiBadge && /* @__PURE__ */ (0,
|
|
1524
|
+
huaweiBadge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1460
1525
|
"a",
|
|
1461
1526
|
{
|
|
1462
1527
|
href: huaweiBadge.href,
|
|
@@ -1464,13 +1529,13 @@ var DerivGoBadges = ({
|
|
|
1464
1529
|
"aria-label": huaweiBadge.imageAlt,
|
|
1465
1530
|
target: "_blank",
|
|
1466
1531
|
rel: "noopener noreferrer",
|
|
1467
|
-
children: huaweiBadge.icon ?? /* @__PURE__ */ (0,
|
|
1532
|
+
children: huaweiBadge.icon ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
|
|
1468
1533
|
}
|
|
1469
1534
|
)
|
|
1470
1535
|
] }),
|
|
1471
|
-
availabilityNote && /* @__PURE__ */ (0,
|
|
1536
|
+
availabilityNote && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "footer__app-note", children: availabilityNote })
|
|
1472
1537
|
] });
|
|
1473
|
-
var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0,
|
|
1538
|
+
var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
1474
1539
|
"a",
|
|
1475
1540
|
{
|
|
1476
1541
|
href,
|
|
@@ -1479,7 +1544,7 @@ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ (0, impo
|
|
|
1479
1544
|
...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
|
|
1480
1545
|
children: [
|
|
1481
1546
|
label,
|
|
1482
|
-
isExternal && /* @__PURE__ */ (0,
|
|
1547
|
+
isExternal && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ExternalLinkIcon, {})
|
|
1483
1548
|
]
|
|
1484
1549
|
}
|
|
1485
1550
|
);
|
|
@@ -1511,14 +1576,14 @@ var Footer = ({
|
|
|
1511
1576
|
});
|
|
1512
1577
|
};
|
|
1513
1578
|
const aiLabel = aiSummary?.label ?? "Ask AI for a summary of Deriv";
|
|
1514
|
-
return /* @__PURE__ */ (0,
|
|
1579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1515
1580
|
"footer",
|
|
1516
1581
|
{
|
|
1517
1582
|
className: ["footer", className].filter(Boolean).join(" "),
|
|
1518
1583
|
...props,
|
|
1519
|
-
children: /* @__PURE__ */ (0,
|
|
1520
|
-
/* @__PURE__ */ (0,
|
|
1521
|
-
/* @__PURE__ */ (0,
|
|
1584
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__inner", children: [
|
|
1585
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__header", children: [
|
|
1586
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1522
1587
|
"img",
|
|
1523
1588
|
{
|
|
1524
1589
|
src: logoSrc,
|
|
@@ -1526,21 +1591,21 @@ var Footer = ({
|
|
|
1526
1591
|
className: "footer__logo"
|
|
1527
1592
|
}
|
|
1528
1593
|
) }),
|
|
1529
|
-
aiSummary && /* @__PURE__ */ (0,
|
|
1530
|
-
/* @__PURE__ */ (0,
|
|
1531
|
-
/* @__PURE__ */ (0,
|
|
1594
|
+
aiSummary && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
|
|
1595
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
|
|
1596
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1532
1597
|
"a",
|
|
1533
1598
|
{
|
|
1534
1599
|
href: item.href,
|
|
1535
1600
|
"aria-label": item.imageAlt,
|
|
1536
1601
|
target: "_blank",
|
|
1537
1602
|
rel: "noopener noreferrer",
|
|
1538
|
-
children: /* @__PURE__ */ (0,
|
|
1603
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
|
|
1539
1604
|
},
|
|
1540
1605
|
i
|
|
1541
1606
|
)) })
|
|
1542
1607
|
] }),
|
|
1543
|
-
/* @__PURE__ */ (0,
|
|
1608
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1544
1609
|
"a",
|
|
1545
1610
|
{
|
|
1546
1611
|
href: link.href,
|
|
@@ -1553,27 +1618,27 @@ var Footer = ({
|
|
|
1553
1618
|
i
|
|
1554
1619
|
)) })
|
|
1555
1620
|
] }),
|
|
1556
|
-
aiSummary && /* @__PURE__ */ (0,
|
|
1557
|
-
/* @__PURE__ */ (0,
|
|
1558
|
-
/* @__PURE__ */ (0,
|
|
1621
|
+
aiSummary && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__ai-section", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
|
|
1622
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__ai-bar-label", children: aiLabel }),
|
|
1623
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1559
1624
|
"a",
|
|
1560
1625
|
{
|
|
1561
1626
|
href: item.href,
|
|
1562
1627
|
"aria-label": item.imageAlt,
|
|
1563
1628
|
target: "_blank",
|
|
1564
1629
|
rel: "noopener noreferrer",
|
|
1565
|
-
children: /* @__PURE__ */ (0,
|
|
1630
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
|
|
1566
1631
|
},
|
|
1567
1632
|
i
|
|
1568
1633
|
)) })
|
|
1569
1634
|
] }) }),
|
|
1570
|
-
/* @__PURE__ */ (0,
|
|
1571
|
-
navColumns.map((column, colIdx) => /* @__PURE__ */ (0,
|
|
1572
|
-
/* @__PURE__ */ (0,
|
|
1573
|
-
/* @__PURE__ */ (0,
|
|
1635
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__nav footer__nav--columns", children: [
|
|
1636
|
+
navColumns.map((column, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__nav-section", children: [
|
|
1637
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "footer__nav-title", children: section.title }),
|
|
1638
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(NavLink, { ...link }) }, linkIdx)) })
|
|
1574
1639
|
] }, secIdx)) }, colIdx)),
|
|
1575
|
-
/* @__PURE__ */ (0,
|
|
1576
|
-
investorsInPeopleSrc && /* @__PURE__ */ (0,
|
|
1640
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__sidebar", children: [
|
|
1641
|
+
investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__investors-card", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1577
1642
|
"img",
|
|
1578
1643
|
{
|
|
1579
1644
|
src: investorsInPeopleSrc,
|
|
@@ -1581,9 +1646,9 @@ var Footer = ({
|
|
|
1581
1646
|
className: "footer__investors-img"
|
|
1582
1647
|
}
|
|
1583
1648
|
) }),
|
|
1584
|
-
derivGo && /* @__PURE__ */ (0,
|
|
1585
|
-
/* @__PURE__ */ (0,
|
|
1586
|
-
/* @__PURE__ */ (0,
|
|
1649
|
+
derivGo && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__deriv-go-card", children: [
|
|
1650
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__deriv-go-header", children: [
|
|
1651
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1587
1652
|
"img",
|
|
1588
1653
|
{
|
|
1589
1654
|
src: derivGo.logoSrc,
|
|
@@ -1591,11 +1656,11 @@ var Footer = ({
|
|
|
1591
1656
|
className: "footer__deriv-go-logo"
|
|
1592
1657
|
}
|
|
1593
1658
|
),
|
|
1594
|
-
/* @__PURE__ */ (0,
|
|
1659
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
|
|
1595
1660
|
] }),
|
|
1596
|
-
/* @__PURE__ */ (0,
|
|
1597
|
-
(derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ (0,
|
|
1598
|
-
derivGo.qrCodeIcon ? /* @__PURE__ */ (0,
|
|
1661
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
|
|
1662
|
+
(derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__deriv-go-qr", children: [
|
|
1663
|
+
derivGo.qrCodeIcon ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1599
1664
|
"img",
|
|
1600
1665
|
{
|
|
1601
1666
|
src: derivGo.qrCodeSrc,
|
|
@@ -1603,9 +1668,9 @@ var Footer = ({
|
|
|
1603
1668
|
className: "footer__deriv-go-qr-img"
|
|
1604
1669
|
}
|
|
1605
1670
|
),
|
|
1606
|
-
/* @__PURE__ */ (0,
|
|
1671
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
|
|
1607
1672
|
] }),
|
|
1608
|
-
/* @__PURE__ */ (0,
|
|
1673
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1609
1674
|
DerivGoBadges,
|
|
1610
1675
|
{
|
|
1611
1676
|
googlePlayBadge: derivGo.googlePlayBadge,
|
|
@@ -1617,9 +1682,9 @@ var Footer = ({
|
|
|
1617
1682
|
] })
|
|
1618
1683
|
] })
|
|
1619
1684
|
] }),
|
|
1620
|
-
/* @__PURE__ */ (0,
|
|
1685
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
|
|
1621
1686
|
const isOpen = openSections.has(idx);
|
|
1622
|
-
return /* @__PURE__ */ (0,
|
|
1687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
1623
1688
|
"div",
|
|
1624
1689
|
{
|
|
1625
1690
|
className: [
|
|
@@ -1627,7 +1692,7 @@ var Footer = ({
|
|
|
1627
1692
|
isOpen && "footer__accordion-item--open"
|
|
1628
1693
|
].filter(Boolean).join(" "),
|
|
1629
1694
|
children: [
|
|
1630
|
-
/* @__PURE__ */ (0,
|
|
1695
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
1631
1696
|
"button",
|
|
1632
1697
|
{
|
|
1633
1698
|
type: "button",
|
|
@@ -1635,18 +1700,18 @@ var Footer = ({
|
|
|
1635
1700
|
onClick: () => toggleSection(idx),
|
|
1636
1701
|
"aria-expanded": isOpen,
|
|
1637
1702
|
children: [
|
|
1638
|
-
/* @__PURE__ */ (0,
|
|
1639
|
-
/* @__PURE__ */ (0,
|
|
1703
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__accordion-label", children: section.title }),
|
|
1704
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronDownIcon2, {}) })
|
|
1640
1705
|
]
|
|
1641
1706
|
}
|
|
1642
1707
|
),
|
|
1643
|
-
isOpen && /* @__PURE__ */ (0,
|
|
1708
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(NavLink, { ...link }) }, linkIdx)) })
|
|
1644
1709
|
]
|
|
1645
1710
|
},
|
|
1646
1711
|
idx
|
|
1647
1712
|
);
|
|
1648
1713
|
}) }),
|
|
1649
|
-
socialLinks.length > 0 && /* @__PURE__ */ (0,
|
|
1714
|
+
socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1650
1715
|
"a",
|
|
1651
1716
|
{
|
|
1652
1717
|
href: link.href,
|
|
@@ -1658,10 +1723,10 @@ var Footer = ({
|
|
|
1658
1723
|
},
|
|
1659
1724
|
i
|
|
1660
1725
|
)) }),
|
|
1661
|
-
derivGo && /* @__PURE__ */ (0,
|
|
1662
|
-
/* @__PURE__ */ (0,
|
|
1663
|
-
/* @__PURE__ */ (0,
|
|
1664
|
-
/* @__PURE__ */ (0,
|
|
1726
|
+
derivGo && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__deriv-go-banner", children: [
|
|
1727
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__deriv-go-banner-info", children: [
|
|
1728
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__deriv-go-header", children: [
|
|
1729
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1665
1730
|
"img",
|
|
1666
1731
|
{
|
|
1667
1732
|
src: derivGo.logoSrc,
|
|
@@ -1669,11 +1734,11 @@ var Footer = ({
|
|
|
1669
1734
|
className: "footer__deriv-go-logo"
|
|
1670
1735
|
}
|
|
1671
1736
|
),
|
|
1672
|
-
/* @__PURE__ */ (0,
|
|
1737
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
|
|
1673
1738
|
] }),
|
|
1674
|
-
/* @__PURE__ */ (0,
|
|
1739
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
|
|
1675
1740
|
] }),
|
|
1676
|
-
/* @__PURE__ */ (0,
|
|
1741
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1677
1742
|
DerivGoBadges,
|
|
1678
1743
|
{
|
|
1679
1744
|
googlePlayBadge: derivGo.googlePlayBadge,
|
|
@@ -1683,11 +1748,11 @@ var Footer = ({
|
|
|
1683
1748
|
}
|
|
1684
1749
|
) })
|
|
1685
1750
|
] }),
|
|
1686
|
-
(licenseText || riskWarningText) && /* @__PURE__ */ (0,
|
|
1687
|
-
licenseText && /* @__PURE__ */ (0,
|
|
1688
|
-
riskWarningText && /* @__PURE__ */ (0,
|
|
1751
|
+
(licenseText || riskWarningText) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "footer__legal-block", children: [
|
|
1752
|
+
licenseText && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__license", children: licenseText }),
|
|
1753
|
+
riskWarningText && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__risk-warning", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
|
|
1689
1754
|
] }),
|
|
1690
|
-
investorsInPeopleSrc && /* @__PURE__ */ (0,
|
|
1755
|
+
investorsInPeopleSrc && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1691
1756
|
"img",
|
|
1692
1757
|
{
|
|
1693
1758
|
src: investorsInPeopleSrc,
|
|
@@ -1701,19 +1766,19 @@ var Footer = ({
|
|
|
1701
1766
|
};
|
|
1702
1767
|
|
|
1703
1768
|
// templates/Hero/Hero.tsx
|
|
1704
|
-
var
|
|
1769
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1705
1770
|
var Visual = ({
|
|
1706
1771
|
src,
|
|
1707
1772
|
className,
|
|
1708
1773
|
alt = ""
|
|
1709
|
-
}) => /* @__PURE__ */ (0,
|
|
1774
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className, children: typeof src === "string" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src, alt }) : src });
|
|
1710
1775
|
var ButtonBlock = ({
|
|
1711
1776
|
primaryButton,
|
|
1712
1777
|
secondaryButton
|
|
1713
1778
|
}) => {
|
|
1714
1779
|
if (!primaryButton && !secondaryButton) return null;
|
|
1715
|
-
return /* @__PURE__ */ (0,
|
|
1716
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */ (0,
|
|
1780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__buttons", children: [
|
|
1781
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1717
1782
|
Button,
|
|
1718
1783
|
{
|
|
1719
1784
|
colorScheme: "coral",
|
|
@@ -1721,7 +1786,7 @@ var ButtonBlock = ({
|
|
|
1721
1786
|
label: primaryButton.label,
|
|
1722
1787
|
onClick: primaryButton.onClick
|
|
1723
1788
|
}
|
|
1724
|
-
) }) : /* @__PURE__ */ (0,
|
|
1789
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1725
1790
|
Button,
|
|
1726
1791
|
{
|
|
1727
1792
|
colorScheme: "coral",
|
|
@@ -1730,7 +1795,7 @@ var ButtonBlock = ({
|
|
|
1730
1795
|
onClick: primaryButton.onClick
|
|
1731
1796
|
}
|
|
1732
1797
|
)),
|
|
1733
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0,
|
|
1798
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1734
1799
|
Button,
|
|
1735
1800
|
{
|
|
1736
1801
|
colorScheme: "white",
|
|
@@ -1738,7 +1803,7 @@ var ButtonBlock = ({
|
|
|
1738
1803
|
label: secondaryButton.label,
|
|
1739
1804
|
onClick: secondaryButton.onClick
|
|
1740
1805
|
}
|
|
1741
|
-
) }) : /* @__PURE__ */ (0,
|
|
1806
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1742
1807
|
Button,
|
|
1743
1808
|
{
|
|
1744
1809
|
colorScheme: "white",
|
|
@@ -1765,22 +1830,22 @@ var Hero = ({
|
|
|
1765
1830
|
}) => {
|
|
1766
1831
|
const variantClass = `hero--${variant}`;
|
|
1767
1832
|
if (variant === "split") {
|
|
1768
|
-
return /* @__PURE__ */ (0,
|
|
1833
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1769
1834
|
"section",
|
|
1770
1835
|
{
|
|
1771
1836
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1772
1837
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1773
1838
|
...props,
|
|
1774
1839
|
children: [
|
|
1775
|
-
/* @__PURE__ */ (0,
|
|
1776
|
-
heroImage && /* @__PURE__ */ (0,
|
|
1777
|
-
/* @__PURE__ */ (0,
|
|
1778
|
-
/* @__PURE__ */ (0,
|
|
1779
|
-
subtitle && /* @__PURE__ */ (0,
|
|
1780
|
-
/* @__PURE__ */ (0,
|
|
1781
|
-
description && /* @__PURE__ */ (0,
|
|
1840
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1841
|
+
heroImage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Visual, { src: heroImage, className: "hero__image-slot", alt: "" }),
|
|
1842
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__left", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__body", children: [
|
|
1843
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__text", children: [
|
|
1844
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hero__subtitle", children: subtitle }),
|
|
1845
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "hero__title", children: title }),
|
|
1846
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hero__description", children: description })
|
|
1782
1847
|
] }),
|
|
1783
|
-
/* @__PURE__ */ (0,
|
|
1848
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1784
1849
|
ButtonBlock,
|
|
1785
1850
|
{
|
|
1786
1851
|
primaryButton,
|
|
@@ -1793,21 +1858,21 @@ var Hero = ({
|
|
|
1793
1858
|
);
|
|
1794
1859
|
}
|
|
1795
1860
|
if (variant === "centered") {
|
|
1796
|
-
return /* @__PURE__ */ (0,
|
|
1861
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1797
1862
|
"section",
|
|
1798
1863
|
{
|
|
1799
1864
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1800
1865
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1801
1866
|
...props,
|
|
1802
1867
|
children: [
|
|
1803
|
-
/* @__PURE__ */ (0,
|
|
1804
|
-
/* @__PURE__ */ (0,
|
|
1805
|
-
/* @__PURE__ */ (0,
|
|
1806
|
-
subtitle && /* @__PURE__ */ (0,
|
|
1807
|
-
/* @__PURE__ */ (0,
|
|
1808
|
-
description && /* @__PURE__ */ (0,
|
|
1868
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1869
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__content", children: [
|
|
1870
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__text", children: [
|
|
1871
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hero__subtitle", children: subtitle }),
|
|
1872
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "hero__title", children: title }),
|
|
1873
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hero__description", children: description })
|
|
1809
1874
|
] }),
|
|
1810
|
-
/* @__PURE__ */ (0,
|
|
1875
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1811
1876
|
ButtonBlock,
|
|
1812
1877
|
{
|
|
1813
1878
|
primaryButton,
|
|
@@ -1819,28 +1884,28 @@ var Hero = ({
|
|
|
1819
1884
|
}
|
|
1820
1885
|
);
|
|
1821
1886
|
}
|
|
1822
|
-
return /* @__PURE__ */ (0,
|
|
1887
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1823
1888
|
"section",
|
|
1824
1889
|
{
|
|
1825
1890
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1826
1891
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1827
1892
|
...props,
|
|
1828
1893
|
children: [
|
|
1829
|
-
/* @__PURE__ */ (0,
|
|
1830
|
-
/* @__PURE__ */ (0,
|
|
1831
|
-
/* @__PURE__ */ (0,
|
|
1832
|
-
subtitle && /* @__PURE__ */ (0,
|
|
1833
|
-
/* @__PURE__ */ (0,
|
|
1834
|
-
description && /* @__PURE__ */ (0,
|
|
1894
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1895
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__content", children: [
|
|
1896
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__text", children: [
|
|
1897
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hero__subtitle", children: subtitle }),
|
|
1898
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "hero__title", children: title }),
|
|
1899
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hero__description", children: description })
|
|
1835
1900
|
] }),
|
|
1836
|
-
/* @__PURE__ */ (0,
|
|
1901
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1837
1902
|
ButtonBlock,
|
|
1838
1903
|
{
|
|
1839
1904
|
primaryButton,
|
|
1840
1905
|
secondaryButton
|
|
1841
1906
|
}
|
|
1842
1907
|
),
|
|
1843
|
-
productImage && /* @__PURE__ */ (0,
|
|
1908
|
+
productImage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1844
1909
|
Visual,
|
|
1845
1910
|
{
|
|
1846
1911
|
src: productImage,
|
|
@@ -1848,7 +1913,7 @@ var Hero = ({
|
|
|
1848
1913
|
alt: ""
|
|
1849
1914
|
}
|
|
1850
1915
|
),
|
|
1851
|
-
floatingImage && /* @__PURE__ */ (0,
|
|
1916
|
+
floatingImage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1852
1917
|
Visual,
|
|
1853
1918
|
{
|
|
1854
1919
|
src: floatingImage,
|
|
@@ -1864,14 +1929,14 @@ var Hero = ({
|
|
|
1864
1929
|
|
|
1865
1930
|
// templates/Header/Header.tsx
|
|
1866
1931
|
var import_react9 = require("react");
|
|
1867
|
-
var
|
|
1932
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1868
1933
|
var ButtonBlock2 = ({
|
|
1869
1934
|
primaryButton,
|
|
1870
1935
|
secondaryButton
|
|
1871
1936
|
}) => {
|
|
1872
1937
|
if (!primaryButton && !secondaryButton) return null;
|
|
1873
|
-
return /* @__PURE__ */ (0,
|
|
1874
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */ (0,
|
|
1938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "header__buttons", children: [
|
|
1939
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { href: primaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1875
1940
|
Button,
|
|
1876
1941
|
{
|
|
1877
1942
|
colorScheme: "coral",
|
|
@@ -1879,7 +1944,7 @@ var ButtonBlock2 = ({
|
|
|
1879
1944
|
label: primaryButton.label,
|
|
1880
1945
|
onClick: primaryButton.onClick
|
|
1881
1946
|
}
|
|
1882
|
-
) }) : /* @__PURE__ */ (0,
|
|
1947
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1883
1948
|
Button,
|
|
1884
1949
|
{
|
|
1885
1950
|
colorScheme: "coral",
|
|
@@ -1888,7 +1953,7 @@ var ButtonBlock2 = ({
|
|
|
1888
1953
|
onClick: primaryButton.onClick
|
|
1889
1954
|
}
|
|
1890
1955
|
)),
|
|
1891
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0,
|
|
1956
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { href: secondaryButton.href, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1892
1957
|
Button,
|
|
1893
1958
|
{
|
|
1894
1959
|
colorScheme: "white",
|
|
@@ -1896,7 +1961,7 @@ var ButtonBlock2 = ({
|
|
|
1896
1961
|
label: secondaryButton.label,
|
|
1897
1962
|
onClick: secondaryButton.onClick
|
|
1898
1963
|
}
|
|
1899
|
-
) }) : /* @__PURE__ */ (0,
|
|
1964
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1900
1965
|
Button,
|
|
1901
1966
|
{
|
|
1902
1967
|
colorScheme: "white",
|
|
@@ -1953,25 +2018,25 @@ var Header = ({
|
|
|
1953
2018
|
onScroll();
|
|
1954
2019
|
return () => scrollEl.removeEventListener("scroll", onScroll);
|
|
1955
2020
|
}, [variant]);
|
|
1956
|
-
const textBlock = /* @__PURE__ */ (0,
|
|
1957
|
-
subtitle && /* @__PURE__ */ (0,
|
|
1958
|
-
/* @__PURE__ */ (0,
|
|
1959
|
-
description && /* @__PURE__ */ (0,
|
|
2021
|
+
const textBlock = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "header__text", children: [
|
|
2022
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "header__subtitle", children: subtitle }),
|
|
2023
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "header__title", children: title }),
|
|
2024
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "header__description", children: description })
|
|
1960
2025
|
] });
|
|
1961
|
-
return /* @__PURE__ */ (0,
|
|
2026
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
1962
2027
|
"section",
|
|
1963
2028
|
{
|
|
1964
2029
|
ref: sectionRef,
|
|
1965
2030
|
className: ["header", variantClass, className].filter(Boolean).join(" "),
|
|
1966
2031
|
...props,
|
|
1967
2032
|
children: [
|
|
1968
|
-
/* @__PURE__ */ (0,
|
|
1969
|
-
variant === "visuals" && leftVisual && /* @__PURE__ */ (0,
|
|
1970
|
-
variant === "visuals" && rightVisual && /* @__PURE__ */ (0,
|
|
1971
|
-
/* @__PURE__ */ (0,
|
|
1972
|
-
/* @__PURE__ */ (0,
|
|
2033
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "header__grid", "aria-hidden": "true" }),
|
|
2034
|
+
variant === "visuals" && leftVisual && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: leftRef, className: "header__visual header__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: leftVisual, alt: "" }) : leftVisual }),
|
|
2035
|
+
variant === "visuals" && rightVisual && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: rightRef, className: "header__visual header__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: rightVisual, alt: "" }) : rightVisual }),
|
|
2036
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "header__overlay", "aria-hidden": "true" }),
|
|
2037
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "header__inner", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "header__content", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "header__body", children: [
|
|
1973
2038
|
textBlock,
|
|
1974
|
-
/* @__PURE__ */ (0,
|
|
2039
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1975
2040
|
ButtonBlock2,
|
|
1976
2041
|
{
|
|
1977
2042
|
primaryButton,
|
|
@@ -1986,7 +2051,7 @@ var Header = ({
|
|
|
1986
2051
|
|
|
1987
2052
|
// templates/Stats/StatsV2.tsx
|
|
1988
2053
|
var import_react10 = require("react");
|
|
1989
|
-
var
|
|
2054
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1990
2055
|
var HOLD_MS = 1e3;
|
|
1991
2056
|
var STEP_DURATION_MS = 700;
|
|
1992
2057
|
var INTERVAL_MS = HOLD_MS + STEP_DURATION_MS;
|
|
@@ -2046,7 +2111,7 @@ function slotForIndex(index, step) {
|
|
|
2046
2111
|
if (rel < -1) return "exiting";
|
|
2047
2112
|
return "queued";
|
|
2048
2113
|
}
|
|
2049
|
-
var Laurel = ({ flip = false }) => /* @__PURE__ */ (0,
|
|
2114
|
+
var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2050
2115
|
"svg",
|
|
2051
2116
|
{
|
|
2052
2117
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2060,8 +2125,8 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2060
2125
|
"stats-v2__laurel",
|
|
2061
2126
|
flip ? "stats-v2__laurel--flip" : ""
|
|
2062
2127
|
].filter(Boolean).join(" "),
|
|
2063
|
-
children: /* @__PURE__ */ (0,
|
|
2064
|
-
/* @__PURE__ */ (0,
|
|
2128
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("g", { opacity: "0.2", children: [
|
|
2129
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2065
2130
|
"path",
|
|
2066
2131
|
{
|
|
2067
2132
|
d: "M20.8655 76.0151C21.3631 78.5487 22.4577 80.4673 23.4245 81.7447C23.7945 82.2337 24.145 82.6275 24.4343 82.9245C24.5003 81.0424 24.5392 77.0209 23.854 73.543C23.3836 71.2282 22.6189 69.4263 21.9723 68.1997C21.7486 67.7754 21.539 67.42 21.3608 67.1361C21.2158 67.6487 21.042 68.3446 20.8935 69.1718C20.5634 71.0111 20.3623 73.4782 20.8655 76.0151Z",
|
|
@@ -2069,7 +2134,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2069
2134
|
stroke: "currentColor"
|
|
2070
2135
|
}
|
|
2071
2136
|
),
|
|
2072
|
-
/* @__PURE__ */ (0,
|
|
2137
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2073
2138
|
"path",
|
|
2074
2139
|
{
|
|
2075
2140
|
d: "M9.19518 69.4464C8.5612 69.2311 8.01354 69.0792 7.6041 68.9776C7.77674 69.5261 8.03563 70.2542 8.40971 71.0711C9.16156 72.713 10.3603 74.6729 12.1472 76.0342C13.9141 77.3864 15.8077 77.7752 17.2669 77.8239C17.9963 77.8483 18.6126 77.7873 19.0419 77.7209C18.3715 76.5307 16.6347 73.8279 14.0892 71.9349C12.4167 70.7081 10.6015 69.924 9.19518 69.4464Z",
|
|
@@ -2077,7 +2142,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2077
2142
|
stroke: "currentColor"
|
|
2078
2143
|
}
|
|
2079
2144
|
),
|
|
2080
|
-
/* @__PURE__ */ (0,
|
|
2145
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2081
2146
|
"path",
|
|
2082
2147
|
{
|
|
2083
2148
|
d: "M14.1789 62.4853C14.1095 65.0056 14.7018 67.1343 15.3106 68.6265C15.5268 69.1563 15.7445 69.6045 15.9342 69.9597C16.0737 69.4242 16.2473 68.7196 16.4239 67.9038C16.8294 66.0308 17.2467 63.5892 17.309 61.2688C17.3584 58.9612 17.0322 57.019 16.6942 55.65C16.5809 55.1908 16.4663 54.7965 16.3643 54.4749C16.1414 54.8952 15.8702 55.4487 15.5956 56.1107C14.9268 57.7233 14.2444 59.9642 14.1789 62.4853Z",
|
|
@@ -2085,7 +2150,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2085
2150
|
stroke: "currentColor"
|
|
2086
2151
|
}
|
|
2087
2152
|
),
|
|
2088
|
-
/* @__PURE__ */ (0,
|
|
2153
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2089
2154
|
"path",
|
|
2090
2155
|
{
|
|
2091
2156
|
d: "M6.16644 56.5363L5.92729 56.2113C4.18123 53.9739 2.10237 52.4221 0.99942 51.685C1.0448 52.2219 1.13195 52.9558 1.29599 53.7969C1.6458 55.5904 2.33816 57.834 3.68889 59.699C5.02796 61.5534 6.66938 62.5331 7.97363 63.0496C8.56984 63.2857 9.09434 63.4244 9.48448 63.5049C9.08235 62.1271 8.06278 59.1136 6.16644 56.5363Z",
|
|
@@ -2093,7 +2158,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2093
2158
|
stroke: "currentColor"
|
|
2094
2159
|
}
|
|
2095
2160
|
),
|
|
2096
|
-
/* @__PURE__ */ (0,
|
|
2161
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2097
2162
|
"path",
|
|
2098
2163
|
{
|
|
2099
2164
|
d: "M12.9202 41.9556C12.9103 41.468 12.8857 41.0438 12.8578 40.6964C12.5852 41.0139 12.2554 41.4254 11.9043 41.9234C10.9787 43.2365 9.91222 45.1415 9.34811 47.5086L9.21888 48.0509C8.78948 50.2094 8.89878 52.2002 9.13088 53.6853C9.21855 54.2463 9.32345 54.7333 9.42253 55.1275C10.2101 53.5777 11.6117 50.5783 12.3444 47.5177C12.8519 45.3454 12.9491 43.3817 12.9202 41.9556Z",
|
|
@@ -2101,7 +2166,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2101
2166
|
stroke: "currentColor"
|
|
2102
2167
|
}
|
|
2103
2168
|
),
|
|
2104
|
-
/* @__PURE__ */ (0,
|
|
2169
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2105
2170
|
"path",
|
|
2106
2171
|
{
|
|
2107
2172
|
d: "M4.26838 40.1575C3.16507 37.3338 1.55966 35.0449 0.658674 33.8839C0.595099 34.3962 0.53299 35.0674 0.509766 35.8425C0.454879 37.6743 0.618233 40.0556 1.46849 42.2871C2.30759 44.5064 3.60611 45.9871 4.68907 46.9107C5.12959 47.2864 5.53393 47.5694 5.85602 47.7717C5.82536 47.3041 5.77132 46.6715 5.67501 45.9295C5.46619 44.3205 5.06044 42.211 4.27156 40.1569L4.26838 40.1575Z",
|
|
@@ -2109,7 +2174,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2109
2174
|
stroke: "currentColor"
|
|
2110
2175
|
}
|
|
2111
2176
|
),
|
|
2112
|
-
/* @__PURE__ */ (0,
|
|
2177
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2113
2178
|
"path",
|
|
2114
2179
|
{
|
|
2115
2180
|
d: "M12.6632 27.4606C11.6314 28.3597 10.3804 29.7129 9.40352 31.5834L9.20135 32.004C8.19489 34.0975 7.83678 36.2499 7.73379 37.8807C7.69736 38.4576 7.693 38.9667 7.70264 39.3814C7.98105 39.0479 8.31846 38.6306 8.68777 38.1462C9.68653 36.8365 10.9078 35.0512 11.829 33.1204C12.7356 31.1936 13.238 29.3215 13.5154 27.9233C13.6157 27.4178 13.6864 26.9753 13.7361 26.6158C13.4324 26.8302 13.0648 27.1106 12.6632 27.4606Z",
|
|
@@ -2117,7 +2182,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2117
2182
|
stroke: "currentColor"
|
|
2118
2183
|
}
|
|
2119
2184
|
),
|
|
2120
|
-
/* @__PURE__ */ (0,
|
|
2185
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2121
2186
|
"path",
|
|
2122
2187
|
{
|
|
2123
2188
|
d: "M7.15889 23.0454L7.23043 22.5253C7.54518 19.6881 7.36017 17.0948 7.19664 15.6517C6.9244 16.0575 6.59747 16.5777 6.25738 17.1905C5.37216 18.7855 4.41002 20.986 4.07631 23.4177C3.74032 25.8399 4.108 27.8499 4.55657 29.25C4.7215 29.7648 4.89717 30.1965 5.05235 30.5349C5.64762 29.1157 6.71893 26.2445 7.15889 23.0454Z",
|
|
@@ -2125,7 +2190,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2125
2190
|
stroke: "currentColor"
|
|
2126
2191
|
}
|
|
2127
2192
|
),
|
|
2128
|
-
/* @__PURE__ */ (0,
|
|
2193
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2129
2194
|
"path",
|
|
2130
2195
|
{
|
|
2131
2196
|
d: "M20.7056 14.8951C19.4372 15.269 17.7724 15.9875 16.1554 17.3693L16.021 17.4932C14.3576 18.9542 13.2217 20.7665 12.5041 22.2202C12.2403 22.7546 12.0346 23.2374 11.8812 23.6318C12.2297 23.4596 12.6507 23.2423 13.1195 22.9822C14.4495 22.2442 16.1506 21.1686 17.6705 19.808C19.177 18.446 20.3493 16.9414 21.1512 15.7693C21.4549 15.3255 21.7047 14.9307 21.8987 14.6109C21.5673 14.6707 21.1626 14.7604 20.7056 14.8951Z",
|
|
@@ -2133,7 +2198,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2133
2198
|
stroke: "currentColor"
|
|
2134
2199
|
}
|
|
2135
2200
|
),
|
|
2136
|
-
/* @__PURE__ */ (0,
|
|
2201
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2137
2202
|
"path",
|
|
2138
2203
|
{
|
|
2139
2204
|
d: "M15.246 9.89451L15.3989 9.48769C16.3817 6.71545 16.8681 4.08928 17.0948 2.56556C16.7641 2.88544 16.3703 3.28963 15.9481 3.76978C14.7583 5.12276 13.3571 7.06214 12.4902 9.40367C11.6163 11.7394 11.483 13.8564 11.5665 15.3854C11.595 15.9081 11.6489 16.3613 11.7069 16.7298C11.9415 16.3768 12.2271 15.9318 12.5414 15.4103C13.3841 14.0121 14.4266 12.0747 15.246 9.89451Z",
|
|
@@ -2141,7 +2206,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2141
2206
|
stroke: "currentColor"
|
|
2142
2207
|
}
|
|
2143
2208
|
),
|
|
2144
|
-
/* @__PURE__ */ (0,
|
|
2209
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2145
2210
|
"path",
|
|
2146
2211
|
{
|
|
2147
2212
|
d: "M24.236 2.86551C22.4046 4.24716 21.0854 6.09763 20.225 7.6144C19.8673 8.24502 19.5916 8.81333 19.3933 9.25894C19.765 9.11933 20.2233 8.93634 20.7396 8.70812C22.1292 8.09394 23.9267 7.15785 25.5896 5.86671C27.2408 4.56435 28.6049 3.04428 29.5633 1.84034C29.9762 1.32163 30.3123 0.863542 30.5622 0.509562C30.206 0.526204 29.7564 0.567871 29.2396 0.659382C27.8788 0.900297 26.0564 1.48555 24.236 2.86551Z",
|
|
@@ -2152,13 +2217,13 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)
|
|
|
2152
2217
|
] })
|
|
2153
2218
|
}
|
|
2154
2219
|
);
|
|
2155
|
-
var AwardBadge = ({ heading, subheading }) => /* @__PURE__ */ (0,
|
|
2156
|
-
/* @__PURE__ */ (0,
|
|
2157
|
-
/* @__PURE__ */ (0,
|
|
2158
|
-
/* @__PURE__ */ (0,
|
|
2159
|
-
/* @__PURE__ */ (0,
|
|
2220
|
+
var AwardBadge = ({ heading, subheading }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-v2__award", children: [
|
|
2221
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Laurel, {}),
|
|
2222
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-v2__award-text", children: [
|
|
2223
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "stats-v2__award-heading", children: heading }),
|
|
2224
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "stats-v2__award-subheading", children: subheading })
|
|
2160
2225
|
] }),
|
|
2161
|
-
/* @__PURE__ */ (0,
|
|
2226
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Laurel, { flip: true })
|
|
2162
2227
|
] });
|
|
2163
2228
|
var Stats = ({
|
|
2164
2229
|
title,
|
|
@@ -2281,35 +2346,35 @@ var Stats = ({
|
|
|
2281
2346
|
};
|
|
2282
2347
|
}, []);
|
|
2283
2348
|
const transition = phase === "idle" ? TRANSITION : "none";
|
|
2284
|
-
return /* @__PURE__ */ (0,
|
|
2349
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2285
2350
|
"section",
|
|
2286
2351
|
{
|
|
2287
2352
|
ref: sectionRef,
|
|
2288
2353
|
className: ["stats-v2", className].filter(Boolean).join(" "),
|
|
2289
2354
|
...props,
|
|
2290
|
-
children: /* @__PURE__ */ (0,
|
|
2291
|
-
/* @__PURE__ */ (0,
|
|
2292
|
-
/* @__PURE__ */ (0,
|
|
2293
|
-
description && /* @__PURE__ */ (0,
|
|
2355
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-v2__inner", children: [
|
|
2356
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-v2__header", children: [
|
|
2357
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "stats-v2__title", children: title }),
|
|
2358
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "stats-v2__description", children: description })
|
|
2294
2359
|
] }),
|
|
2295
|
-
/* @__PURE__ */ (0,
|
|
2296
|
-
leftAwards.length > 0 && /* @__PURE__ */ (0,
|
|
2360
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-v2__content", children: [
|
|
2361
|
+
leftAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2297
2362
|
"div",
|
|
2298
2363
|
{
|
|
2299
2364
|
ref: leftColRef,
|
|
2300
2365
|
className: "stats-v2__awards-col stats-v2__awards-col--left",
|
|
2301
|
-
children: leftAwards.map((award, i) => /* @__PURE__ */ (0,
|
|
2366
|
+
children: leftAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AwardBadge, { ...award }, `l-${i}`))
|
|
2302
2367
|
}
|
|
2303
2368
|
),
|
|
2304
|
-
/* @__PURE__ */ (0,
|
|
2305
|
-
/* @__PURE__ */ (0,
|
|
2369
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "stats-v2__card", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "stats-v2__card-track", children: [
|
|
2370
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2306
2371
|
"div",
|
|
2307
2372
|
{
|
|
2308
2373
|
className: "stats-v2__fade stats-v2__fade--top",
|
|
2309
2374
|
"aria-hidden": "true"
|
|
2310
2375
|
}
|
|
2311
2376
|
),
|
|
2312
|
-
/* @__PURE__ */ (0,
|
|
2377
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2313
2378
|
"div",
|
|
2314
2379
|
{
|
|
2315
2380
|
className: "stats-v2__fade stats-v2__fade--bottom",
|
|
@@ -2319,7 +2384,7 @@ var Stats = ({
|
|
|
2319
2384
|
strip.map((stat, i) => {
|
|
2320
2385
|
const slot = slotForIndex(i, step);
|
|
2321
2386
|
const active = slot === "active";
|
|
2322
|
-
return /* @__PURE__ */ (0,
|
|
2387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2323
2388
|
"div",
|
|
2324
2389
|
{
|
|
2325
2390
|
className: [
|
|
@@ -2329,23 +2394,23 @@ var Stats = ({
|
|
|
2329
2394
|
style: getSlotStyle(slot, transition),
|
|
2330
2395
|
"aria-hidden": !active,
|
|
2331
2396
|
children: [
|
|
2332
|
-
/* @__PURE__ */ (0,
|
|
2333
|
-
/* @__PURE__ */ (0,
|
|
2397
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "stats-v2__stat-value", children: stat.value }),
|
|
2398
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "stats-v2__stat-label", children: stat.label })
|
|
2334
2399
|
]
|
|
2335
2400
|
},
|
|
2336
2401
|
i
|
|
2337
2402
|
);
|
|
2338
2403
|
})
|
|
2339
2404
|
] }) }),
|
|
2340
|
-
rightAwards.length > 0 && /* @__PURE__ */ (0,
|
|
2405
|
+
rightAwards.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2341
2406
|
"div",
|
|
2342
2407
|
{
|
|
2343
2408
|
ref: rightColRef,
|
|
2344
2409
|
className: "stats-v2__awards-col stats-v2__awards-col--right",
|
|
2345
|
-
children: rightAwards.map((award, i) => /* @__PURE__ */ (0,
|
|
2410
|
+
children: rightAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AwardBadge, { ...award }, `r-${i}`))
|
|
2346
2411
|
}
|
|
2347
2412
|
),
|
|
2348
|
-
hasAwards && /* @__PURE__ */ (0,
|
|
2413
|
+
hasAwards && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "stats-v2__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AwardBadge, { ...award }, `m-${i}`)) })
|
|
2349
2414
|
] })
|
|
2350
2415
|
] })
|
|
2351
2416
|
}
|
|
@@ -2354,7 +2419,7 @@ var Stats = ({
|
|
|
2354
2419
|
|
|
2355
2420
|
// templates/Stats/StatsSimple.tsx
|
|
2356
2421
|
var import_react11 = require("react");
|
|
2357
|
-
var
|
|
2422
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2358
2423
|
function parseValue(raw) {
|
|
2359
2424
|
const match = raw.match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
|
|
2360
2425
|
if (!match) return { prefix: "", number: 0, suffix: raw };
|
|
@@ -2397,7 +2462,7 @@ var AnimatedValue = ({
|
|
|
2397
2462
|
const { prefix, number, suffix } = parseValue(raw);
|
|
2398
2463
|
const count = useCountUp(number, active);
|
|
2399
2464
|
const formatted = number >= 1e3 && !/[KMBkmb]/.test(suffix) ? count.toLocaleString() : String(count);
|
|
2400
|
-
return /* @__PURE__ */ (0,
|
|
2465
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "stats-simple__value", children: [
|
|
2401
2466
|
prefix,
|
|
2402
2467
|
formatted,
|
|
2403
2468
|
suffix
|
|
@@ -2425,15 +2490,15 @@ var StatsSimple = ({
|
|
|
2425
2490
|
observer.observe(el);
|
|
2426
2491
|
return () => observer.disconnect();
|
|
2427
2492
|
}, []);
|
|
2428
|
-
return /* @__PURE__ */ (0,
|
|
2493
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2429
2494
|
"section",
|
|
2430
2495
|
{
|
|
2431
2496
|
ref: sectionRef,
|
|
2432
2497
|
className: ["stats-simple", className].filter(Boolean).join(" "),
|
|
2433
2498
|
...props,
|
|
2434
|
-
children: /* @__PURE__ */ (0,
|
|
2435
|
-
/* @__PURE__ */ (0,
|
|
2436
|
-
/* @__PURE__ */ (0,
|
|
2499
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "stats-simple__inner", children: stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "stats-simple__item", children: [
|
|
2500
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AnimatedValue, { raw: stat.value, active: animated }),
|
|
2501
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "stats-simple__label", children: stat.label })
|
|
2437
2502
|
] }, i)) })
|
|
2438
2503
|
}
|
|
2439
2504
|
);
|
|
@@ -2445,7 +2510,7 @@ var import_react13 = require("react");
|
|
|
2445
2510
|
// components/DotLottieInView/DotLottieInView.tsx
|
|
2446
2511
|
var import_react12 = require("react");
|
|
2447
2512
|
var import_dotlottie_react = require("@lottiefiles/dotlottie-react");
|
|
2448
|
-
var
|
|
2513
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2449
2514
|
function DotLottieInView({
|
|
2450
2515
|
enabled = true,
|
|
2451
2516
|
rootMargin = "0px",
|
|
@@ -2478,7 +2543,7 @@ function DotLottieInView({
|
|
|
2478
2543
|
dotLottie.stop();
|
|
2479
2544
|
dotLottie.play();
|
|
2480
2545
|
}, [dotLottie, enabled, inView]);
|
|
2481
|
-
return /* @__PURE__ */ (0,
|
|
2546
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2482
2547
|
"div",
|
|
2483
2548
|
{
|
|
2484
2549
|
ref: wrapRef,
|
|
@@ -2493,7 +2558,7 @@ function DotLottieInView({
|
|
|
2493
2558
|
backgroundColor: "transparent",
|
|
2494
2559
|
...style
|
|
2495
2560
|
},
|
|
2496
|
-
children: /* @__PURE__ */ (0,
|
|
2561
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2497
2562
|
import_dotlottie_react.DotLottieReact,
|
|
2498
2563
|
{
|
|
2499
2564
|
...dotProps,
|
|
@@ -2507,7 +2572,7 @@ function DotLottieInView({
|
|
|
2507
2572
|
}
|
|
2508
2573
|
|
|
2509
2574
|
// templates/FeatureScroll/FeatureScroll.tsx
|
|
2510
|
-
var
|
|
2575
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2511
2576
|
var FEATURE_SCROLL_DATA = [
|
|
2512
2577
|
{
|
|
2513
2578
|
title: "Forex",
|
|
@@ -2552,7 +2617,7 @@ var FEATURE_SCROLL_DATA = [
|
|
|
2552
2617
|
mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
|
|
2553
2618
|
}
|
|
2554
2619
|
];
|
|
2555
|
-
var ChevronRight2 = () => /* @__PURE__ */ (0,
|
|
2620
|
+
var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2556
2621
|
"svg",
|
|
2557
2622
|
{
|
|
2558
2623
|
className: "fs__item-link-icon",
|
|
@@ -2561,7 +2626,7 @@ var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
|
2561
2626
|
viewBox: "0 0 16 16",
|
|
2562
2627
|
fill: "none",
|
|
2563
2628
|
"aria-hidden": "true",
|
|
2564
|
-
children: /* @__PURE__ */ (0,
|
|
2629
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2565
2630
|
"path",
|
|
2566
2631
|
{
|
|
2567
2632
|
d: "M6 3l5 5-5 5",
|
|
@@ -2579,7 +2644,7 @@ function resolveMediaType(item) {
|
|
|
2579
2644
|
}
|
|
2580
2645
|
var MediaRenderer = ({ item, active }) => {
|
|
2581
2646
|
if (resolveMediaType(item) === "lottie") {
|
|
2582
|
-
return /* @__PURE__ */ (0,
|
|
2647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2583
2648
|
DotLottieInView,
|
|
2584
2649
|
{
|
|
2585
2650
|
src: item.mediaUrl,
|
|
@@ -2587,7 +2652,7 @@ var MediaRenderer = ({ item, active }) => {
|
|
|
2587
2652
|
}
|
|
2588
2653
|
);
|
|
2589
2654
|
}
|
|
2590
|
-
return /* @__PURE__ */ (0,
|
|
2655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2591
2656
|
"img",
|
|
2592
2657
|
{
|
|
2593
2658
|
src: item.mediaUrl,
|
|
@@ -2658,24 +2723,24 @@ var FeatureScroll = ({
|
|
|
2658
2723
|
className
|
|
2659
2724
|
].filter(Boolean).join(" ");
|
|
2660
2725
|
if (items.length === 0) {
|
|
2661
|
-
return /* @__PURE__ */ (0,
|
|
2726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fs__inner", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "fs__header", children: header }) }) });
|
|
2662
2727
|
}
|
|
2663
|
-
return /* @__PURE__ */ (0,
|
|
2664
|
-
/* @__PURE__ */ (0,
|
|
2665
|
-
/* @__PURE__ */ (0,
|
|
2666
|
-
/* @__PURE__ */ (0,
|
|
2728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("section", { className: rootClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fs__inner", children: [
|
|
2729
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "fs__header", children: header }),
|
|
2730
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fs__layout", children: [
|
|
2731
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2667
2732
|
"div",
|
|
2668
2733
|
{
|
|
2669
2734
|
ref: mediaColRef,
|
|
2670
2735
|
className: "fs__media-sticky",
|
|
2671
|
-
children: /* @__PURE__ */ (0,
|
|
2736
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2672
2737
|
"div",
|
|
2673
2738
|
{
|
|
2674
2739
|
className: [
|
|
2675
2740
|
"fs__media-item",
|
|
2676
2741
|
i === activeIndex ? "fs__media-item--active" : ""
|
|
2677
2742
|
].filter(Boolean).join(" "),
|
|
2678
|
-
children: /* @__PURE__ */ (0,
|
|
2743
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2679
2744
|
MediaRenderer,
|
|
2680
2745
|
{
|
|
2681
2746
|
item,
|
|
@@ -2687,12 +2752,12 @@ var FeatureScroll = ({
|
|
|
2687
2752
|
)) })
|
|
2688
2753
|
}
|
|
2689
2754
|
) }),
|
|
2690
|
-
/* @__PURE__ */ (0,
|
|
2755
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
2691
2756
|
"div",
|
|
2692
2757
|
{
|
|
2693
2758
|
className: "fs__item",
|
|
2694
2759
|
children: [
|
|
2695
|
-
/* @__PURE__ */ (0,
|
|
2760
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2696
2761
|
"h3",
|
|
2697
2762
|
{
|
|
2698
2763
|
ref: (el) => {
|
|
@@ -2702,15 +2767,15 @@ var FeatureScroll = ({
|
|
|
2702
2767
|
children: item.title
|
|
2703
2768
|
}
|
|
2704
2769
|
),
|
|
2705
|
-
/* @__PURE__ */ (0,
|
|
2706
|
-
/* @__PURE__ */ (0,
|
|
2770
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fs__item-desc", children: item.description }),
|
|
2771
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
2707
2772
|
"a",
|
|
2708
2773
|
{
|
|
2709
2774
|
href: item.link,
|
|
2710
2775
|
className: "fs__item-link",
|
|
2711
2776
|
children: [
|
|
2712
|
-
/* @__PURE__ */ (0,
|
|
2713
|
-
/* @__PURE__ */ (0,
|
|
2777
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: item.linkLabel }),
|
|
2778
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight2, {})
|
|
2714
2779
|
]
|
|
2715
2780
|
}
|
|
2716
2781
|
)
|
|
@@ -2719,18 +2784,18 @@ var FeatureScroll = ({
|
|
|
2719
2784
|
i
|
|
2720
2785
|
)) })
|
|
2721
2786
|
] }),
|
|
2722
|
-
/* @__PURE__ */ (0,
|
|
2723
|
-
/* @__PURE__ */ (0,
|
|
2724
|
-
/* @__PURE__ */ (0,
|
|
2725
|
-
/* @__PURE__ */ (0,
|
|
2726
|
-
/* @__PURE__ */ (0,
|
|
2787
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fs__mobile-item", children: [
|
|
2788
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h3", { className: "fs__item-title", children: item.title }),
|
|
2789
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fs__mobile-media", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MediaRenderer, { item, active: true }) }),
|
|
2790
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "fs__item-desc", children: item.description }),
|
|
2791
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
2727
2792
|
"a",
|
|
2728
2793
|
{
|
|
2729
2794
|
href: item.link,
|
|
2730
2795
|
className: "fs__item-link",
|
|
2731
2796
|
children: [
|
|
2732
|
-
/* @__PURE__ */ (0,
|
|
2733
|
-
/* @__PURE__ */ (0,
|
|
2797
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: item.linkLabel }),
|
|
2798
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight2, {})
|
|
2734
2799
|
]
|
|
2735
2800
|
}
|
|
2736
2801
|
)
|
|
@@ -2740,7 +2805,7 @@ var FeatureScroll = ({
|
|
|
2740
2805
|
|
|
2741
2806
|
// templates/StickyStackedCards/StickyStackedCards.tsx
|
|
2742
2807
|
var import_react14 = require("react");
|
|
2743
|
-
var
|
|
2808
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2744
2809
|
var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
|
|
2745
2810
|
var STEPS_DATA = [
|
|
2746
2811
|
{
|
|
@@ -2804,14 +2869,14 @@ var StickyStackedCards = ({
|
|
|
2804
2869
|
cancelAnimationFrame(rafId);
|
|
2805
2870
|
};
|
|
2806
2871
|
}, [items.length]);
|
|
2807
|
-
return /* @__PURE__ */ (0,
|
|
2872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2808
2873
|
"section",
|
|
2809
2874
|
{
|
|
2810
2875
|
className: ["ssc", className].filter(Boolean).join(" "),
|
|
2811
2876
|
...props,
|
|
2812
|
-
children: /* @__PURE__ */ (0,
|
|
2813
|
-
/* @__PURE__ */ (0,
|
|
2814
|
-
/* @__PURE__ */ (0,
|
|
2877
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ssc__inner", children: [
|
|
2878
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "ssc__header", children: header }),
|
|
2879
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
2815
2880
|
"div",
|
|
2816
2881
|
{
|
|
2817
2882
|
ref: (el) => {
|
|
@@ -2837,11 +2902,11 @@ var StickyStackedCards = ({
|
|
|
2837
2902
|
top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
|
|
2838
2903
|
},
|
|
2839
2904
|
children: [
|
|
2840
|
-
/* @__PURE__ */ (0,
|
|
2841
|
-
/* @__PURE__ */ (0,
|
|
2842
|
-
/* @__PURE__ */ (0,
|
|
2905
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ssc__card-content", children: [
|
|
2906
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: "ssc__card-title", children: item.title }),
|
|
2907
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "ssc__card-desc", children: item.description })
|
|
2843
2908
|
] }),
|
|
2844
|
-
/* @__PURE__ */ (0,
|
|
2909
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "ssc__card-image", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2845
2910
|
"img",
|
|
2846
2911
|
{
|
|
2847
2912
|
src: item.imageUrl,
|
|
@@ -2861,7 +2926,7 @@ var StickyStackedCards = ({
|
|
|
2861
2926
|
// templates/CTABanner/CTABanner.tsx
|
|
2862
2927
|
var import_react15 = require("react");
|
|
2863
2928
|
var import_framer_motion = require("framer-motion");
|
|
2864
|
-
var
|
|
2929
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2865
2930
|
var ENTRANCE = {
|
|
2866
2931
|
near: 80,
|
|
2867
2932
|
mid: 130,
|
|
@@ -3125,14 +3190,14 @@ var CTABanner = ({
|
|
|
3125
3190
|
const compactXValues = useCompactAvatarXValues(smooth);
|
|
3126
3191
|
const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
|
|
3127
3192
|
const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
|
|
3128
|
-
return /* @__PURE__ */ (0,
|
|
3193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
3129
3194
|
"section",
|
|
3130
3195
|
{
|
|
3131
3196
|
ref: sectionRef,
|
|
3132
3197
|
className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
|
|
3133
3198
|
...props,
|
|
3134
3199
|
children: [
|
|
3135
|
-
/* @__PURE__ */ (0,
|
|
3200
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3136
3201
|
import_framer_motion.motion.div,
|
|
3137
3202
|
{
|
|
3138
3203
|
className: "ctab__grid",
|
|
@@ -3140,7 +3205,7 @@ var CTABanner = ({
|
|
|
3140
3205
|
"aria-hidden": "true"
|
|
3141
3206
|
}
|
|
3142
3207
|
),
|
|
3143
|
-
/* @__PURE__ */ (0,
|
|
3208
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "ctab__inner", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ctab__stage", children: [
|
|
3144
3209
|
resolvedAvatars.map((avatar, index) => {
|
|
3145
3210
|
const posStyle = {};
|
|
3146
3211
|
if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
|
|
@@ -3149,7 +3214,7 @@ var CTABanner = ({
|
|
|
3149
3214
|
if (avatar.mobilePos?.left) posStyle["--av-m-left"] = avatar.mobilePos.left;
|
|
3150
3215
|
if (avatar.mobilePos?.right) posStyle["--av-m-right"] = avatar.mobilePos.right;
|
|
3151
3216
|
if (avatar.mobilePos?.top) posStyle["--av-m-top"] = avatar.mobilePos.top;
|
|
3152
|
-
return /* @__PURE__ */ (0,
|
|
3217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3153
3218
|
import_framer_motion.motion.div,
|
|
3154
3219
|
{
|
|
3155
3220
|
className: [
|
|
@@ -3163,7 +3228,7 @@ var CTABanner = ({
|
|
|
3163
3228
|
opacity: avatarOpacity,
|
|
3164
3229
|
filter: avatarFilter
|
|
3165
3230
|
},
|
|
3166
|
-
children: /* @__PURE__ */ (0,
|
|
3231
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3167
3232
|
"img",
|
|
3168
3233
|
{
|
|
3169
3234
|
src: avatar.imageUrl,
|
|
@@ -3176,14 +3241,14 @@ var CTABanner = ({
|
|
|
3176
3241
|
avatar.id
|
|
3177
3242
|
);
|
|
3178
3243
|
}),
|
|
3179
|
-
/* @__PURE__ */ (0,
|
|
3244
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
3180
3245
|
import_framer_motion.motion.div,
|
|
3181
3246
|
{
|
|
3182
3247
|
className: "ctab__hero",
|
|
3183
3248
|
style: { y: heroY, opacity: heroOpacity },
|
|
3184
3249
|
children: [
|
|
3185
|
-
/* @__PURE__ */ (0,
|
|
3186
|
-
/* @__PURE__ */ (0,
|
|
3250
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "ctab__headline", children: headline }),
|
|
3251
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
|
|
3187
3252
|
]
|
|
3188
3253
|
}
|
|
3189
3254
|
)
|
|
@@ -3201,7 +3266,7 @@ var import_framer_motion2 = require("framer-motion");
|
|
|
3201
3266
|
var icon_globe_default = "./icon-globe-S54WYYEK.svg";
|
|
3202
3267
|
|
|
3203
3268
|
// components/Navbar/Navbar.tsx
|
|
3204
|
-
var
|
|
3269
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
3205
3270
|
var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
|
|
3206
3271
|
var dropdownVariants = {
|
|
3207
3272
|
hidden: { opacity: 0, scale: 0.96, y: -8 },
|
|
@@ -3215,7 +3280,7 @@ var accordionVariants = {
|
|
|
3215
3280
|
hidden: { height: 0, opacity: 0 },
|
|
3216
3281
|
visible: { height: "auto", opacity: 1 }
|
|
3217
3282
|
};
|
|
3218
|
-
var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0,
|
|
3283
|
+
var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3219
3284
|
"svg",
|
|
3220
3285
|
{
|
|
3221
3286
|
className,
|
|
@@ -3224,7 +3289,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
3224
3289
|
viewBox: "0 0 14 14",
|
|
3225
3290
|
fill: "none",
|
|
3226
3291
|
"aria-hidden": "true",
|
|
3227
|
-
children: /* @__PURE__ */ (0,
|
|
3292
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3228
3293
|
"path",
|
|
3229
3294
|
{
|
|
3230
3295
|
d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
|
|
@@ -3236,7 +3301,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
3236
3301
|
)
|
|
3237
3302
|
}
|
|
3238
3303
|
);
|
|
3239
|
-
var ArrowRightIcon = () => /* @__PURE__ */ (0,
|
|
3304
|
+
var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3240
3305
|
"path",
|
|
3241
3306
|
{
|
|
3242
3307
|
d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
|
|
@@ -3246,7 +3311,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg",
|
|
|
3246
3311
|
strokeLinejoin: "round"
|
|
3247
3312
|
}
|
|
3248
3313
|
) });
|
|
3249
|
-
var ArrowUpRightIcon = () => /* @__PURE__ */ (0,
|
|
3314
|
+
var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3250
3315
|
"path",
|
|
3251
3316
|
{
|
|
3252
3317
|
d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
|
|
@@ -3256,7 +3321,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg"
|
|
|
3256
3321
|
strokeLinejoin: "round"
|
|
3257
3322
|
}
|
|
3258
3323
|
) });
|
|
3259
|
-
var BarsIcon = () => /* @__PURE__ */ (0,
|
|
3324
|
+
var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3260
3325
|
"path",
|
|
3261
3326
|
{
|
|
3262
3327
|
d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
|
|
@@ -3265,7 +3330,7 @@ var BarsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { widt
|
|
|
3265
3330
|
strokeLinecap: "round"
|
|
3266
3331
|
}
|
|
3267
3332
|
) });
|
|
3268
|
-
var XMarkIcon2 = () => /* @__PURE__ */ (0,
|
|
3333
|
+
var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3269
3334
|
"path",
|
|
3270
3335
|
{
|
|
3271
3336
|
d: "M15 5L5 15M5 5L15 15",
|
|
@@ -3274,7 +3339,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { wi
|
|
|
3274
3339
|
strokeLinecap: "round"
|
|
3275
3340
|
}
|
|
3276
3341
|
) });
|
|
3277
|
-
var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0,
|
|
3342
|
+
var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3278
3343
|
"svg",
|
|
3279
3344
|
{
|
|
3280
3345
|
className,
|
|
@@ -3283,7 +3348,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime3
|
|
|
3283
3348
|
viewBox: "0 0 24 24",
|
|
3284
3349
|
fill: "none",
|
|
3285
3350
|
"aria-hidden": "true",
|
|
3286
|
-
children: /* @__PURE__ */ (0,
|
|
3351
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3287
3352
|
"path",
|
|
3288
3353
|
{
|
|
3289
3354
|
d: "M15 18L9 12L15 6",
|
|
@@ -3295,11 +3360,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime3
|
|
|
3295
3360
|
)
|
|
3296
3361
|
}
|
|
3297
3362
|
);
|
|
3298
|
-
var GlobeIcon = ({ className }) => /* @__PURE__ */ (0,
|
|
3363
|
+
var GlobeIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
|
|
3299
3364
|
var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
3300
3365
|
const { dropdown } = item;
|
|
3301
3366
|
if (!dropdown) return null;
|
|
3302
|
-
return /* @__PURE__ */ (0,
|
|
3367
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3303
3368
|
import_framer_motion2.motion.div,
|
|
3304
3369
|
{
|
|
3305
3370
|
className: "navbar__dropdown",
|
|
@@ -3310,10 +3375,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
|
3310
3375
|
transition: { duration: 0.18, ease: EASE_OUT_EXPO },
|
|
3311
3376
|
onMouseEnter,
|
|
3312
3377
|
onMouseLeave,
|
|
3313
|
-
children: /* @__PURE__ */ (0,
|
|
3314
|
-
/* @__PURE__ */ (0,
|
|
3315
|
-
/* @__PURE__ */ (0,
|
|
3316
|
-
section.items.map((link) => /* @__PURE__ */ (0,
|
|
3378
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__dropdown-inner", children: [
|
|
3379
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__dropdown-col-list", children: [
|
|
3380
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "navbar__dropdown-col-title", children: section.title }),
|
|
3381
|
+
section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3317
3382
|
"a",
|
|
3318
3383
|
{
|
|
3319
3384
|
href: link.href,
|
|
@@ -3322,24 +3387,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
|
3322
3387
|
rel: link.external ? "noopener noreferrer" : void 0,
|
|
3323
3388
|
children: [
|
|
3324
3389
|
link.label,
|
|
3325
|
-
link.external ? /* @__PURE__ */ (0,
|
|
3390
|
+
link.external ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowRightIcon, {})
|
|
3326
3391
|
]
|
|
3327
3392
|
},
|
|
3328
3393
|
link.href
|
|
3329
3394
|
))
|
|
3330
3395
|
] }, section.title)) }, colIdx)) }),
|
|
3331
|
-
dropdown.feature && /* @__PURE__ */ (0,
|
|
3396
|
+
dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FeatureCard, { feature: dropdown.feature }) })
|
|
3332
3397
|
] })
|
|
3333
3398
|
}
|
|
3334
3399
|
);
|
|
3335
3400
|
};
|
|
3336
|
-
var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0,
|
|
3401
|
+
var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3337
3402
|
"div",
|
|
3338
3403
|
{
|
|
3339
3404
|
className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
|
|
3340
3405
|
style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
|
|
3341
3406
|
children: [
|
|
3342
|
-
feature.backgroundImageUrl && /* @__PURE__ */ (0,
|
|
3407
|
+
feature.backgroundImageUrl && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3343
3408
|
"img",
|
|
3344
3409
|
{
|
|
3345
3410
|
src: feature.backgroundImageUrl,
|
|
@@ -3348,20 +3413,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
3348
3413
|
"aria-hidden": "true"
|
|
3349
3414
|
}
|
|
3350
3415
|
),
|
|
3351
|
-
/* @__PURE__ */ (0,
|
|
3352
|
-
/* @__PURE__ */ (0,
|
|
3353
|
-
/* @__PURE__ */ (0,
|
|
3354
|
-
/* @__PURE__ */ (0,
|
|
3355
|
-
/* @__PURE__ */ (0,
|
|
3416
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
|
|
3417
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
|
|
3418
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
|
|
3419
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
|
|
3420
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
|
|
3356
3421
|
] }),
|
|
3357
|
-
/* @__PURE__ */ (0,
|
|
3422
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3358
3423
|
"a",
|
|
3359
3424
|
{
|
|
3360
3425
|
href: feature.ctaHref,
|
|
3361
3426
|
className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
|
|
3362
3427
|
children: [
|
|
3363
3428
|
feature.ctaLabel,
|
|
3364
|
-
/* @__PURE__ */ (0,
|
|
3429
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowRightIcon, {})
|
|
3365
3430
|
]
|
|
3366
3431
|
}
|
|
3367
3432
|
)
|
|
@@ -3371,8 +3436,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
3371
3436
|
);
|
|
3372
3437
|
var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
3373
3438
|
const { dropdown } = item;
|
|
3374
|
-
return /* @__PURE__ */ (0,
|
|
3375
|
-
/* @__PURE__ */ (0,
|
|
3439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-item", children: [
|
|
3440
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3376
3441
|
"button",
|
|
3377
3442
|
{
|
|
3378
3443
|
className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
|
|
@@ -3380,11 +3445,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3380
3445
|
"aria-expanded": isOpen,
|
|
3381
3446
|
children: [
|
|
3382
3447
|
item.label,
|
|
3383
|
-
/* @__PURE__ */ (0,
|
|
3448
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
|
|
3384
3449
|
]
|
|
3385
3450
|
}
|
|
3386
3451
|
),
|
|
3387
|
-
/* @__PURE__ */ (0,
|
|
3452
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3388
3453
|
import_framer_motion2.motion.div,
|
|
3389
3454
|
{
|
|
3390
3455
|
className: "navbar__drawer-panel",
|
|
@@ -3393,10 +3458,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3393
3458
|
animate: "visible",
|
|
3394
3459
|
exit: "hidden",
|
|
3395
3460
|
transition: { duration: 0.22, ease: EASE_OUT_EXPO },
|
|
3396
|
-
children: /* @__PURE__ */ (0,
|
|
3397
|
-
/* @__PURE__ */ (0,
|
|
3398
|
-
/* @__PURE__ */ (0,
|
|
3399
|
-
/* @__PURE__ */ (0,
|
|
3461
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-panel-inner", children: [
|
|
3462
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-col-section", children: [
|
|
3463
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "navbar__drawer-col-title", children: section.title }),
|
|
3464
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3400
3465
|
"a",
|
|
3401
3466
|
{
|
|
3402
3467
|
href: link.href,
|
|
@@ -3408,7 +3473,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3408
3473
|
link.href
|
|
3409
3474
|
)) })
|
|
3410
3475
|
] }, section.title)) }, colIdx)) }),
|
|
3411
|
-
dropdown.feature && /* @__PURE__ */ (0,
|
|
3476
|
+
dropdown.feature && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FeatureCard, { feature: dropdown.feature, mobile: true })
|
|
3412
3477
|
] })
|
|
3413
3478
|
}
|
|
3414
3479
|
) })
|
|
@@ -3513,20 +3578,20 @@ var Navbar = ({
|
|
|
3513
3578
|
hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
|
|
3514
3579
|
}, [clearHoverTimeout]);
|
|
3515
3580
|
const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
|
|
3516
|
-
return /* @__PURE__ */ (0,
|
|
3581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3517
3582
|
"nav",
|
|
3518
3583
|
{
|
|
3519
3584
|
className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
|
|
3520
3585
|
...props,
|
|
3521
3586
|
children: [
|
|
3522
|
-
/* @__PURE__ */ (0,
|
|
3523
|
-
/* @__PURE__ */ (0,
|
|
3524
|
-
/* @__PURE__ */ (0,
|
|
3525
|
-
/* @__PURE__ */ (0,
|
|
3526
|
-
/* @__PURE__ */ (0,
|
|
3587
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__bar", children: [
|
|
3588
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: resolvedLogo, alt: "Logo" }) }),
|
|
3589
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__pill", children: [
|
|
3590
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
|
|
3591
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__nav-group", children: [
|
|
3527
3592
|
navItems.map((item) => {
|
|
3528
3593
|
if (item.external) {
|
|
3529
|
-
return /* @__PURE__ */ (0,
|
|
3594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3530
3595
|
"a",
|
|
3531
3596
|
{
|
|
3532
3597
|
href: item.href,
|
|
@@ -3535,14 +3600,14 @@ var Navbar = ({
|
|
|
3535
3600
|
rel: "noopener noreferrer",
|
|
3536
3601
|
children: [
|
|
3537
3602
|
item.label,
|
|
3538
|
-
/* @__PURE__ */ (0,
|
|
3603
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpRightIcon, {})
|
|
3539
3604
|
]
|
|
3540
3605
|
},
|
|
3541
3606
|
item.label
|
|
3542
3607
|
);
|
|
3543
3608
|
}
|
|
3544
3609
|
if (item.dropdown) {
|
|
3545
|
-
return /* @__PURE__ */ (0,
|
|
3610
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3546
3611
|
"button",
|
|
3547
3612
|
{
|
|
3548
3613
|
className: [
|
|
@@ -3555,21 +3620,21 @@ var Navbar = ({
|
|
|
3555
3620
|
"aria-haspopup": "true",
|
|
3556
3621
|
children: [
|
|
3557
3622
|
item.label,
|
|
3558
|
-
/* @__PURE__ */ (0,
|
|
3623
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
|
|
3559
3624
|
]
|
|
3560
3625
|
},
|
|
3561
3626
|
item.label
|
|
3562
3627
|
);
|
|
3563
3628
|
}
|
|
3564
|
-
return /* @__PURE__ */ (0,
|
|
3629
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
|
|
3565
3630
|
}),
|
|
3566
|
-
languageLabel && /* @__PURE__ */ (0,
|
|
3631
|
+
languageLabel && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3567
3632
|
"div",
|
|
3568
3633
|
{
|
|
3569
3634
|
className: "navbar__lang-wrapper",
|
|
3570
3635
|
onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
|
|
3571
3636
|
onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
|
|
3572
|
-
children: /* @__PURE__ */ (0,
|
|
3637
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3573
3638
|
"button",
|
|
3574
3639
|
{
|
|
3575
3640
|
ref: langBtnRef,
|
|
@@ -3582,7 +3647,7 @@ var Navbar = ({
|
|
|
3582
3647
|
"aria-haspopup": hasLangDropdown ? "true" : void 0,
|
|
3583
3648
|
"aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
|
|
3584
3649
|
children: [
|
|
3585
|
-
/* @__PURE__ */ (0,
|
|
3650
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3586
3651
|
languageLabel
|
|
3587
3652
|
]
|
|
3588
3653
|
}
|
|
@@ -3590,12 +3655,12 @@ var Navbar = ({
|
|
|
3590
3655
|
}
|
|
3591
3656
|
)
|
|
3592
3657
|
] }),
|
|
3593
|
-
/* @__PURE__ */ (0,
|
|
3594
|
-
loginHref && /* @__PURE__ */ (0,
|
|
3595
|
-
ctaHref && /* @__PURE__ */ (0,
|
|
3658
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__pill-actions", children: [
|
|
3659
|
+
loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
|
|
3660
|
+
ctaHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3596
3661
|
] })
|
|
3597
3662
|
] }) }),
|
|
3598
|
-
/* @__PURE__ */ (0,
|
|
3663
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3599
3664
|
DropdownPanel,
|
|
3600
3665
|
{
|
|
3601
3666
|
item: activeDropdownItem,
|
|
@@ -3604,7 +3669,7 @@ var Navbar = ({
|
|
|
3604
3669
|
},
|
|
3605
3670
|
"dropdown"
|
|
3606
3671
|
) }),
|
|
3607
|
-
/* @__PURE__ */ (0,
|
|
3672
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3608
3673
|
import_framer_motion2.motion.div,
|
|
3609
3674
|
{
|
|
3610
3675
|
className: "navbar__lang-dropdown",
|
|
@@ -3615,12 +3680,12 @@ var Navbar = ({
|
|
|
3615
3680
|
transition: { duration: 0.18, ease: EASE_OUT_EXPO },
|
|
3616
3681
|
onMouseEnter: clearLangHoverTimeout,
|
|
3617
3682
|
onMouseLeave: handleLangLeave,
|
|
3618
|
-
children: /* @__PURE__ */ (0,
|
|
3683
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3619
3684
|
"div",
|
|
3620
3685
|
{
|
|
3621
3686
|
className: "navbar__lang-dropdown-grid",
|
|
3622
3687
|
style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
|
|
3623
|
-
children: languageItems.map((lang) => /* @__PURE__ */ (0,
|
|
3688
|
+
children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3624
3689
|
"button",
|
|
3625
3690
|
{
|
|
3626
3691
|
className: [
|
|
@@ -3636,8 +3701,8 @@ var Navbar = ({
|
|
|
3636
3701
|
)
|
|
3637
3702
|
}
|
|
3638
3703
|
) }),
|
|
3639
|
-
/* @__PURE__ */ (0,
|
|
3640
|
-
loginHref && /* @__PURE__ */ (0,
|
|
3704
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__actions", children: [
|
|
3705
|
+
loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3641
3706
|
Button,
|
|
3642
3707
|
{
|
|
3643
3708
|
colorScheme: theme === "dark" ? "white" : "black",
|
|
@@ -3645,10 +3710,10 @@ var Navbar = ({
|
|
|
3645
3710
|
label: loginLabel
|
|
3646
3711
|
}
|
|
3647
3712
|
) }),
|
|
3648
|
-
ctaHref && /* @__PURE__ */ (0,
|
|
3713
|
+
ctaHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3649
3714
|
] }),
|
|
3650
|
-
/* @__PURE__ */ (0,
|
|
3651
|
-
loginHref && /* @__PURE__ */ (0,
|
|
3715
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__mobile-actions", children: [
|
|
3716
|
+
loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3652
3717
|
Button,
|
|
3653
3718
|
{
|
|
3654
3719
|
colorScheme: scrolled || theme === "light" ? "black" : "white",
|
|
@@ -3656,18 +3721,18 @@ var Navbar = ({
|
|
|
3656
3721
|
label: loginLabel
|
|
3657
3722
|
}
|
|
3658
3723
|
) }),
|
|
3659
|
-
/* @__PURE__ */ (0,
|
|
3724
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3660
3725
|
"button",
|
|
3661
3726
|
{
|
|
3662
3727
|
className: "navbar__mobile-trigger",
|
|
3663
3728
|
onClick: () => setMobileOpen((o) => !o),
|
|
3664
3729
|
"aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
|
|
3665
|
-
children: mobileOpen ? /* @__PURE__ */ (0,
|
|
3730
|
+
children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(XMarkIcon2, {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BarsIcon, {})
|
|
3666
3731
|
}
|
|
3667
3732
|
)
|
|
3668
3733
|
] })
|
|
3669
3734
|
] }),
|
|
3670
|
-
/* @__PURE__ */ (0,
|
|
3735
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3671
3736
|
import_framer_motion2.motion.div,
|
|
3672
3737
|
{
|
|
3673
3738
|
className: "navbar__drawer",
|
|
@@ -3680,10 +3745,10 @@ var Navbar = ({
|
|
|
3680
3745
|
role: "dialog",
|
|
3681
3746
|
"aria-label": "Navigation menu",
|
|
3682
3747
|
children: [
|
|
3683
|
-
/* @__PURE__ */ (0,
|
|
3748
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("nav", { className: "navbar__drawer-nav", children: [
|
|
3684
3749
|
navItems.map((item) => {
|
|
3685
3750
|
if (item.dropdown) {
|
|
3686
|
-
return /* @__PURE__ */ (0,
|
|
3751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3687
3752
|
DrawerAccordion,
|
|
3688
3753
|
{
|
|
3689
3754
|
item,
|
|
@@ -3695,7 +3760,7 @@ var Navbar = ({
|
|
|
3695
3760
|
item.label
|
|
3696
3761
|
);
|
|
3697
3762
|
}
|
|
3698
|
-
return /* @__PURE__ */ (0,
|
|
3763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3699
3764
|
"a",
|
|
3700
3765
|
{
|
|
3701
3766
|
href: item.href,
|
|
@@ -3704,30 +3769,30 @@ var Navbar = ({
|
|
|
3704
3769
|
rel: item.external ? "noopener noreferrer" : void 0,
|
|
3705
3770
|
children: [
|
|
3706
3771
|
item.label,
|
|
3707
|
-
item.external && /* @__PURE__ */ (0,
|
|
3772
|
+
item.external && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ArrowUpRightIcon, {})
|
|
3708
3773
|
]
|
|
3709
3774
|
},
|
|
3710
3775
|
item.label
|
|
3711
3776
|
);
|
|
3712
3777
|
}),
|
|
3713
|
-
languageLabel && !hasLangDropdown && /* @__PURE__ */ (0,
|
|
3714
|
-
/* @__PURE__ */ (0,
|
|
3778
|
+
languageLabel && !hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
|
|
3779
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3715
3780
|
languageLabel
|
|
3716
3781
|
] }),
|
|
3717
|
-
languageLabel && hasLangDropdown && /* @__PURE__ */ (0,
|
|
3782
|
+
languageLabel && hasLangDropdown && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3718
3783
|
"button",
|
|
3719
3784
|
{
|
|
3720
3785
|
className: "navbar__drawer-lang",
|
|
3721
3786
|
onClick: () => setMobileLangOpen(true),
|
|
3722
3787
|
children: [
|
|
3723
|
-
/* @__PURE__ */ (0,
|
|
3788
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3724
3789
|
languageLabel
|
|
3725
3790
|
]
|
|
3726
3791
|
}
|
|
3727
3792
|
)
|
|
3728
3793
|
] }),
|
|
3729
|
-
!mobileLangOpen && /* @__PURE__ */ (0,
|
|
3730
|
-
loginHref && /* @__PURE__ */ (0,
|
|
3794
|
+
!mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "navbar__drawer-footer", children: [
|
|
3795
|
+
loginHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3731
3796
|
Button,
|
|
3732
3797
|
{
|
|
3733
3798
|
colorScheme: "black",
|
|
@@ -3736,7 +3801,7 @@ var Navbar = ({
|
|
|
3736
3801
|
fullWidth: true
|
|
3737
3802
|
}
|
|
3738
3803
|
) }),
|
|
3739
|
-
ctaHref && /* @__PURE__ */ (0,
|
|
3804
|
+
ctaHref && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3740
3805
|
Button,
|
|
3741
3806
|
{
|
|
3742
3807
|
colorScheme: "coral",
|
|
@@ -3746,7 +3811,7 @@ var Navbar = ({
|
|
|
3746
3811
|
}
|
|
3747
3812
|
) })
|
|
3748
3813
|
] }),
|
|
3749
|
-
/* @__PURE__ */ (0,
|
|
3814
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_framer_motion2.AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
3750
3815
|
import_framer_motion2.motion.div,
|
|
3751
3816
|
{
|
|
3752
3817
|
className: "navbar__drawer-lang-panel",
|
|
@@ -3755,16 +3820,16 @@ var Navbar = ({
|
|
|
3755
3820
|
exit: { y: "100%" },
|
|
3756
3821
|
transition: { duration: 0.25, ease: EASE_OUT_EXPO },
|
|
3757
3822
|
children: [
|
|
3758
|
-
/* @__PURE__ */ (0,
|
|
3823
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3759
3824
|
"button",
|
|
3760
3825
|
{
|
|
3761
3826
|
className: "navbar__drawer-lang-back",
|
|
3762
3827
|
onClick: () => setMobileLangOpen(false),
|
|
3763
3828
|
"aria-label": "Back to menu",
|
|
3764
|
-
children: /* @__PURE__ */ (0,
|
|
3829
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChevronLeftIcon, {})
|
|
3765
3830
|
}
|
|
3766
3831
|
),
|
|
3767
|
-
/* @__PURE__ */ (0,
|
|
3832
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
3768
3833
|
"button",
|
|
3769
3834
|
{
|
|
3770
3835
|
className: [
|
|
@@ -3865,7 +3930,7 @@ function webflowV2DayClipPercent(t, media) {
|
|
|
3865
3930
|
}
|
|
3866
3931
|
|
|
3867
3932
|
// templates/DayNightTransition/DayNightTransition.tsx
|
|
3868
|
-
var
|
|
3933
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
3869
3934
|
var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
|
|
3870
3935
|
var FADE_START = 0.35;
|
|
3871
3936
|
var FADE_END = 0.65;
|
|
@@ -4002,15 +4067,15 @@ var DayNightTransition = ({
|
|
|
4002
4067
|
descriptionLevel === "body-lg" && "dnt--desc-body-lg",
|
|
4003
4068
|
className
|
|
4004
4069
|
].filter(Boolean).join(" ");
|
|
4005
|
-
return /* @__PURE__ */ (0,
|
|
4070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4006
4071
|
"div",
|
|
4007
4072
|
{
|
|
4008
4073
|
ref: wrapperRef,
|
|
4009
4074
|
className: rootClass,
|
|
4010
4075
|
...props,
|
|
4011
4076
|
children: [
|
|
4012
|
-
webflowV2 && /* @__PURE__ */ (0,
|
|
4013
|
-
/* @__PURE__ */ (0,
|
|
4077
|
+
webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
|
|
4078
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4014
4079
|
import_framer_motion3.motion.div,
|
|
4015
4080
|
{
|
|
4016
4081
|
className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
|
|
@@ -4020,7 +4085,7 @@ var DayNightTransition = ({
|
|
|
4020
4085
|
}
|
|
4021
4086
|
}
|
|
4022
4087
|
),
|
|
4023
|
-
/* @__PURE__ */ (0,
|
|
4088
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4024
4089
|
"div",
|
|
4025
4090
|
{
|
|
4026
4091
|
className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
|
|
@@ -4028,9 +4093,9 @@ var DayNightTransition = ({
|
|
|
4028
4093
|
}
|
|
4029
4094
|
)
|
|
4030
4095
|
] }),
|
|
4031
|
-
/* @__PURE__ */ (0,
|
|
4032
|
-
!webflowV2 && /* @__PURE__ */ (0,
|
|
4033
|
-
/* @__PURE__ */ (0,
|
|
4096
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
|
|
4097
|
+
!webflowV2 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
|
|
4098
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4034
4099
|
"img",
|
|
4035
4100
|
{
|
|
4036
4101
|
className: "dnt__bg dnt__bg--day",
|
|
@@ -4040,7 +4105,7 @@ var DayNightTransition = ({
|
|
|
4040
4105
|
draggable: false
|
|
4041
4106
|
}
|
|
4042
4107
|
),
|
|
4043
|
-
/* @__PURE__ */ (0,
|
|
4108
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4044
4109
|
import_framer_motion3.motion.img,
|
|
4045
4110
|
{
|
|
4046
4111
|
className: "dnt__bg dnt__bg--night",
|
|
@@ -4052,17 +4117,17 @@ var DayNightTransition = ({
|
|
|
4052
4117
|
}
|
|
4053
4118
|
)
|
|
4054
4119
|
] }),
|
|
4055
|
-
/* @__PURE__ */ (0,
|
|
4056
|
-
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0,
|
|
4120
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "dnt__content", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__text-wrap", children: [
|
|
4121
|
+
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4057
4122
|
MotionHeadline,
|
|
4058
4123
|
{
|
|
4059
4124
|
className: "dnt__headline dnt__headline--inline-day-night",
|
|
4060
4125
|
style: { color: v2TitleColor },
|
|
4061
4126
|
"aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
|
|
4062
4127
|
children: [
|
|
4063
|
-
/* @__PURE__ */ (0,
|
|
4064
|
-
/* @__PURE__ */ (0,
|
|
4065
|
-
/* @__PURE__ */ (0,
|
|
4128
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
|
|
4129
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "dnt__headline-pair", children: [
|
|
4130
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4066
4131
|
import_framer_motion3.motion.span,
|
|
4067
4132
|
{
|
|
4068
4133
|
ref: dayWordRef,
|
|
@@ -4071,7 +4136,7 @@ var DayNightTransition = ({
|
|
|
4071
4136
|
children: inlineDayNightHeadline.dayWord
|
|
4072
4137
|
}
|
|
4073
4138
|
),
|
|
4074
|
-
/* @__PURE__ */ (0,
|
|
4139
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4075
4140
|
import_framer_motion3.motion.span,
|
|
4076
4141
|
{
|
|
4077
4142
|
className: "dnt__headline-wnight",
|
|
@@ -4086,8 +4151,8 @@ var DayNightTransition = ({
|
|
|
4086
4151
|
] })
|
|
4087
4152
|
]
|
|
4088
4153
|
}
|
|
4089
|
-
) : /* @__PURE__ */ (0,
|
|
4090
|
-
/* @__PURE__ */ (0,
|
|
4154
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
|
|
4155
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4091
4156
|
MotionHeadline,
|
|
4092
4157
|
{
|
|
4093
4158
|
className: "dnt__headline",
|
|
@@ -4095,7 +4160,7 @@ var DayNightTransition = ({
|
|
|
4095
4160
|
children: dayHeadline
|
|
4096
4161
|
}
|
|
4097
4162
|
),
|
|
4098
|
-
/* @__PURE__ */ (0,
|
|
4163
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4099
4164
|
MotionHeadline,
|
|
4100
4165
|
{
|
|
4101
4166
|
className: "dnt__headline",
|
|
@@ -4105,8 +4170,8 @@ var DayNightTransition = ({
|
|
|
4105
4170
|
}
|
|
4106
4171
|
)
|
|
4107
4172
|
] }),
|
|
4108
|
-
hasDescription && /* @__PURE__ */ (0,
|
|
4109
|
-
/* @__PURE__ */ (0,
|
|
4173
|
+
hasDescription && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
|
|
4174
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4110
4175
|
import_framer_motion3.motion.p,
|
|
4111
4176
|
{
|
|
4112
4177
|
className: "dnt__description",
|
|
@@ -4117,7 +4182,7 @@ var DayNightTransition = ({
|
|
|
4117
4182
|
children: dayDescription ?? ""
|
|
4118
4183
|
}
|
|
4119
4184
|
),
|
|
4120
|
-
/* @__PURE__ */ (0,
|
|
4185
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4121
4186
|
import_framer_motion3.motion.p,
|
|
4122
4187
|
{
|
|
4123
4188
|
className: "dnt__description",
|
|
@@ -4130,22 +4195,22 @@ var DayNightTransition = ({
|
|
|
4130
4195
|
}
|
|
4131
4196
|
)
|
|
4132
4197
|
] }),
|
|
4133
|
-
!hideCta && /* @__PURE__ */ (0,
|
|
4134
|
-
] }) : /* @__PURE__ */ (0,
|
|
4198
|
+
!hideCta && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
|
|
4199
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4135
4200
|
import_framer_motion3.motion.div,
|
|
4136
4201
|
{
|
|
4137
4202
|
className: "dnt__text-wrap",
|
|
4138
4203
|
style: { color: textColor },
|
|
4139
4204
|
children: [
|
|
4140
|
-
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0,
|
|
4205
|
+
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
4141
4206
|
MotionHeadline,
|
|
4142
4207
|
{
|
|
4143
4208
|
className: "dnt__headline dnt__headline--inline-day-night",
|
|
4144
4209
|
"aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
|
|
4145
4210
|
children: [
|
|
4146
|
-
/* @__PURE__ */ (0,
|
|
4147
|
-
/* @__PURE__ */ (0,
|
|
4148
|
-
/* @__PURE__ */ (0,
|
|
4211
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
|
|
4212
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "dnt__headline-pair", children: [
|
|
4213
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4149
4214
|
import_framer_motion3.motion.span,
|
|
4150
4215
|
{
|
|
4151
4216
|
ref: dayWordRef,
|
|
@@ -4154,7 +4219,7 @@ var DayNightTransition = ({
|
|
|
4154
4219
|
children: inlineDayNightHeadline.dayWord
|
|
4155
4220
|
}
|
|
4156
4221
|
),
|
|
4157
|
-
/* @__PURE__ */ (0,
|
|
4222
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4158
4223
|
import_framer_motion3.motion.span,
|
|
4159
4224
|
{
|
|
4160
4225
|
className: "dnt__headline-wnight",
|
|
@@ -4169,8 +4234,8 @@ var DayNightTransition = ({
|
|
|
4169
4234
|
] })
|
|
4170
4235
|
]
|
|
4171
4236
|
}
|
|
4172
|
-
) : /* @__PURE__ */ (0,
|
|
4173
|
-
/* @__PURE__ */ (0,
|
|
4237
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
|
|
4238
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4174
4239
|
MotionHeadline,
|
|
4175
4240
|
{
|
|
4176
4241
|
className: "dnt__headline",
|
|
@@ -4178,7 +4243,7 @@ var DayNightTransition = ({
|
|
|
4178
4243
|
children: dayHeadline
|
|
4179
4244
|
}
|
|
4180
4245
|
),
|
|
4181
|
-
/* @__PURE__ */ (0,
|
|
4246
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4182
4247
|
MotionHeadline,
|
|
4183
4248
|
{
|
|
4184
4249
|
className: "dnt__headline",
|
|
@@ -4188,8 +4253,8 @@ var DayNightTransition = ({
|
|
|
4188
4253
|
}
|
|
4189
4254
|
)
|
|
4190
4255
|
] }),
|
|
4191
|
-
hasDescription && /* @__PURE__ */ (0,
|
|
4192
|
-
/* @__PURE__ */ (0,
|
|
4256
|
+
hasDescription && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "dnt__crossfade-wrap", children: [
|
|
4257
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4193
4258
|
import_framer_motion3.motion.p,
|
|
4194
4259
|
{
|
|
4195
4260
|
className: "dnt__description",
|
|
@@ -4197,7 +4262,7 @@ var DayNightTransition = ({
|
|
|
4197
4262
|
children: dayDescription ?? ""
|
|
4198
4263
|
}
|
|
4199
4264
|
),
|
|
4200
|
-
/* @__PURE__ */ (0,
|
|
4265
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4201
4266
|
import_framer_motion3.motion.p,
|
|
4202
4267
|
{
|
|
4203
4268
|
className: "dnt__description",
|
|
@@ -4207,7 +4272,7 @@ var DayNightTransition = ({
|
|
|
4207
4272
|
}
|
|
4208
4273
|
)
|
|
4209
4274
|
] }),
|
|
4210
|
-
!hideCta && /* @__PURE__ */ (0,
|
|
4275
|
+
!hideCta && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
|
|
4211
4276
|
]
|
|
4212
4277
|
}
|
|
4213
4278
|
) }) })
|
|
@@ -4234,7 +4299,7 @@ var dayNightTransitionV2Preset = {
|
|
|
4234
4299
|
// templates/LogoMarquee/LogoMarquee.tsx
|
|
4235
4300
|
var import_react18 = require("react");
|
|
4236
4301
|
var import_framer_motion4 = require("framer-motion");
|
|
4237
|
-
var
|
|
4302
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
4238
4303
|
function modWrap(min, max, v) {
|
|
4239
4304
|
const range = max - min;
|
|
4240
4305
|
return ((v - min) % range + range) % range + min;
|
|
@@ -4305,21 +4370,21 @@ var LogoMarquee = ({
|
|
|
4305
4370
|
});
|
|
4306
4371
|
const track1 = [...col1Logos, ...col1Logos];
|
|
4307
4372
|
const track2 = [...col2Logos, ...col2Logos];
|
|
4308
|
-
return /* @__PURE__ */ (0,
|
|
4373
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4309
4374
|
"section",
|
|
4310
4375
|
{
|
|
4311
4376
|
className: ["lm", className].filter(Boolean).join(" "),
|
|
4312
4377
|
...props,
|
|
4313
|
-
children: /* @__PURE__ */ (0,
|
|
4314
|
-
/* @__PURE__ */ (0,
|
|
4315
|
-
/* @__PURE__ */ (0,
|
|
4316
|
-
/* @__PURE__ */ (0,
|
|
4378
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__inner", children: [
|
|
4379
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__media", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__carousel", children: [
|
|
4380
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
|
|
4381
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4317
4382
|
import_framer_motion4.motion.div,
|
|
4318
4383
|
{
|
|
4319
4384
|
ref: col1Ref,
|
|
4320
4385
|
className: "lm__col",
|
|
4321
4386
|
style: { y: col1Y },
|
|
4322
|
-
children: track1.map((logo, i) => /* @__PURE__ */ (0,
|
|
4387
|
+
children: track1.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4323
4388
|
"img",
|
|
4324
4389
|
{
|
|
4325
4390
|
src: logo.url,
|
|
@@ -4330,13 +4395,13 @@ var LogoMarquee = ({
|
|
|
4330
4395
|
) }) }, `c1-${i}`))
|
|
4331
4396
|
}
|
|
4332
4397
|
),
|
|
4333
|
-
/* @__PURE__ */ (0,
|
|
4398
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4334
4399
|
import_framer_motion4.motion.div,
|
|
4335
4400
|
{
|
|
4336
4401
|
ref: col2Ref,
|
|
4337
4402
|
className: "lm__col",
|
|
4338
4403
|
style: { y: col2Y },
|
|
4339
|
-
children: track2.map((logo, i) => /* @__PURE__ */ (0,
|
|
4404
|
+
children: track2.map((logo, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4340
4405
|
"img",
|
|
4341
4406
|
{
|
|
4342
4407
|
src: logo.url,
|
|
@@ -4347,17 +4412,17 @@ var LogoMarquee = ({
|
|
|
4347
4412
|
) }) }, `c2-${i}`))
|
|
4348
4413
|
}
|
|
4349
4414
|
),
|
|
4350
|
-
/* @__PURE__ */ (0,
|
|
4415
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
|
|
4351
4416
|
] }) }),
|
|
4352
|
-
/* @__PURE__ */ (0,
|
|
4353
|
-
/* @__PURE__ */ (0,
|
|
4354
|
-
/* @__PURE__ */ (0,
|
|
4355
|
-
/* @__PURE__ */ (0,
|
|
4356
|
-
/* @__PURE__ */ (0,
|
|
4417
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__content", children: [
|
|
4418
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "lm__headline", children: headline }),
|
|
4419
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lm__text-group", children: [
|
|
4420
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "lm__body", children: body }),
|
|
4421
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "lm__disclaimer", children: disclaimer })
|
|
4357
4422
|
] }),
|
|
4358
|
-
/* @__PURE__ */ (0,
|
|
4423
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("a", { href: ctaHref, className: "lm__link", children: [
|
|
4359
4424
|
ctaLabel,
|
|
4360
|
-
/* @__PURE__ */ (0,
|
|
4425
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
|
|
4361
4426
|
] })
|
|
4362
4427
|
] })
|
|
4363
4428
|
] })
|
|
@@ -4408,7 +4473,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
|
|
|
4408
4473
|
var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
|
|
4409
4474
|
|
|
4410
4475
|
// components/DownloadBadge/DownloadBadge.tsx
|
|
4411
|
-
var
|
|
4476
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
4412
4477
|
var BADGE_ASSETS = {
|
|
4413
4478
|
light: {
|
|
4414
4479
|
googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
|
|
@@ -4437,7 +4502,7 @@ var DownloadBadge = ({
|
|
|
4437
4502
|
...props
|
|
4438
4503
|
}) => {
|
|
4439
4504
|
const { src, alt } = BADGE_ASSETS[colorScheme][platform];
|
|
4440
|
-
return /* @__PURE__ */ (0,
|
|
4505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
4441
4506
|
"a",
|
|
4442
4507
|
{
|
|
4443
4508
|
className: [
|
|
@@ -4450,13 +4515,13 @@ var DownloadBadge = ({
|
|
|
4450
4515
|
target: "_blank",
|
|
4451
4516
|
rel: "noopener noreferrer",
|
|
4452
4517
|
...props,
|
|
4453
|
-
children: /* @__PURE__ */ (0,
|
|
4518
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { className: "download-badge__img", src, alt })
|
|
4454
4519
|
}
|
|
4455
4520
|
);
|
|
4456
4521
|
};
|
|
4457
4522
|
|
|
4458
4523
|
// templates/Steps/Steps.tsx
|
|
4459
|
-
var
|
|
4524
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
4460
4525
|
var Steps = ({
|
|
4461
4526
|
title,
|
|
4462
4527
|
steps,
|
|
@@ -4468,8 +4533,8 @@ var Steps = ({
|
|
|
4468
4533
|
"steps__container",
|
|
4469
4534
|
imagePosition === "right" ? "steps__container--image-right" : ""
|
|
4470
4535
|
].filter(Boolean).join(" ");
|
|
4471
|
-
return /* @__PURE__ */ (0,
|
|
4472
|
-
image && /* @__PURE__ */ (0,
|
|
4536
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("section", { className: "steps", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: containerClass, children: [
|
|
4537
|
+
image && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
4473
4538
|
"img",
|
|
4474
4539
|
{
|
|
4475
4540
|
src: image,
|
|
@@ -4477,13 +4542,13 @@ var Steps = ({
|
|
|
4477
4542
|
className: "steps__image"
|
|
4478
4543
|
}
|
|
4479
4544
|
) }),
|
|
4480
|
-
/* @__PURE__ */ (0,
|
|
4481
|
-
/* @__PURE__ */ (0,
|
|
4482
|
-
/* @__PURE__ */ (0,
|
|
4483
|
-
/* @__PURE__ */ (0,
|
|
4484
|
-
/* @__PURE__ */ (0,
|
|
4485
|
-
/* @__PURE__ */ (0,
|
|
4486
|
-
/* @__PURE__ */ (0,
|
|
4545
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "steps__content", children: [
|
|
4546
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h2", { className: "steps__title", children: title }),
|
|
4547
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { className: "steps__item", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "steps__item-inner", children: [
|
|
4548
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
|
|
4549
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "steps__item-body", children: [
|
|
4550
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h3", { className: "steps__item-title", children: step.title }),
|
|
4551
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "steps__item-description", children: step.description })
|
|
4487
4552
|
] })
|
|
4488
4553
|
] }) }, index)) })
|
|
4489
4554
|
] })
|
|
@@ -4491,7 +4556,7 @@ var Steps = ({
|
|
|
4491
4556
|
};
|
|
4492
4557
|
|
|
4493
4558
|
// templates/DownloadBanner/DownloadBanner.tsx
|
|
4494
|
-
var
|
|
4559
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
4495
4560
|
var DownloadBanner = ({
|
|
4496
4561
|
style = "light-2",
|
|
4497
4562
|
qrCodeImage,
|
|
@@ -4516,9 +4581,9 @@ var DownloadBanner = ({
|
|
|
4516
4581
|
disclaimer
|
|
4517
4582
|
}) => {
|
|
4518
4583
|
const colorScheme = style === "dark" ? "dark" : "light";
|
|
4519
|
-
return /* @__PURE__ */ (0,
|
|
4520
|
-
/* @__PURE__ */ (0,
|
|
4521
|
-
qrCodeImage && /* @__PURE__ */ (0,
|
|
4584
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "db-container", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-card", children: [
|
|
4585
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-qr-block", children: [
|
|
4586
|
+
qrCodeImage && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
4522
4587
|
"img",
|
|
4523
4588
|
{
|
|
4524
4589
|
className: "db-qr-image",
|
|
@@ -4526,21 +4591,21 @@ var DownloadBanner = ({
|
|
|
4526
4591
|
alt: qrCodeAlt
|
|
4527
4592
|
}
|
|
4528
4593
|
),
|
|
4529
|
-
/* @__PURE__ */ (0,
|
|
4530
|
-
/* @__PURE__ */ (0,
|
|
4531
|
-
/* @__PURE__ */ (0,
|
|
4532
|
-
/* @__PURE__ */ (0,
|
|
4533
|
-
disclaimer && /* @__PURE__ */ (0,
|
|
4594
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-qr-text", children: [
|
|
4595
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
|
|
4596
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
|
|
4597
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
|
|
4598
|
+
disclaimer && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "db-disclaimer", children: disclaimer })
|
|
4534
4599
|
] })
|
|
4535
4600
|
] }),
|
|
4536
|
-
/* @__PURE__ */ (0,
|
|
4537
|
-
showGooglePlay && /* @__PURE__ */ (0,
|
|
4538
|
-
showAppGallery && /* @__PURE__ */ (0,
|
|
4539
|
-
showMacOS && /* @__PURE__ */ (0,
|
|
4540
|
-
showWindows && /* @__PURE__ */ (0,
|
|
4541
|
-
showLinux && /* @__PURE__ */ (0,
|
|
4542
|
-
showAppStore && /* @__PURE__ */ (0,
|
|
4543
|
-
showWeb && /* @__PURE__ */ (0,
|
|
4601
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "db-badges", children: [
|
|
4602
|
+
showGooglePlay && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
|
|
4603
|
+
showAppGallery && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
|
|
4604
|
+
showMacOS && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
|
|
4605
|
+
showWindows && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
|
|
4606
|
+
showLinux && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
|
|
4607
|
+
showAppStore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
|
|
4608
|
+
showWeb && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DownloadBadge, { platform: "web", colorScheme, href: webHref })
|
|
4544
4609
|
] })
|
|
4545
4610
|
] }) }) });
|
|
4546
4611
|
};
|
|
@@ -4549,7 +4614,7 @@ var DownloadBanner = ({
|
|
|
4549
4614
|
var import_react19 = require("react");
|
|
4550
4615
|
var import_gsap = require("gsap");
|
|
4551
4616
|
var import_ScrollTrigger = require("gsap/ScrollTrigger");
|
|
4552
|
-
var
|
|
4617
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
4553
4618
|
import_gsap.gsap.registerPlugin(import_ScrollTrigger.ScrollTrigger);
|
|
4554
4619
|
var TextScroll = ({ text, className }) => {
|
|
4555
4620
|
const sectionRef = (0, import_react19.useRef)(null);
|
|
@@ -4589,12 +4654,12 @@ var TextScroll = ({ text, className }) => {
|
|
|
4589
4654
|
import_gsap.gsap.set(wordEls, { clearProps: "opacity" });
|
|
4590
4655
|
};
|
|
4591
4656
|
}, [text]);
|
|
4592
|
-
return /* @__PURE__ */ (0,
|
|
4657
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
4593
4658
|
"section",
|
|
4594
4659
|
{
|
|
4595
4660
|
ref: sectionRef,
|
|
4596
4661
|
className: ["ts", className].filter(Boolean).join(" "),
|
|
4597
|
-
children: /* @__PURE__ */ (0,
|
|
4662
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ts__inner", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
4598
4663
|
"span",
|
|
4599
4664
|
{
|
|
4600
4665
|
ref: (el) => {
|
|
@@ -4615,7 +4680,7 @@ var TextScroll = ({ text, className }) => {
|
|
|
4615
4680
|
|
|
4616
4681
|
// templates/StickyMarketCards/StickyMarketCards.tsx
|
|
4617
4682
|
var import_react20 = require("react");
|
|
4618
|
-
var
|
|
4683
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
4619
4684
|
var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
|
|
4620
4685
|
var StickyMarketCards = ({
|
|
4621
4686
|
sectionTitle,
|
|
@@ -4696,20 +4761,20 @@ var StickyMarketCards = ({
|
|
|
4696
4761
|
const n = items.length;
|
|
4697
4762
|
const maxStack = 4;
|
|
4698
4763
|
const baseIndex = Math.max(0, n - maxStack);
|
|
4699
|
-
return /* @__PURE__ */ (0,
|
|
4764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4700
4765
|
"section",
|
|
4701
4766
|
{
|
|
4702
4767
|
className: ["smc", className].filter(Boolean).join(" "),
|
|
4703
4768
|
...props,
|
|
4704
|
-
children: /* @__PURE__ */ (0,
|
|
4705
|
-
/* @__PURE__ */ (0,
|
|
4706
|
-
/* @__PURE__ */ (0,
|
|
4707
|
-
sectionDescription && /* @__PURE__ */ (0,
|
|
4769
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__inner", children: [
|
|
4770
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__header-wrap", children: [
|
|
4771
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "smc__header", children: sectionTitle }),
|
|
4772
|
+
sectionDescription && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "smc__description", children: sectionDescription })
|
|
4708
4773
|
] }),
|
|
4709
|
-
/* @__PURE__ */ (0,
|
|
4774
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "smc__track", children: items.map((item, i) => {
|
|
4710
4775
|
const theme = item.theme ?? "dark";
|
|
4711
4776
|
const offsetMultiplier = Math.max(0, i - baseIndex);
|
|
4712
|
-
return /* @__PURE__ */ (0,
|
|
4777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4713
4778
|
"div",
|
|
4714
4779
|
{
|
|
4715
4780
|
ref: (el) => {
|
|
@@ -4720,7 +4785,7 @@ var StickyMarketCards = ({
|
|
|
4720
4785
|
["--smc-card-index"]: String(offsetMultiplier),
|
|
4721
4786
|
zIndex: i + 1
|
|
4722
4787
|
},
|
|
4723
|
-
children: /* @__PURE__ */ (0,
|
|
4788
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
4724
4789
|
"div",
|
|
4725
4790
|
{
|
|
4726
4791
|
ref: (el) => {
|
|
@@ -4731,8 +4796,8 @@ var StickyMarketCards = ({
|
|
|
4731
4796
|
`smc__card-inner--${theme}`
|
|
4732
4797
|
].join(" "),
|
|
4733
4798
|
children: [
|
|
4734
|
-
/* @__PURE__ */ (0,
|
|
4735
|
-
/* @__PURE__ */ (0,
|
|
4799
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__card-bg", children: [
|
|
4800
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4736
4801
|
"img",
|
|
4737
4802
|
{
|
|
4738
4803
|
src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
|
|
@@ -4741,7 +4806,7 @@ var StickyMarketCards = ({
|
|
|
4741
4806
|
loading: i === 0 ? "eager" : "lazy"
|
|
4742
4807
|
}
|
|
4743
4808
|
),
|
|
4744
|
-
/* @__PURE__ */ (0,
|
|
4809
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
4745
4810
|
"div",
|
|
4746
4811
|
{
|
|
4747
4812
|
className: [
|
|
@@ -4751,9 +4816,9 @@ var StickyMarketCards = ({
|
|
|
4751
4816
|
}
|
|
4752
4817
|
)
|
|
4753
4818
|
] }),
|
|
4754
|
-
/* @__PURE__ */ (0,
|
|
4755
|
-
/* @__PURE__ */ (0,
|
|
4756
|
-
/* @__PURE__ */ (0,
|
|
4819
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "smc__card-content", children: [
|
|
4820
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "smc__card-title", children: item.title }) }),
|
|
4821
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "smc__card-desc", children: item.description }) })
|
|
4757
4822
|
] })
|
|
4758
4823
|
]
|
|
4759
4824
|
}
|
|
@@ -4769,11 +4834,11 @@ var StickyMarketCards = ({
|
|
|
4769
4834
|
|
|
4770
4835
|
// templates/Table/Table.tsx
|
|
4771
4836
|
var import_react21 = require("react");
|
|
4772
|
-
var
|
|
4773
|
-
var InfoIcon = ({ className }) => /* @__PURE__ */ (0,
|
|
4774
|
-
/* @__PURE__ */ (0,
|
|
4775
|
-
/* @__PURE__ */ (0,
|
|
4776
|
-
/* @__PURE__ */ (0,
|
|
4837
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
4838
|
+
var InfoIcon = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
|
|
4839
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
|
|
4840
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
4841
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
|
|
4777
4842
|
] });
|
|
4778
4843
|
var Table = ({
|
|
4779
4844
|
sectionTitle,
|
|
@@ -4810,12 +4875,12 @@ var Table = ({
|
|
|
4810
4875
|
setSearch("");
|
|
4811
4876
|
setPage(1);
|
|
4812
4877
|
};
|
|
4813
|
-
return /* @__PURE__ */ (0,
|
|
4814
|
-
sectionTitle && /* @__PURE__ */ (0,
|
|
4815
|
-
/* @__PURE__ */ (0,
|
|
4816
|
-
/* @__PURE__ */ (0,
|
|
4817
|
-
/* @__PURE__ */ (0,
|
|
4818
|
-
/* @__PURE__ */ (0,
|
|
4878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
|
|
4879
|
+
sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl-section__header", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "tbl-section__title", children: sectionTitle }) }),
|
|
4880
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl-section__content", children: [
|
|
4881
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl", children: [
|
|
4882
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl__topbar", children: [
|
|
4883
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4819
4884
|
SearchField,
|
|
4820
4885
|
{
|
|
4821
4886
|
placeholder: searchPlaceholder,
|
|
@@ -4826,7 +4891,7 @@ var Table = ({
|
|
|
4826
4891
|
"aria-label": searchPlaceholder
|
|
4827
4892
|
}
|
|
4828
4893
|
) }),
|
|
4829
|
-
/* @__PURE__ */ (0,
|
|
4894
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
4830
4895
|
"Showing ",
|
|
4831
4896
|
startIdx + 1,
|
|
4832
4897
|
"- ",
|
|
@@ -4835,12 +4900,12 @@ var Table = ({
|
|
|
4835
4900
|
filtered.length
|
|
4836
4901
|
] }) : "No results" })
|
|
4837
4902
|
] }),
|
|
4838
|
-
/* @__PURE__ */ (0,
|
|
4839
|
-
/* @__PURE__ */ (0,
|
|
4903
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("table", { className: "tbl__table", children: [
|
|
4904
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
|
|
4840
4905
|
const isFirst = colIdx === 0;
|
|
4841
4906
|
const isLast = colIdx === columns.length - 1;
|
|
4842
4907
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
4843
|
-
return /* @__PURE__ */ (0,
|
|
4908
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4844
4909
|
"th",
|
|
4845
4910
|
{
|
|
4846
4911
|
className: [
|
|
@@ -4848,7 +4913,7 @@ var Table = ({
|
|
|
4848
4913
|
isMain ? "tbl__th--main" : "",
|
|
4849
4914
|
col.width === "big" ? "tbl__th--big" : ""
|
|
4850
4915
|
].filter(Boolean).join(" "),
|
|
4851
|
-
children: /* @__PURE__ */ (0,
|
|
4916
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4852
4917
|
"div",
|
|
4853
4918
|
{
|
|
4854
4919
|
className: "tbl__th-inner",
|
|
@@ -4878,9 +4943,9 @@ var Table = ({
|
|
|
4878
4943
|
setTooltip((prev) => ({ ...prev, visible: false }));
|
|
4879
4944
|
}
|
|
4880
4945
|
},
|
|
4881
|
-
children: /* @__PURE__ */ (0,
|
|
4946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: ["tbl__col-label", col.tooltip ? "tbl__col-label--dashed" : ""].filter(Boolean).join(" "), children: Array.isArray(col.header) ? col.header.map((line, li) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [
|
|
4882
4947
|
line,
|
|
4883
|
-
li < col.header.length - 1 && /* @__PURE__ */ (0,
|
|
4948
|
+
li < col.header.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("br", {})
|
|
4884
4949
|
] }, li)) : col.header })
|
|
4885
4950
|
}
|
|
4886
4951
|
)
|
|
@@ -4888,10 +4953,10 @@ var Table = ({
|
|
|
4888
4953
|
col.key
|
|
4889
4954
|
);
|
|
4890
4955
|
}) }) }),
|
|
4891
|
-
/* @__PURE__ */ (0,
|
|
4956
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: "tbl__tr", children: columns.map((col) => {
|
|
4892
4957
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
4893
4958
|
const iconUrl = row[`${col.key}_iconUrl`];
|
|
4894
|
-
return /* @__PURE__ */ (0,
|
|
4959
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4895
4960
|
"td",
|
|
4896
4961
|
{
|
|
4897
4962
|
className: [
|
|
@@ -4899,8 +4964,8 @@ var Table = ({
|
|
|
4899
4964
|
isMain ? "tbl__td--main" : "",
|
|
4900
4965
|
col.width === "big" ? "tbl__td--big" : ""
|
|
4901
4966
|
].filter(Boolean).join(" "),
|
|
4902
|
-
children: isMain ? /* @__PURE__ */ (0,
|
|
4903
|
-
iconUrl && /* @__PURE__ */ (0,
|
|
4967
|
+
children: isMain ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl__cell-inner", children: [
|
|
4968
|
+
iconUrl && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4904
4969
|
"img",
|
|
4905
4970
|
{
|
|
4906
4971
|
src: iconUrl,
|
|
@@ -4912,18 +4977,18 @@ var Table = ({
|
|
|
4912
4977
|
height: "24"
|
|
4913
4978
|
}
|
|
4914
4979
|
),
|
|
4915
|
-
/* @__PURE__ */ (0,
|
|
4916
|
-
] }) : /* @__PURE__ */ (0,
|
|
4980
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
|
|
4981
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
|
|
4917
4982
|
},
|
|
4918
4983
|
col.key
|
|
4919
4984
|
);
|
|
4920
|
-
}) }, rowIdx)) : /* @__PURE__ */ (0,
|
|
4985
|
+
}) }, rowIdx)) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: "tbl__tr", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
|
|
4921
4986
|
'No results found for "',
|
|
4922
4987
|
search,
|
|
4923
4988
|
'"'
|
|
4924
4989
|
] }) }) })
|
|
4925
4990
|
] }) }),
|
|
4926
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4991
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__footer", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4927
4992
|
Pagination,
|
|
4928
4993
|
{
|
|
4929
4994
|
currentPage,
|
|
@@ -4932,19 +4997,19 @@ var Table = ({
|
|
|
4932
4997
|
}
|
|
4933
4998
|
) }) })
|
|
4934
4999
|
] }),
|
|
4935
|
-
infoText && /* @__PURE__ */ (0,
|
|
4936
|
-
/* @__PURE__ */ (0,
|
|
4937
|
-
/* @__PURE__ */ (0,
|
|
5000
|
+
infoText && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "tbl-section__info-box", children: [
|
|
5001
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InfoIcon, { className: "tbl-section__info-icon" }),
|
|
5002
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "tbl-section__info-text", children: infoText })
|
|
4938
5003
|
] })
|
|
4939
5004
|
] }),
|
|
4940
|
-
/* @__PURE__ */ (0,
|
|
5005
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
4941
5006
|
"div",
|
|
4942
5007
|
{
|
|
4943
5008
|
className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
|
|
4944
5009
|
style: { left: tooltip.x, top: tooltip.y - 8 },
|
|
4945
5010
|
children: [
|
|
4946
|
-
/* @__PURE__ */ (0,
|
|
4947
|
-
/* @__PURE__ */ (0,
|
|
5011
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
|
|
5012
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
4948
5013
|
"div",
|
|
4949
5014
|
{
|
|
4950
5015
|
className: "tbl__global-hint-arrow",
|
|
@@ -4959,11 +5024,11 @@ var Table = ({
|
|
|
4959
5024
|
|
|
4960
5025
|
// templates/Leaders/Leaders.tsx
|
|
4961
5026
|
var import_react22 = require("react");
|
|
4962
|
-
var
|
|
4963
|
-
var ChevronDownIcon4 = () => /* @__PURE__ */ (0,
|
|
4964
|
-
var ChevronUpIcon = () => /* @__PURE__ */ (0,
|
|
4965
|
-
var CardContent = ({ item }) => /* @__PURE__ */ (0,
|
|
4966
|
-
/* @__PURE__ */ (0,
|
|
5027
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
5028
|
+
var ChevronDownIcon4 = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
5029
|
+
var ChevronUpIcon = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
5030
|
+
var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
|
|
5031
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4967
5032
|
"img",
|
|
4968
5033
|
{
|
|
4969
5034
|
src: item.imageUrl,
|
|
@@ -4972,11 +5037,11 @@ var CardContent = ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(i
|
|
|
4972
5037
|
loading: "lazy"
|
|
4973
5038
|
}
|
|
4974
5039
|
) }),
|
|
4975
|
-
/* @__PURE__ */ (0,
|
|
4976
|
-
/* @__PURE__ */ (0,
|
|
4977
|
-
/* @__PURE__ */ (0,
|
|
5040
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__content", children: [
|
|
5041
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h3", { className: "avatar-grid__name", children: item.name }),
|
|
5042
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "avatar-grid__role", children: item.role })
|
|
4978
5043
|
] }),
|
|
4979
|
-
item.linkUrl && /* @__PURE__ */ (0,
|
|
5044
|
+
item.linkUrl && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4980
5045
|
Link,
|
|
4981
5046
|
{
|
|
4982
5047
|
href: item.linkUrl,
|
|
@@ -5004,14 +5069,14 @@ var AvatarGrid = ({
|
|
|
5004
5069
|
const hasMore = items.length > initialVisibleCount;
|
|
5005
5070
|
const visibleItems = items.slice(0, initialVisibleCount);
|
|
5006
5071
|
const extraItems = items.slice(initialVisibleCount);
|
|
5007
|
-
return /* @__PURE__ */ (0,
|
|
5008
|
-
(title || description) && /* @__PURE__ */ (0,
|
|
5009
|
-
title && /* @__PURE__ */ (0,
|
|
5010
|
-
description && /* @__PURE__ */ (0,
|
|
5072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("section", { className: ["avatar-grid", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__container", children: [
|
|
5073
|
+
(title || description) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__header", children: [
|
|
5074
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "avatar-grid__title", children: title }),
|
|
5075
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "avatar-grid__description", children: description })
|
|
5011
5076
|
] }),
|
|
5012
|
-
/* @__PURE__ */ (0,
|
|
5013
|
-
/* @__PURE__ */ (0,
|
|
5014
|
-
hasMore && /* @__PURE__ */ (0,
|
|
5077
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "avatar-grid__grid-wrapper", children: [
|
|
5078
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__card", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardContent, { item }) }, i)) }),
|
|
5079
|
+
hasMore && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
5015
5080
|
"div",
|
|
5016
5081
|
{
|
|
5017
5082
|
className: [
|
|
@@ -5019,7 +5084,7 @@ var AvatarGrid = ({
|
|
|
5019
5084
|
isExpanded ? "avatar-grid__extra-cards--open" : ""
|
|
5020
5085
|
].join(" "),
|
|
5021
5086
|
"aria-hidden": !isExpanded,
|
|
5022
|
-
children: /* @__PURE__ */ (0,
|
|
5087
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
5023
5088
|
"div",
|
|
5024
5089
|
{
|
|
5025
5090
|
className: [
|
|
@@ -5030,21 +5095,21 @@ var AvatarGrid = ({
|
|
|
5030
5095
|
style: {
|
|
5031
5096
|
transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
|
|
5032
5097
|
},
|
|
5033
|
-
children: /* @__PURE__ */ (0,
|
|
5098
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardContent, { item })
|
|
5034
5099
|
},
|
|
5035
5100
|
i
|
|
5036
5101
|
)) })
|
|
5037
5102
|
}
|
|
5038
5103
|
)
|
|
5039
5104
|
] }),
|
|
5040
|
-
hasMore && /* @__PURE__ */ (0,
|
|
5105
|
+
hasMore && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
5041
5106
|
Button,
|
|
5042
5107
|
{
|
|
5043
5108
|
variant: "secondary",
|
|
5044
5109
|
colorScheme: "black",
|
|
5045
5110
|
onClick: () => setIsExpanded(!isExpanded),
|
|
5046
5111
|
iconPosition: "icon-right",
|
|
5047
|
-
icon: isExpanded ? /* @__PURE__ */ (0,
|
|
5112
|
+
icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChevronDownIcon4, {}),
|
|
5048
5113
|
fullWidth: true,
|
|
5049
5114
|
children: isExpanded ? collapseText : expandText
|
|
5050
5115
|
}
|
|
@@ -5055,7 +5120,7 @@ var PeopleGrid = AvatarGrid;
|
|
|
5055
5120
|
var Leaders = AvatarGrid;
|
|
5056
5121
|
|
|
5057
5122
|
// templates/ImageBanner/ImageBanner.tsx
|
|
5058
|
-
var
|
|
5123
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
5059
5124
|
var ImageBanner = ({
|
|
5060
5125
|
variant = "split",
|
|
5061
5126
|
title = "Join our global community",
|
|
@@ -5069,12 +5134,12 @@ var ImageBanner = ({
|
|
|
5069
5134
|
...props
|
|
5070
5135
|
}) => {
|
|
5071
5136
|
const isFullBg = variant === "full-bg";
|
|
5072
|
-
return /* @__PURE__ */ (0,
|
|
5137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
5073
5138
|
"section",
|
|
5074
5139
|
{
|
|
5075
5140
|
className: ["image-banner", className].filter(Boolean).join(" "),
|
|
5076
5141
|
...props,
|
|
5077
|
-
children: /* @__PURE__ */ (0,
|
|
5142
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
5078
5143
|
"div",
|
|
5079
5144
|
{
|
|
5080
5145
|
className: [
|
|
@@ -5082,8 +5147,8 @@ var ImageBanner = ({
|
|
|
5082
5147
|
`image-banner__inner--${variant}`
|
|
5083
5148
|
].join(" "),
|
|
5084
5149
|
children: [
|
|
5085
|
-
isFullBg && imageUrl && /* @__PURE__ */ (0,
|
|
5086
|
-
/* @__PURE__ */ (0,
|
|
5150
|
+
isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "image-banner__bg-image-wrapper", children: [
|
|
5151
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
5087
5152
|
"img",
|
|
5088
5153
|
{
|
|
5089
5154
|
src: imageUrl,
|
|
@@ -5092,12 +5157,12 @@ var ImageBanner = ({
|
|
|
5092
5157
|
loading: "lazy"
|
|
5093
5158
|
}
|
|
5094
5159
|
),
|
|
5095
|
-
/* @__PURE__ */ (0,
|
|
5160
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
|
|
5096
5161
|
] }),
|
|
5097
|
-
/* @__PURE__ */ (0,
|
|
5098
|
-
/* @__PURE__ */ (0,
|
|
5099
|
-
description && /* @__PURE__ */ (0,
|
|
5100
|
-
ctaLabel && /* @__PURE__ */ (0,
|
|
5162
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "image-banner__content", children: [
|
|
5163
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: "image-banner__title", children: title }),
|
|
5164
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "image-banner__description", children: description }),
|
|
5165
|
+
ctaLabel && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "image-banner__actions", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
5101
5166
|
Link,
|
|
5102
5167
|
{
|
|
5103
5168
|
colorScheme: "coral",
|
|
@@ -5109,7 +5174,7 @@ var ImageBanner = ({
|
|
|
5109
5174
|
}
|
|
5110
5175
|
) })
|
|
5111
5176
|
] }),
|
|
5112
|
-
!isFullBg && imageUrl && /* @__PURE__ */ (0,
|
|
5177
|
+
!isFullBg && imageUrl && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "image-banner__image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
5113
5178
|
"img",
|
|
5114
5179
|
{
|
|
5115
5180
|
src: imageUrl,
|
|
@@ -5135,7 +5200,7 @@ var quote_left_default = "./quote-left-63QMW5NQ.webp";
|
|
|
5135
5200
|
var quote_right_default = "./quote-right-W6AS4YHN.webp";
|
|
5136
5201
|
|
|
5137
5202
|
// templates/Testimonial/Testimonial.tsx
|
|
5138
|
-
var
|
|
5203
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
5139
5204
|
var Testimonial = ({
|
|
5140
5205
|
title,
|
|
5141
5206
|
items,
|
|
@@ -5172,15 +5237,15 @@ var Testimonial = ({
|
|
|
5172
5237
|
};
|
|
5173
5238
|
}, [activeIndex, items.length]);
|
|
5174
5239
|
if (!items || items.length === 0) return null;
|
|
5175
|
-
return /* @__PURE__ */ (0,
|
|
5240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
5176
5241
|
"section",
|
|
5177
5242
|
{
|
|
5178
5243
|
className: ["testimonial", className].filter(Boolean).join(" "),
|
|
5179
5244
|
...props,
|
|
5180
|
-
children: /* @__PURE__ */ (0,
|
|
5181
|
-
title && /* @__PURE__ */ (0,
|
|
5182
|
-
/* @__PURE__ */ (0,
|
|
5183
|
-
/* @__PURE__ */ (0,
|
|
5245
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__container", children: [
|
|
5246
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "testimonial__title", children: title }),
|
|
5247
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__carousel", children: [
|
|
5248
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "testimonial__slides", children: items.map((item, i) => {
|
|
5184
5249
|
const isActive = i === activeIndex;
|
|
5185
5250
|
const isExiting = isActive && phase === "exiting";
|
|
5186
5251
|
const slideClass = [
|
|
@@ -5188,18 +5253,18 @@ var Testimonial = ({
|
|
|
5188
5253
|
isActive && !isExiting ? "testimonial__slide--active" : "",
|
|
5189
5254
|
isExiting ? "testimonial__slide--exiting" : ""
|
|
5190
5255
|
].filter(Boolean).join(" ");
|
|
5191
|
-
return /* @__PURE__ */ (0,
|
|
5256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
5192
5257
|
"div",
|
|
5193
5258
|
{
|
|
5194
5259
|
className: slideClass,
|
|
5195
5260
|
role: "region",
|
|
5196
5261
|
"aria-label": `Testimonial ${i + 1} of ${items.length}`,
|
|
5197
5262
|
"aria-hidden": !isActive,
|
|
5198
|
-
children: /* @__PURE__ */ (0,
|
|
5199
|
-
/* @__PURE__ */ (0,
|
|
5200
|
-
/* @__PURE__ */ (0,
|
|
5201
|
-
/* @__PURE__ */ (0,
|
|
5202
|
-
item.avatarUrl && /* @__PURE__ */ (0,
|
|
5263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__card", children: [
|
|
5264
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--open", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: quote_left_default, alt: "", className: "testimonial__quotemark-img" }) }),
|
|
5265
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "testimonial__quote", children: item.quote }),
|
|
5266
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "testimonial__author", children: [
|
|
5267
|
+
item.avatarUrl && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
5203
5268
|
"img",
|
|
5204
5269
|
{
|
|
5205
5270
|
src: item.avatarUrl,
|
|
@@ -5208,22 +5273,22 @@ var Testimonial = ({
|
|
|
5208
5273
|
loading: "lazy"
|
|
5209
5274
|
}
|
|
5210
5275
|
),
|
|
5211
|
-
/* @__PURE__ */ (0,
|
|
5212
|
-
item.authorLocation && /* @__PURE__ */ (0,
|
|
5276
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "testimonial__author-name", children: item.authorName }),
|
|
5277
|
+
item.authorLocation && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "testimonial__author-location", children: item.authorLocation })
|
|
5213
5278
|
] }),
|
|
5214
|
-
/* @__PURE__ */ (0,
|
|
5279
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "testimonial__quotemark testimonial__quotemark--close", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: quote_right_default, alt: "", className: "testimonial__quotemark-img" }) })
|
|
5215
5280
|
] })
|
|
5216
5281
|
},
|
|
5217
5282
|
i
|
|
5218
5283
|
);
|
|
5219
5284
|
}) }),
|
|
5220
|
-
items.length > 1 && /* @__PURE__ */ (0,
|
|
5285
|
+
items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
5221
5286
|
"div",
|
|
5222
5287
|
{
|
|
5223
5288
|
className: "testimonial__dots",
|
|
5224
5289
|
role: "tablist",
|
|
5225
5290
|
"aria-label": "Testimonial navigation",
|
|
5226
|
-
children: items.map((_, i) => /* @__PURE__ */ (0,
|
|
5291
|
+
children: items.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
5227
5292
|
"button",
|
|
5228
5293
|
{
|
|
5229
5294
|
role: "tab",
|
|
@@ -5247,10 +5312,344 @@ var Testimonial = ({
|
|
|
5247
5312
|
}
|
|
5248
5313
|
);
|
|
5249
5314
|
};
|
|
5315
|
+
|
|
5316
|
+
// templates/ArticleHero/ArticleHero.tsx
|
|
5317
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
5318
|
+
var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-listItem", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
5319
|
+
Card,
|
|
5320
|
+
{
|
|
5321
|
+
variant: "thumbnail",
|
|
5322
|
+
type: "article",
|
|
5323
|
+
layout: "horizontal",
|
|
5324
|
+
thumbnail: article.thumbnail ?? "",
|
|
5325
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5326
|
+
hideThumbnail: !showThumbnail || !article.thumbnail,
|
|
5327
|
+
title: article.title,
|
|
5328
|
+
summary: "",
|
|
5329
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5330
|
+
showCopyLink: false,
|
|
5331
|
+
hideAvatar: true
|
|
5332
|
+
}
|
|
5333
|
+
) });
|
|
5334
|
+
var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-column", children: [
|
|
5335
|
+
column.label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-columnHeader", children: [
|
|
5336
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLabel", children: column.label }),
|
|
5337
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLine" })
|
|
5338
|
+
] }),
|
|
5339
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-columnList", children: column.articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ArticleCard, { article, showThumbnail: showThumbnails }, i)) })
|
|
5340
|
+
] });
|
|
5341
|
+
var ArticleHero = ({
|
|
5342
|
+
featured,
|
|
5343
|
+
featuredFooter = [],
|
|
5344
|
+
leftColumn,
|
|
5345
|
+
rightColumn,
|
|
5346
|
+
className
|
|
5347
|
+
}) => {
|
|
5348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { className: ["bh-root", className ?? ""].filter(Boolean).join(" "), children: [
|
|
5349
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-desktop", children: [
|
|
5350
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-desktopHeader", children: [
|
|
5351
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-headerLeft", children: leftColumn.label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-columnHeader", children: [
|
|
5352
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLabel", children: leftColumn.label }),
|
|
5353
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLine" })
|
|
5354
|
+
] }) }),
|
|
5355
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-headerRight", children: rightColumn.label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-columnHeader", children: [
|
|
5356
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLabel", children: rightColumn.label }),
|
|
5357
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-columnLine" })
|
|
5358
|
+
] }) })
|
|
5359
|
+
] }),
|
|
5360
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-desktopBody", children: [
|
|
5361
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-sidebar bh-sidebarLeft", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
|
|
5362
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-divider" }),
|
|
5363
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-center", children: [
|
|
5364
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-featured", children: [
|
|
5365
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-featuredInfo", children: [
|
|
5366
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "bh-featuredTitle", children: featured.title }),
|
|
5367
|
+
featured.summary && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-featuredSummary", children: featured.summary }),
|
|
5368
|
+
featured.tags && featured.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
|
|
5369
|
+
i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5370
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5371
|
+
] }, i)) })
|
|
5372
|
+
] }),
|
|
5373
|
+
featured.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredImage", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) })
|
|
5374
|
+
] }),
|
|
5375
|
+
featuredFooter.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerItem", children: [
|
|
5376
|
+
i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-footerDivider" }),
|
|
5377
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerContent", children: [
|
|
5378
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-footerTitle", children: article.title }),
|
|
5379
|
+
article.tags && article.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
|
|
5380
|
+
j > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5381
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5382
|
+
] }, j)) })
|
|
5383
|
+
] })
|
|
5384
|
+
] }, i)) })
|
|
5385
|
+
] }),
|
|
5386
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-divider" }),
|
|
5387
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-sidebar bh-sidebarRight", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: { ...rightColumn, label: void 0 } }) })
|
|
5388
|
+
] })
|
|
5389
|
+
] }),
|
|
5390
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-mobile", children: [
|
|
5391
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-mobileFeatured", children: [
|
|
5392
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-mobileLabel", children: leftColumn.label ?? "Trending stories" }),
|
|
5393
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-featuredInfo", children: [
|
|
5394
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "bh-featuredTitle", children: featured.title }),
|
|
5395
|
+
featured.summary && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-featuredSummary", children: featured.summary }),
|
|
5396
|
+
featured.tags && featured.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
|
|
5397
|
+
i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5398
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5399
|
+
] }, i)) })
|
|
5400
|
+
] }),
|
|
5401
|
+
featured.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-mobileFeaturedImage", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) }),
|
|
5402
|
+
featuredFooter.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerItem", children: [
|
|
5403
|
+
i > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "bh-footerDivider" }),
|
|
5404
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bh-footerContent", children: [
|
|
5405
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "bh-footerTitle", children: article.title }),
|
|
5406
|
+
article.tags && article.tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bh-tagItem", children: [
|
|
5407
|
+
j > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5408
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5409
|
+
] }, j)) })
|
|
5410
|
+
] })
|
|
5411
|
+
] }, i)) })
|
|
5412
|
+
] }),
|
|
5413
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-mobileSection", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
|
|
5414
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "bh-mobileSection", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ColumnSection, { column: rightColumn }) })
|
|
5415
|
+
] })
|
|
5416
|
+
] });
|
|
5417
|
+
};
|
|
5418
|
+
|
|
5419
|
+
// templates/ArticleSection/ArticleSection.tsx
|
|
5420
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
5421
|
+
var ArticleSection = ({
|
|
5422
|
+
variant = "featured",
|
|
5423
|
+
sectionTitle,
|
|
5424
|
+
linkText = "View all articles",
|
|
5425
|
+
onLinkClick,
|
|
5426
|
+
featured,
|
|
5427
|
+
articles,
|
|
5428
|
+
className
|
|
5429
|
+
}) => {
|
|
5430
|
+
const isShowcase = variant === "showcase";
|
|
5431
|
+
const isGrid = variant === "grid";
|
|
5432
|
+
const rootClass = ["as-root", isShowcase ? "as-showcase" : "", isGrid ? "as-grid-variant" : "", className ?? ""].filter(Boolean).join(" ");
|
|
5433
|
+
const midpoint = Math.ceil(articles.length / 2);
|
|
5434
|
+
const col2 = articles.slice(0, midpoint);
|
|
5435
|
+
const col3 = articles.slice(midpoint);
|
|
5436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("section", { className: rootClass, children: [
|
|
5437
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "as-header", children: [
|
|
5438
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "as-title", children: sectionTitle }),
|
|
5439
|
+
linkText && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
5440
|
+
] }),
|
|
5441
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "as-desktop", children: [
|
|
5442
|
+
!isShowcase && !isGrid && featured && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
5443
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-featuredRow", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5444
|
+
Card,
|
|
5445
|
+
{
|
|
5446
|
+
variant: "thumbnail",
|
|
5447
|
+
type: "article",
|
|
5448
|
+
layout: "horizontal",
|
|
5449
|
+
thumbnail: featured.thumbnail ?? "",
|
|
5450
|
+
thumbnailAlt: featured.thumbnailAlt,
|
|
5451
|
+
hideThumbnail: !featured.thumbnail,
|
|
5452
|
+
title: featured.title,
|
|
5453
|
+
summary: featured.summary ?? "",
|
|
5454
|
+
tags: (featured.tags ?? []).map((t) => ({ label: t })),
|
|
5455
|
+
showCopyLink: false,
|
|
5456
|
+
hideAvatar: true
|
|
5457
|
+
}
|
|
5458
|
+
) }),
|
|
5459
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-gridItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5460
|
+
Card,
|
|
5461
|
+
{
|
|
5462
|
+
variant: "thumbnail",
|
|
5463
|
+
type: "article",
|
|
5464
|
+
layout: "horizontal",
|
|
5465
|
+
thumbnail: article.thumbnail ?? "",
|
|
5466
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5467
|
+
hideThumbnail: true,
|
|
5468
|
+
title: article.title,
|
|
5469
|
+
summary: "",
|
|
5470
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5471
|
+
showCopyLink: false,
|
|
5472
|
+
hideAvatar: true
|
|
5473
|
+
}
|
|
5474
|
+
) }, i)) })
|
|
5475
|
+
] }),
|
|
5476
|
+
isGrid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-gridItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5477
|
+
Card,
|
|
5478
|
+
{
|
|
5479
|
+
variant: "thumbnail",
|
|
5480
|
+
type: "article",
|
|
5481
|
+
layout: "vertical",
|
|
5482
|
+
thumbnail: article.thumbnail ?? "",
|
|
5483
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5484
|
+
hideThumbnail: !article.thumbnail,
|
|
5485
|
+
title: article.title,
|
|
5486
|
+
summary: article.summary ?? "",
|
|
5487
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5488
|
+
showCopyLink: false,
|
|
5489
|
+
hideAvatar: true
|
|
5490
|
+
}
|
|
5491
|
+
) }, i)) }),
|
|
5492
|
+
isShowcase && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "as-showcaseGrid", children: [
|
|
5493
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseFeatured", children: featured && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5494
|
+
Card,
|
|
5495
|
+
{
|
|
5496
|
+
variant: "thumbnail",
|
|
5497
|
+
type: "article",
|
|
5498
|
+
layout: "vertical",
|
|
5499
|
+
thumbnail: featured.thumbnail ?? "",
|
|
5500
|
+
thumbnailAlt: featured.thumbnailAlt,
|
|
5501
|
+
hideThumbnail: !featured.thumbnail,
|
|
5502
|
+
title: featured.title,
|
|
5503
|
+
summary: featured.summary ?? "",
|
|
5504
|
+
tags: (featured.tags ?? []).map((t) => ({ label: t })),
|
|
5505
|
+
showCopyLink: false,
|
|
5506
|
+
hideAvatar: true
|
|
5507
|
+
}
|
|
5508
|
+
) }),
|
|
5509
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseCol", children: col2.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5510
|
+
Card,
|
|
5511
|
+
{
|
|
5512
|
+
variant: "thumbnail",
|
|
5513
|
+
type: "article",
|
|
5514
|
+
layout: "horizontal-reverse",
|
|
5515
|
+
thumbnail: article.thumbnail ?? "",
|
|
5516
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5517
|
+
hideThumbnail: !article.thumbnail,
|
|
5518
|
+
title: article.title,
|
|
5519
|
+
summary: "",
|
|
5520
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5521
|
+
showCopyLink: false,
|
|
5522
|
+
hideAvatar: true
|
|
5523
|
+
}
|
|
5524
|
+
) }, i)) }),
|
|
5525
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseCol", children: col3.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-showcaseItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5526
|
+
Card,
|
|
5527
|
+
{
|
|
5528
|
+
variant: "thumbnail",
|
|
5529
|
+
type: "article",
|
|
5530
|
+
layout: "horizontal-reverse",
|
|
5531
|
+
thumbnail: article.thumbnail ?? "",
|
|
5532
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5533
|
+
hideThumbnail: !article.thumbnail,
|
|
5534
|
+
title: article.title,
|
|
5535
|
+
summary: "",
|
|
5536
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5537
|
+
showCopyLink: false,
|
|
5538
|
+
hideAvatar: true
|
|
5539
|
+
}
|
|
5540
|
+
) }, i)) })
|
|
5541
|
+
] })
|
|
5542
|
+
] }),
|
|
5543
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: isGrid ? "as-mobile-grid" : "as-mobile", children: [
|
|
5544
|
+
!isGrid && featured && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileFeatured", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5545
|
+
Card,
|
|
5546
|
+
{
|
|
5547
|
+
variant: "thumbnail",
|
|
5548
|
+
type: "article",
|
|
5549
|
+
layout: "vertical",
|
|
5550
|
+
thumbnail: featured.thumbnail ?? "",
|
|
5551
|
+
thumbnailAlt: featured.thumbnailAlt,
|
|
5552
|
+
hideThumbnail: !featured.thumbnail,
|
|
5553
|
+
title: featured.title,
|
|
5554
|
+
summary: featured.summary ?? "",
|
|
5555
|
+
tags: (featured.tags ?? []).map((t) => ({ label: t })),
|
|
5556
|
+
showCopyLink: false,
|
|
5557
|
+
hideAvatar: true
|
|
5558
|
+
}
|
|
5559
|
+
) }),
|
|
5560
|
+
!isGrid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileList", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileListItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5561
|
+
Card,
|
|
5562
|
+
{
|
|
5563
|
+
variant: "thumbnail",
|
|
5564
|
+
type: "article",
|
|
5565
|
+
layout: isShowcase ? "horizontal-reverse" : "horizontal",
|
|
5566
|
+
thumbnail: article.thumbnail ?? "",
|
|
5567
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5568
|
+
hideThumbnail: !isShowcase || !article.thumbnail,
|
|
5569
|
+
title: article.title,
|
|
5570
|
+
summary: "",
|
|
5571
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5572
|
+
showCopyLink: false,
|
|
5573
|
+
hideAvatar: true
|
|
5574
|
+
}
|
|
5575
|
+
) }, i)) }),
|
|
5576
|
+
isGrid && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileScroll", children: articles.map((article, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "as-mobileScrollItem", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
5577
|
+
Card,
|
|
5578
|
+
{
|
|
5579
|
+
variant: "thumbnail",
|
|
5580
|
+
type: "article",
|
|
5581
|
+
layout: "vertical",
|
|
5582
|
+
thumbnail: article.thumbnail ?? "",
|
|
5583
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5584
|
+
hideThumbnail: !article.thumbnail,
|
|
5585
|
+
title: article.title,
|
|
5586
|
+
summary: article.summary ?? "",
|
|
5587
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5588
|
+
showCopyLink: false,
|
|
5589
|
+
hideAvatar: true
|
|
5590
|
+
}
|
|
5591
|
+
) }, i)) })
|
|
5592
|
+
] })
|
|
5593
|
+
] });
|
|
5594
|
+
};
|
|
5595
|
+
|
|
5596
|
+
// templates/SpotlightHero/SpotlightHero.tsx
|
|
5597
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
5598
|
+
var ArrowIcon = () => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
5599
|
+
"path",
|
|
5600
|
+
{
|
|
5601
|
+
d: "M4 12h15M13 6l6 6-6 6",
|
|
5602
|
+
stroke: "currentColor",
|
|
5603
|
+
strokeWidth: "2",
|
|
5604
|
+
strokeLinecap: "round",
|
|
5605
|
+
strokeLinejoin: "round"
|
|
5606
|
+
}
|
|
5607
|
+
) });
|
|
5608
|
+
var SpotlightHero = ({
|
|
5609
|
+
eyebrow,
|
|
5610
|
+
title,
|
|
5611
|
+
summary,
|
|
5612
|
+
meta,
|
|
5613
|
+
icon,
|
|
5614
|
+
patternSize = 132,
|
|
5615
|
+
patternOpacity = 0.12,
|
|
5616
|
+
tone = "coral",
|
|
5617
|
+
href,
|
|
5618
|
+
onClick,
|
|
5619
|
+
ctaLabel = "Read more",
|
|
5620
|
+
className
|
|
5621
|
+
}) => {
|
|
5622
|
+
const Root = href ? "a" : "div";
|
|
5623
|
+
const interactive = Boolean(href || onClick);
|
|
5624
|
+
const tileCount = Math.ceil(1600 / patternSize) * Math.ceil(720 / patternSize);
|
|
5625
|
+
const style = {
|
|
5626
|
+
"--sh-tile": `${patternSize}px`,
|
|
5627
|
+
"--sh-pattern-opacity": String(patternOpacity)
|
|
5628
|
+
};
|
|
5629
|
+
const classes = ["sh-root", `sh-${tone}`, interactive ? "sh-interactive" : "", className ?? ""].filter(Boolean).join(" ");
|
|
5630
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Root, { className: classes, href, onClick, style, children: [
|
|
5631
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-glow", "aria-hidden": "true" }),
|
|
5632
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-pattern", "aria-hidden": "true", children: Array.from({ length: tileCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-patternIcon", children: icon }, i)) }),
|
|
5633
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sh-content", children: [
|
|
5634
|
+
eyebrow && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sh-eyebrow", children: [
|
|
5635
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-eyebrowLine", "aria-hidden": "true" }),
|
|
5636
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-eyebrowText", children: eyebrow })
|
|
5637
|
+
] }),
|
|
5638
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "sh-title", children: title }),
|
|
5639
|
+
summary && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "sh-summary", children: summary }),
|
|
5640
|
+
(meta || interactive) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "sh-footer", children: [
|
|
5641
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-arrow", "aria-label": interactive ? ctaLabel : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowIcon, {}) }),
|
|
5642
|
+
meta && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sh-meta", children: meta })
|
|
5643
|
+
] })
|
|
5644
|
+
] })
|
|
5645
|
+
] });
|
|
5646
|
+
};
|
|
5250
5647
|
// Annotate the CommonJS export names for ESM import in node:
|
|
5251
5648
|
0 && (module.exports = {
|
|
5252
5649
|
AVATAR_DATA,
|
|
5253
5650
|
Accordion,
|
|
5651
|
+
ArticleHero,
|
|
5652
|
+
ArticleSection,
|
|
5254
5653
|
AvatarGrid,
|
|
5255
5654
|
BottomSheet,
|
|
5256
5655
|
Breadcrumb,
|
|
@@ -5283,6 +5682,7 @@ var Testimonial = ({
|
|
|
5283
5682
|
PeopleGrid,
|
|
5284
5683
|
STEPS_DATA,
|
|
5285
5684
|
SearchField,
|
|
5685
|
+
SpotlightHero,
|
|
5286
5686
|
Stats,
|
|
5287
5687
|
StatsSimple,
|
|
5288
5688
|
Steps,
|