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