@deriv-web-design/ui 0.0.26 → 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 +606 -31
- 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 +900 -554
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +898 -554
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -7
- package/tokens.css +106 -175
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//
|
|
1
|
+
// components/Button/Button.tsx
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
var Button = ({
|
|
4
4
|
colorScheme = "coral",
|
|
@@ -40,7 +40,7 @@ var Button = ({
|
|
|
40
40
|
);
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
//
|
|
43
|
+
// components/Link/Link.tsx
|
|
44
44
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
45
45
|
var ChevronIcon = () => /* @__PURE__ */ jsx2("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx2("path", { d: "M3 8h10M9 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
46
46
|
var Link = ({
|
|
@@ -86,7 +86,7 @@ var Link = ({
|
|
|
86
86
|
);
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
-
//
|
|
89
|
+
// components/Chip/Chip.tsx
|
|
90
90
|
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
91
91
|
var Chip = ({
|
|
92
92
|
size = "md",
|
|
@@ -123,7 +123,7 @@ var Chip = ({
|
|
|
123
123
|
);
|
|
124
124
|
};
|
|
125
125
|
|
|
126
|
-
//
|
|
126
|
+
// components/Tag/Tag.tsx
|
|
127
127
|
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
128
128
|
var Tag = ({
|
|
129
129
|
size = "sm",
|
|
@@ -148,7 +148,7 @@ var Tag = ({
|
|
|
148
148
|
] });
|
|
149
149
|
};
|
|
150
150
|
|
|
151
|
-
//
|
|
151
|
+
// components/Accordion/Accordion.tsx
|
|
152
152
|
import { useState } from "react";
|
|
153
153
|
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
154
154
|
var ChevronIcon2 = () => /* @__PURE__ */ jsx5("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
@@ -200,7 +200,7 @@ var Accordion = ({
|
|
|
200
200
|
);
|
|
201
201
|
};
|
|
202
202
|
|
|
203
|
-
//
|
|
203
|
+
// components/TextField/TextField.tsx
|
|
204
204
|
import { forwardRef } from "react";
|
|
205
205
|
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
206
206
|
var SuccessIcon = () => /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
@@ -243,7 +243,7 @@ var TextField = forwardRef(
|
|
|
243
243
|
);
|
|
244
244
|
TextField.displayName = "TextField";
|
|
245
245
|
|
|
246
|
-
//
|
|
246
|
+
// components/SearchField/SearchField.tsx
|
|
247
247
|
import { forwardRef as forwardRef2, useRef, useState as useState2, useCallback } from "react";
|
|
248
248
|
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
249
249
|
var SearchIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
@@ -354,10 +354,10 @@ var SearchField = forwardRef2(
|
|
|
354
354
|
);
|
|
355
355
|
SearchField.displayName = "SearchField";
|
|
356
356
|
|
|
357
|
-
//
|
|
357
|
+
// components/Breadcrumb/Breadcrumb.tsx
|
|
358
358
|
import { useState as useState3 } from "react";
|
|
359
359
|
|
|
360
|
-
//
|
|
360
|
+
// components/BottomSheet/BottomSheet.tsx
|
|
361
361
|
import { useEffect, useId } from "react";
|
|
362
362
|
import { createPortal } from "react-dom";
|
|
363
363
|
import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
@@ -462,7 +462,7 @@ var BottomSheet = ({
|
|
|
462
462
|
);
|
|
463
463
|
};
|
|
464
464
|
|
|
465
|
-
//
|
|
465
|
+
// components/Breadcrumb/Breadcrumb.tsx
|
|
466
466
|
import { Fragment, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
467
467
|
var ChevronRightIcon = () => /* @__PURE__ */ jsx9(
|
|
468
468
|
"svg",
|
|
@@ -555,7 +555,7 @@ function Breadcrumb({
|
|
|
555
555
|
] });
|
|
556
556
|
}
|
|
557
557
|
|
|
558
|
-
//
|
|
558
|
+
// components/ChipDropdown/ChipDropdown.tsx
|
|
559
559
|
import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
|
|
560
560
|
import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
561
561
|
var ChevronDownIcon = () => /* @__PURE__ */ jsx10(
|
|
@@ -845,8 +845,10 @@ var PlayIcon = () => /* @__PURE__ */ jsxs13(
|
|
|
845
845
|
);
|
|
846
846
|
var CardThumbnailVariant = ({
|
|
847
847
|
type = "video",
|
|
848
|
+
layout = "vertical",
|
|
848
849
|
thumbnail,
|
|
849
850
|
thumbnailAlt = "",
|
|
851
|
+
hideThumbnail = false,
|
|
850
852
|
title,
|
|
851
853
|
summary,
|
|
852
854
|
tags = [],
|
|
@@ -855,25 +857,33 @@ var CardThumbnailVariant = ({
|
|
|
855
857
|
onCopyLink,
|
|
856
858
|
avatar,
|
|
857
859
|
avatarAlt = "",
|
|
860
|
+
hideAvatar = false,
|
|
858
861
|
className,
|
|
859
862
|
variant: _variant,
|
|
860
863
|
...props
|
|
861
864
|
}) => {
|
|
862
865
|
const isVideo = type === "video";
|
|
866
|
+
const isHorizontal = layout === "horizontal" || layout === "horizontal-reverse";
|
|
867
|
+
const isReversed = layout === "horizontal-reverse";
|
|
863
868
|
return /* @__PURE__ */ jsxs13(
|
|
864
869
|
"div",
|
|
865
870
|
{
|
|
866
|
-
className: ["card-thumbnail", className ?? ""].filter(Boolean).join(" "),
|
|
871
|
+
className: ["card-thumbnail", isHorizontal ? "ct-horizontal" : "", isReversed ? "ct-reverse" : "", className ?? ""].filter(Boolean).join(" "),
|
|
867
872
|
...props,
|
|
868
873
|
children: [
|
|
869
|
-
/* @__PURE__ */ jsxs13("div", { className: "ct-thumbnailWrapper", children: [
|
|
874
|
+
!hideThumbnail && /* @__PURE__ */ jsxs13("div", { className: "ct-thumbnailWrapper", children: [
|
|
870
875
|
/* @__PURE__ */ jsx13("img", { alt: thumbnailAlt, className: "ct-thumbnailImage", src: thumbnail }),
|
|
871
876
|
isVideo && /* @__PURE__ */ jsx13("span", { "aria-label": "Play video", className: "ct-playButton", children: /* @__PURE__ */ jsx13(PlayIcon, {}) }),
|
|
872
|
-
!isVideo && avatar && /* @__PURE__ */ jsx13("img", { alt: avatarAlt, className: "ct-avatar", src: avatar })
|
|
877
|
+
!isVideo && !hideAvatar && avatar && /* @__PURE__ */ jsx13("img", { alt: avatarAlt, className: "ct-avatar", src: avatar })
|
|
873
878
|
] }),
|
|
874
879
|
/* @__PURE__ */ jsxs13("div", { className: "ct-content", children: [
|
|
880
|
+
/* @__PURE__ */ jsx13("p", { className: "ct-title", children: title }),
|
|
881
|
+
/* @__PURE__ */ jsx13("p", { className: "ct-summary", children: summary }),
|
|
875
882
|
/* @__PURE__ */ jsxs13("div", { className: "ct-metaRow", children: [
|
|
876
|
-
!hideTags && /* @__PURE__ */ jsx13("div", { className: "ct-tagsList", children: tags.map((tag, i) => /* @__PURE__ */
|
|
883
|
+
!hideTags && /* @__PURE__ */ jsx13("div", { className: "ct-tagsList", children: tags.map((tag, i) => /* @__PURE__ */ jsxs13("span", { className: "ct-tagItem", children: [
|
|
884
|
+
i > 0 && /* @__PURE__ */ jsx13("span", { "aria-hidden": "true", className: "ct-tagDot", children: "\xB7" }),
|
|
885
|
+
/* @__PURE__ */ jsx13(Tag, { icon: tag.icon, label: tag.label, size: "md", variant: "custom" })
|
|
886
|
+
] }, i)) }),
|
|
877
887
|
showCopyLink && /* @__PURE__ */ jsx13(
|
|
878
888
|
"button",
|
|
879
889
|
{
|
|
@@ -884,31 +894,83 @@ var CardThumbnailVariant = ({
|
|
|
884
894
|
children: /* @__PURE__ */ jsx13(LinkIcon, {})
|
|
885
895
|
}
|
|
886
896
|
)
|
|
887
|
-
] })
|
|
888
|
-
/* @__PURE__ */ jsx13("p", { className: "ct-title", children: title }),
|
|
889
|
-
/* @__PURE__ */ jsx13("p", { className: "ct-summary", children: summary })
|
|
897
|
+
] })
|
|
890
898
|
] })
|
|
891
899
|
]
|
|
892
900
|
}
|
|
893
901
|
);
|
|
894
902
|
};
|
|
895
903
|
|
|
904
|
+
// components/Card/CardCategoryVariant.tsx
|
|
905
|
+
import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
906
|
+
var CardCategoryVariant = ({
|
|
907
|
+
title,
|
|
908
|
+
thumbnail,
|
|
909
|
+
thumbnailAlt = "",
|
|
910
|
+
onHeaderClick,
|
|
911
|
+
articles = [],
|
|
912
|
+
className,
|
|
913
|
+
variant: _variant,
|
|
914
|
+
...props
|
|
915
|
+
}) => {
|
|
916
|
+
return /* @__PURE__ */ jsxs14(
|
|
917
|
+
"div",
|
|
918
|
+
{
|
|
919
|
+
className: ["card-category", className ?? ""].filter(Boolean).join(" "),
|
|
920
|
+
...props,
|
|
921
|
+
children: [
|
|
922
|
+
/* @__PURE__ */ jsxs14(
|
|
923
|
+
"div",
|
|
924
|
+
{
|
|
925
|
+
className: "cc-header",
|
|
926
|
+
onClick: onHeaderClick,
|
|
927
|
+
role: onHeaderClick ? "button" : void 0,
|
|
928
|
+
tabIndex: onHeaderClick ? 0 : void 0,
|
|
929
|
+
children: [
|
|
930
|
+
/* @__PURE__ */ jsx14("h3", { className: "cc-title", children: title }),
|
|
931
|
+
thumbnail && /* @__PURE__ */ jsx14("div", { className: "cc-thumbnailWrapper", children: /* @__PURE__ */ jsx14("img", { alt: thumbnailAlt, className: "cc-thumbnailImage", src: thumbnail }) })
|
|
932
|
+
]
|
|
933
|
+
}
|
|
934
|
+
),
|
|
935
|
+
/* @__PURE__ */ jsx14("div", { className: "cc-articleList", children: articles.map((article, i) => /* @__PURE__ */ jsx14("div", { className: "cc-articleItem", children: /* @__PURE__ */ jsx14(
|
|
936
|
+
Card,
|
|
937
|
+
{
|
|
938
|
+
variant: "thumbnail",
|
|
939
|
+
type: "article",
|
|
940
|
+
layout: "horizontal",
|
|
941
|
+
thumbnail: "",
|
|
942
|
+
hideThumbnail: true,
|
|
943
|
+
title: article.title,
|
|
944
|
+
summary: "",
|
|
945
|
+
tags: article.date ? [{ label: article.date }] : [],
|
|
946
|
+
showCopyLink: false,
|
|
947
|
+
hideAvatar: true
|
|
948
|
+
}
|
|
949
|
+
) }, i)) })
|
|
950
|
+
]
|
|
951
|
+
}
|
|
952
|
+
);
|
|
953
|
+
};
|
|
954
|
+
|
|
896
955
|
// components/Card/Card.tsx
|
|
897
|
-
import { jsx as
|
|
956
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
898
957
|
var Card = (props) => {
|
|
899
958
|
if (props.variant === "primary") {
|
|
900
|
-
return /* @__PURE__ */
|
|
959
|
+
return /* @__PURE__ */ jsx15(CardPrimaryVariant, { ...props });
|
|
901
960
|
}
|
|
902
961
|
if (props.variant === "secondary") {
|
|
903
|
-
return /* @__PURE__ */
|
|
962
|
+
return /* @__PURE__ */ jsx15(CardSecondaryVariant, { ...props });
|
|
963
|
+
}
|
|
964
|
+
if (props.variant === "category") {
|
|
965
|
+
return /* @__PURE__ */ jsx15(CardCategoryVariant, { ...props });
|
|
904
966
|
}
|
|
905
|
-
return /* @__PURE__ */
|
|
967
|
+
return /* @__PURE__ */ jsx15(CardThumbnailVariant, { ...props });
|
|
906
968
|
};
|
|
907
969
|
|
|
908
|
-
//
|
|
909
|
-
import { jsx as
|
|
910
|
-
var ChevronLeft = () => /* @__PURE__ */
|
|
911
|
-
var ChevronRight = () => /* @__PURE__ */
|
|
970
|
+
// components/Pagination/Pagination.tsx
|
|
971
|
+
import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
972
|
+
var ChevronLeft = () => /* @__PURE__ */ jsx16("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
973
|
+
var ChevronRight = () => /* @__PURE__ */ jsx16("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M6 4L10 8L6 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
912
974
|
function getPageItems(currentPage, totalPages) {
|
|
913
975
|
if (totalPages <= 5) {
|
|
914
976
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
@@ -930,25 +992,25 @@ var Pagination = ({
|
|
|
930
992
|
const items = getPageItems(currentPage, totalPages);
|
|
931
993
|
const isPrevDisabled = currentPage <= 1;
|
|
932
994
|
const isNextDisabled = currentPage >= totalPages;
|
|
933
|
-
return /* @__PURE__ */
|
|
995
|
+
return /* @__PURE__ */ jsxs15(
|
|
934
996
|
"nav",
|
|
935
997
|
{
|
|
936
998
|
className: ["pagination", className ?? ""].filter(Boolean).join(" "),
|
|
937
999
|
"aria-label": "Pagination navigation",
|
|
938
1000
|
children: [
|
|
939
|
-
/* @__PURE__ */
|
|
1001
|
+
/* @__PURE__ */ jsx16(
|
|
940
1002
|
"button",
|
|
941
1003
|
{
|
|
942
1004
|
className: ["navButton", isPrevDisabled ? "navButtonDisabled" : ""].filter(Boolean).join(" "),
|
|
943
1005
|
onClick: () => onPageChange(currentPage - 1),
|
|
944
1006
|
disabled: isPrevDisabled,
|
|
945
1007
|
"aria-label": "Previous page",
|
|
946
|
-
children: /* @__PURE__ */
|
|
1008
|
+
children: /* @__PURE__ */ jsx16("span", { className: "navIcon", children: /* @__PURE__ */ jsx16(ChevronLeft, {}) })
|
|
947
1009
|
}
|
|
948
1010
|
),
|
|
949
1011
|
items.map((item, index) => {
|
|
950
1012
|
if (item === "ellipsis-left" || item === "ellipsis-right") {
|
|
951
|
-
return /* @__PURE__ */
|
|
1013
|
+
return /* @__PURE__ */ jsx16(
|
|
952
1014
|
"span",
|
|
953
1015
|
{
|
|
954
1016
|
className: "ellipsis",
|
|
@@ -959,7 +1021,7 @@ var Pagination = ({
|
|
|
959
1021
|
);
|
|
960
1022
|
}
|
|
961
1023
|
const isSelected = item === currentPage;
|
|
962
|
-
return /* @__PURE__ */
|
|
1024
|
+
return /* @__PURE__ */ jsx16(
|
|
963
1025
|
"button",
|
|
964
1026
|
{
|
|
965
1027
|
className: ["pageButton", isSelected ? "pageButtonSelected" : ""].filter(Boolean).join(" "),
|
|
@@ -973,14 +1035,14 @@ var Pagination = ({
|
|
|
973
1035
|
item
|
|
974
1036
|
);
|
|
975
1037
|
}),
|
|
976
|
-
/* @__PURE__ */
|
|
1038
|
+
/* @__PURE__ */ jsx16(
|
|
977
1039
|
"button",
|
|
978
1040
|
{
|
|
979
1041
|
className: ["navButton", isNextDisabled ? "navButtonDisabled" : ""].filter(Boolean).join(" "),
|
|
980
1042
|
onClick: () => onPageChange(currentPage + 1),
|
|
981
1043
|
disabled: isNextDisabled,
|
|
982
1044
|
"aria-label": "Next page",
|
|
983
|
-
children: /* @__PURE__ */
|
|
1045
|
+
children: /* @__PURE__ */ jsx16("span", { className: "navIcon", children: /* @__PURE__ */ jsx16(ChevronRight, {}) })
|
|
984
1046
|
}
|
|
985
1047
|
)
|
|
986
1048
|
]
|
|
@@ -988,8 +1050,8 @@ var Pagination = ({
|
|
|
988
1050
|
);
|
|
989
1051
|
};
|
|
990
1052
|
|
|
991
|
-
//
|
|
992
|
-
import { jsx as
|
|
1053
|
+
// components/Tabs/Tabs.tsx
|
|
1054
|
+
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
993
1055
|
var Tabs = ({
|
|
994
1056
|
items,
|
|
995
1057
|
activeId,
|
|
@@ -997,7 +1059,7 @@ var Tabs = ({
|
|
|
997
1059
|
className,
|
|
998
1060
|
...props
|
|
999
1061
|
}) => {
|
|
1000
|
-
return /* @__PURE__ */
|
|
1062
|
+
return /* @__PURE__ */ jsx17(
|
|
1001
1063
|
"div",
|
|
1002
1064
|
{
|
|
1003
1065
|
className: ["tabs-menu w-tab-menu", className].filter(Boolean).join(" "),
|
|
@@ -1005,7 +1067,7 @@ var Tabs = ({
|
|
|
1005
1067
|
...props,
|
|
1006
1068
|
children: items.map((item, i) => {
|
|
1007
1069
|
const isActive = item.id === activeId;
|
|
1008
|
-
return /* @__PURE__ */
|
|
1070
|
+
return /* @__PURE__ */ jsx17(
|
|
1009
1071
|
Chip,
|
|
1010
1072
|
{
|
|
1011
1073
|
label: item.label,
|
|
@@ -1028,7 +1090,7 @@ var Tabs = ({
|
|
|
1028
1090
|
|
|
1029
1091
|
// templates/FaqAccordion/FaqAccordion.tsx
|
|
1030
1092
|
import { useState as useState5 } from "react";
|
|
1031
|
-
import { jsx as
|
|
1093
|
+
import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1032
1094
|
var FaqAccordion = ({
|
|
1033
1095
|
title,
|
|
1034
1096
|
items,
|
|
@@ -1038,9 +1100,9 @@ var FaqAccordion = ({
|
|
|
1038
1100
|
const handleToggle = (index) => (isOpen) => {
|
|
1039
1101
|
setOpenIndex(isOpen ? index : null);
|
|
1040
1102
|
};
|
|
1041
|
-
return /* @__PURE__ */
|
|
1042
|
-
/* @__PURE__ */
|
|
1043
|
-
/* @__PURE__ */
|
|
1103
|
+
return /* @__PURE__ */ jsx18("section", { className: ["faq-accordion", `faq-accordion--${colorScheme}`].join(" "), children: /* @__PURE__ */ jsxs16("div", { className: "faq-accordion__container", children: [
|
|
1104
|
+
/* @__PURE__ */ jsx18("div", { className: "faq-accordion__header", children: /* @__PURE__ */ jsx18("h2", { className: "faq-accordion__title", children: title }) }),
|
|
1105
|
+
/* @__PURE__ */ jsx18("div", { className: "faq-accordion__list", children: items.map((item, index) => /* @__PURE__ */ jsx18(
|
|
1044
1106
|
Accordion,
|
|
1045
1107
|
{
|
|
1046
1108
|
title: item.question,
|
|
@@ -1056,12 +1118,12 @@ var FaqAccordion = ({
|
|
|
1056
1118
|
};
|
|
1057
1119
|
|
|
1058
1120
|
// templates/FeatureCards/FeatureCards.tsx
|
|
1059
|
-
import { jsx as
|
|
1121
|
+
import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1060
1122
|
var externalLinkRel = (href) => href && /^https?:\/\//i.test(href) ? "noopener noreferrer" : void 0;
|
|
1061
1123
|
var TwoCardsItem = ({ card, index }) => {
|
|
1062
1124
|
const isDark = card.twoTone === "dark";
|
|
1063
1125
|
const showCardLink = card.showLink !== false;
|
|
1064
|
-
return /* @__PURE__ */
|
|
1126
|
+
return /* @__PURE__ */ jsx19("div", { className: "fc-twoCardWrap", children: /* @__PURE__ */ jsxs17(
|
|
1065
1127
|
"div",
|
|
1066
1128
|
{
|
|
1067
1129
|
className: [
|
|
@@ -1069,11 +1131,11 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1069
1131
|
isDark ? "fc-twoCard--dark" : "fc-twoCard--light"
|
|
1070
1132
|
].join(" "),
|
|
1071
1133
|
children: [
|
|
1072
|
-
/* @__PURE__ */
|
|
1073
|
-
/* @__PURE__ */
|
|
1074
|
-
/* @__PURE__ */
|
|
1075
|
-
/* @__PURE__ */
|
|
1076
|
-
showCardLink && /* @__PURE__ */
|
|
1134
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc-twoCard-body", children: [
|
|
1135
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc-twoCard-content", children: [
|
|
1136
|
+
/* @__PURE__ */ jsx19("h3", { className: "fc-twoCard-title", children: card.title }),
|
|
1137
|
+
/* @__PURE__ */ jsx19("p", { className: "fc-twoCard-description", children: card.description }),
|
|
1138
|
+
showCardLink && /* @__PURE__ */ jsx19("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ jsx19(
|
|
1077
1139
|
Link,
|
|
1078
1140
|
{
|
|
1079
1141
|
colorScheme: "coral",
|
|
@@ -1084,9 +1146,9 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1084
1146
|
}
|
|
1085
1147
|
) })
|
|
1086
1148
|
] }),
|
|
1087
|
-
card.platforms && card.platforms.length > 0 && /* @__PURE__ */
|
|
1088
|
-
/* @__PURE__ */
|
|
1089
|
-
/* @__PURE__ */
|
|
1149
|
+
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "fc-twoCard-platformsOuter", children: [
|
|
1150
|
+
/* @__PURE__ */ jsx19("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
|
|
1151
|
+
/* @__PURE__ */ jsx19("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs17(
|
|
1090
1152
|
"a",
|
|
1091
1153
|
{
|
|
1092
1154
|
className: [
|
|
@@ -1096,7 +1158,7 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1096
1158
|
href: platform.href,
|
|
1097
1159
|
rel: externalLinkRel(platform.href),
|
|
1098
1160
|
children: [
|
|
1099
|
-
/* @__PURE__ */
|
|
1161
|
+
/* @__PURE__ */ jsx19(
|
|
1100
1162
|
"img",
|
|
1101
1163
|
{
|
|
1102
1164
|
alt: "",
|
|
@@ -1106,14 +1168,14 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1106
1168
|
width: 32
|
|
1107
1169
|
}
|
|
1108
1170
|
),
|
|
1109
|
-
/* @__PURE__ */
|
|
1171
|
+
/* @__PURE__ */ jsx19("span", { className: "fc-platformLink-label", children: platform.label })
|
|
1110
1172
|
]
|
|
1111
1173
|
},
|
|
1112
1174
|
`${platform.label}-${i}`
|
|
1113
1175
|
)) })
|
|
1114
1176
|
] })
|
|
1115
1177
|
] }),
|
|
1116
|
-
card.image && /* @__PURE__ */
|
|
1178
|
+
card.image && /* @__PURE__ */ jsx19("div", { className: "fc-twoCard-imageSection", children: /* @__PURE__ */ jsx19(
|
|
1117
1179
|
"img",
|
|
1118
1180
|
{
|
|
1119
1181
|
alt: card.imageAlt ?? "",
|
|
@@ -1129,12 +1191,12 @@ var TwoCardsItem = ({ card, index }) => {
|
|
|
1129
1191
|
};
|
|
1130
1192
|
var OneCardPanel = ({ card }) => {
|
|
1131
1193
|
const showCardLink = card.showLink !== false;
|
|
1132
|
-
return /* @__PURE__ */
|
|
1133
|
-
/* @__PURE__ */
|
|
1134
|
-
/* @__PURE__ */
|
|
1135
|
-
/* @__PURE__ */
|
|
1136
|
-
/* @__PURE__ */
|
|
1137
|
-
showCardLink && /* @__PURE__ */
|
|
1194
|
+
return /* @__PURE__ */ jsx19("div", { className: "fc-oneCardShell", children: /* @__PURE__ */ jsxs17("div", { className: "fc-oneCardGrid fc-twoCard--dark", children: [
|
|
1195
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc-oneCardLeft", children: [
|
|
1196
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc-oneCardContentBlock", children: [
|
|
1197
|
+
/* @__PURE__ */ jsx19("h3", { className: "fc-twoCard-title", children: card.title }),
|
|
1198
|
+
/* @__PURE__ */ jsx19("p", { className: "fc-twoCard-description", children: card.description }),
|
|
1199
|
+
showCardLink && /* @__PURE__ */ jsx19("div", { className: "fc-twoCard-linkWrap", children: /* @__PURE__ */ jsx19(
|
|
1138
1200
|
Link,
|
|
1139
1201
|
{
|
|
1140
1202
|
colorScheme: "coral",
|
|
@@ -1145,16 +1207,16 @@ var OneCardPanel = ({ card }) => {
|
|
|
1145
1207
|
}
|
|
1146
1208
|
) })
|
|
1147
1209
|
] }),
|
|
1148
|
-
card.platforms && card.platforms.length > 0 && /* @__PURE__ */
|
|
1149
|
-
/* @__PURE__ */
|
|
1150
|
-
/* @__PURE__ */
|
|
1210
|
+
card.platforms && card.platforms.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "fc-twoCard-platformsOuter", children: [
|
|
1211
|
+
/* @__PURE__ */ jsx19("h3", { className: "fc-twoCard-platformsHeading", children: card.platformsHeading ?? "Available on" }),
|
|
1212
|
+
/* @__PURE__ */ jsx19("div", { className: "fc-twoCard-platformRow", children: card.platforms.map((platform, i) => /* @__PURE__ */ jsxs17(
|
|
1151
1213
|
"a",
|
|
1152
1214
|
{
|
|
1153
1215
|
className: "fc-platformLink fc-platformLink--dark",
|
|
1154
1216
|
href: platform.href,
|
|
1155
1217
|
rel: externalLinkRel(platform.href),
|
|
1156
1218
|
children: [
|
|
1157
|
-
/* @__PURE__ */
|
|
1219
|
+
/* @__PURE__ */ jsx19(
|
|
1158
1220
|
"img",
|
|
1159
1221
|
{
|
|
1160
1222
|
alt: "",
|
|
@@ -1164,14 +1226,14 @@ var OneCardPanel = ({ card }) => {
|
|
|
1164
1226
|
width: 32
|
|
1165
1227
|
}
|
|
1166
1228
|
),
|
|
1167
|
-
/* @__PURE__ */
|
|
1229
|
+
/* @__PURE__ */ jsx19("span", { className: "fc-platformLink-label", children: platform.label })
|
|
1168
1230
|
]
|
|
1169
1231
|
},
|
|
1170
1232
|
`${platform.label}-${i}`
|
|
1171
1233
|
)) })
|
|
1172
1234
|
] })
|
|
1173
1235
|
] }),
|
|
1174
|
-
card.image && /* @__PURE__ */
|
|
1236
|
+
card.image && /* @__PURE__ */ jsx19("div", { className: "fc-oneCardRight", children: /* @__PURE__ */ jsx19(
|
|
1175
1237
|
"img",
|
|
1176
1238
|
{
|
|
1177
1239
|
alt: card.imageAlt ?? "",
|
|
@@ -1193,15 +1255,15 @@ var FeatureCards = ({
|
|
|
1193
1255
|
cardColorScheme = "image",
|
|
1194
1256
|
cards
|
|
1195
1257
|
}) => {
|
|
1196
|
-
const sectionHeader = /* @__PURE__ */
|
|
1197
|
-
/* @__PURE__ */
|
|
1198
|
-
sectionDescription && /* @__PURE__ */
|
|
1199
|
-
showLink && /* @__PURE__ */
|
|
1258
|
+
const sectionHeader = /* @__PURE__ */ jsxs17("div", { className: "fc-header", children: [
|
|
1259
|
+
/* @__PURE__ */ jsx19("h2", { className: "fc-sectionTitle", children: sectionTitle }),
|
|
1260
|
+
sectionDescription && /* @__PURE__ */ jsx19("p", { className: "fc-sectionDescription", children: sectionDescription }),
|
|
1261
|
+
showLink && /* @__PURE__ */ jsx19(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
1200
1262
|
] });
|
|
1201
1263
|
if (variant === "twoCards") {
|
|
1202
|
-
return /* @__PURE__ */
|
|
1264
|
+
return /* @__PURE__ */ jsx19("section", { className: "fc-section", children: /* @__PURE__ */ jsxs17("div", { className: "fc-container", children: [
|
|
1203
1265
|
sectionHeader,
|
|
1204
|
-
/* @__PURE__ */
|
|
1266
|
+
/* @__PURE__ */ jsx19("div", { className: "fc-grid fc-grid--twoCards", children: cards.map((card, index) => /* @__PURE__ */ jsx19(
|
|
1205
1267
|
TwoCardsItem,
|
|
1206
1268
|
{
|
|
1207
1269
|
card,
|
|
@@ -1214,14 +1276,14 @@ var FeatureCards = ({
|
|
|
1214
1276
|
if (variant === "oneCard") {
|
|
1215
1277
|
const card = cards[0];
|
|
1216
1278
|
if (!card) return null;
|
|
1217
|
-
return /* @__PURE__ */
|
|
1279
|
+
return /* @__PURE__ */ jsx19("section", { className: "fc-section", children: /* @__PURE__ */ jsxs17("div", { className: "fc-container", children: [
|
|
1218
1280
|
sectionHeader,
|
|
1219
|
-
/* @__PURE__ */
|
|
1281
|
+
/* @__PURE__ */ jsx19(OneCardPanel, { card })
|
|
1220
1282
|
] }) });
|
|
1221
1283
|
}
|
|
1222
|
-
return /* @__PURE__ */
|
|
1284
|
+
return /* @__PURE__ */ jsx19("section", { className: "fc-section", children: /* @__PURE__ */ jsxs17("div", { className: "fc-container", children: [
|
|
1223
1285
|
sectionHeader,
|
|
1224
|
-
/* @__PURE__ */
|
|
1286
|
+
/* @__PURE__ */ jsx19("div", { className: `fc-grid fc-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx19(
|
|
1225
1287
|
Card,
|
|
1226
1288
|
{
|
|
1227
1289
|
variant: "primary",
|
|
@@ -1240,7 +1302,7 @@ var FeatureCards = ({
|
|
|
1240
1302
|
};
|
|
1241
1303
|
|
|
1242
1304
|
// templates/FeatureCardsIcon/FeatureCardsIcon.tsx
|
|
1243
|
-
import { jsx as
|
|
1305
|
+
import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
1244
1306
|
var FeatureCardsIcon = ({
|
|
1245
1307
|
sectionTitle,
|
|
1246
1308
|
sectionDescription,
|
|
@@ -1249,13 +1311,13 @@ var FeatureCardsIcon = ({
|
|
|
1249
1311
|
onLinkClick,
|
|
1250
1312
|
cards
|
|
1251
1313
|
}) => {
|
|
1252
|
-
return /* @__PURE__ */
|
|
1253
|
-
/* @__PURE__ */
|
|
1254
|
-
sectionTitle && /* @__PURE__ */
|
|
1255
|
-
sectionDescription && /* @__PURE__ */
|
|
1256
|
-
showLink && /* @__PURE__ */
|
|
1314
|
+
return /* @__PURE__ */ jsx20("section", { className: "fci-section", children: /* @__PURE__ */ jsxs18("div", { className: "fci-container", children: [
|
|
1315
|
+
/* @__PURE__ */ jsxs18("div", { className: "fci-header", children: [
|
|
1316
|
+
sectionTitle && /* @__PURE__ */ jsx20("h2", { className: "fci-sectionTitle", children: sectionTitle }),
|
|
1317
|
+
sectionDescription && /* @__PURE__ */ jsx20("p", { className: "fci-sectionDescription", children: sectionDescription }),
|
|
1318
|
+
showLink && /* @__PURE__ */ jsx20(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
1257
1319
|
] }),
|
|
1258
|
-
/* @__PURE__ */
|
|
1320
|
+
/* @__PURE__ */ jsx20("div", { className: `fci-grid fci-grid--${cards.length === 4 ? "4" : "3"}`, children: cards.map((card, index) => /* @__PURE__ */ jsx20(
|
|
1259
1321
|
Card,
|
|
1260
1322
|
{
|
|
1261
1323
|
variant: "secondary",
|
|
@@ -1273,8 +1335,8 @@ var FeatureCardsIcon = ({
|
|
|
1273
1335
|
};
|
|
1274
1336
|
|
|
1275
1337
|
// templates/FeatureBullets/FeatureBullets.tsx
|
|
1276
|
-
import { jsx as
|
|
1277
|
-
var CheckIcon2 = () => /* @__PURE__ */
|
|
1338
|
+
import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
1339
|
+
var CheckIcon2 = () => /* @__PURE__ */ jsx21("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__ */ jsx21("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" }) });
|
|
1278
1340
|
var FeatureBullets = ({
|
|
1279
1341
|
title,
|
|
1280
1342
|
bullets,
|
|
@@ -1282,7 +1344,7 @@ var FeatureBullets = ({
|
|
|
1282
1344
|
imageAlt = "",
|
|
1283
1345
|
imagePosition = "right"
|
|
1284
1346
|
}) => {
|
|
1285
|
-
return /* @__PURE__ */
|
|
1347
|
+
return /* @__PURE__ */ jsx21("section", { className: "feature-bullets", children: /* @__PURE__ */ jsx21("div", { className: "feature-bullets__container", children: /* @__PURE__ */ jsxs19(
|
|
1286
1348
|
"div",
|
|
1287
1349
|
{
|
|
1288
1350
|
className: [
|
|
@@ -1290,14 +1352,14 @@ var FeatureBullets = ({
|
|
|
1290
1352
|
imagePosition === "left" ? "feature-bullets__split--image-left" : ""
|
|
1291
1353
|
].filter(Boolean).join(" "),
|
|
1292
1354
|
children: [
|
|
1293
|
-
/* @__PURE__ */
|
|
1294
|
-
/* @__PURE__ */
|
|
1295
|
-
bullets && bullets.length > 0 && /* @__PURE__ */
|
|
1296
|
-
/* @__PURE__ */
|
|
1297
|
-
/* @__PURE__ */
|
|
1355
|
+
/* @__PURE__ */ jsxs19("div", { className: "feature-bullets__content", children: [
|
|
1356
|
+
/* @__PURE__ */ jsx21("h2", { className: "feature-bullets__title", children: title }),
|
|
1357
|
+
bullets && bullets.length > 0 && /* @__PURE__ */ jsx21("div", { className: "feature-bullets__bullet-list", children: bullets.map((bullet, i) => /* @__PURE__ */ jsxs19("div", { className: "feature-bullets__bullet-item", children: [
|
|
1358
|
+
/* @__PURE__ */ jsx21("div", { className: "feature-bullets__icon-wrapper", children: /* @__PURE__ */ jsx21(CheckIcon2, {}) }),
|
|
1359
|
+
/* @__PURE__ */ jsx21("p", { className: "feature-bullets__bullet-text", children: bullet })
|
|
1298
1360
|
] }, i)) })
|
|
1299
1361
|
] }),
|
|
1300
|
-
image && /* @__PURE__ */
|
|
1362
|
+
image && /* @__PURE__ */ jsx21("div", { className: "feature-bullets__image-wrapper", children: /* @__PURE__ */ jsx21(
|
|
1301
1363
|
"img",
|
|
1302
1364
|
{
|
|
1303
1365
|
alt: imageAlt,
|
|
@@ -1312,8 +1374,8 @@ var FeatureBullets = ({
|
|
|
1312
1374
|
|
|
1313
1375
|
// components/Footer/Footer.tsx
|
|
1314
1376
|
import { useState as useState6 } from "react";
|
|
1315
|
-
import { Fragment as Fragment2, jsx as
|
|
1316
|
-
var ExternalLinkIcon = () => /* @__PURE__ */
|
|
1377
|
+
import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
1378
|
+
var ExternalLinkIcon = () => /* @__PURE__ */ jsx22(
|
|
1317
1379
|
"svg",
|
|
1318
1380
|
{
|
|
1319
1381
|
width: "12",
|
|
@@ -1322,7 +1384,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ jsx21(
|
|
|
1322
1384
|
fill: "none",
|
|
1323
1385
|
"aria-hidden": "true",
|
|
1324
1386
|
focusable: "false",
|
|
1325
|
-
children: /* @__PURE__ */
|
|
1387
|
+
children: /* @__PURE__ */ jsx22(
|
|
1326
1388
|
"path",
|
|
1327
1389
|
{
|
|
1328
1390
|
d: "M2 2H10M10 2V10M10 2L2 10",
|
|
@@ -1334,7 +1396,7 @@ var ExternalLinkIcon = () => /* @__PURE__ */ jsx21(
|
|
|
1334
1396
|
)
|
|
1335
1397
|
}
|
|
1336
1398
|
);
|
|
1337
|
-
var ChevronDownIcon2 = () => /* @__PURE__ */
|
|
1399
|
+
var ChevronDownIcon2 = () => /* @__PURE__ */ jsx22(
|
|
1338
1400
|
"svg",
|
|
1339
1401
|
{
|
|
1340
1402
|
width: "12",
|
|
@@ -1343,7 +1405,7 @@ var ChevronDownIcon2 = () => /* @__PURE__ */ jsx21(
|
|
|
1343
1405
|
fill: "none",
|
|
1344
1406
|
"aria-hidden": "true",
|
|
1345
1407
|
focusable: "false",
|
|
1346
|
-
children: /* @__PURE__ */
|
|
1408
|
+
children: /* @__PURE__ */ jsx22(
|
|
1347
1409
|
"path",
|
|
1348
1410
|
{
|
|
1349
1411
|
d: "M2 4L6 8L10 4",
|
|
@@ -1360,9 +1422,9 @@ var DerivGoBadges = ({
|
|
|
1360
1422
|
appStoreBadge,
|
|
1361
1423
|
huaweiBadge,
|
|
1362
1424
|
availabilityNote
|
|
1363
|
-
}) => /* @__PURE__ */
|
|
1364
|
-
/* @__PURE__ */
|
|
1365
|
-
googlePlayBadge && /* @__PURE__ */
|
|
1425
|
+
}) => /* @__PURE__ */ jsxs20(Fragment2, { children: [
|
|
1426
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__app-badges", children: [
|
|
1427
|
+
googlePlayBadge && /* @__PURE__ */ jsx22(
|
|
1366
1428
|
"a",
|
|
1367
1429
|
{
|
|
1368
1430
|
href: googlePlayBadge.href,
|
|
@@ -1370,10 +1432,10 @@ var DerivGoBadges = ({
|
|
|
1370
1432
|
"aria-label": googlePlayBadge.imageAlt,
|
|
1371
1433
|
target: "_blank",
|
|
1372
1434
|
rel: "noopener noreferrer",
|
|
1373
|
-
children: googlePlayBadge.icon ?? /* @__PURE__ */
|
|
1435
|
+
children: googlePlayBadge.icon ?? /* @__PURE__ */ jsx22("img", { src: googlePlayBadge.imageSrc, alt: googlePlayBadge.imageAlt })
|
|
1374
1436
|
}
|
|
1375
1437
|
),
|
|
1376
|
-
appStoreBadge && /* @__PURE__ */
|
|
1438
|
+
appStoreBadge && /* @__PURE__ */ jsx22(
|
|
1377
1439
|
"a",
|
|
1378
1440
|
{
|
|
1379
1441
|
href: appStoreBadge.href,
|
|
@@ -1381,10 +1443,10 @@ var DerivGoBadges = ({
|
|
|
1381
1443
|
"aria-label": appStoreBadge.imageAlt,
|
|
1382
1444
|
target: "_blank",
|
|
1383
1445
|
rel: "noopener noreferrer",
|
|
1384
|
-
children: appStoreBadge.icon ?? /* @__PURE__ */
|
|
1446
|
+
children: appStoreBadge.icon ?? /* @__PURE__ */ jsx22("img", { src: appStoreBadge.imageSrc, alt: appStoreBadge.imageAlt })
|
|
1385
1447
|
}
|
|
1386
1448
|
),
|
|
1387
|
-
huaweiBadge && /* @__PURE__ */
|
|
1449
|
+
huaweiBadge && /* @__PURE__ */ jsx22(
|
|
1388
1450
|
"a",
|
|
1389
1451
|
{
|
|
1390
1452
|
href: huaweiBadge.href,
|
|
@@ -1392,13 +1454,13 @@ var DerivGoBadges = ({
|
|
|
1392
1454
|
"aria-label": huaweiBadge.imageAlt,
|
|
1393
1455
|
target: "_blank",
|
|
1394
1456
|
rel: "noopener noreferrer",
|
|
1395
|
-
children: huaweiBadge.icon ?? /* @__PURE__ */
|
|
1457
|
+
children: huaweiBadge.icon ?? /* @__PURE__ */ jsx22("img", { src: huaweiBadge.imageSrc, alt: huaweiBadge.imageAlt })
|
|
1396
1458
|
}
|
|
1397
1459
|
)
|
|
1398
1460
|
] }),
|
|
1399
|
-
availabilityNote && /* @__PURE__ */
|
|
1461
|
+
availabilityNote && /* @__PURE__ */ jsx22("p", { className: "footer__app-note", children: availabilityNote })
|
|
1400
1462
|
] });
|
|
1401
|
-
var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */
|
|
1463
|
+
var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs20(
|
|
1402
1464
|
"a",
|
|
1403
1465
|
{
|
|
1404
1466
|
href,
|
|
@@ -1407,7 +1469,7 @@ var NavLink = ({ label, href, isExternal, onClick }) => /* @__PURE__ */ jsxs19(
|
|
|
1407
1469
|
...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
|
|
1408
1470
|
children: [
|
|
1409
1471
|
label,
|
|
1410
|
-
isExternal && /* @__PURE__ */
|
|
1472
|
+
isExternal && /* @__PURE__ */ jsx22(ExternalLinkIcon, {})
|
|
1411
1473
|
]
|
|
1412
1474
|
}
|
|
1413
1475
|
);
|
|
@@ -1439,14 +1501,14 @@ var Footer = ({
|
|
|
1439
1501
|
});
|
|
1440
1502
|
};
|
|
1441
1503
|
const aiLabel = aiSummary?.label ?? "Ask AI for a summary of Deriv";
|
|
1442
|
-
return /* @__PURE__ */
|
|
1504
|
+
return /* @__PURE__ */ jsx22(
|
|
1443
1505
|
"footer",
|
|
1444
1506
|
{
|
|
1445
1507
|
className: ["footer", className].filter(Boolean).join(" "),
|
|
1446
1508
|
...props,
|
|
1447
|
-
children: /* @__PURE__ */
|
|
1448
|
-
/* @__PURE__ */
|
|
1449
|
-
/* @__PURE__ */
|
|
1509
|
+
children: /* @__PURE__ */ jsxs20("div", { className: "footer__inner", children: [
|
|
1510
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__header", children: [
|
|
1511
|
+
/* @__PURE__ */ jsx22("div", { className: "footer__logo-wrapper", children: /* @__PURE__ */ jsx22(
|
|
1450
1512
|
"img",
|
|
1451
1513
|
{
|
|
1452
1514
|
src: logoSrc,
|
|
@@ -1454,21 +1516,21 @@ var Footer = ({
|
|
|
1454
1516
|
className: "footer__logo"
|
|
1455
1517
|
}
|
|
1456
1518
|
) }),
|
|
1457
|
-
aiSummary && /* @__PURE__ */
|
|
1458
|
-
/* @__PURE__ */
|
|
1459
|
-
/* @__PURE__ */
|
|
1519
|
+
aiSummary && /* @__PURE__ */ jsxs20("div", { className: "footer__ai-bar footer__ai-bar--inline", children: [
|
|
1520
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__ai-bar-label", children: aiLabel }),
|
|
1521
|
+
/* @__PURE__ */ jsx22("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx22(
|
|
1460
1522
|
"a",
|
|
1461
1523
|
{
|
|
1462
1524
|
href: item.href,
|
|
1463
1525
|
"aria-label": item.imageAlt,
|
|
1464
1526
|
target: "_blank",
|
|
1465
1527
|
rel: "noopener noreferrer",
|
|
1466
|
-
children: /* @__PURE__ */
|
|
1528
|
+
children: /* @__PURE__ */ jsx22("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
|
|
1467
1529
|
},
|
|
1468
1530
|
i
|
|
1469
1531
|
)) })
|
|
1470
1532
|
] }),
|
|
1471
|
-
/* @__PURE__ */
|
|
1533
|
+
/* @__PURE__ */ jsx22("div", { className: "footer__social footer__social--in-header", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx22(
|
|
1472
1534
|
"a",
|
|
1473
1535
|
{
|
|
1474
1536
|
href: link.href,
|
|
@@ -1481,27 +1543,27 @@ var Footer = ({
|
|
|
1481
1543
|
i
|
|
1482
1544
|
)) })
|
|
1483
1545
|
] }),
|
|
1484
|
-
aiSummary && /* @__PURE__ */
|
|
1485
|
-
/* @__PURE__ */
|
|
1486
|
-
/* @__PURE__ */
|
|
1546
|
+
aiSummary && /* @__PURE__ */ jsx22("div", { className: "footer__ai-section", children: /* @__PURE__ */ jsxs20("div", { className: "footer__ai-bar footer__ai-bar--block", children: [
|
|
1547
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__ai-bar-label", children: aiLabel }),
|
|
1548
|
+
/* @__PURE__ */ jsx22("div", { className: "footer__ai-bar-icons", children: aiSummary.items.map((item, i) => /* @__PURE__ */ jsx22(
|
|
1487
1549
|
"a",
|
|
1488
1550
|
{
|
|
1489
1551
|
href: item.href,
|
|
1490
1552
|
"aria-label": item.imageAlt,
|
|
1491
1553
|
target: "_blank",
|
|
1492
1554
|
rel: "noopener noreferrer",
|
|
1493
|
-
children: /* @__PURE__ */
|
|
1555
|
+
children: /* @__PURE__ */ jsx22("img", { className: "footer__ai-icon", src: item.imageSrc, alt: item.imageAlt })
|
|
1494
1556
|
},
|
|
1495
1557
|
i
|
|
1496
1558
|
)) })
|
|
1497
1559
|
] }) }),
|
|
1498
|
-
/* @__PURE__ */
|
|
1499
|
-
navColumns.map((column, colIdx) => /* @__PURE__ */
|
|
1500
|
-
/* @__PURE__ */
|
|
1501
|
-
/* @__PURE__ */
|
|
1560
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__nav footer__nav--columns", children: [
|
|
1561
|
+
navColumns.map((column, colIdx) => /* @__PURE__ */ jsx22("div", { className: "footer__column", children: column.map((section, secIdx) => /* @__PURE__ */ jsxs20("div", { className: "footer__nav-section", children: [
|
|
1562
|
+
/* @__PURE__ */ jsx22("p", { className: "footer__nav-title", children: section.title }),
|
|
1563
|
+
/* @__PURE__ */ jsx22("ul", { className: "footer__nav-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22(NavLink, { ...link }) }, linkIdx)) })
|
|
1502
1564
|
] }, secIdx)) }, colIdx)),
|
|
1503
|
-
/* @__PURE__ */
|
|
1504
|
-
investorsInPeopleSrc && /* @__PURE__ */
|
|
1565
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__sidebar", children: [
|
|
1566
|
+
investorsInPeopleSrc && /* @__PURE__ */ jsx22("div", { className: "footer__investors-card", children: /* @__PURE__ */ jsx22(
|
|
1505
1567
|
"img",
|
|
1506
1568
|
{
|
|
1507
1569
|
src: investorsInPeopleSrc,
|
|
@@ -1509,9 +1571,9 @@ var Footer = ({
|
|
|
1509
1571
|
className: "footer__investors-img"
|
|
1510
1572
|
}
|
|
1511
1573
|
) }),
|
|
1512
|
-
derivGo && /* @__PURE__ */
|
|
1513
|
-
/* @__PURE__ */
|
|
1514
|
-
/* @__PURE__ */
|
|
1574
|
+
derivGo && /* @__PURE__ */ jsxs20("div", { className: "footer__deriv-go-card", children: [
|
|
1575
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__deriv-go-header", children: [
|
|
1576
|
+
/* @__PURE__ */ jsx22(
|
|
1515
1577
|
"img",
|
|
1516
1578
|
{
|
|
1517
1579
|
src: derivGo.logoSrc,
|
|
@@ -1519,11 +1581,11 @@ var Footer = ({
|
|
|
1519
1581
|
className: "footer__deriv-go-logo"
|
|
1520
1582
|
}
|
|
1521
1583
|
),
|
|
1522
|
-
/* @__PURE__ */
|
|
1584
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
|
|
1523
1585
|
] }),
|
|
1524
|
-
/* @__PURE__ */
|
|
1525
|
-
(derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */
|
|
1526
|
-
derivGo.qrCodeIcon ? /* @__PURE__ */
|
|
1586
|
+
/* @__PURE__ */ jsx22("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." }),
|
|
1587
|
+
(derivGo.qrCodeSrc || derivGo.qrCodeIcon) && /* @__PURE__ */ jsxs20("div", { className: "footer__deriv-go-qr", children: [
|
|
1588
|
+
derivGo.qrCodeIcon ? /* @__PURE__ */ jsx22("div", { className: "footer__deriv-go-qr-icon", children: derivGo.qrCodeIcon }) : /* @__PURE__ */ jsx22(
|
|
1527
1589
|
"img",
|
|
1528
1590
|
{
|
|
1529
1591
|
src: derivGo.qrCodeSrc,
|
|
@@ -1531,9 +1593,9 @@ var Footer = ({
|
|
|
1531
1593
|
className: "footer__deriv-go-qr-img"
|
|
1532
1594
|
}
|
|
1533
1595
|
),
|
|
1534
|
-
/* @__PURE__ */
|
|
1596
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__deriv-go-qr-label", children: derivGo.scanToDownloadLabel ?? "Scan to download" })
|
|
1535
1597
|
] }),
|
|
1536
|
-
/* @__PURE__ */
|
|
1598
|
+
/* @__PURE__ */ jsx22(
|
|
1537
1599
|
DerivGoBadges,
|
|
1538
1600
|
{
|
|
1539
1601
|
googlePlayBadge: derivGo.googlePlayBadge,
|
|
@@ -1545,9 +1607,9 @@ var Footer = ({
|
|
|
1545
1607
|
] })
|
|
1546
1608
|
] })
|
|
1547
1609
|
] }),
|
|
1548
|
-
/* @__PURE__ */
|
|
1610
|
+
/* @__PURE__ */ jsx22("div", { className: "footer__nav footer__nav--accordion", children: allSections.map((section, idx) => {
|
|
1549
1611
|
const isOpen = openSections.has(idx);
|
|
1550
|
-
return /* @__PURE__ */
|
|
1612
|
+
return /* @__PURE__ */ jsxs20(
|
|
1551
1613
|
"div",
|
|
1552
1614
|
{
|
|
1553
1615
|
className: [
|
|
@@ -1555,7 +1617,7 @@ var Footer = ({
|
|
|
1555
1617
|
isOpen && "footer__accordion-item--open"
|
|
1556
1618
|
].filter(Boolean).join(" "),
|
|
1557
1619
|
children: [
|
|
1558
|
-
/* @__PURE__ */
|
|
1620
|
+
/* @__PURE__ */ jsxs20(
|
|
1559
1621
|
"button",
|
|
1560
1622
|
{
|
|
1561
1623
|
type: "button",
|
|
@@ -1563,18 +1625,18 @@ var Footer = ({
|
|
|
1563
1625
|
onClick: () => toggleSection(idx),
|
|
1564
1626
|
"aria-expanded": isOpen,
|
|
1565
1627
|
children: [
|
|
1566
|
-
/* @__PURE__ */
|
|
1567
|
-
/* @__PURE__ */
|
|
1628
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__accordion-label", children: section.title }),
|
|
1629
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__accordion-chevron", children: /* @__PURE__ */ jsx22(ChevronDownIcon2, {}) })
|
|
1568
1630
|
]
|
|
1569
1631
|
}
|
|
1570
1632
|
),
|
|
1571
|
-
isOpen && /* @__PURE__ */
|
|
1633
|
+
isOpen && /* @__PURE__ */ jsx22("ul", { className: "footer__accordion-links", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22(NavLink, { ...link }) }, linkIdx)) })
|
|
1572
1634
|
]
|
|
1573
1635
|
},
|
|
1574
1636
|
idx
|
|
1575
1637
|
);
|
|
1576
1638
|
}) }),
|
|
1577
|
-
socialLinks.length > 0 && /* @__PURE__ */
|
|
1639
|
+
socialLinks.length > 0 && /* @__PURE__ */ jsx22("div", { className: "footer__social footer__social--standalone", children: socialLinks.map((link, i) => /* @__PURE__ */ jsx22(
|
|
1578
1640
|
"a",
|
|
1579
1641
|
{
|
|
1580
1642
|
href: link.href,
|
|
@@ -1586,10 +1648,10 @@ var Footer = ({
|
|
|
1586
1648
|
},
|
|
1587
1649
|
i
|
|
1588
1650
|
)) }),
|
|
1589
|
-
derivGo && /* @__PURE__ */
|
|
1590
|
-
/* @__PURE__ */
|
|
1591
|
-
/* @__PURE__ */
|
|
1592
|
-
/* @__PURE__ */
|
|
1651
|
+
derivGo && /* @__PURE__ */ jsxs20("div", { className: "footer__deriv-go-banner", children: [
|
|
1652
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__deriv-go-banner-info", children: [
|
|
1653
|
+
/* @__PURE__ */ jsxs20("div", { className: "footer__deriv-go-header", children: [
|
|
1654
|
+
/* @__PURE__ */ jsx22(
|
|
1593
1655
|
"img",
|
|
1594
1656
|
{
|
|
1595
1657
|
src: derivGo.logoSrc,
|
|
@@ -1597,11 +1659,11 @@ var Footer = ({
|
|
|
1597
1659
|
className: "footer__deriv-go-logo"
|
|
1598
1660
|
}
|
|
1599
1661
|
),
|
|
1600
|
-
/* @__PURE__ */
|
|
1662
|
+
/* @__PURE__ */ jsx22("span", { className: "footer__deriv-go-title", children: derivGo.title ?? "Deriv GO" })
|
|
1601
1663
|
] }),
|
|
1602
|
-
/* @__PURE__ */
|
|
1664
|
+
/* @__PURE__ */ jsx22("p", { className: "footer__deriv-go-desc", children: derivGo.description ?? "Trade multipliers on our mobile app." })
|
|
1603
1665
|
] }),
|
|
1604
|
-
/* @__PURE__ */
|
|
1666
|
+
/* @__PURE__ */ jsx22("div", { className: "footer__deriv-go-banner-badges", children: /* @__PURE__ */ jsx22(
|
|
1605
1667
|
DerivGoBadges,
|
|
1606
1668
|
{
|
|
1607
1669
|
googlePlayBadge: derivGo.googlePlayBadge,
|
|
@@ -1611,11 +1673,11 @@ var Footer = ({
|
|
|
1611
1673
|
}
|
|
1612
1674
|
) })
|
|
1613
1675
|
] }),
|
|
1614
|
-
(licenseText || riskWarningText) && /* @__PURE__ */
|
|
1615
|
-
licenseText && /* @__PURE__ */
|
|
1616
|
-
riskWarningText && /* @__PURE__ */
|
|
1676
|
+
(licenseText || riskWarningText) && /* @__PURE__ */ jsxs20("div", { className: "footer__legal-block", children: [
|
|
1677
|
+
licenseText && /* @__PURE__ */ jsx22("div", { className: "footer__license", children: licenseText }),
|
|
1678
|
+
riskWarningText && /* @__PURE__ */ jsx22("div", { className: "footer__risk-warning", children: /* @__PURE__ */ jsx22("p", { className: "footer__risk-warning-text", children: riskWarningText }) })
|
|
1617
1679
|
] }),
|
|
1618
|
-
investorsInPeopleSrc && /* @__PURE__ */
|
|
1680
|
+
investorsInPeopleSrc && /* @__PURE__ */ jsx22("div", { className: "footer__investors-stacked", children: /* @__PURE__ */ jsx22(
|
|
1619
1681
|
"img",
|
|
1620
1682
|
{
|
|
1621
1683
|
src: investorsInPeopleSrc,
|
|
@@ -1629,19 +1691,19 @@ var Footer = ({
|
|
|
1629
1691
|
};
|
|
1630
1692
|
|
|
1631
1693
|
// templates/Hero/Hero.tsx
|
|
1632
|
-
import { jsx as
|
|
1694
|
+
import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
1633
1695
|
var Visual = ({
|
|
1634
1696
|
src,
|
|
1635
1697
|
className,
|
|
1636
1698
|
alt = ""
|
|
1637
|
-
}) => /* @__PURE__ */
|
|
1699
|
+
}) => /* @__PURE__ */ jsx23("div", { className, children: typeof src === "string" ? /* @__PURE__ */ jsx23("img", { src, alt }) : src });
|
|
1638
1700
|
var ButtonBlock = ({
|
|
1639
1701
|
primaryButton,
|
|
1640
1702
|
secondaryButton
|
|
1641
1703
|
}) => {
|
|
1642
1704
|
if (!primaryButton && !secondaryButton) return null;
|
|
1643
|
-
return /* @__PURE__ */
|
|
1644
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */
|
|
1705
|
+
return /* @__PURE__ */ jsxs21("div", { className: "hero__buttons", children: [
|
|
1706
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx23("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx23(
|
|
1645
1707
|
Button,
|
|
1646
1708
|
{
|
|
1647
1709
|
colorScheme: "coral",
|
|
@@ -1649,7 +1711,7 @@ var ButtonBlock = ({
|
|
|
1649
1711
|
label: primaryButton.label,
|
|
1650
1712
|
onClick: primaryButton.onClick
|
|
1651
1713
|
}
|
|
1652
|
-
) }) : /* @__PURE__ */
|
|
1714
|
+
) }) : /* @__PURE__ */ jsx23(
|
|
1653
1715
|
Button,
|
|
1654
1716
|
{
|
|
1655
1717
|
colorScheme: "coral",
|
|
@@ -1658,7 +1720,7 @@ var ButtonBlock = ({
|
|
|
1658
1720
|
onClick: primaryButton.onClick
|
|
1659
1721
|
}
|
|
1660
1722
|
)),
|
|
1661
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */
|
|
1723
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx23("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx23(
|
|
1662
1724
|
Button,
|
|
1663
1725
|
{
|
|
1664
1726
|
colorScheme: "white",
|
|
@@ -1666,7 +1728,7 @@ var ButtonBlock = ({
|
|
|
1666
1728
|
label: secondaryButton.label,
|
|
1667
1729
|
onClick: secondaryButton.onClick
|
|
1668
1730
|
}
|
|
1669
|
-
) }) : /* @__PURE__ */
|
|
1731
|
+
) }) : /* @__PURE__ */ jsx23(
|
|
1670
1732
|
Button,
|
|
1671
1733
|
{
|
|
1672
1734
|
colorScheme: "white",
|
|
@@ -1693,22 +1755,22 @@ var Hero = ({
|
|
|
1693
1755
|
}) => {
|
|
1694
1756
|
const variantClass = `hero--${variant}`;
|
|
1695
1757
|
if (variant === "split") {
|
|
1696
|
-
return /* @__PURE__ */
|
|
1758
|
+
return /* @__PURE__ */ jsxs21(
|
|
1697
1759
|
"section",
|
|
1698
1760
|
{
|
|
1699
1761
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1700
1762
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1701
1763
|
...props,
|
|
1702
1764
|
children: [
|
|
1703
|
-
/* @__PURE__ */
|
|
1704
|
-
heroImage && /* @__PURE__ */
|
|
1705
|
-
/* @__PURE__ */
|
|
1706
|
-
/* @__PURE__ */
|
|
1707
|
-
subtitle && /* @__PURE__ */
|
|
1708
|
-
/* @__PURE__ */
|
|
1709
|
-
description && /* @__PURE__ */
|
|
1765
|
+
/* @__PURE__ */ jsx23("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1766
|
+
heroImage && /* @__PURE__ */ jsx23(Visual, { src: heroImage, className: "hero__image-slot", alt: "" }),
|
|
1767
|
+
/* @__PURE__ */ jsx23("div", { className: "hero__inner", children: /* @__PURE__ */ jsx23("div", { className: "hero__content", children: /* @__PURE__ */ jsx23("div", { className: "hero__left", children: /* @__PURE__ */ jsxs21("div", { className: "hero__body", children: [
|
|
1768
|
+
/* @__PURE__ */ jsxs21("div", { className: "hero__text", children: [
|
|
1769
|
+
subtitle && /* @__PURE__ */ jsx23("p", { className: "hero__subtitle", children: subtitle }),
|
|
1770
|
+
/* @__PURE__ */ jsx23("h2", { className: "hero__title", children: title }),
|
|
1771
|
+
description && /* @__PURE__ */ jsx23("p", { className: "hero__description", children: description })
|
|
1710
1772
|
] }),
|
|
1711
|
-
/* @__PURE__ */
|
|
1773
|
+
/* @__PURE__ */ jsx23(
|
|
1712
1774
|
ButtonBlock,
|
|
1713
1775
|
{
|
|
1714
1776
|
primaryButton,
|
|
@@ -1721,21 +1783,21 @@ var Hero = ({
|
|
|
1721
1783
|
);
|
|
1722
1784
|
}
|
|
1723
1785
|
if (variant === "centered") {
|
|
1724
|
-
return /* @__PURE__ */
|
|
1786
|
+
return /* @__PURE__ */ jsxs21(
|
|
1725
1787
|
"section",
|
|
1726
1788
|
{
|
|
1727
1789
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1728
1790
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1729
1791
|
...props,
|
|
1730
1792
|
children: [
|
|
1731
|
-
/* @__PURE__ */
|
|
1732
|
-
/* @__PURE__ */
|
|
1733
|
-
/* @__PURE__ */
|
|
1734
|
-
subtitle && /* @__PURE__ */
|
|
1735
|
-
/* @__PURE__ */
|
|
1736
|
-
description && /* @__PURE__ */
|
|
1793
|
+
/* @__PURE__ */ jsx23("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1794
|
+
/* @__PURE__ */ jsx23("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs21("div", { className: "hero__content", children: [
|
|
1795
|
+
/* @__PURE__ */ jsxs21("div", { className: "hero__text", children: [
|
|
1796
|
+
subtitle && /* @__PURE__ */ jsx23("p", { className: "hero__subtitle", children: subtitle }),
|
|
1797
|
+
/* @__PURE__ */ jsx23("h2", { className: "hero__title", children: title }),
|
|
1798
|
+
description && /* @__PURE__ */ jsx23("p", { className: "hero__description", children: description })
|
|
1737
1799
|
] }),
|
|
1738
|
-
/* @__PURE__ */
|
|
1800
|
+
/* @__PURE__ */ jsx23(
|
|
1739
1801
|
ButtonBlock,
|
|
1740
1802
|
{
|
|
1741
1803
|
primaryButton,
|
|
@@ -1747,28 +1809,28 @@ var Hero = ({
|
|
|
1747
1809
|
}
|
|
1748
1810
|
);
|
|
1749
1811
|
}
|
|
1750
|
-
return /* @__PURE__ */
|
|
1812
|
+
return /* @__PURE__ */ jsxs21(
|
|
1751
1813
|
"section",
|
|
1752
1814
|
{
|
|
1753
1815
|
className: ["hero", variantClass, className].filter(Boolean).join(" "),
|
|
1754
1816
|
style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})` } : void 0,
|
|
1755
1817
|
...props,
|
|
1756
1818
|
children: [
|
|
1757
|
-
/* @__PURE__ */
|
|
1758
|
-
/* @__PURE__ */
|
|
1759
|
-
/* @__PURE__ */
|
|
1760
|
-
subtitle && /* @__PURE__ */
|
|
1761
|
-
/* @__PURE__ */
|
|
1762
|
-
description && /* @__PURE__ */
|
|
1819
|
+
/* @__PURE__ */ jsx23("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1820
|
+
/* @__PURE__ */ jsx23("div", { className: "hero__inner", children: /* @__PURE__ */ jsxs21("div", { className: "hero__content", children: [
|
|
1821
|
+
/* @__PURE__ */ jsxs21("div", { className: "hero__text", children: [
|
|
1822
|
+
subtitle && /* @__PURE__ */ jsx23("p", { className: "hero__subtitle", children: subtitle }),
|
|
1823
|
+
/* @__PURE__ */ jsx23("h2", { className: "hero__title", children: title }),
|
|
1824
|
+
description && /* @__PURE__ */ jsx23("p", { className: "hero__description", children: description })
|
|
1763
1825
|
] }),
|
|
1764
|
-
/* @__PURE__ */
|
|
1826
|
+
/* @__PURE__ */ jsx23(
|
|
1765
1827
|
ButtonBlock,
|
|
1766
1828
|
{
|
|
1767
1829
|
primaryButton,
|
|
1768
1830
|
secondaryButton
|
|
1769
1831
|
}
|
|
1770
1832
|
),
|
|
1771
|
-
productImage && /* @__PURE__ */
|
|
1833
|
+
productImage && /* @__PURE__ */ jsx23(
|
|
1772
1834
|
Visual,
|
|
1773
1835
|
{
|
|
1774
1836
|
src: productImage,
|
|
@@ -1776,7 +1838,7 @@ var Hero = ({
|
|
|
1776
1838
|
alt: ""
|
|
1777
1839
|
}
|
|
1778
1840
|
),
|
|
1779
|
-
floatingImage && /* @__PURE__ */
|
|
1841
|
+
floatingImage && /* @__PURE__ */ jsx23(
|
|
1780
1842
|
Visual,
|
|
1781
1843
|
{
|
|
1782
1844
|
src: floatingImage,
|
|
@@ -1792,14 +1854,14 @@ var Hero = ({
|
|
|
1792
1854
|
|
|
1793
1855
|
// templates/Header/Header.tsx
|
|
1794
1856
|
import { useEffect as useEffect3, useRef as useRef3 } from "react";
|
|
1795
|
-
import { jsx as
|
|
1857
|
+
import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
1796
1858
|
var ButtonBlock2 = ({
|
|
1797
1859
|
primaryButton,
|
|
1798
1860
|
secondaryButton
|
|
1799
1861
|
}) => {
|
|
1800
1862
|
if (!primaryButton && !secondaryButton) return null;
|
|
1801
|
-
return /* @__PURE__ */
|
|
1802
|
-
primaryButton && (primaryButton.href ? /* @__PURE__ */
|
|
1863
|
+
return /* @__PURE__ */ jsxs22("div", { className: "header__buttons", children: [
|
|
1864
|
+
primaryButton && (primaryButton.href ? /* @__PURE__ */ jsx24("a", { href: primaryButton.href, children: /* @__PURE__ */ jsx24(
|
|
1803
1865
|
Button,
|
|
1804
1866
|
{
|
|
1805
1867
|
colorScheme: "coral",
|
|
@@ -1807,7 +1869,7 @@ var ButtonBlock2 = ({
|
|
|
1807
1869
|
label: primaryButton.label,
|
|
1808
1870
|
onClick: primaryButton.onClick
|
|
1809
1871
|
}
|
|
1810
|
-
) }) : /* @__PURE__ */
|
|
1872
|
+
) }) : /* @__PURE__ */ jsx24(
|
|
1811
1873
|
Button,
|
|
1812
1874
|
{
|
|
1813
1875
|
colorScheme: "coral",
|
|
@@ -1816,7 +1878,7 @@ var ButtonBlock2 = ({
|
|
|
1816
1878
|
onClick: primaryButton.onClick
|
|
1817
1879
|
}
|
|
1818
1880
|
)),
|
|
1819
|
-
secondaryButton && (secondaryButton.href ? /* @__PURE__ */
|
|
1881
|
+
secondaryButton && (secondaryButton.href ? /* @__PURE__ */ jsx24("a", { href: secondaryButton.href, children: /* @__PURE__ */ jsx24(
|
|
1820
1882
|
Button,
|
|
1821
1883
|
{
|
|
1822
1884
|
colorScheme: "white",
|
|
@@ -1824,7 +1886,7 @@ var ButtonBlock2 = ({
|
|
|
1824
1886
|
label: secondaryButton.label,
|
|
1825
1887
|
onClick: secondaryButton.onClick
|
|
1826
1888
|
}
|
|
1827
|
-
) }) : /* @__PURE__ */
|
|
1889
|
+
) }) : /* @__PURE__ */ jsx24(
|
|
1828
1890
|
Button,
|
|
1829
1891
|
{
|
|
1830
1892
|
colorScheme: "white",
|
|
@@ -1881,25 +1943,25 @@ var Header = ({
|
|
|
1881
1943
|
onScroll();
|
|
1882
1944
|
return () => scrollEl.removeEventListener("scroll", onScroll);
|
|
1883
1945
|
}, [variant]);
|
|
1884
|
-
const textBlock = /* @__PURE__ */
|
|
1885
|
-
subtitle && /* @__PURE__ */
|
|
1886
|
-
/* @__PURE__ */
|
|
1887
|
-
description && /* @__PURE__ */
|
|
1946
|
+
const textBlock = /* @__PURE__ */ jsxs22("div", { className: "header__text", children: [
|
|
1947
|
+
subtitle && /* @__PURE__ */ jsx24("p", { className: "header__subtitle", children: subtitle }),
|
|
1948
|
+
/* @__PURE__ */ jsx24("h2", { className: "header__title", children: title }),
|
|
1949
|
+
description && /* @__PURE__ */ jsx24("p", { className: "header__description", children: description })
|
|
1888
1950
|
] });
|
|
1889
|
-
return /* @__PURE__ */
|
|
1951
|
+
return /* @__PURE__ */ jsxs22(
|
|
1890
1952
|
"section",
|
|
1891
1953
|
{
|
|
1892
1954
|
ref: sectionRef,
|
|
1893
1955
|
className: ["header", variantClass, className].filter(Boolean).join(" "),
|
|
1894
1956
|
...props,
|
|
1895
1957
|
children: [
|
|
1896
|
-
/* @__PURE__ */
|
|
1897
|
-
variant === "visuals" && leftVisual && /* @__PURE__ */
|
|
1898
|
-
variant === "visuals" && rightVisual && /* @__PURE__ */
|
|
1899
|
-
/* @__PURE__ */
|
|
1900
|
-
/* @__PURE__ */
|
|
1958
|
+
/* @__PURE__ */ jsx24("div", { className: "header__grid", "aria-hidden": "true" }),
|
|
1959
|
+
variant === "visuals" && leftVisual && /* @__PURE__ */ jsx24("div", { ref: leftRef, className: "header__visual header__visual--left", children: typeof leftVisual === "string" ? /* @__PURE__ */ jsx24("img", { src: leftVisual, alt: "" }) : leftVisual }),
|
|
1960
|
+
variant === "visuals" && rightVisual && /* @__PURE__ */ jsx24("div", { ref: rightRef, className: "header__visual header__visual--right", children: typeof rightVisual === "string" ? /* @__PURE__ */ jsx24("img", { src: rightVisual, alt: "" }) : rightVisual }),
|
|
1961
|
+
/* @__PURE__ */ jsx24("div", { className: "header__overlay", "aria-hidden": "true" }),
|
|
1962
|
+
/* @__PURE__ */ jsx24("div", { className: "header__inner", children: /* @__PURE__ */ jsx24("div", { className: "header__content", children: /* @__PURE__ */ jsxs22("div", { className: "header__body", children: [
|
|
1901
1963
|
textBlock,
|
|
1902
|
-
/* @__PURE__ */
|
|
1964
|
+
/* @__PURE__ */ jsx24(
|
|
1903
1965
|
ButtonBlock2,
|
|
1904
1966
|
{
|
|
1905
1967
|
primaryButton,
|
|
@@ -1914,7 +1976,7 @@ var Header = ({
|
|
|
1914
1976
|
|
|
1915
1977
|
// templates/Stats/StatsV2.tsx
|
|
1916
1978
|
import { useEffect as useEffect4, useMemo, useRef as useRef4, useState as useState7 } from "react";
|
|
1917
|
-
import { jsx as
|
|
1979
|
+
import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
1918
1980
|
var HOLD_MS = 1e3;
|
|
1919
1981
|
var STEP_DURATION_MS = 700;
|
|
1920
1982
|
var INTERVAL_MS = HOLD_MS + STEP_DURATION_MS;
|
|
@@ -1974,7 +2036,7 @@ function slotForIndex(index, step) {
|
|
|
1974
2036
|
if (rel < -1) return "exiting";
|
|
1975
2037
|
return "queued";
|
|
1976
2038
|
}
|
|
1977
|
-
var Laurel = ({ flip = false }) => /* @__PURE__ */
|
|
2039
|
+
var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx25(
|
|
1978
2040
|
"svg",
|
|
1979
2041
|
{
|
|
1980
2042
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1988,8 +2050,8 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
1988
2050
|
"stats-v2__laurel",
|
|
1989
2051
|
flip ? "stats-v2__laurel--flip" : ""
|
|
1990
2052
|
].filter(Boolean).join(" "),
|
|
1991
|
-
children: /* @__PURE__ */
|
|
1992
|
-
/* @__PURE__ */
|
|
2053
|
+
children: /* @__PURE__ */ jsxs23("g", { opacity: "0.2", children: [
|
|
2054
|
+
/* @__PURE__ */ jsx25(
|
|
1993
2055
|
"path",
|
|
1994
2056
|
{
|
|
1995
2057
|
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",
|
|
@@ -1997,7 +2059,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
1997
2059
|
stroke: "currentColor"
|
|
1998
2060
|
}
|
|
1999
2061
|
),
|
|
2000
|
-
/* @__PURE__ */
|
|
2062
|
+
/* @__PURE__ */ jsx25(
|
|
2001
2063
|
"path",
|
|
2002
2064
|
{
|
|
2003
2065
|
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",
|
|
@@ -2005,7 +2067,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2005
2067
|
stroke: "currentColor"
|
|
2006
2068
|
}
|
|
2007
2069
|
),
|
|
2008
|
-
/* @__PURE__ */
|
|
2070
|
+
/* @__PURE__ */ jsx25(
|
|
2009
2071
|
"path",
|
|
2010
2072
|
{
|
|
2011
2073
|
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",
|
|
@@ -2013,7 +2075,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2013
2075
|
stroke: "currentColor"
|
|
2014
2076
|
}
|
|
2015
2077
|
),
|
|
2016
|
-
/* @__PURE__ */
|
|
2078
|
+
/* @__PURE__ */ jsx25(
|
|
2017
2079
|
"path",
|
|
2018
2080
|
{
|
|
2019
2081
|
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",
|
|
@@ -2021,7 +2083,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2021
2083
|
stroke: "currentColor"
|
|
2022
2084
|
}
|
|
2023
2085
|
),
|
|
2024
|
-
/* @__PURE__ */
|
|
2086
|
+
/* @__PURE__ */ jsx25(
|
|
2025
2087
|
"path",
|
|
2026
2088
|
{
|
|
2027
2089
|
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",
|
|
@@ -2029,7 +2091,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2029
2091
|
stroke: "currentColor"
|
|
2030
2092
|
}
|
|
2031
2093
|
),
|
|
2032
|
-
/* @__PURE__ */
|
|
2094
|
+
/* @__PURE__ */ jsx25(
|
|
2033
2095
|
"path",
|
|
2034
2096
|
{
|
|
2035
2097
|
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",
|
|
@@ -2037,7 +2099,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2037
2099
|
stroke: "currentColor"
|
|
2038
2100
|
}
|
|
2039
2101
|
),
|
|
2040
|
-
/* @__PURE__ */
|
|
2102
|
+
/* @__PURE__ */ jsx25(
|
|
2041
2103
|
"path",
|
|
2042
2104
|
{
|
|
2043
2105
|
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",
|
|
@@ -2045,7 +2107,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2045
2107
|
stroke: "currentColor"
|
|
2046
2108
|
}
|
|
2047
2109
|
),
|
|
2048
|
-
/* @__PURE__ */
|
|
2110
|
+
/* @__PURE__ */ jsx25(
|
|
2049
2111
|
"path",
|
|
2050
2112
|
{
|
|
2051
2113
|
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",
|
|
@@ -2053,7 +2115,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2053
2115
|
stroke: "currentColor"
|
|
2054
2116
|
}
|
|
2055
2117
|
),
|
|
2056
|
-
/* @__PURE__ */
|
|
2118
|
+
/* @__PURE__ */ jsx25(
|
|
2057
2119
|
"path",
|
|
2058
2120
|
{
|
|
2059
2121
|
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",
|
|
@@ -2061,7 +2123,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2061
2123
|
stroke: "currentColor"
|
|
2062
2124
|
}
|
|
2063
2125
|
),
|
|
2064
|
-
/* @__PURE__ */
|
|
2126
|
+
/* @__PURE__ */ jsx25(
|
|
2065
2127
|
"path",
|
|
2066
2128
|
{
|
|
2067
2129
|
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",
|
|
@@ -2069,7 +2131,7 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2069
2131
|
stroke: "currentColor"
|
|
2070
2132
|
}
|
|
2071
2133
|
),
|
|
2072
|
-
/* @__PURE__ */
|
|
2134
|
+
/* @__PURE__ */ jsx25(
|
|
2073
2135
|
"path",
|
|
2074
2136
|
{
|
|
2075
2137
|
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",
|
|
@@ -2080,13 +2142,13 @@ var Laurel = ({ flip = false }) => /* @__PURE__ */ jsx24(
|
|
|
2080
2142
|
] })
|
|
2081
2143
|
}
|
|
2082
2144
|
);
|
|
2083
|
-
var AwardBadge = ({ heading, subheading }) => /* @__PURE__ */
|
|
2084
|
-
/* @__PURE__ */
|
|
2085
|
-
/* @__PURE__ */
|
|
2086
|
-
/* @__PURE__ */
|
|
2087
|
-
/* @__PURE__ */
|
|
2145
|
+
var AwardBadge = ({ heading, subheading }) => /* @__PURE__ */ jsxs23("div", { className: "stats-v2__award", children: [
|
|
2146
|
+
/* @__PURE__ */ jsx25(Laurel, {}),
|
|
2147
|
+
/* @__PURE__ */ jsxs23("div", { className: "stats-v2__award-text", children: [
|
|
2148
|
+
/* @__PURE__ */ jsx25("div", { className: "stats-v2__award-heading", children: heading }),
|
|
2149
|
+
/* @__PURE__ */ jsx25("div", { className: "stats-v2__award-subheading", children: subheading })
|
|
2088
2150
|
] }),
|
|
2089
|
-
/* @__PURE__ */
|
|
2151
|
+
/* @__PURE__ */ jsx25(Laurel, { flip: true })
|
|
2090
2152
|
] });
|
|
2091
2153
|
var Stats = ({
|
|
2092
2154
|
title,
|
|
@@ -2209,35 +2271,35 @@ var Stats = ({
|
|
|
2209
2271
|
};
|
|
2210
2272
|
}, []);
|
|
2211
2273
|
const transition = phase === "idle" ? TRANSITION : "none";
|
|
2212
|
-
return /* @__PURE__ */
|
|
2274
|
+
return /* @__PURE__ */ jsx25(
|
|
2213
2275
|
"section",
|
|
2214
2276
|
{
|
|
2215
2277
|
ref: sectionRef,
|
|
2216
2278
|
className: ["stats-v2", className].filter(Boolean).join(" "),
|
|
2217
2279
|
...props,
|
|
2218
|
-
children: /* @__PURE__ */
|
|
2219
|
-
/* @__PURE__ */
|
|
2220
|
-
/* @__PURE__ */
|
|
2221
|
-
description && /* @__PURE__ */
|
|
2280
|
+
children: /* @__PURE__ */ jsxs23("div", { className: "stats-v2__inner", children: [
|
|
2281
|
+
/* @__PURE__ */ jsxs23("div", { className: "stats-v2__header", children: [
|
|
2282
|
+
/* @__PURE__ */ jsx25("h2", { className: "stats-v2__title", children: title }),
|
|
2283
|
+
description && /* @__PURE__ */ jsx25("p", { className: "stats-v2__description", children: description })
|
|
2222
2284
|
] }),
|
|
2223
|
-
/* @__PURE__ */
|
|
2224
|
-
leftAwards.length > 0 && /* @__PURE__ */
|
|
2285
|
+
/* @__PURE__ */ jsxs23("div", { className: "stats-v2__content", children: [
|
|
2286
|
+
leftAwards.length > 0 && /* @__PURE__ */ jsx25(
|
|
2225
2287
|
"div",
|
|
2226
2288
|
{
|
|
2227
2289
|
ref: leftColRef,
|
|
2228
2290
|
className: "stats-v2__awards-col stats-v2__awards-col--left",
|
|
2229
|
-
children: leftAwards.map((award, i) => /* @__PURE__ */
|
|
2291
|
+
children: leftAwards.map((award, i) => /* @__PURE__ */ jsx25(AwardBadge, { ...award }, `l-${i}`))
|
|
2230
2292
|
}
|
|
2231
2293
|
),
|
|
2232
|
-
/* @__PURE__ */
|
|
2233
|
-
/* @__PURE__ */
|
|
2294
|
+
/* @__PURE__ */ jsx25("div", { className: "stats-v2__card", children: /* @__PURE__ */ jsxs23("div", { className: "stats-v2__card-track", children: [
|
|
2295
|
+
/* @__PURE__ */ jsx25(
|
|
2234
2296
|
"div",
|
|
2235
2297
|
{
|
|
2236
2298
|
className: "stats-v2__fade stats-v2__fade--top",
|
|
2237
2299
|
"aria-hidden": "true"
|
|
2238
2300
|
}
|
|
2239
2301
|
),
|
|
2240
|
-
/* @__PURE__ */
|
|
2302
|
+
/* @__PURE__ */ jsx25(
|
|
2241
2303
|
"div",
|
|
2242
2304
|
{
|
|
2243
2305
|
className: "stats-v2__fade stats-v2__fade--bottom",
|
|
@@ -2247,7 +2309,7 @@ var Stats = ({
|
|
|
2247
2309
|
strip.map((stat, i) => {
|
|
2248
2310
|
const slot = slotForIndex(i, step);
|
|
2249
2311
|
const active = slot === "active";
|
|
2250
|
-
return /* @__PURE__ */
|
|
2312
|
+
return /* @__PURE__ */ jsxs23(
|
|
2251
2313
|
"div",
|
|
2252
2314
|
{
|
|
2253
2315
|
className: [
|
|
@@ -2257,23 +2319,23 @@ var Stats = ({
|
|
|
2257
2319
|
style: getSlotStyle(slot, transition),
|
|
2258
2320
|
"aria-hidden": !active,
|
|
2259
2321
|
children: [
|
|
2260
|
-
/* @__PURE__ */
|
|
2261
|
-
/* @__PURE__ */
|
|
2322
|
+
/* @__PURE__ */ jsx25("span", { className: "stats-v2__stat-value", children: stat.value }),
|
|
2323
|
+
/* @__PURE__ */ jsx25("span", { className: "stats-v2__stat-label", children: stat.label })
|
|
2262
2324
|
]
|
|
2263
2325
|
},
|
|
2264
2326
|
i
|
|
2265
2327
|
);
|
|
2266
2328
|
})
|
|
2267
2329
|
] }) }),
|
|
2268
|
-
rightAwards.length > 0 && /* @__PURE__ */
|
|
2330
|
+
rightAwards.length > 0 && /* @__PURE__ */ jsx25(
|
|
2269
2331
|
"div",
|
|
2270
2332
|
{
|
|
2271
2333
|
ref: rightColRef,
|
|
2272
2334
|
className: "stats-v2__awards-col stats-v2__awards-col--right",
|
|
2273
|
-
children: rightAwards.map((award, i) => /* @__PURE__ */
|
|
2335
|
+
children: rightAwards.map((award, i) => /* @__PURE__ */ jsx25(AwardBadge, { ...award }, `r-${i}`))
|
|
2274
2336
|
}
|
|
2275
2337
|
),
|
|
2276
|
-
hasAwards && /* @__PURE__ */
|
|
2338
|
+
hasAwards && /* @__PURE__ */ jsx25("div", { className: "stats-v2__awards-mobile", children: allAwards.map((award, i) => /* @__PURE__ */ jsx25(AwardBadge, { ...award }, `m-${i}`)) })
|
|
2277
2339
|
] })
|
|
2278
2340
|
] })
|
|
2279
2341
|
}
|
|
@@ -2282,7 +2344,7 @@ var Stats = ({
|
|
|
2282
2344
|
|
|
2283
2345
|
// templates/Stats/StatsSimple.tsx
|
|
2284
2346
|
import { useEffect as useEffect5, useRef as useRef5, useState as useState8 } from "react";
|
|
2285
|
-
import { jsx as
|
|
2347
|
+
import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2286
2348
|
function parseValue(raw) {
|
|
2287
2349
|
const match = raw.match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
|
|
2288
2350
|
if (!match) return { prefix: "", number: 0, suffix: raw };
|
|
@@ -2325,7 +2387,7 @@ var AnimatedValue = ({
|
|
|
2325
2387
|
const { prefix, number, suffix } = parseValue(raw);
|
|
2326
2388
|
const count = useCountUp(number, active);
|
|
2327
2389
|
const formatted = number >= 1e3 && !/[KMBkmb]/.test(suffix) ? count.toLocaleString() : String(count);
|
|
2328
|
-
return /* @__PURE__ */
|
|
2390
|
+
return /* @__PURE__ */ jsxs24("span", { className: "stats-simple__value", children: [
|
|
2329
2391
|
prefix,
|
|
2330
2392
|
formatted,
|
|
2331
2393
|
suffix
|
|
@@ -2353,15 +2415,15 @@ var StatsSimple = ({
|
|
|
2353
2415
|
observer.observe(el);
|
|
2354
2416
|
return () => observer.disconnect();
|
|
2355
2417
|
}, []);
|
|
2356
|
-
return /* @__PURE__ */
|
|
2418
|
+
return /* @__PURE__ */ jsx26(
|
|
2357
2419
|
"section",
|
|
2358
2420
|
{
|
|
2359
2421
|
ref: sectionRef,
|
|
2360
2422
|
className: ["stats-simple", className].filter(Boolean).join(" "),
|
|
2361
2423
|
...props,
|
|
2362
|
-
children: /* @__PURE__ */
|
|
2363
|
-
/* @__PURE__ */
|
|
2364
|
-
/* @__PURE__ */
|
|
2424
|
+
children: /* @__PURE__ */ jsx26("div", { className: "stats-simple__inner", children: stats.map((stat, i) => /* @__PURE__ */ jsxs24("div", { className: "stats-simple__item", children: [
|
|
2425
|
+
/* @__PURE__ */ jsx26(AnimatedValue, { raw: stat.value, active: animated }),
|
|
2426
|
+
/* @__PURE__ */ jsx26("span", { className: "stats-simple__label", children: stat.label })
|
|
2365
2427
|
] }, i)) })
|
|
2366
2428
|
}
|
|
2367
2429
|
);
|
|
@@ -2373,7 +2435,7 @@ import { useLayoutEffect, useRef as useRef7, useState as useState10 } from "reac
|
|
|
2373
2435
|
// components/DotLottieInView/DotLottieInView.tsx
|
|
2374
2436
|
import { useEffect as useEffect6, useRef as useRef6, useState as useState9 } from "react";
|
|
2375
2437
|
import { DotLottieReact } from "@lottiefiles/dotlottie-react";
|
|
2376
|
-
import { jsx as
|
|
2438
|
+
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
2377
2439
|
function DotLottieInView({
|
|
2378
2440
|
enabled = true,
|
|
2379
2441
|
rootMargin = "0px",
|
|
@@ -2406,7 +2468,7 @@ function DotLottieInView({
|
|
|
2406
2468
|
dotLottie.stop();
|
|
2407
2469
|
dotLottie.play();
|
|
2408
2470
|
}, [dotLottie, enabled, inView]);
|
|
2409
|
-
return /* @__PURE__ */
|
|
2471
|
+
return /* @__PURE__ */ jsx27(
|
|
2410
2472
|
"div",
|
|
2411
2473
|
{
|
|
2412
2474
|
ref: wrapRef,
|
|
@@ -2421,7 +2483,7 @@ function DotLottieInView({
|
|
|
2421
2483
|
backgroundColor: "transparent",
|
|
2422
2484
|
...style
|
|
2423
2485
|
},
|
|
2424
|
-
children: /* @__PURE__ */
|
|
2486
|
+
children: /* @__PURE__ */ jsx27(
|
|
2425
2487
|
DotLottieReact,
|
|
2426
2488
|
{
|
|
2427
2489
|
...dotProps,
|
|
@@ -2435,7 +2497,7 @@ function DotLottieInView({
|
|
|
2435
2497
|
}
|
|
2436
2498
|
|
|
2437
2499
|
// templates/FeatureScroll/FeatureScroll.tsx
|
|
2438
|
-
import { jsx as
|
|
2500
|
+
import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2439
2501
|
var FEATURE_SCROLL_DATA = [
|
|
2440
2502
|
{
|
|
2441
2503
|
title: "Forex",
|
|
@@ -2480,7 +2542,7 @@ var FEATURE_SCROLL_DATA = [
|
|
|
2480
2542
|
mediaUrl: "https://cdn.prod.website-files.com/66fbaad381fa6866fa4991f3/675a9064f2c16e4e0732abfb_Stock%20Indices.lottie"
|
|
2481
2543
|
}
|
|
2482
2544
|
];
|
|
2483
|
-
var ChevronRight2 = () => /* @__PURE__ */
|
|
2545
|
+
var ChevronRight2 = () => /* @__PURE__ */ jsx28(
|
|
2484
2546
|
"svg",
|
|
2485
2547
|
{
|
|
2486
2548
|
className: "fs__item-link-icon",
|
|
@@ -2489,7 +2551,7 @@ var ChevronRight2 = () => /* @__PURE__ */ jsx27(
|
|
|
2489
2551
|
viewBox: "0 0 16 16",
|
|
2490
2552
|
fill: "none",
|
|
2491
2553
|
"aria-hidden": "true",
|
|
2492
|
-
children: /* @__PURE__ */
|
|
2554
|
+
children: /* @__PURE__ */ jsx28(
|
|
2493
2555
|
"path",
|
|
2494
2556
|
{
|
|
2495
2557
|
d: "M6 3l5 5-5 5",
|
|
@@ -2507,7 +2569,7 @@ function resolveMediaType(item) {
|
|
|
2507
2569
|
}
|
|
2508
2570
|
var MediaRenderer = ({ item, active }) => {
|
|
2509
2571
|
if (resolveMediaType(item) === "lottie") {
|
|
2510
|
-
return /* @__PURE__ */
|
|
2572
|
+
return /* @__PURE__ */ jsx28(
|
|
2511
2573
|
DotLottieInView,
|
|
2512
2574
|
{
|
|
2513
2575
|
src: item.mediaUrl,
|
|
@@ -2515,7 +2577,7 @@ var MediaRenderer = ({ item, active }) => {
|
|
|
2515
2577
|
}
|
|
2516
2578
|
);
|
|
2517
2579
|
}
|
|
2518
|
-
return /* @__PURE__ */
|
|
2580
|
+
return /* @__PURE__ */ jsx28(
|
|
2519
2581
|
"img",
|
|
2520
2582
|
{
|
|
2521
2583
|
src: item.mediaUrl,
|
|
@@ -2586,24 +2648,24 @@ var FeatureScroll = ({
|
|
|
2586
2648
|
className
|
|
2587
2649
|
].filter(Boolean).join(" ");
|
|
2588
2650
|
if (items.length === 0) {
|
|
2589
|
-
return /* @__PURE__ */
|
|
2651
|
+
return /* @__PURE__ */ jsx28("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsx28("div", { className: "fs__inner", children: /* @__PURE__ */ jsx28("h2", { className: "fs__header", children: header }) }) });
|
|
2590
2652
|
}
|
|
2591
|
-
return /* @__PURE__ */
|
|
2592
|
-
/* @__PURE__ */
|
|
2593
|
-
/* @__PURE__ */
|
|
2594
|
-
/* @__PURE__ */
|
|
2653
|
+
return /* @__PURE__ */ jsx28("section", { className: rootClass, ...props, children: /* @__PURE__ */ jsxs25("div", { className: "fs__inner", children: [
|
|
2654
|
+
/* @__PURE__ */ jsx28("h2", { className: "fs__header", children: header }),
|
|
2655
|
+
/* @__PURE__ */ jsxs25("div", { className: "fs__layout", children: [
|
|
2656
|
+
/* @__PURE__ */ jsx28("div", { className: "fs__media-col", "aria-hidden": "true", children: /* @__PURE__ */ jsx28(
|
|
2595
2657
|
"div",
|
|
2596
2658
|
{
|
|
2597
2659
|
ref: mediaColRef,
|
|
2598
2660
|
className: "fs__media-sticky",
|
|
2599
|
-
children: /* @__PURE__ */
|
|
2661
|
+
children: /* @__PURE__ */ jsx28("div", { className: "fs__media-wrap", children: items.map((item, i) => /* @__PURE__ */ jsx28(
|
|
2600
2662
|
"div",
|
|
2601
2663
|
{
|
|
2602
2664
|
className: [
|
|
2603
2665
|
"fs__media-item",
|
|
2604
2666
|
i === activeIndex ? "fs__media-item--active" : ""
|
|
2605
2667
|
].filter(Boolean).join(" "),
|
|
2606
|
-
children: /* @__PURE__ */
|
|
2668
|
+
children: /* @__PURE__ */ jsx28(
|
|
2607
2669
|
MediaRenderer,
|
|
2608
2670
|
{
|
|
2609
2671
|
item,
|
|
@@ -2615,12 +2677,12 @@ var FeatureScroll = ({
|
|
|
2615
2677
|
)) })
|
|
2616
2678
|
}
|
|
2617
2679
|
) }),
|
|
2618
|
-
/* @__PURE__ */
|
|
2680
|
+
/* @__PURE__ */ jsx28("div", { className: "fs__content-col", children: items.map((item, i) => /* @__PURE__ */ jsxs25(
|
|
2619
2681
|
"div",
|
|
2620
2682
|
{
|
|
2621
2683
|
className: "fs__item",
|
|
2622
2684
|
children: [
|
|
2623
|
-
/* @__PURE__ */
|
|
2685
|
+
/* @__PURE__ */ jsx28(
|
|
2624
2686
|
"h3",
|
|
2625
2687
|
{
|
|
2626
2688
|
ref: (el) => {
|
|
@@ -2630,15 +2692,15 @@ var FeatureScroll = ({
|
|
|
2630
2692
|
children: item.title
|
|
2631
2693
|
}
|
|
2632
2694
|
),
|
|
2633
|
-
/* @__PURE__ */
|
|
2634
|
-
/* @__PURE__ */
|
|
2695
|
+
/* @__PURE__ */ jsx28("p", { className: "fs__item-desc", children: item.description }),
|
|
2696
|
+
/* @__PURE__ */ jsxs25(
|
|
2635
2697
|
"a",
|
|
2636
2698
|
{
|
|
2637
2699
|
href: item.link,
|
|
2638
2700
|
className: "fs__item-link",
|
|
2639
2701
|
children: [
|
|
2640
|
-
/* @__PURE__ */
|
|
2641
|
-
/* @__PURE__ */
|
|
2702
|
+
/* @__PURE__ */ jsx28("span", { children: item.linkLabel }),
|
|
2703
|
+
/* @__PURE__ */ jsx28(ChevronRight2, {})
|
|
2642
2704
|
]
|
|
2643
2705
|
}
|
|
2644
2706
|
)
|
|
@@ -2647,18 +2709,18 @@ var FeatureScroll = ({
|
|
|
2647
2709
|
i
|
|
2648
2710
|
)) })
|
|
2649
2711
|
] }),
|
|
2650
|
-
/* @__PURE__ */
|
|
2651
|
-
/* @__PURE__ */
|
|
2652
|
-
/* @__PURE__ */
|
|
2653
|
-
/* @__PURE__ */
|
|
2654
|
-
/* @__PURE__ */
|
|
2712
|
+
/* @__PURE__ */ jsx28("div", { className: "fs__mobile-list", children: items.map((item, i) => /* @__PURE__ */ jsxs25("div", { className: "fs__mobile-item", children: [
|
|
2713
|
+
/* @__PURE__ */ jsx28("h3", { className: "fs__item-title", children: item.title }),
|
|
2714
|
+
/* @__PURE__ */ jsx28("div", { className: "fs__mobile-media", children: /* @__PURE__ */ jsx28(MediaRenderer, { item, active: true }) }),
|
|
2715
|
+
/* @__PURE__ */ jsx28("p", { className: "fs__item-desc", children: item.description }),
|
|
2716
|
+
/* @__PURE__ */ jsxs25(
|
|
2655
2717
|
"a",
|
|
2656
2718
|
{
|
|
2657
2719
|
href: item.link,
|
|
2658
2720
|
className: "fs__item-link",
|
|
2659
2721
|
children: [
|
|
2660
|
-
/* @__PURE__ */
|
|
2661
|
-
/* @__PURE__ */
|
|
2722
|
+
/* @__PURE__ */ jsx28("span", { children: item.linkLabel }),
|
|
2723
|
+
/* @__PURE__ */ jsx28(ChevronRight2, {})
|
|
2662
2724
|
]
|
|
2663
2725
|
}
|
|
2664
2726
|
)
|
|
@@ -2668,7 +2730,7 @@ var FeatureScroll = ({
|
|
|
2668
2730
|
|
|
2669
2731
|
// templates/StickyStackedCards/StickyStackedCards.tsx
|
|
2670
2732
|
import { useEffect as useEffect7, useRef as useRef8 } from "react";
|
|
2671
|
-
import { jsx as
|
|
2733
|
+
import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2672
2734
|
var PLACEHOLDER_IMAGE = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
|
|
2673
2735
|
var STEPS_DATA = [
|
|
2674
2736
|
{
|
|
@@ -2732,14 +2794,14 @@ var StickyStackedCards = ({
|
|
|
2732
2794
|
cancelAnimationFrame(rafId);
|
|
2733
2795
|
};
|
|
2734
2796
|
}, [items.length]);
|
|
2735
|
-
return /* @__PURE__ */
|
|
2797
|
+
return /* @__PURE__ */ jsx29(
|
|
2736
2798
|
"section",
|
|
2737
2799
|
{
|
|
2738
2800
|
className: ["ssc", className].filter(Boolean).join(" "),
|
|
2739
2801
|
...props,
|
|
2740
|
-
children: /* @__PURE__ */
|
|
2741
|
-
/* @__PURE__ */
|
|
2742
|
-
/* @__PURE__ */
|
|
2802
|
+
children: /* @__PURE__ */ jsxs26("div", { className: "ssc__inner", children: [
|
|
2803
|
+
/* @__PURE__ */ jsx29("h2", { className: "ssc__header", children: header }),
|
|
2804
|
+
/* @__PURE__ */ jsx29("div", { className: "ssc__track", children: items.map((item, i) => /* @__PURE__ */ jsxs26(
|
|
2743
2805
|
"div",
|
|
2744
2806
|
{
|
|
2745
2807
|
ref: (el) => {
|
|
@@ -2765,11 +2827,11 @@ var StickyStackedCards = ({
|
|
|
2765
2827
|
top: `calc(var(--ssc-sticky-top) + ${i} * var(--ssc-peek-offset))`
|
|
2766
2828
|
},
|
|
2767
2829
|
children: [
|
|
2768
|
-
/* @__PURE__ */
|
|
2769
|
-
/* @__PURE__ */
|
|
2770
|
-
/* @__PURE__ */
|
|
2830
|
+
/* @__PURE__ */ jsxs26("div", { className: "ssc__card-content", children: [
|
|
2831
|
+
/* @__PURE__ */ jsx29("h3", { className: "ssc__card-title", children: item.title }),
|
|
2832
|
+
/* @__PURE__ */ jsx29("p", { className: "ssc__card-desc", children: item.description })
|
|
2771
2833
|
] }),
|
|
2772
|
-
/* @__PURE__ */
|
|
2834
|
+
/* @__PURE__ */ jsx29("div", { className: "ssc__card-image", children: /* @__PURE__ */ jsx29(
|
|
2773
2835
|
"img",
|
|
2774
2836
|
{
|
|
2775
2837
|
src: item.imageUrl,
|
|
@@ -2795,7 +2857,7 @@ import {
|
|
|
2795
2857
|
useTransform,
|
|
2796
2858
|
useMotionTemplate
|
|
2797
2859
|
} from "framer-motion";
|
|
2798
|
-
import { jsx as
|
|
2860
|
+
import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2799
2861
|
var ENTRANCE = {
|
|
2800
2862
|
near: 80,
|
|
2801
2863
|
mid: 130,
|
|
@@ -3059,14 +3121,14 @@ var CTABanner = ({
|
|
|
3059
3121
|
const compactXValues = useCompactAvatarXValues(smooth);
|
|
3060
3122
|
const avatarYValues = variant === "compact" ? compactYValues : standardYValues;
|
|
3061
3123
|
const avatarXValues = variant === "compact" ? compactXValues : standardXValues;
|
|
3062
|
-
return /* @__PURE__ */
|
|
3124
|
+
return /* @__PURE__ */ jsxs27(
|
|
3063
3125
|
"section",
|
|
3064
3126
|
{
|
|
3065
3127
|
ref: sectionRef,
|
|
3066
3128
|
className: ["ctab", variant === "compact" ? "ctab--compact" : "", className].filter(Boolean).join(" "),
|
|
3067
3129
|
...props,
|
|
3068
3130
|
children: [
|
|
3069
|
-
/* @__PURE__ */
|
|
3131
|
+
/* @__PURE__ */ jsx30(
|
|
3070
3132
|
motion.div,
|
|
3071
3133
|
{
|
|
3072
3134
|
className: "ctab__grid",
|
|
@@ -3074,7 +3136,7 @@ var CTABanner = ({
|
|
|
3074
3136
|
"aria-hidden": "true"
|
|
3075
3137
|
}
|
|
3076
3138
|
),
|
|
3077
|
-
/* @__PURE__ */
|
|
3139
|
+
/* @__PURE__ */ jsx30("div", { className: "ctab__inner", children: /* @__PURE__ */ jsxs27("div", { className: "ctab__stage", children: [
|
|
3078
3140
|
resolvedAvatars.map((avatar, index) => {
|
|
3079
3141
|
const posStyle = {};
|
|
3080
3142
|
if (avatar.desktopPos.left) posStyle["--av-d-left"] = avatar.desktopPos.left;
|
|
@@ -3083,7 +3145,7 @@ var CTABanner = ({
|
|
|
3083
3145
|
if (avatar.mobilePos?.left) posStyle["--av-m-left"] = avatar.mobilePos.left;
|
|
3084
3146
|
if (avatar.mobilePos?.right) posStyle["--av-m-right"] = avatar.mobilePos.right;
|
|
3085
3147
|
if (avatar.mobilePos?.top) posStyle["--av-m-top"] = avatar.mobilePos.top;
|
|
3086
|
-
return /* @__PURE__ */
|
|
3148
|
+
return /* @__PURE__ */ jsx30(
|
|
3087
3149
|
motion.div,
|
|
3088
3150
|
{
|
|
3089
3151
|
className: [
|
|
@@ -3097,7 +3159,7 @@ var CTABanner = ({
|
|
|
3097
3159
|
opacity: avatarOpacity,
|
|
3098
3160
|
filter: avatarFilter
|
|
3099
3161
|
},
|
|
3100
|
-
children: /* @__PURE__ */
|
|
3162
|
+
children: /* @__PURE__ */ jsx30(
|
|
3101
3163
|
"img",
|
|
3102
3164
|
{
|
|
3103
3165
|
src: avatar.imageUrl,
|
|
@@ -3110,14 +3172,14 @@ var CTABanner = ({
|
|
|
3110
3172
|
avatar.id
|
|
3111
3173
|
);
|
|
3112
3174
|
}),
|
|
3113
|
-
/* @__PURE__ */
|
|
3175
|
+
/* @__PURE__ */ jsxs27(
|
|
3114
3176
|
motion.div,
|
|
3115
3177
|
{
|
|
3116
3178
|
className: "ctab__hero",
|
|
3117
3179
|
style: { y: heroY, opacity: heroOpacity },
|
|
3118
3180
|
children: [
|
|
3119
|
-
/* @__PURE__ */
|
|
3120
|
-
/* @__PURE__ */
|
|
3181
|
+
/* @__PURE__ */ jsx30("h2", { className: "ctab__headline", children: headline }),
|
|
3182
|
+
/* @__PURE__ */ jsx30("a", { href: ctaHref, children: /* @__PURE__ */ jsx30(Button, { colorScheme: "black", variant: "primary", label: ctaLabel }) })
|
|
3121
3183
|
]
|
|
3122
3184
|
}
|
|
3123
3185
|
)
|
|
@@ -3135,7 +3197,7 @@ import { motion as motion2, AnimatePresence } from "framer-motion";
|
|
|
3135
3197
|
var icon_globe_default = "./icon-globe-S54WYYEK.svg";
|
|
3136
3198
|
|
|
3137
3199
|
// components/Navbar/Navbar.tsx
|
|
3138
|
-
import { jsx as
|
|
3200
|
+
import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3139
3201
|
var EASE_OUT_EXPO = [0.16, 1, 0.3, 1];
|
|
3140
3202
|
var dropdownVariants = {
|
|
3141
3203
|
hidden: { opacity: 0, scale: 0.96, y: -8 },
|
|
@@ -3149,7 +3211,7 @@ var accordionVariants = {
|
|
|
3149
3211
|
hidden: { height: 0, opacity: 0 },
|
|
3150
3212
|
visible: { height: "auto", opacity: 1 }
|
|
3151
3213
|
};
|
|
3152
|
-
var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */
|
|
3214
|
+
var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx31(
|
|
3153
3215
|
"svg",
|
|
3154
3216
|
{
|
|
3155
3217
|
className,
|
|
@@ -3158,7 +3220,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx30(
|
|
|
3158
3220
|
viewBox: "0 0 14 14",
|
|
3159
3221
|
fill: "none",
|
|
3160
3222
|
"aria-hidden": "true",
|
|
3161
|
-
children: /* @__PURE__ */
|
|
3223
|
+
children: /* @__PURE__ */ jsx31(
|
|
3162
3224
|
"path",
|
|
3163
3225
|
{
|
|
3164
3226
|
d: "M2.625 4.8125L7 9.1875L11.375 4.8125",
|
|
@@ -3170,7 +3232,7 @@ var ChevronDownIcon3 = ({ className }) => /* @__PURE__ */ jsx30(
|
|
|
3170
3232
|
)
|
|
3171
3233
|
}
|
|
3172
3234
|
);
|
|
3173
|
-
var ArrowRightIcon = () => /* @__PURE__ */
|
|
3235
|
+
var ArrowRightIcon = () => /* @__PURE__ */ jsx31("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx31(
|
|
3174
3236
|
"path",
|
|
3175
3237
|
{
|
|
3176
3238
|
d: "M2.625 7H11.375M11.375 7L7.875 3.5M11.375 7L7.875 10.5",
|
|
@@ -3180,7 +3242,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ jsx30("svg", { width: "14", height: "
|
|
|
3180
3242
|
strokeLinejoin: "round"
|
|
3181
3243
|
}
|
|
3182
3244
|
) });
|
|
3183
|
-
var ArrowUpRightIcon = () => /* @__PURE__ */
|
|
3245
|
+
var ArrowUpRightIcon = () => /* @__PURE__ */ jsx31("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx31(
|
|
3184
3246
|
"path",
|
|
3185
3247
|
{
|
|
3186
3248
|
d: "M4.5 11.5L11.5 4.5M11.5 4.5H5.5M11.5 4.5V10.5",
|
|
@@ -3190,7 +3252,7 @@ var ArrowUpRightIcon = () => /* @__PURE__ */ jsx30("svg", { width: "16", height:
|
|
|
3190
3252
|
strokeLinejoin: "round"
|
|
3191
3253
|
}
|
|
3192
3254
|
) });
|
|
3193
|
-
var BarsIcon = () => /* @__PURE__ */
|
|
3255
|
+
var BarsIcon = () => /* @__PURE__ */ jsx31("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx31(
|
|
3194
3256
|
"path",
|
|
3195
3257
|
{
|
|
3196
3258
|
d: "M2.5 5H17.5M2.5 10H17.5M2.5 15H17.5",
|
|
@@ -3199,7 +3261,7 @@ var BarsIcon = () => /* @__PURE__ */ jsx30("svg", { width: "20", height: "20", v
|
|
|
3199
3261
|
strokeLinecap: "round"
|
|
3200
3262
|
}
|
|
3201
3263
|
) });
|
|
3202
|
-
var XMarkIcon2 = () => /* @__PURE__ */
|
|
3264
|
+
var XMarkIcon2 = () => /* @__PURE__ */ jsx31("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx31(
|
|
3203
3265
|
"path",
|
|
3204
3266
|
{
|
|
3205
3267
|
d: "M15 5L5 15M5 5L15 15",
|
|
@@ -3208,7 +3270,7 @@ var XMarkIcon2 = () => /* @__PURE__ */ jsx30("svg", { width: "20", height: "20",
|
|
|
3208
3270
|
strokeLinecap: "round"
|
|
3209
3271
|
}
|
|
3210
3272
|
) });
|
|
3211
|
-
var ChevronLeftIcon = ({ className }) => /* @__PURE__ */
|
|
3273
|
+
var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx31(
|
|
3212
3274
|
"svg",
|
|
3213
3275
|
{
|
|
3214
3276
|
className,
|
|
@@ -3217,7 +3279,7 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx30(
|
|
|
3217
3279
|
viewBox: "0 0 24 24",
|
|
3218
3280
|
fill: "none",
|
|
3219
3281
|
"aria-hidden": "true",
|
|
3220
|
-
children: /* @__PURE__ */
|
|
3282
|
+
children: /* @__PURE__ */ jsx31(
|
|
3221
3283
|
"path",
|
|
3222
3284
|
{
|
|
3223
3285
|
d: "M15 18L9 12L15 6",
|
|
@@ -3229,11 +3291,11 @@ var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx30(
|
|
|
3229
3291
|
)
|
|
3230
3292
|
}
|
|
3231
3293
|
);
|
|
3232
|
-
var GlobeIcon = ({ className }) => /* @__PURE__ */
|
|
3294
|
+
var GlobeIcon = ({ className }) => /* @__PURE__ */ jsx31("img", { src: icon_globe_default, alt: "", "aria-hidden": "true", width: "20", height: "20", className });
|
|
3233
3295
|
var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
3234
3296
|
const { dropdown } = item;
|
|
3235
3297
|
if (!dropdown) return null;
|
|
3236
|
-
return /* @__PURE__ */
|
|
3298
|
+
return /* @__PURE__ */ jsx31(
|
|
3237
3299
|
motion2.div,
|
|
3238
3300
|
{
|
|
3239
3301
|
className: "navbar__dropdown",
|
|
@@ -3244,10 +3306,10 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
|
3244
3306
|
transition: { duration: 0.18, ease: EASE_OUT_EXPO },
|
|
3245
3307
|
onMouseEnter,
|
|
3246
3308
|
onMouseLeave,
|
|
3247
|
-
children: /* @__PURE__ */
|
|
3248
|
-
/* @__PURE__ */
|
|
3249
|
-
/* @__PURE__ */
|
|
3250
|
-
section.items.map((link) => /* @__PURE__ */
|
|
3309
|
+
children: /* @__PURE__ */ jsxs28("div", { className: "navbar__dropdown-inner", children: [
|
|
3310
|
+
/* @__PURE__ */ jsx31("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx31("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs28("div", { className: "navbar__dropdown-col-list", children: [
|
|
3311
|
+
/* @__PURE__ */ jsx31("p", { className: "navbar__dropdown-col-title", children: section.title }),
|
|
3312
|
+
section.items.map((link) => /* @__PURE__ */ jsxs28(
|
|
3251
3313
|
"a",
|
|
3252
3314
|
{
|
|
3253
3315
|
href: link.href,
|
|
@@ -3256,24 +3318,24 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
|
|
|
3256
3318
|
rel: link.external ? "noopener noreferrer" : void 0,
|
|
3257
3319
|
children: [
|
|
3258
3320
|
link.label,
|
|
3259
|
-
link.external ? /* @__PURE__ */
|
|
3321
|
+
link.external ? /* @__PURE__ */ jsx31(ArrowUpRightIcon, {}) : /* @__PURE__ */ jsx31(ArrowRightIcon, {})
|
|
3260
3322
|
]
|
|
3261
3323
|
},
|
|
3262
3324
|
link.href
|
|
3263
3325
|
))
|
|
3264
3326
|
] }, section.title)) }, colIdx)) }),
|
|
3265
|
-
dropdown.feature && /* @__PURE__ */
|
|
3327
|
+
dropdown.feature && /* @__PURE__ */ jsx31("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ jsx31(FeatureCard, { feature: dropdown.feature }) })
|
|
3266
3328
|
] })
|
|
3267
3329
|
}
|
|
3268
3330
|
);
|
|
3269
3331
|
};
|
|
3270
|
-
var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */
|
|
3332
|
+
var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs28(
|
|
3271
3333
|
"div",
|
|
3272
3334
|
{
|
|
3273
3335
|
className: mobile ? "navbar__drawer-feature" : "navbar__dropdown-feature",
|
|
3274
3336
|
style: feature.backgroundImageUrl ? { backgroundImage: `url(${feature.backgroundImageUrl})` } : void 0,
|
|
3275
3337
|
children: [
|
|
3276
|
-
feature.backgroundImageUrl && /* @__PURE__ */
|
|
3338
|
+
feature.backgroundImageUrl && /* @__PURE__ */ jsx31(
|
|
3277
3339
|
"img",
|
|
3278
3340
|
{
|
|
3279
3341
|
src: feature.backgroundImageUrl,
|
|
@@ -3282,20 +3344,20 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs27(
|
|
|
3282
3344
|
"aria-hidden": "true"
|
|
3283
3345
|
}
|
|
3284
3346
|
),
|
|
3285
|
-
/* @__PURE__ */
|
|
3286
|
-
/* @__PURE__ */
|
|
3287
|
-
/* @__PURE__ */
|
|
3288
|
-
/* @__PURE__ */
|
|
3289
|
-
/* @__PURE__ */
|
|
3347
|
+
/* @__PURE__ */ jsx31("div", { className: mobile ? "navbar__drawer-feature-overlay" : "navbar__dropdown-feature-overlay", "aria-hidden": "true" }),
|
|
3348
|
+
/* @__PURE__ */ jsxs28("div", { className: mobile ? "navbar__drawer-feature-content" : "navbar__dropdown-feature-content", children: [
|
|
3349
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3350
|
+
/* @__PURE__ */ jsx31("p", { className: mobile ? "navbar__drawer-feature-title" : "navbar__dropdown-feature-title", children: feature.title }),
|
|
3351
|
+
/* @__PURE__ */ jsx31("p", { className: mobile ? "navbar__drawer-feature-desc" : "navbar__dropdown-feature-desc", children: feature.description })
|
|
3290
3352
|
] }),
|
|
3291
|
-
/* @__PURE__ */
|
|
3353
|
+
/* @__PURE__ */ jsxs28(
|
|
3292
3354
|
"a",
|
|
3293
3355
|
{
|
|
3294
3356
|
href: feature.ctaHref,
|
|
3295
3357
|
className: mobile ? "navbar__drawer-feature-cta" : "navbar__dropdown-feature-cta",
|
|
3296
3358
|
children: [
|
|
3297
3359
|
feature.ctaLabel,
|
|
3298
|
-
/* @__PURE__ */
|
|
3360
|
+
/* @__PURE__ */ jsx31(ArrowRightIcon, {})
|
|
3299
3361
|
]
|
|
3300
3362
|
}
|
|
3301
3363
|
)
|
|
@@ -3305,8 +3367,8 @@ var FeatureCard = ({ feature, mobile }) => /* @__PURE__ */ jsxs27(
|
|
|
3305
3367
|
);
|
|
3306
3368
|
var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
3307
3369
|
const { dropdown } = item;
|
|
3308
|
-
return /* @__PURE__ */
|
|
3309
|
-
/* @__PURE__ */
|
|
3370
|
+
return /* @__PURE__ */ jsxs28("div", { className: "navbar__drawer-item", children: [
|
|
3371
|
+
/* @__PURE__ */ jsxs28(
|
|
3310
3372
|
"button",
|
|
3311
3373
|
{
|
|
3312
3374
|
className: `navbar__drawer-trigger ${isOpen ? "navbar__drawer-trigger--open" : ""}`,
|
|
@@ -3314,11 +3376,11 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3314
3376
|
"aria-expanded": isOpen,
|
|
3315
3377
|
children: [
|
|
3316
3378
|
item.label,
|
|
3317
|
-
/* @__PURE__ */
|
|
3379
|
+
/* @__PURE__ */ jsx31(ChevronDownIcon3, { className: "navbar__drawer-trigger__chevron" })
|
|
3318
3380
|
]
|
|
3319
3381
|
}
|
|
3320
3382
|
),
|
|
3321
|
-
/* @__PURE__ */
|
|
3383
|
+
/* @__PURE__ */ jsx31(AnimatePresence, { initial: false, children: isOpen && dropdown && /* @__PURE__ */ jsx31(
|
|
3322
3384
|
motion2.div,
|
|
3323
3385
|
{
|
|
3324
3386
|
className: "navbar__drawer-panel",
|
|
@@ -3327,10 +3389,10 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3327
3389
|
animate: "visible",
|
|
3328
3390
|
exit: "hidden",
|
|
3329
3391
|
transition: { duration: 0.22, ease: EASE_OUT_EXPO },
|
|
3330
|
-
children: /* @__PURE__ */
|
|
3331
|
-
/* @__PURE__ */
|
|
3332
|
-
/* @__PURE__ */
|
|
3333
|
-
/* @__PURE__ */
|
|
3392
|
+
children: /* @__PURE__ */ jsxs28("div", { className: "navbar__drawer-panel-inner", children: [
|
|
3393
|
+
/* @__PURE__ */ jsx31("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx31("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs28("div", { className: "navbar__drawer-col-section", children: [
|
|
3394
|
+
/* @__PURE__ */ jsx31("p", { className: "navbar__drawer-col-title", children: section.title }),
|
|
3395
|
+
/* @__PURE__ */ jsx31("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ jsx31(
|
|
3334
3396
|
"a",
|
|
3335
3397
|
{
|
|
3336
3398
|
href: link.href,
|
|
@@ -3342,7 +3404,7 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
|
|
|
3342
3404
|
link.href
|
|
3343
3405
|
)) })
|
|
3344
3406
|
] }, section.title)) }, colIdx)) }),
|
|
3345
|
-
dropdown.feature && /* @__PURE__ */
|
|
3407
|
+
dropdown.feature && /* @__PURE__ */ jsx31(FeatureCard, { feature: dropdown.feature, mobile: true })
|
|
3346
3408
|
] })
|
|
3347
3409
|
}
|
|
3348
3410
|
) })
|
|
@@ -3447,20 +3509,20 @@ var Navbar = ({
|
|
|
3447
3509
|
hoverTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 120);
|
|
3448
3510
|
}, [clearHoverTimeout]);
|
|
3449
3511
|
const activeDropdownItem = navItems.find((item) => item.label === openDropdown);
|
|
3450
|
-
return /* @__PURE__ */
|
|
3512
|
+
return /* @__PURE__ */ jsxs28(
|
|
3451
3513
|
"nav",
|
|
3452
3514
|
{
|
|
3453
3515
|
className: ["navbar", `navbar--${theme}`, scrolled && "navbar--scrolled", mobileOpen && "navbar--menu-open", className].filter(Boolean).join(" "),
|
|
3454
3516
|
...props,
|
|
3455
3517
|
children: [
|
|
3456
|
-
/* @__PURE__ */
|
|
3457
|
-
/* @__PURE__ */
|
|
3458
|
-
/* @__PURE__ */
|
|
3459
|
-
/* @__PURE__ */
|
|
3460
|
-
/* @__PURE__ */
|
|
3518
|
+
/* @__PURE__ */ jsxs28("div", { className: "navbar__bar", children: [
|
|
3519
|
+
/* @__PURE__ */ jsx31("a", { href: logoHref, className: "navbar__logo", "aria-label": "Home", children: /* @__PURE__ */ jsx31("img", { src: resolvedLogo, alt: "Logo" }) }),
|
|
3520
|
+
/* @__PURE__ */ jsx31("div", { className: "navbar__nav-center", ref: pillAreaRef, children: /* @__PURE__ */ jsxs28("div", { className: "navbar__pill", children: [
|
|
3521
|
+
/* @__PURE__ */ jsx31("a", { href: logoHref, className: "navbar__pill-logo", "aria-label": "Home", children: /* @__PURE__ */ jsx31("img", { src: logoSrcDark ?? logoSrc, alt: "Logo" }) }),
|
|
3522
|
+
/* @__PURE__ */ jsxs28("div", { className: "navbar__nav-group", children: [
|
|
3461
3523
|
navItems.map((item) => {
|
|
3462
3524
|
if (item.external) {
|
|
3463
|
-
return /* @__PURE__ */
|
|
3525
|
+
return /* @__PURE__ */ jsxs28(
|
|
3464
3526
|
"a",
|
|
3465
3527
|
{
|
|
3466
3528
|
href: item.href,
|
|
@@ -3469,14 +3531,14 @@ var Navbar = ({
|
|
|
3469
3531
|
rel: "noopener noreferrer",
|
|
3470
3532
|
children: [
|
|
3471
3533
|
item.label,
|
|
3472
|
-
/* @__PURE__ */
|
|
3534
|
+
/* @__PURE__ */ jsx31(ArrowUpRightIcon, {})
|
|
3473
3535
|
]
|
|
3474
3536
|
},
|
|
3475
3537
|
item.label
|
|
3476
3538
|
);
|
|
3477
3539
|
}
|
|
3478
3540
|
if (item.dropdown) {
|
|
3479
|
-
return /* @__PURE__ */
|
|
3541
|
+
return /* @__PURE__ */ jsxs28(
|
|
3480
3542
|
"button",
|
|
3481
3543
|
{
|
|
3482
3544
|
className: [
|
|
@@ -3489,21 +3551,21 @@ var Navbar = ({
|
|
|
3489
3551
|
"aria-haspopup": "true",
|
|
3490
3552
|
children: [
|
|
3491
3553
|
item.label,
|
|
3492
|
-
/* @__PURE__ */
|
|
3554
|
+
/* @__PURE__ */ jsx31(ChevronDownIcon3, { className: "navbar__nav-item__chevron" })
|
|
3493
3555
|
]
|
|
3494
3556
|
},
|
|
3495
3557
|
item.label
|
|
3496
3558
|
);
|
|
3497
3559
|
}
|
|
3498
|
-
return /* @__PURE__ */
|
|
3560
|
+
return /* @__PURE__ */ jsx31("a", { href: item.href, className: "navbar__nav-item", children: item.label }, item.label);
|
|
3499
3561
|
}),
|
|
3500
|
-
languageLabel && /* @__PURE__ */
|
|
3562
|
+
languageLabel && /* @__PURE__ */ jsx31(
|
|
3501
3563
|
"div",
|
|
3502
3564
|
{
|
|
3503
3565
|
className: "navbar__lang-wrapper",
|
|
3504
3566
|
onMouseEnter: hasLangDropdown ? handleLangEnter : void 0,
|
|
3505
3567
|
onMouseLeave: hasLangDropdown ? handleLangLeave : void 0,
|
|
3506
|
-
children: /* @__PURE__ */
|
|
3568
|
+
children: /* @__PURE__ */ jsxs28(
|
|
3507
3569
|
"button",
|
|
3508
3570
|
{
|
|
3509
3571
|
ref: langBtnRef,
|
|
@@ -3516,7 +3578,7 @@ var Navbar = ({
|
|
|
3516
3578
|
"aria-haspopup": hasLangDropdown ? "true" : void 0,
|
|
3517
3579
|
"aria-expanded": hasLangDropdown ? langDropdownOpen : void 0,
|
|
3518
3580
|
children: [
|
|
3519
|
-
/* @__PURE__ */
|
|
3581
|
+
/* @__PURE__ */ jsx31(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3520
3582
|
languageLabel
|
|
3521
3583
|
]
|
|
3522
3584
|
}
|
|
@@ -3524,12 +3586,12 @@ var Navbar = ({
|
|
|
3524
3586
|
}
|
|
3525
3587
|
)
|
|
3526
3588
|
] }),
|
|
3527
|
-
/* @__PURE__ */
|
|
3528
|
-
loginHref && /* @__PURE__ */
|
|
3529
|
-
ctaHref && /* @__PURE__ */
|
|
3589
|
+
/* @__PURE__ */ jsxs28("div", { className: "navbar__pill-actions", children: [
|
|
3590
|
+
loginHref && /* @__PURE__ */ jsx31("a", { href: loginHref, children: /* @__PURE__ */ jsx31(Button, { colorScheme: "black", variant: "secondary", label: loginLabel }) }),
|
|
3591
|
+
ctaHref && /* @__PURE__ */ jsx31("a", { href: ctaHref, children: /* @__PURE__ */ jsx31(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3530
3592
|
] })
|
|
3531
3593
|
] }) }),
|
|
3532
|
-
/* @__PURE__ */
|
|
3594
|
+
/* @__PURE__ */ jsx31(AnimatePresence, { children: openDropdown && activeDropdownItem?.dropdown && /* @__PURE__ */ jsx31(
|
|
3533
3595
|
DropdownPanel,
|
|
3534
3596
|
{
|
|
3535
3597
|
item: activeDropdownItem,
|
|
@@ -3538,7 +3600,7 @@ var Navbar = ({
|
|
|
3538
3600
|
},
|
|
3539
3601
|
"dropdown"
|
|
3540
3602
|
) }),
|
|
3541
|
-
/* @__PURE__ */
|
|
3603
|
+
/* @__PURE__ */ jsx31(AnimatePresence, { children: hasLangDropdown && langDropdownOpen && /* @__PURE__ */ jsx31(
|
|
3542
3604
|
motion2.div,
|
|
3543
3605
|
{
|
|
3544
3606
|
className: "navbar__lang-dropdown",
|
|
@@ -3549,12 +3611,12 @@ var Navbar = ({
|
|
|
3549
3611
|
transition: { duration: 0.18, ease: EASE_OUT_EXPO },
|
|
3550
3612
|
onMouseEnter: clearLangHoverTimeout,
|
|
3551
3613
|
onMouseLeave: handleLangLeave,
|
|
3552
|
-
children: /* @__PURE__ */
|
|
3614
|
+
children: /* @__PURE__ */ jsx31(
|
|
3553
3615
|
"div",
|
|
3554
3616
|
{
|
|
3555
3617
|
className: "navbar__lang-dropdown-grid",
|
|
3556
3618
|
style: { "--lang-rows": Math.ceil(languageItems.length / 3) },
|
|
3557
|
-
children: languageItems.map((lang) => /* @__PURE__ */
|
|
3619
|
+
children: languageItems.map((lang) => /* @__PURE__ */ jsx31(
|
|
3558
3620
|
"button",
|
|
3559
3621
|
{
|
|
3560
3622
|
className: [
|
|
@@ -3570,8 +3632,8 @@ var Navbar = ({
|
|
|
3570
3632
|
)
|
|
3571
3633
|
}
|
|
3572
3634
|
) }),
|
|
3573
|
-
/* @__PURE__ */
|
|
3574
|
-
loginHref && /* @__PURE__ */
|
|
3635
|
+
/* @__PURE__ */ jsxs28("div", { className: "navbar__actions", children: [
|
|
3636
|
+
loginHref && /* @__PURE__ */ jsx31("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ jsx31(
|
|
3575
3637
|
Button,
|
|
3576
3638
|
{
|
|
3577
3639
|
colorScheme: theme === "dark" ? "white" : "black",
|
|
@@ -3579,10 +3641,10 @@ var Navbar = ({
|
|
|
3579
3641
|
label: loginLabel
|
|
3580
3642
|
}
|
|
3581
3643
|
) }),
|
|
3582
|
-
ctaHref && /* @__PURE__ */
|
|
3644
|
+
ctaHref && /* @__PURE__ */ jsx31("a", { href: ctaHref, children: /* @__PURE__ */ jsx31(Button, { colorScheme: "coral", variant: "primary", label: ctaLabel }) })
|
|
3583
3645
|
] }),
|
|
3584
|
-
/* @__PURE__ */
|
|
3585
|
-
loginHref && /* @__PURE__ */
|
|
3646
|
+
/* @__PURE__ */ jsxs28("div", { className: "navbar__mobile-actions", children: [
|
|
3647
|
+
loginHref && /* @__PURE__ */ jsx31("a", { href: loginHref, children: /* @__PURE__ */ jsx31(
|
|
3586
3648
|
Button,
|
|
3587
3649
|
{
|
|
3588
3650
|
colorScheme: scrolled || theme === "light" ? "black" : "white",
|
|
@@ -3590,18 +3652,18 @@ var Navbar = ({
|
|
|
3590
3652
|
label: loginLabel
|
|
3591
3653
|
}
|
|
3592
3654
|
) }),
|
|
3593
|
-
/* @__PURE__ */
|
|
3655
|
+
/* @__PURE__ */ jsx31(
|
|
3594
3656
|
"button",
|
|
3595
3657
|
{
|
|
3596
3658
|
className: "navbar__mobile-trigger",
|
|
3597
3659
|
onClick: () => setMobileOpen((o) => !o),
|
|
3598
3660
|
"aria-label": mobileOpen ? "Close navigation menu" : "Open navigation menu",
|
|
3599
|
-
children: mobileOpen ? /* @__PURE__ */
|
|
3661
|
+
children: mobileOpen ? /* @__PURE__ */ jsx31(XMarkIcon2, {}) : /* @__PURE__ */ jsx31(BarsIcon, {})
|
|
3600
3662
|
}
|
|
3601
3663
|
)
|
|
3602
3664
|
] })
|
|
3603
3665
|
] }),
|
|
3604
|
-
/* @__PURE__ */
|
|
3666
|
+
/* @__PURE__ */ jsx31("div", { className: "navbar__drawer-clip", children: /* @__PURE__ */ jsx31(AnimatePresence, { children: mobileOpen && /* @__PURE__ */ jsxs28(
|
|
3605
3667
|
motion2.div,
|
|
3606
3668
|
{
|
|
3607
3669
|
className: "navbar__drawer",
|
|
@@ -3614,10 +3676,10 @@ var Navbar = ({
|
|
|
3614
3676
|
role: "dialog",
|
|
3615
3677
|
"aria-label": "Navigation menu",
|
|
3616
3678
|
children: [
|
|
3617
|
-
/* @__PURE__ */
|
|
3679
|
+
/* @__PURE__ */ jsxs28("nav", { className: "navbar__drawer-nav", children: [
|
|
3618
3680
|
navItems.map((item) => {
|
|
3619
3681
|
if (item.dropdown) {
|
|
3620
|
-
return /* @__PURE__ */
|
|
3682
|
+
return /* @__PURE__ */ jsx31(
|
|
3621
3683
|
DrawerAccordion,
|
|
3622
3684
|
{
|
|
3623
3685
|
item,
|
|
@@ -3629,7 +3691,7 @@ var Navbar = ({
|
|
|
3629
3691
|
item.label
|
|
3630
3692
|
);
|
|
3631
3693
|
}
|
|
3632
|
-
return /* @__PURE__ */
|
|
3694
|
+
return /* @__PURE__ */ jsxs28(
|
|
3633
3695
|
"a",
|
|
3634
3696
|
{
|
|
3635
3697
|
href: item.href,
|
|
@@ -3638,30 +3700,30 @@ var Navbar = ({
|
|
|
3638
3700
|
rel: item.external ? "noopener noreferrer" : void 0,
|
|
3639
3701
|
children: [
|
|
3640
3702
|
item.label,
|
|
3641
|
-
item.external && /* @__PURE__ */
|
|
3703
|
+
item.external && /* @__PURE__ */ jsx31(ArrowUpRightIcon, {})
|
|
3642
3704
|
]
|
|
3643
3705
|
},
|
|
3644
3706
|
item.label
|
|
3645
3707
|
);
|
|
3646
3708
|
}),
|
|
3647
|
-
languageLabel && !hasLangDropdown && /* @__PURE__ */
|
|
3648
|
-
/* @__PURE__ */
|
|
3709
|
+
languageLabel && !hasLangDropdown && /* @__PURE__ */ jsxs28("button", { className: "navbar__drawer-lang", onClick: onLanguageClick, children: [
|
|
3710
|
+
/* @__PURE__ */ jsx31(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3649
3711
|
languageLabel
|
|
3650
3712
|
] }),
|
|
3651
|
-
languageLabel && hasLangDropdown && /* @__PURE__ */
|
|
3713
|
+
languageLabel && hasLangDropdown && /* @__PURE__ */ jsxs28(
|
|
3652
3714
|
"button",
|
|
3653
3715
|
{
|
|
3654
3716
|
className: "navbar__drawer-lang",
|
|
3655
3717
|
onClick: () => setMobileLangOpen(true),
|
|
3656
3718
|
children: [
|
|
3657
|
-
/* @__PURE__ */
|
|
3719
|
+
/* @__PURE__ */ jsx31(GlobeIcon, { className: "navbar__lang-globe" }),
|
|
3658
3720
|
languageLabel
|
|
3659
3721
|
]
|
|
3660
3722
|
}
|
|
3661
3723
|
)
|
|
3662
3724
|
] }),
|
|
3663
|
-
!mobileLangOpen && /* @__PURE__ */
|
|
3664
|
-
loginHref && /* @__PURE__ */
|
|
3725
|
+
!mobileLangOpen && /* @__PURE__ */ jsxs28("div", { className: "navbar__drawer-footer", children: [
|
|
3726
|
+
loginHref && /* @__PURE__ */ jsx31("a", { href: loginHref, style: { display: "block" }, children: /* @__PURE__ */ jsx31(
|
|
3665
3727
|
Button,
|
|
3666
3728
|
{
|
|
3667
3729
|
colorScheme: "black",
|
|
@@ -3670,7 +3732,7 @@ var Navbar = ({
|
|
|
3670
3732
|
fullWidth: true
|
|
3671
3733
|
}
|
|
3672
3734
|
) }),
|
|
3673
|
-
ctaHref && /* @__PURE__ */
|
|
3735
|
+
ctaHref && /* @__PURE__ */ jsx31("a", { href: ctaHref, style: { display: "block" }, children: /* @__PURE__ */ jsx31(
|
|
3674
3736
|
Button,
|
|
3675
3737
|
{
|
|
3676
3738
|
colorScheme: "coral",
|
|
@@ -3680,7 +3742,7 @@ var Navbar = ({
|
|
|
3680
3742
|
}
|
|
3681
3743
|
) })
|
|
3682
3744
|
] }),
|
|
3683
|
-
/* @__PURE__ */
|
|
3745
|
+
/* @__PURE__ */ jsx31(AnimatePresence, { children: hasLangDropdown && mobileLangOpen && /* @__PURE__ */ jsxs28(
|
|
3684
3746
|
motion2.div,
|
|
3685
3747
|
{
|
|
3686
3748
|
className: "navbar__drawer-lang-panel",
|
|
@@ -3689,16 +3751,16 @@ var Navbar = ({
|
|
|
3689
3751
|
exit: { y: "100%" },
|
|
3690
3752
|
transition: { duration: 0.25, ease: EASE_OUT_EXPO },
|
|
3691
3753
|
children: [
|
|
3692
|
-
/* @__PURE__ */
|
|
3754
|
+
/* @__PURE__ */ jsx31(
|
|
3693
3755
|
"button",
|
|
3694
3756
|
{
|
|
3695
3757
|
className: "navbar__drawer-lang-back",
|
|
3696
3758
|
onClick: () => setMobileLangOpen(false),
|
|
3697
3759
|
"aria-label": "Back to menu",
|
|
3698
|
-
children: /* @__PURE__ */
|
|
3760
|
+
children: /* @__PURE__ */ jsx31(ChevronLeftIcon, {})
|
|
3699
3761
|
}
|
|
3700
3762
|
),
|
|
3701
|
-
/* @__PURE__ */
|
|
3763
|
+
/* @__PURE__ */ jsx31("div", { className: "navbar__drawer-lang-grid", children: languageItems.map((lang) => /* @__PURE__ */ jsx31(
|
|
3702
3764
|
"button",
|
|
3703
3765
|
{
|
|
3704
3766
|
className: [
|
|
@@ -3805,7 +3867,7 @@ function webflowV2DayClipPercent(t, media) {
|
|
|
3805
3867
|
}
|
|
3806
3868
|
|
|
3807
3869
|
// templates/DayNightTransition/DayNightTransition.tsx
|
|
3808
|
-
import { Fragment as Fragment3, jsx as
|
|
3870
|
+
import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3809
3871
|
var SPRING2 = { stiffness: 80, damping: 30, restDelta: 1e-3 };
|
|
3810
3872
|
var FADE_START = 0.35;
|
|
3811
3873
|
var FADE_END = 0.65;
|
|
@@ -3942,15 +4004,15 @@ var DayNightTransition = ({
|
|
|
3942
4004
|
descriptionLevel === "body-lg" && "dnt--desc-body-lg",
|
|
3943
4005
|
className
|
|
3944
4006
|
].filter(Boolean).join(" ");
|
|
3945
|
-
return /* @__PURE__ */
|
|
4007
|
+
return /* @__PURE__ */ jsxs29(
|
|
3946
4008
|
"div",
|
|
3947
4009
|
{
|
|
3948
4010
|
ref: wrapperRef,
|
|
3949
4011
|
className: rootClass,
|
|
3950
4012
|
...props,
|
|
3951
4013
|
children: [
|
|
3952
|
-
webflowV2 && /* @__PURE__ */
|
|
3953
|
-
/* @__PURE__ */
|
|
4014
|
+
webflowV2 && /* @__PURE__ */ jsxs29("div", { className: "dnt__v2-background-wrapper", "aria-hidden": "true", children: [
|
|
4015
|
+
/* @__PURE__ */ jsx32(
|
|
3954
4016
|
motion3.div,
|
|
3955
4017
|
{
|
|
3956
4018
|
className: "dnt__v2-bg-day trade-day-night_background-day is-alternative",
|
|
@@ -3960,7 +4022,7 @@ var DayNightTransition = ({
|
|
|
3960
4022
|
}
|
|
3961
4023
|
}
|
|
3962
4024
|
),
|
|
3963
|
-
/* @__PURE__ */
|
|
4025
|
+
/* @__PURE__ */ jsx32(
|
|
3964
4026
|
"div",
|
|
3965
4027
|
{
|
|
3966
4028
|
className: "dnt__v2-bg-night trade-day-night_background-night is-alternative",
|
|
@@ -3968,9 +4030,9 @@ var DayNightTransition = ({
|
|
|
3968
4030
|
}
|
|
3969
4031
|
)
|
|
3970
4032
|
] }),
|
|
3971
|
-
/* @__PURE__ */
|
|
3972
|
-
!webflowV2 && /* @__PURE__ */
|
|
3973
|
-
/* @__PURE__ */
|
|
4033
|
+
/* @__PURE__ */ jsxs29("div", { className: webflowV2 ? "dnt__sticky dnt__sticky--webflow-v2" : "dnt__sticky", children: [
|
|
4034
|
+
!webflowV2 && /* @__PURE__ */ jsxs29(Fragment3, { children: [
|
|
4035
|
+
/* @__PURE__ */ jsx32(
|
|
3974
4036
|
"img",
|
|
3975
4037
|
{
|
|
3976
4038
|
className: "dnt__bg dnt__bg--day",
|
|
@@ -3980,7 +4042,7 @@ var DayNightTransition = ({
|
|
|
3980
4042
|
draggable: false
|
|
3981
4043
|
}
|
|
3982
4044
|
),
|
|
3983
|
-
/* @__PURE__ */
|
|
4045
|
+
/* @__PURE__ */ jsx32(
|
|
3984
4046
|
motion3.img,
|
|
3985
4047
|
{
|
|
3986
4048
|
className: "dnt__bg dnt__bg--night",
|
|
@@ -3992,17 +4054,17 @@ var DayNightTransition = ({
|
|
|
3992
4054
|
}
|
|
3993
4055
|
)
|
|
3994
4056
|
] }),
|
|
3995
|
-
/* @__PURE__ */
|
|
3996
|
-
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */
|
|
4057
|
+
/* @__PURE__ */ jsx32("div", { className: "dnt__content", children: /* @__PURE__ */ jsx32("div", { className: "dnt__inner", children: webflowV2 ? /* @__PURE__ */ jsxs29("div", { className: "dnt__text-wrap", children: [
|
|
4058
|
+
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs29(
|
|
3997
4059
|
MotionHeadline,
|
|
3998
4060
|
{
|
|
3999
4061
|
className: "dnt__headline dnt__headline--inline-day-night",
|
|
4000
4062
|
style: { color: v2TitleColor },
|
|
4001
4063
|
"aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
|
|
4002
4064
|
children: [
|
|
4003
|
-
/* @__PURE__ */
|
|
4004
|
-
/* @__PURE__ */
|
|
4005
|
-
/* @__PURE__ */
|
|
4065
|
+
/* @__PURE__ */ jsx32("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
|
|
4066
|
+
/* @__PURE__ */ jsxs29("span", { className: "dnt__headline-pair", children: [
|
|
4067
|
+
/* @__PURE__ */ jsx32(
|
|
4006
4068
|
motion3.span,
|
|
4007
4069
|
{
|
|
4008
4070
|
ref: dayWordRef,
|
|
@@ -4011,7 +4073,7 @@ var DayNightTransition = ({
|
|
|
4011
4073
|
children: inlineDayNightHeadline.dayWord
|
|
4012
4074
|
}
|
|
4013
4075
|
),
|
|
4014
|
-
/* @__PURE__ */
|
|
4076
|
+
/* @__PURE__ */ jsx32(
|
|
4015
4077
|
motion3.span,
|
|
4016
4078
|
{
|
|
4017
4079
|
className: "dnt__headline-wnight",
|
|
@@ -4026,8 +4088,8 @@ var DayNightTransition = ({
|
|
|
4026
4088
|
] })
|
|
4027
4089
|
]
|
|
4028
4090
|
}
|
|
4029
|
-
) : /* @__PURE__ */
|
|
4030
|
-
/* @__PURE__ */
|
|
4091
|
+
) : /* @__PURE__ */ jsxs29("div", { className: "dnt__crossfade-wrap", children: [
|
|
4092
|
+
/* @__PURE__ */ jsx32(
|
|
4031
4093
|
MotionHeadline,
|
|
4032
4094
|
{
|
|
4033
4095
|
className: "dnt__headline",
|
|
@@ -4035,7 +4097,7 @@ var DayNightTransition = ({
|
|
|
4035
4097
|
children: dayHeadline
|
|
4036
4098
|
}
|
|
4037
4099
|
),
|
|
4038
|
-
/* @__PURE__ */
|
|
4100
|
+
/* @__PURE__ */ jsx32(
|
|
4039
4101
|
MotionHeadline,
|
|
4040
4102
|
{
|
|
4041
4103
|
className: "dnt__headline",
|
|
@@ -4045,8 +4107,8 @@ var DayNightTransition = ({
|
|
|
4045
4107
|
}
|
|
4046
4108
|
)
|
|
4047
4109
|
] }),
|
|
4048
|
-
hasDescription && /* @__PURE__ */
|
|
4049
|
-
/* @__PURE__ */
|
|
4110
|
+
hasDescription && /* @__PURE__ */ jsxs29("div", { className: "dnt__crossfade-wrap", children: [
|
|
4111
|
+
/* @__PURE__ */ jsx32(
|
|
4050
4112
|
motion3.p,
|
|
4051
4113
|
{
|
|
4052
4114
|
className: "dnt__description",
|
|
@@ -4057,7 +4119,7 @@ var DayNightTransition = ({
|
|
|
4057
4119
|
children: dayDescription ?? ""
|
|
4058
4120
|
}
|
|
4059
4121
|
),
|
|
4060
|
-
/* @__PURE__ */
|
|
4122
|
+
/* @__PURE__ */ jsx32(
|
|
4061
4123
|
motion3.p,
|
|
4062
4124
|
{
|
|
4063
4125
|
className: "dnt__description",
|
|
@@ -4070,22 +4132,22 @@ var DayNightTransition = ({
|
|
|
4070
4132
|
}
|
|
4071
4133
|
)
|
|
4072
4134
|
] }),
|
|
4073
|
-
!hideCta && /* @__PURE__ */
|
|
4074
|
-
] }) : /* @__PURE__ */
|
|
4135
|
+
!hideCta && /* @__PURE__ */ jsx32("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
|
|
4136
|
+
] }) : /* @__PURE__ */ jsxs29(
|
|
4075
4137
|
motion3.div,
|
|
4076
4138
|
{
|
|
4077
4139
|
className: "dnt__text-wrap",
|
|
4078
4140
|
style: { color: textColor },
|
|
4079
4141
|
children: [
|
|
4080
|
-
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */
|
|
4142
|
+
useInlineHeadline && inlineDayNightHeadline ? /* @__PURE__ */ jsxs29(
|
|
4081
4143
|
MotionHeadline,
|
|
4082
4144
|
{
|
|
4083
4145
|
className: "dnt__headline dnt__headline--inline-day-night",
|
|
4084
4146
|
"aria-label": `${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.dayWord} / ${inlineDayNightHeadline.prefix}${inlineDayNightHeadline.nightWord}`,
|
|
4085
4147
|
children: [
|
|
4086
|
-
/* @__PURE__ */
|
|
4087
|
-
/* @__PURE__ */
|
|
4088
|
-
/* @__PURE__ */
|
|
4148
|
+
/* @__PURE__ */ jsx32("span", { className: "dnt__headline-prefix", children: inlineDayNightHeadline.prefix }),
|
|
4149
|
+
/* @__PURE__ */ jsxs29("span", { className: "dnt__headline-pair", children: [
|
|
4150
|
+
/* @__PURE__ */ jsx32(
|
|
4089
4151
|
motion3.span,
|
|
4090
4152
|
{
|
|
4091
4153
|
ref: dayWordRef,
|
|
@@ -4094,7 +4156,7 @@ var DayNightTransition = ({
|
|
|
4094
4156
|
children: inlineDayNightHeadline.dayWord
|
|
4095
4157
|
}
|
|
4096
4158
|
),
|
|
4097
|
-
/* @__PURE__ */
|
|
4159
|
+
/* @__PURE__ */ jsx32(
|
|
4098
4160
|
motion3.span,
|
|
4099
4161
|
{
|
|
4100
4162
|
className: "dnt__headline-wnight",
|
|
@@ -4109,8 +4171,8 @@ var DayNightTransition = ({
|
|
|
4109
4171
|
] })
|
|
4110
4172
|
]
|
|
4111
4173
|
}
|
|
4112
|
-
) : /* @__PURE__ */
|
|
4113
|
-
/* @__PURE__ */
|
|
4174
|
+
) : /* @__PURE__ */ jsxs29("div", { className: "dnt__crossfade-wrap", children: [
|
|
4175
|
+
/* @__PURE__ */ jsx32(
|
|
4114
4176
|
MotionHeadline,
|
|
4115
4177
|
{
|
|
4116
4178
|
className: "dnt__headline",
|
|
@@ -4118,7 +4180,7 @@ var DayNightTransition = ({
|
|
|
4118
4180
|
children: dayHeadline
|
|
4119
4181
|
}
|
|
4120
4182
|
),
|
|
4121
|
-
/* @__PURE__ */
|
|
4183
|
+
/* @__PURE__ */ jsx32(
|
|
4122
4184
|
MotionHeadline,
|
|
4123
4185
|
{
|
|
4124
4186
|
className: "dnt__headline",
|
|
@@ -4128,8 +4190,8 @@ var DayNightTransition = ({
|
|
|
4128
4190
|
}
|
|
4129
4191
|
)
|
|
4130
4192
|
] }),
|
|
4131
|
-
hasDescription && /* @__PURE__ */
|
|
4132
|
-
/* @__PURE__ */
|
|
4193
|
+
hasDescription && /* @__PURE__ */ jsxs29("div", { className: "dnt__crossfade-wrap", children: [
|
|
4194
|
+
/* @__PURE__ */ jsx32(
|
|
4133
4195
|
motion3.p,
|
|
4134
4196
|
{
|
|
4135
4197
|
className: "dnt__description",
|
|
@@ -4137,7 +4199,7 @@ var DayNightTransition = ({
|
|
|
4137
4199
|
children: dayDescription ?? ""
|
|
4138
4200
|
}
|
|
4139
4201
|
),
|
|
4140
|
-
/* @__PURE__ */
|
|
4202
|
+
/* @__PURE__ */ jsx32(
|
|
4141
4203
|
motion3.p,
|
|
4142
4204
|
{
|
|
4143
4205
|
className: "dnt__description",
|
|
@@ -4147,7 +4209,7 @@ var DayNightTransition = ({
|
|
|
4147
4209
|
}
|
|
4148
4210
|
)
|
|
4149
4211
|
] }),
|
|
4150
|
-
!hideCta && /* @__PURE__ */
|
|
4212
|
+
!hideCta && /* @__PURE__ */ jsx32("a", { href: ctaHref, className: "dnt__btn", children: ctaLabel })
|
|
4151
4213
|
]
|
|
4152
4214
|
}
|
|
4153
4215
|
) }) })
|
|
@@ -4180,7 +4242,7 @@ import {
|
|
|
4180
4242
|
useAnimationFrame,
|
|
4181
4243
|
useMotionValue
|
|
4182
4244
|
} from "framer-motion";
|
|
4183
|
-
import { jsx as
|
|
4245
|
+
import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
4184
4246
|
function modWrap(min, max, v) {
|
|
4185
4247
|
const range = max - min;
|
|
4186
4248
|
return ((v - min) % range + range) % range + min;
|
|
@@ -4251,21 +4313,21 @@ var LogoMarquee = ({
|
|
|
4251
4313
|
});
|
|
4252
4314
|
const track1 = [...col1Logos, ...col1Logos];
|
|
4253
4315
|
const track2 = [...col2Logos, ...col2Logos];
|
|
4254
|
-
return /* @__PURE__ */
|
|
4316
|
+
return /* @__PURE__ */ jsx33(
|
|
4255
4317
|
"section",
|
|
4256
4318
|
{
|
|
4257
4319
|
className: ["lm", className].filter(Boolean).join(" "),
|
|
4258
4320
|
...props,
|
|
4259
|
-
children: /* @__PURE__ */
|
|
4260
|
-
/* @__PURE__ */
|
|
4261
|
-
/* @__PURE__ */
|
|
4262
|
-
/* @__PURE__ */
|
|
4321
|
+
children: /* @__PURE__ */ jsxs30("div", { className: "lm__inner", children: [
|
|
4322
|
+
/* @__PURE__ */ jsx33("div", { className: "lm__media", children: /* @__PURE__ */ jsxs30("div", { className: "lm__carousel", children: [
|
|
4323
|
+
/* @__PURE__ */ jsx33("div", { className: "lm__fade lm__fade--top", "aria-hidden": "true" }),
|
|
4324
|
+
/* @__PURE__ */ jsx33(
|
|
4263
4325
|
motion4.div,
|
|
4264
4326
|
{
|
|
4265
4327
|
ref: col1Ref,
|
|
4266
4328
|
className: "lm__col",
|
|
4267
4329
|
style: { y: col1Y },
|
|
4268
|
-
children: track1.map((logo, i) => /* @__PURE__ */
|
|
4330
|
+
children: track1.map((logo, i) => /* @__PURE__ */ jsx33("div", { className: "lm__card", children: /* @__PURE__ */ jsx33("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx33(
|
|
4269
4331
|
"img",
|
|
4270
4332
|
{
|
|
4271
4333
|
src: logo.url,
|
|
@@ -4276,13 +4338,13 @@ var LogoMarquee = ({
|
|
|
4276
4338
|
) }) }, `c1-${i}`))
|
|
4277
4339
|
}
|
|
4278
4340
|
),
|
|
4279
|
-
/* @__PURE__ */
|
|
4341
|
+
/* @__PURE__ */ jsx33(
|
|
4280
4342
|
motion4.div,
|
|
4281
4343
|
{
|
|
4282
4344
|
ref: col2Ref,
|
|
4283
4345
|
className: "lm__col",
|
|
4284
4346
|
style: { y: col2Y },
|
|
4285
|
-
children: track2.map((logo, i) => /* @__PURE__ */
|
|
4347
|
+
children: track2.map((logo, i) => /* @__PURE__ */ jsx33("div", { className: "lm__card", children: /* @__PURE__ */ jsx33("div", { className: "lm__card-img-wrap", children: /* @__PURE__ */ jsx33(
|
|
4286
4348
|
"img",
|
|
4287
4349
|
{
|
|
4288
4350
|
src: logo.url,
|
|
@@ -4293,17 +4355,17 @@ var LogoMarquee = ({
|
|
|
4293
4355
|
) }) }, `c2-${i}`))
|
|
4294
4356
|
}
|
|
4295
4357
|
),
|
|
4296
|
-
/* @__PURE__ */
|
|
4358
|
+
/* @__PURE__ */ jsx33("div", { className: "lm__fade lm__fade--bottom", "aria-hidden": "true" })
|
|
4297
4359
|
] }) }),
|
|
4298
|
-
/* @__PURE__ */
|
|
4299
|
-
/* @__PURE__ */
|
|
4300
|
-
/* @__PURE__ */
|
|
4301
|
-
/* @__PURE__ */
|
|
4302
|
-
/* @__PURE__ */
|
|
4360
|
+
/* @__PURE__ */ jsxs30("div", { className: "lm__content", children: [
|
|
4361
|
+
/* @__PURE__ */ jsx33("h2", { className: "lm__headline", children: headline }),
|
|
4362
|
+
/* @__PURE__ */ jsxs30("div", { className: "lm__text-group", children: [
|
|
4363
|
+
/* @__PURE__ */ jsx33("p", { className: "lm__body", children: body }),
|
|
4364
|
+
/* @__PURE__ */ jsx33("p", { className: "lm__disclaimer", children: disclaimer })
|
|
4303
4365
|
] }),
|
|
4304
|
-
/* @__PURE__ */
|
|
4366
|
+
/* @__PURE__ */ jsxs30("a", { href: ctaHref, className: "lm__link", children: [
|
|
4305
4367
|
ctaLabel,
|
|
4306
|
-
/* @__PURE__ */
|
|
4368
|
+
/* @__PURE__ */ jsx33("span", { className: "lm__link-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx33("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx33("path", { d: "M3 8H13M13 8L9 4M13 8L9 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
|
|
4307
4369
|
] })
|
|
4308
4370
|
] })
|
|
4309
4371
|
] })
|
|
@@ -4353,8 +4415,8 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
|
|
|
4353
4415
|
// assets/appstore-browser-dark.svg
|
|
4354
4416
|
var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
|
|
4355
4417
|
|
|
4356
|
-
//
|
|
4357
|
-
import { jsx as
|
|
4418
|
+
// components/DownloadBadge/DownloadBadge.tsx
|
|
4419
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
4358
4420
|
var BADGE_ASSETS = {
|
|
4359
4421
|
light: {
|
|
4360
4422
|
googleplay: { src: appstore_googleplay_light_default, alt: "Get it on Google Play" },
|
|
@@ -4383,7 +4445,7 @@ var DownloadBadge = ({
|
|
|
4383
4445
|
...props
|
|
4384
4446
|
}) => {
|
|
4385
4447
|
const { src, alt } = BADGE_ASSETS[colorScheme][platform];
|
|
4386
|
-
return /* @__PURE__ */
|
|
4448
|
+
return /* @__PURE__ */ jsx34(
|
|
4387
4449
|
"a",
|
|
4388
4450
|
{
|
|
4389
4451
|
className: [
|
|
@@ -4396,13 +4458,13 @@ var DownloadBadge = ({
|
|
|
4396
4458
|
target: "_blank",
|
|
4397
4459
|
rel: "noopener noreferrer",
|
|
4398
4460
|
...props,
|
|
4399
|
-
children: /* @__PURE__ */
|
|
4461
|
+
children: /* @__PURE__ */ jsx34("img", { className: "download-badge__img", src, alt })
|
|
4400
4462
|
}
|
|
4401
4463
|
);
|
|
4402
4464
|
};
|
|
4403
4465
|
|
|
4404
4466
|
// templates/Steps/Steps.tsx
|
|
4405
|
-
import { jsx as
|
|
4467
|
+
import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
4406
4468
|
var Steps = ({
|
|
4407
4469
|
title,
|
|
4408
4470
|
steps,
|
|
@@ -4414,8 +4476,8 @@ var Steps = ({
|
|
|
4414
4476
|
"steps__container",
|
|
4415
4477
|
imagePosition === "right" ? "steps__container--image-right" : ""
|
|
4416
4478
|
].filter(Boolean).join(" ");
|
|
4417
|
-
return /* @__PURE__ */
|
|
4418
|
-
image && /* @__PURE__ */
|
|
4479
|
+
return /* @__PURE__ */ jsx35("section", { className: "steps", children: /* @__PURE__ */ jsxs31("div", { className: containerClass, children: [
|
|
4480
|
+
image && /* @__PURE__ */ jsx35("div", { className: "steps__image-wrapper", children: /* @__PURE__ */ jsx35(
|
|
4419
4481
|
"img",
|
|
4420
4482
|
{
|
|
4421
4483
|
src: image,
|
|
@@ -4423,13 +4485,13 @@ var Steps = ({
|
|
|
4423
4485
|
className: "steps__image"
|
|
4424
4486
|
}
|
|
4425
4487
|
) }),
|
|
4426
|
-
/* @__PURE__ */
|
|
4427
|
-
/* @__PURE__ */
|
|
4428
|
-
/* @__PURE__ */
|
|
4429
|
-
/* @__PURE__ */
|
|
4430
|
-
/* @__PURE__ */
|
|
4431
|
-
/* @__PURE__ */
|
|
4432
|
-
/* @__PURE__ */
|
|
4488
|
+
/* @__PURE__ */ jsxs31("div", { className: "steps__content", children: [
|
|
4489
|
+
/* @__PURE__ */ jsx35("h2", { className: "steps__title", children: title }),
|
|
4490
|
+
/* @__PURE__ */ jsx35("ol", { className: "steps__list", children: steps.map((step, index) => /* @__PURE__ */ jsx35("li", { className: "steps__item", children: /* @__PURE__ */ jsxs31("div", { className: "steps__item-inner", children: [
|
|
4491
|
+
/* @__PURE__ */ jsx35("span", { className: "steps__number", "aria-hidden": "true", children: index + 1 }),
|
|
4492
|
+
/* @__PURE__ */ jsxs31("div", { className: "steps__item-body", children: [
|
|
4493
|
+
/* @__PURE__ */ jsx35("h3", { className: "steps__item-title", children: step.title }),
|
|
4494
|
+
/* @__PURE__ */ jsx35("p", { className: "steps__item-description", children: step.description })
|
|
4433
4495
|
] })
|
|
4434
4496
|
] }) }, index)) })
|
|
4435
4497
|
] })
|
|
@@ -4437,7 +4499,7 @@ var Steps = ({
|
|
|
4437
4499
|
};
|
|
4438
4500
|
|
|
4439
4501
|
// templates/DownloadBanner/DownloadBanner.tsx
|
|
4440
|
-
import { jsx as
|
|
4502
|
+
import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
4441
4503
|
var DownloadBanner = ({
|
|
4442
4504
|
style = "light-2",
|
|
4443
4505
|
qrCodeImage,
|
|
@@ -4462,9 +4524,9 @@ var DownloadBanner = ({
|
|
|
4462
4524
|
disclaimer
|
|
4463
4525
|
}) => {
|
|
4464
4526
|
const colorScheme = style === "dark" ? "dark" : "light";
|
|
4465
|
-
return /* @__PURE__ */
|
|
4466
|
-
/* @__PURE__ */
|
|
4467
|
-
qrCodeImage && /* @__PURE__ */
|
|
4527
|
+
return /* @__PURE__ */ jsx36("section", { className: `db-section db-section--${style}`, children: /* @__PURE__ */ jsx36("div", { className: "db-container", children: /* @__PURE__ */ jsxs32("div", { className: "db-card", children: [
|
|
4528
|
+
/* @__PURE__ */ jsxs32("div", { className: "db-qr-block", children: [
|
|
4529
|
+
qrCodeImage && /* @__PURE__ */ jsx36(
|
|
4468
4530
|
"img",
|
|
4469
4531
|
{
|
|
4470
4532
|
className: "db-qr-image",
|
|
@@ -4472,21 +4534,21 @@ var DownloadBanner = ({
|
|
|
4472
4534
|
alt: qrCodeAlt
|
|
4473
4535
|
}
|
|
4474
4536
|
),
|
|
4475
|
-
/* @__PURE__ */
|
|
4476
|
-
/* @__PURE__ */
|
|
4477
|
-
/* @__PURE__ */
|
|
4478
|
-
/* @__PURE__ */
|
|
4479
|
-
disclaimer && /* @__PURE__ */
|
|
4537
|
+
/* @__PURE__ */ jsxs32("div", { className: "db-qr-text", children: [
|
|
4538
|
+
/* @__PURE__ */ jsx36("span", { className: "db-qr-text__title db-qr-text__title--desktop", children: qrTitle }),
|
|
4539
|
+
/* @__PURE__ */ jsx36("h2", { className: "db-qr-text__subtitle db-qr-text__subtitle--desktop", children: qrSubtitle }),
|
|
4540
|
+
/* @__PURE__ */ jsx36("span", { className: "db-qr-text__title db-qr-text__title--mobile", children: mobileTitle }),
|
|
4541
|
+
disclaimer && /* @__PURE__ */ jsx36("span", { className: "db-disclaimer", children: disclaimer })
|
|
4480
4542
|
] })
|
|
4481
4543
|
] }),
|
|
4482
|
-
/* @__PURE__ */
|
|
4483
|
-
showGooglePlay && /* @__PURE__ */
|
|
4484
|
-
showAppGallery && /* @__PURE__ */
|
|
4485
|
-
showMacOS && /* @__PURE__ */
|
|
4486
|
-
showWindows && /* @__PURE__ */
|
|
4487
|
-
showLinux && /* @__PURE__ */
|
|
4488
|
-
showAppStore && /* @__PURE__ */
|
|
4489
|
-
showWeb && /* @__PURE__ */
|
|
4544
|
+
/* @__PURE__ */ jsxs32("div", { className: "db-badges", children: [
|
|
4545
|
+
showGooglePlay && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "googleplay", colorScheme, href: googlePlayHref }),
|
|
4546
|
+
showAppGallery && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "appgallery", colorScheme, href: appGalleryHref }),
|
|
4547
|
+
showMacOS && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "macos", colorScheme, href: macOSHref }),
|
|
4548
|
+
showWindows && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "windows", colorScheme, href: windowsHref }),
|
|
4549
|
+
showLinux && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "linux", colorScheme, href: linuxHref }),
|
|
4550
|
+
showAppStore && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "appstore", colorScheme, href: appStoreHref }),
|
|
4551
|
+
showWeb && /* @__PURE__ */ jsx36(DownloadBadge, { platform: "web", colorScheme, href: webHref })
|
|
4490
4552
|
] })
|
|
4491
4553
|
] }) }) });
|
|
4492
4554
|
};
|
|
@@ -4495,7 +4557,7 @@ var DownloadBanner = ({
|
|
|
4495
4557
|
import { useEffect as useEffect10, useRef as useRef13 } from "react";
|
|
4496
4558
|
import { gsap } from "gsap";
|
|
4497
4559
|
import { ScrollTrigger } from "gsap/ScrollTrigger";
|
|
4498
|
-
import { jsx as
|
|
4560
|
+
import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
4499
4561
|
gsap.registerPlugin(ScrollTrigger);
|
|
4500
4562
|
var TextScroll = ({ text, className }) => {
|
|
4501
4563
|
const sectionRef = useRef13(null);
|
|
@@ -4535,12 +4597,12 @@ var TextScroll = ({ text, className }) => {
|
|
|
4535
4597
|
gsap.set(wordEls, { clearProps: "opacity" });
|
|
4536
4598
|
};
|
|
4537
4599
|
}, [text]);
|
|
4538
|
-
return /* @__PURE__ */
|
|
4600
|
+
return /* @__PURE__ */ jsx37(
|
|
4539
4601
|
"section",
|
|
4540
4602
|
{
|
|
4541
4603
|
ref: sectionRef,
|
|
4542
4604
|
className: ["ts", className].filter(Boolean).join(" "),
|
|
4543
|
-
children: /* @__PURE__ */
|
|
4605
|
+
children: /* @__PURE__ */ jsx37("div", { className: "ts__inner", children: /* @__PURE__ */ jsx37("p", { className: "ts__text", "aria-label": text, children: words.map((word, i) => /* @__PURE__ */ jsxs33(
|
|
4544
4606
|
"span",
|
|
4545
4607
|
{
|
|
4546
4608
|
ref: (el) => {
|
|
@@ -4561,7 +4623,7 @@ var TextScroll = ({ text, className }) => {
|
|
|
4561
4623
|
|
|
4562
4624
|
// templates/StickyMarketCards/StickyMarketCards.tsx
|
|
4563
4625
|
import { useEffect as useEffect11, useRef as useRef14 } from "react";
|
|
4564
|
-
import { jsx as
|
|
4626
|
+
import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4565
4627
|
var PLACEHOLDER_IMAGE3 = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c28a/69b9309379ac08e59ca8210a_1f3f555da9a5cbb13a6fe1bf0d5fe1b6_placeholder-image.webp";
|
|
4566
4628
|
var StickyMarketCards = ({
|
|
4567
4629
|
sectionTitle,
|
|
@@ -4642,20 +4704,20 @@ var StickyMarketCards = ({
|
|
|
4642
4704
|
const n = items.length;
|
|
4643
4705
|
const maxStack = 4;
|
|
4644
4706
|
const baseIndex = Math.max(0, n - maxStack);
|
|
4645
|
-
return /* @__PURE__ */
|
|
4707
|
+
return /* @__PURE__ */ jsx38(
|
|
4646
4708
|
"section",
|
|
4647
4709
|
{
|
|
4648
4710
|
className: ["smc", className].filter(Boolean).join(" "),
|
|
4649
4711
|
...props,
|
|
4650
|
-
children: /* @__PURE__ */
|
|
4651
|
-
/* @__PURE__ */
|
|
4652
|
-
/* @__PURE__ */
|
|
4653
|
-
sectionDescription && /* @__PURE__ */
|
|
4712
|
+
children: /* @__PURE__ */ jsxs34("div", { className: "smc__inner", children: [
|
|
4713
|
+
/* @__PURE__ */ jsxs34("div", { className: "smc__header-wrap", children: [
|
|
4714
|
+
/* @__PURE__ */ jsx38("h2", { className: "smc__header", children: sectionTitle }),
|
|
4715
|
+
sectionDescription && /* @__PURE__ */ jsx38("p", { className: "smc__description", children: sectionDescription })
|
|
4654
4716
|
] }),
|
|
4655
|
-
/* @__PURE__ */
|
|
4717
|
+
/* @__PURE__ */ jsx38("div", { className: "smc__track", children: items.map((item, i) => {
|
|
4656
4718
|
const theme = item.theme ?? "dark";
|
|
4657
4719
|
const offsetMultiplier = Math.max(0, i - baseIndex);
|
|
4658
|
-
return /* @__PURE__ */
|
|
4720
|
+
return /* @__PURE__ */ jsx38(
|
|
4659
4721
|
"div",
|
|
4660
4722
|
{
|
|
4661
4723
|
ref: (el) => {
|
|
@@ -4666,7 +4728,7 @@ var StickyMarketCards = ({
|
|
|
4666
4728
|
["--smc-card-index"]: String(offsetMultiplier),
|
|
4667
4729
|
zIndex: i + 1
|
|
4668
4730
|
},
|
|
4669
|
-
children: /* @__PURE__ */
|
|
4731
|
+
children: /* @__PURE__ */ jsxs34(
|
|
4670
4732
|
"div",
|
|
4671
4733
|
{
|
|
4672
4734
|
ref: (el) => {
|
|
@@ -4677,8 +4739,8 @@ var StickyMarketCards = ({
|
|
|
4677
4739
|
`smc__card-inner--${theme}`
|
|
4678
4740
|
].join(" "),
|
|
4679
4741
|
children: [
|
|
4680
|
-
/* @__PURE__ */
|
|
4681
|
-
/* @__PURE__ */
|
|
4742
|
+
/* @__PURE__ */ jsxs34("div", { className: "smc__card-bg", children: [
|
|
4743
|
+
/* @__PURE__ */ jsx38(
|
|
4682
4744
|
"img",
|
|
4683
4745
|
{
|
|
4684
4746
|
src: item.imageUrl ?? PLACEHOLDER_IMAGE3,
|
|
@@ -4687,7 +4749,7 @@ var StickyMarketCards = ({
|
|
|
4687
4749
|
loading: i === 0 ? "eager" : "lazy"
|
|
4688
4750
|
}
|
|
4689
4751
|
),
|
|
4690
|
-
/* @__PURE__ */
|
|
4752
|
+
/* @__PURE__ */ jsx38(
|
|
4691
4753
|
"div",
|
|
4692
4754
|
{
|
|
4693
4755
|
className: [
|
|
@@ -4697,9 +4759,9 @@ var StickyMarketCards = ({
|
|
|
4697
4759
|
}
|
|
4698
4760
|
)
|
|
4699
4761
|
] }),
|
|
4700
|
-
/* @__PURE__ */
|
|
4701
|
-
/* @__PURE__ */
|
|
4702
|
-
/* @__PURE__ */
|
|
4762
|
+
/* @__PURE__ */ jsxs34("div", { className: "smc__card-content", children: [
|
|
4763
|
+
/* @__PURE__ */ jsx38("div", { className: "smc__card-title-wrap", children: /* @__PURE__ */ jsx38("h3", { className: "smc__card-title", children: item.title }) }),
|
|
4764
|
+
/* @__PURE__ */ jsx38("div", { className: "smc__card-desc-wrap", children: /* @__PURE__ */ jsx38("p", { className: "smc__card-desc", children: item.description }) })
|
|
4703
4765
|
] })
|
|
4704
4766
|
]
|
|
4705
4767
|
}
|
|
@@ -4715,11 +4777,11 @@ var StickyMarketCards = ({
|
|
|
4715
4777
|
|
|
4716
4778
|
// templates/Table/Table.tsx
|
|
4717
4779
|
import { useState as useState13, useMemo as useMemo2 } from "react";
|
|
4718
|
-
import { Fragment as Fragment4, jsx as
|
|
4719
|
-
var InfoIcon = ({ className }) => /* @__PURE__ */
|
|
4720
|
-
/* @__PURE__ */
|
|
4721
|
-
/* @__PURE__ */
|
|
4722
|
-
/* @__PURE__ */
|
|
4780
|
+
import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
4781
|
+
var InfoIcon = ({ className }) => /* @__PURE__ */ jsxs35("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", className, children: [
|
|
4782
|
+
/* @__PURE__ */ jsx39("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1.5" }),
|
|
4783
|
+
/* @__PURE__ */ jsx39("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
4784
|
+
/* @__PURE__ */ jsx39("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
|
|
4723
4785
|
] });
|
|
4724
4786
|
var Table = ({
|
|
4725
4787
|
sectionTitle,
|
|
@@ -4756,12 +4818,12 @@ var Table = ({
|
|
|
4756
4818
|
setSearch("");
|
|
4757
4819
|
setPage(1);
|
|
4758
4820
|
};
|
|
4759
|
-
return /* @__PURE__ */
|
|
4760
|
-
sectionTitle && /* @__PURE__ */
|
|
4761
|
-
/* @__PURE__ */
|
|
4762
|
-
/* @__PURE__ */
|
|
4763
|
-
/* @__PURE__ */
|
|
4764
|
-
/* @__PURE__ */
|
|
4821
|
+
return /* @__PURE__ */ jsxs35("section", { className: ["tbl-section", className].filter(Boolean).join(" "), ...props, children: [
|
|
4822
|
+
sectionTitle && /* @__PURE__ */ jsx39("div", { className: "tbl-section__header", children: /* @__PURE__ */ jsx39("h2", { className: "tbl-section__title", children: sectionTitle }) }),
|
|
4823
|
+
/* @__PURE__ */ jsxs35("div", { className: "tbl-section__content", children: [
|
|
4824
|
+
/* @__PURE__ */ jsxs35("div", { className: "tbl", children: [
|
|
4825
|
+
/* @__PURE__ */ jsxs35("div", { className: "tbl__topbar", children: [
|
|
4826
|
+
/* @__PURE__ */ jsx39("div", { className: "tbl__search-wrap", children: /* @__PURE__ */ jsx39(
|
|
4765
4827
|
SearchField,
|
|
4766
4828
|
{
|
|
4767
4829
|
placeholder: searchPlaceholder,
|
|
@@ -4772,7 +4834,7 @@ var Table = ({
|
|
|
4772
4834
|
"aria-label": searchPlaceholder
|
|
4773
4835
|
}
|
|
4774
4836
|
) }),
|
|
4775
|
-
/* @__PURE__ */
|
|
4837
|
+
/* @__PURE__ */ jsx39("div", { className: "tbl__summary", children: filtered.length > 0 ? /* @__PURE__ */ jsxs35(Fragment4, { children: [
|
|
4776
4838
|
"Showing ",
|
|
4777
4839
|
startIdx + 1,
|
|
4778
4840
|
"- ",
|
|
@@ -4781,12 +4843,12 @@ var Table = ({
|
|
|
4781
4843
|
filtered.length
|
|
4782
4844
|
] }) : "No results" })
|
|
4783
4845
|
] }),
|
|
4784
|
-
/* @__PURE__ */
|
|
4785
|
-
/* @__PURE__ */
|
|
4846
|
+
/* @__PURE__ */ jsx39("div", { className: "tbl__scroll-wrapper", children: /* @__PURE__ */ jsxs35("table", { className: "tbl__table", children: [
|
|
4847
|
+
/* @__PURE__ */ jsx39("thead", { children: /* @__PURE__ */ jsx39("tr", { className: "tbl__tr", children: columns.map((col, colIdx) => {
|
|
4786
4848
|
const isFirst = colIdx === 0;
|
|
4787
4849
|
const isLast = colIdx === columns.length - 1;
|
|
4788
4850
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
4789
|
-
return /* @__PURE__ */
|
|
4851
|
+
return /* @__PURE__ */ jsx39(
|
|
4790
4852
|
"th",
|
|
4791
4853
|
{
|
|
4792
4854
|
className: [
|
|
@@ -4794,7 +4856,7 @@ var Table = ({
|
|
|
4794
4856
|
isMain ? "tbl__th--main" : "",
|
|
4795
4857
|
col.width === "big" ? "tbl__th--big" : ""
|
|
4796
4858
|
].filter(Boolean).join(" "),
|
|
4797
|
-
children: /* @__PURE__ */
|
|
4859
|
+
children: /* @__PURE__ */ jsx39(
|
|
4798
4860
|
"div",
|
|
4799
4861
|
{
|
|
4800
4862
|
className: "tbl__th-inner",
|
|
@@ -4824,9 +4886,9 @@ var Table = ({
|
|
|
4824
4886
|
setTooltip((prev) => ({ ...prev, visible: false }));
|
|
4825
4887
|
}
|
|
4826
4888
|
},
|
|
4827
|
-
children: /* @__PURE__ */
|
|
4889
|
+
children: /* @__PURE__ */ jsx39("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__ */ jsxs35("span", { children: [
|
|
4828
4890
|
line,
|
|
4829
|
-
li < col.header.length - 1 && /* @__PURE__ */
|
|
4891
|
+
li < col.header.length - 1 && /* @__PURE__ */ jsx39("br", {})
|
|
4830
4892
|
] }, li)) : col.header })
|
|
4831
4893
|
}
|
|
4832
4894
|
)
|
|
@@ -4834,10 +4896,10 @@ var Table = ({
|
|
|
4834
4896
|
col.key
|
|
4835
4897
|
);
|
|
4836
4898
|
}) }) }),
|
|
4837
|
-
/* @__PURE__ */
|
|
4899
|
+
/* @__PURE__ */ jsx39("tbody", { className: "tbl__tbody", children: visible.length > 0 ? visible.map((row, rowIdx) => /* @__PURE__ */ jsx39("tr", { className: "tbl__tr", children: columns.map((col) => {
|
|
4838
4900
|
const isMain = col.width === "main" || col.key === mainKey;
|
|
4839
4901
|
const iconUrl = row[`${col.key}_iconUrl`];
|
|
4840
|
-
return /* @__PURE__ */
|
|
4902
|
+
return /* @__PURE__ */ jsx39(
|
|
4841
4903
|
"td",
|
|
4842
4904
|
{
|
|
4843
4905
|
className: [
|
|
@@ -4845,8 +4907,8 @@ var Table = ({
|
|
|
4845
4907
|
isMain ? "tbl__td--main" : "",
|
|
4846
4908
|
col.width === "big" ? "tbl__td--big" : ""
|
|
4847
4909
|
].filter(Boolean).join(" "),
|
|
4848
|
-
children: isMain ? /* @__PURE__ */
|
|
4849
|
-
iconUrl && /* @__PURE__ */
|
|
4910
|
+
children: isMain ? /* @__PURE__ */ jsxs35("div", { className: "tbl__cell-inner", children: [
|
|
4911
|
+
iconUrl && /* @__PURE__ */ jsx39(
|
|
4850
4912
|
"img",
|
|
4851
4913
|
{
|
|
4852
4914
|
src: iconUrl,
|
|
@@ -4858,18 +4920,18 @@ var Table = ({
|
|
|
4858
4920
|
height: "24"
|
|
4859
4921
|
}
|
|
4860
4922
|
),
|
|
4861
|
-
/* @__PURE__ */
|
|
4862
|
-
] }) : /* @__PURE__ */
|
|
4923
|
+
/* @__PURE__ */ jsx39("span", { className: "tbl__cell-text tbl__cell-text--bold", children: row[col.key] ?? "" })
|
|
4924
|
+
] }) : /* @__PURE__ */ jsx39("span", { className: "tbl__cell-text", children: row[col.key] ?? "" })
|
|
4863
4925
|
},
|
|
4864
4926
|
col.key
|
|
4865
4927
|
);
|
|
4866
|
-
}) }, rowIdx)) : /* @__PURE__ */
|
|
4928
|
+
}) }, rowIdx)) : /* @__PURE__ */ jsx39("tr", { className: "tbl__tr", children: /* @__PURE__ */ jsxs35("td", { colSpan: columns.length, className: "tbl__empty-cell", children: [
|
|
4867
4929
|
'No results found for "',
|
|
4868
4930
|
search,
|
|
4869
4931
|
'"'
|
|
4870
4932
|
] }) }) })
|
|
4871
4933
|
] }) }),
|
|
4872
|
-
totalPages > 1 && /* @__PURE__ */
|
|
4934
|
+
totalPages > 1 && /* @__PURE__ */ jsx39("div", { className: "tbl__footer", children: /* @__PURE__ */ jsx39("div", { className: "tbl__pagination-wrap", children: /* @__PURE__ */ jsx39(
|
|
4873
4935
|
Pagination,
|
|
4874
4936
|
{
|
|
4875
4937
|
currentPage,
|
|
@@ -4878,19 +4940,19 @@ var Table = ({
|
|
|
4878
4940
|
}
|
|
4879
4941
|
) }) })
|
|
4880
4942
|
] }),
|
|
4881
|
-
infoText && /* @__PURE__ */
|
|
4882
|
-
/* @__PURE__ */
|
|
4883
|
-
/* @__PURE__ */
|
|
4943
|
+
infoText && /* @__PURE__ */ jsxs35("div", { className: "tbl-section__info-box", children: [
|
|
4944
|
+
/* @__PURE__ */ jsx39(InfoIcon, { className: "tbl-section__info-icon" }),
|
|
4945
|
+
/* @__PURE__ */ jsx39("p", { className: "tbl-section__info-text", children: infoText })
|
|
4884
4946
|
] })
|
|
4885
4947
|
] }),
|
|
4886
|
-
/* @__PURE__ */
|
|
4948
|
+
/* @__PURE__ */ jsxs35(
|
|
4887
4949
|
"div",
|
|
4888
4950
|
{
|
|
4889
4951
|
className: ["tbl__global-hint", tooltip.visible ? "tbl__global-hint--visible" : ""].filter(Boolean).join(" "),
|
|
4890
4952
|
style: { left: tooltip.x, top: tooltip.y - 8 },
|
|
4891
4953
|
children: [
|
|
4892
|
-
/* @__PURE__ */
|
|
4893
|
-
/* @__PURE__ */
|
|
4954
|
+
/* @__PURE__ */ jsx39("div", { className: "tbl__global-hint-desc", children: tooltip.description }),
|
|
4955
|
+
/* @__PURE__ */ jsx39(
|
|
4894
4956
|
"div",
|
|
4895
4957
|
{
|
|
4896
4958
|
className: "tbl__global-hint-arrow",
|
|
@@ -4905,11 +4967,11 @@ var Table = ({
|
|
|
4905
4967
|
|
|
4906
4968
|
// templates/Leaders/Leaders.tsx
|
|
4907
4969
|
import { useState as useState14 } from "react";
|
|
4908
|
-
import { Fragment as Fragment5, jsx as
|
|
4909
|
-
var ChevronDownIcon4 = () => /* @__PURE__ */
|
|
4910
|
-
var ChevronUpIcon = () => /* @__PURE__ */
|
|
4911
|
-
var CardContent = ({ item }) => /* @__PURE__ */
|
|
4912
|
-
/* @__PURE__ */
|
|
4970
|
+
import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
4971
|
+
var ChevronDownIcon4 = () => /* @__PURE__ */ jsx40("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4972
|
+
var ChevronUpIcon = () => /* @__PURE__ */ jsx40("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx40("path", { d: "M12 10L8 6L4 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
4973
|
+
var CardContent = ({ item }) => /* @__PURE__ */ jsxs36(Fragment5, { children: [
|
|
4974
|
+
/* @__PURE__ */ jsx40("div", { className: "avatar-grid__image-wrapper", children: /* @__PURE__ */ jsx40(
|
|
4913
4975
|
"img",
|
|
4914
4976
|
{
|
|
4915
4977
|
src: item.imageUrl,
|
|
@@ -4918,11 +4980,11 @@ var CardContent = ({ item }) => /* @__PURE__ */ jsxs35(Fragment5, { children: [
|
|
|
4918
4980
|
loading: "lazy"
|
|
4919
4981
|
}
|
|
4920
4982
|
) }),
|
|
4921
|
-
/* @__PURE__ */
|
|
4922
|
-
/* @__PURE__ */
|
|
4923
|
-
/* @__PURE__ */
|
|
4983
|
+
/* @__PURE__ */ jsxs36("div", { className: "avatar-grid__content", children: [
|
|
4984
|
+
/* @__PURE__ */ jsx40("h3", { className: "avatar-grid__name", children: item.name }),
|
|
4985
|
+
/* @__PURE__ */ jsx40("p", { className: "avatar-grid__role", children: item.role })
|
|
4924
4986
|
] }),
|
|
4925
|
-
item.linkUrl && /* @__PURE__ */
|
|
4987
|
+
item.linkUrl && /* @__PURE__ */ jsx40(
|
|
4926
4988
|
Link,
|
|
4927
4989
|
{
|
|
4928
4990
|
href: item.linkUrl,
|
|
@@ -4950,14 +5012,14 @@ var AvatarGrid = ({
|
|
|
4950
5012
|
const hasMore = items.length > initialVisibleCount;
|
|
4951
5013
|
const visibleItems = items.slice(0, initialVisibleCount);
|
|
4952
5014
|
const extraItems = items.slice(initialVisibleCount);
|
|
4953
|
-
return /* @__PURE__ */
|
|
4954
|
-
(title || description) && /* @__PURE__ */
|
|
4955
|
-
title && /* @__PURE__ */
|
|
4956
|
-
description && /* @__PURE__ */
|
|
5015
|
+
return /* @__PURE__ */ jsx40("section", { className: ["avatar-grid", className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ jsxs36("div", { className: "avatar-grid__container", children: [
|
|
5016
|
+
(title || description) && /* @__PURE__ */ jsxs36("div", { className: "avatar-grid__header", children: [
|
|
5017
|
+
title && /* @__PURE__ */ jsx40("h2", { className: "avatar-grid__title", children: title }),
|
|
5018
|
+
description && /* @__PURE__ */ jsx40("p", { className: "avatar-grid__description", children: description })
|
|
4957
5019
|
] }),
|
|
4958
|
-
/* @__PURE__ */
|
|
4959
|
-
/* @__PURE__ */
|
|
4960
|
-
hasMore && /* @__PURE__ */
|
|
5020
|
+
/* @__PURE__ */ jsxs36("div", { className: "avatar-grid__grid-wrapper", children: [
|
|
5021
|
+
/* @__PURE__ */ jsx40("div", { className: "avatar-grid__grid", children: visibleItems.map((item, i) => /* @__PURE__ */ jsx40("div", { className: "avatar-grid__card", children: /* @__PURE__ */ jsx40(CardContent, { item }) }, i)) }),
|
|
5022
|
+
hasMore && /* @__PURE__ */ jsx40(
|
|
4961
5023
|
"div",
|
|
4962
5024
|
{
|
|
4963
5025
|
className: [
|
|
@@ -4965,7 +5027,7 @@ var AvatarGrid = ({
|
|
|
4965
5027
|
isExpanded ? "avatar-grid__extra-cards--open" : ""
|
|
4966
5028
|
].join(" "),
|
|
4967
5029
|
"aria-hidden": !isExpanded,
|
|
4968
|
-
children: /* @__PURE__ */
|
|
5030
|
+
children: /* @__PURE__ */ jsx40("div", { className: "avatar-grid__extra-grid", children: extraItems.map((item, i) => /* @__PURE__ */ jsx40(
|
|
4969
5031
|
"div",
|
|
4970
5032
|
{
|
|
4971
5033
|
className: [
|
|
@@ -4976,21 +5038,21 @@ var AvatarGrid = ({
|
|
|
4976
5038
|
style: {
|
|
4977
5039
|
transitionDelay: isExpanded ? `${i * 70 + 120}ms` : "0ms"
|
|
4978
5040
|
},
|
|
4979
|
-
children: /* @__PURE__ */
|
|
5041
|
+
children: /* @__PURE__ */ jsx40(CardContent, { item })
|
|
4980
5042
|
},
|
|
4981
5043
|
i
|
|
4982
5044
|
)) })
|
|
4983
5045
|
}
|
|
4984
5046
|
)
|
|
4985
5047
|
] }),
|
|
4986
|
-
hasMore && /* @__PURE__ */
|
|
5048
|
+
hasMore && /* @__PURE__ */ jsx40("div", { className: "avatar-grid__actions", children: /* @__PURE__ */ jsx40(
|
|
4987
5049
|
Button,
|
|
4988
5050
|
{
|
|
4989
5051
|
variant: "secondary",
|
|
4990
5052
|
colorScheme: "black",
|
|
4991
5053
|
onClick: () => setIsExpanded(!isExpanded),
|
|
4992
5054
|
iconPosition: "icon-right",
|
|
4993
|
-
icon: isExpanded ? /* @__PURE__ */
|
|
5055
|
+
icon: isExpanded ? /* @__PURE__ */ jsx40(ChevronUpIcon, {}) : /* @__PURE__ */ jsx40(ChevronDownIcon4, {}),
|
|
4994
5056
|
fullWidth: true,
|
|
4995
5057
|
children: isExpanded ? collapseText : expandText
|
|
4996
5058
|
}
|
|
@@ -5001,7 +5063,7 @@ var PeopleGrid = AvatarGrid;
|
|
|
5001
5063
|
var Leaders = AvatarGrid;
|
|
5002
5064
|
|
|
5003
5065
|
// templates/ImageBanner/ImageBanner.tsx
|
|
5004
|
-
import { jsx as
|
|
5066
|
+
import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
5005
5067
|
var ImageBanner = ({
|
|
5006
5068
|
variant = "split",
|
|
5007
5069
|
title = "Join our global community",
|
|
@@ -5015,12 +5077,12 @@ var ImageBanner = ({
|
|
|
5015
5077
|
...props
|
|
5016
5078
|
}) => {
|
|
5017
5079
|
const isFullBg = variant === "full-bg";
|
|
5018
|
-
return /* @__PURE__ */
|
|
5080
|
+
return /* @__PURE__ */ jsx41(
|
|
5019
5081
|
"section",
|
|
5020
5082
|
{
|
|
5021
5083
|
className: ["image-banner", className].filter(Boolean).join(" "),
|
|
5022
5084
|
...props,
|
|
5023
|
-
children: /* @__PURE__ */
|
|
5085
|
+
children: /* @__PURE__ */ jsxs37(
|
|
5024
5086
|
"div",
|
|
5025
5087
|
{
|
|
5026
5088
|
className: [
|
|
@@ -5028,8 +5090,8 @@ var ImageBanner = ({
|
|
|
5028
5090
|
`image-banner__inner--${variant}`
|
|
5029
5091
|
].join(" "),
|
|
5030
5092
|
children: [
|
|
5031
|
-
isFullBg && imageUrl && /* @__PURE__ */
|
|
5032
|
-
/* @__PURE__ */
|
|
5093
|
+
isFullBg && imageUrl && /* @__PURE__ */ jsxs37("div", { className: "image-banner__bg-image-wrapper", children: [
|
|
5094
|
+
/* @__PURE__ */ jsx41(
|
|
5033
5095
|
"img",
|
|
5034
5096
|
{
|
|
5035
5097
|
src: imageUrl,
|
|
@@ -5038,12 +5100,12 @@ var ImageBanner = ({
|
|
|
5038
5100
|
loading: "lazy"
|
|
5039
5101
|
}
|
|
5040
5102
|
),
|
|
5041
|
-
/* @__PURE__ */
|
|
5103
|
+
/* @__PURE__ */ jsx41("div", { className: "image-banner__bg-overlay", "aria-hidden": "true" })
|
|
5042
5104
|
] }),
|
|
5043
|
-
/* @__PURE__ */
|
|
5044
|
-
/* @__PURE__ */
|
|
5045
|
-
description && /* @__PURE__ */
|
|
5046
|
-
ctaLabel && /* @__PURE__ */
|
|
5105
|
+
/* @__PURE__ */ jsxs37("div", { className: "image-banner__content", children: [
|
|
5106
|
+
/* @__PURE__ */ jsx41("h2", { className: "image-banner__title", children: title }),
|
|
5107
|
+
description && /* @__PURE__ */ jsx41("p", { className: "image-banner__description", children: description }),
|
|
5108
|
+
ctaLabel && /* @__PURE__ */ jsx41("div", { className: "image-banner__actions", children: /* @__PURE__ */ jsx41(
|
|
5047
5109
|
Link,
|
|
5048
5110
|
{
|
|
5049
5111
|
colorScheme: "coral",
|
|
@@ -5055,7 +5117,7 @@ var ImageBanner = ({
|
|
|
5055
5117
|
}
|
|
5056
5118
|
) })
|
|
5057
5119
|
] }),
|
|
5058
|
-
!isFullBg && imageUrl && /* @__PURE__ */
|
|
5120
|
+
!isFullBg && imageUrl && /* @__PURE__ */ jsx41("div", { className: "image-banner__image-wrapper", children: /* @__PURE__ */ jsx41(
|
|
5059
5121
|
"img",
|
|
5060
5122
|
{
|
|
5061
5123
|
src: imageUrl,
|
|
@@ -5081,7 +5143,7 @@ var quote_left_default = "./quote-left-63QMW5NQ.webp";
|
|
|
5081
5143
|
var quote_right_default = "./quote-right-W6AS4YHN.webp";
|
|
5082
5144
|
|
|
5083
5145
|
// templates/Testimonial/Testimonial.tsx
|
|
5084
|
-
import { jsx as
|
|
5146
|
+
import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
5085
5147
|
var Testimonial = ({
|
|
5086
5148
|
title,
|
|
5087
5149
|
items,
|
|
@@ -5118,15 +5180,15 @@ var Testimonial = ({
|
|
|
5118
5180
|
};
|
|
5119
5181
|
}, [activeIndex, items.length]);
|
|
5120
5182
|
if (!items || items.length === 0) return null;
|
|
5121
|
-
return /* @__PURE__ */
|
|
5183
|
+
return /* @__PURE__ */ jsx42(
|
|
5122
5184
|
"section",
|
|
5123
5185
|
{
|
|
5124
5186
|
className: ["testimonial", className].filter(Boolean).join(" "),
|
|
5125
5187
|
...props,
|
|
5126
|
-
children: /* @__PURE__ */
|
|
5127
|
-
title && /* @__PURE__ */
|
|
5128
|
-
/* @__PURE__ */
|
|
5129
|
-
/* @__PURE__ */
|
|
5188
|
+
children: /* @__PURE__ */ jsxs38("div", { className: "testimonial__container", children: [
|
|
5189
|
+
title && /* @__PURE__ */ jsx42("h2", { className: "testimonial__title", children: title }),
|
|
5190
|
+
/* @__PURE__ */ jsxs38("div", { className: "testimonial__carousel", children: [
|
|
5191
|
+
/* @__PURE__ */ jsx42("div", { className: "testimonial__slides", children: items.map((item, i) => {
|
|
5130
5192
|
const isActive = i === activeIndex;
|
|
5131
5193
|
const isExiting = isActive && phase === "exiting";
|
|
5132
5194
|
const slideClass = [
|
|
@@ -5134,18 +5196,18 @@ var Testimonial = ({
|
|
|
5134
5196
|
isActive && !isExiting ? "testimonial__slide--active" : "",
|
|
5135
5197
|
isExiting ? "testimonial__slide--exiting" : ""
|
|
5136
5198
|
].filter(Boolean).join(" ");
|
|
5137
|
-
return /* @__PURE__ */
|
|
5199
|
+
return /* @__PURE__ */ jsx42(
|
|
5138
5200
|
"div",
|
|
5139
5201
|
{
|
|
5140
5202
|
className: slideClass,
|
|
5141
5203
|
role: "region",
|
|
5142
5204
|
"aria-label": `Testimonial ${i + 1} of ${items.length}`,
|
|
5143
5205
|
"aria-hidden": !isActive,
|
|
5144
|
-
children: /* @__PURE__ */
|
|
5145
|
-
/* @__PURE__ */
|
|
5146
|
-
/* @__PURE__ */
|
|
5147
|
-
/* @__PURE__ */
|
|
5148
|
-
item.avatarUrl && /* @__PURE__ */
|
|
5206
|
+
children: /* @__PURE__ */ jsxs38("div", { className: "testimonial__card", children: [
|
|
5207
|
+
/* @__PURE__ */ jsx42("span", { className: "testimonial__quotemark testimonial__quotemark--open", "aria-hidden": "true", children: /* @__PURE__ */ jsx42("img", { src: quote_left_default, alt: "", className: "testimonial__quotemark-img" }) }),
|
|
5208
|
+
/* @__PURE__ */ jsx42("p", { className: "testimonial__quote", children: item.quote }),
|
|
5209
|
+
/* @__PURE__ */ jsxs38("div", { className: "testimonial__author", children: [
|
|
5210
|
+
item.avatarUrl && /* @__PURE__ */ jsx42(
|
|
5149
5211
|
"img",
|
|
5150
5212
|
{
|
|
5151
5213
|
src: item.avatarUrl,
|
|
@@ -5154,22 +5216,22 @@ var Testimonial = ({
|
|
|
5154
5216
|
loading: "lazy"
|
|
5155
5217
|
}
|
|
5156
5218
|
),
|
|
5157
|
-
/* @__PURE__ */
|
|
5158
|
-
item.authorLocation && /* @__PURE__ */
|
|
5219
|
+
/* @__PURE__ */ jsx42("p", { className: "testimonial__author-name", children: item.authorName }),
|
|
5220
|
+
item.authorLocation && /* @__PURE__ */ jsx42("p", { className: "testimonial__author-location", children: item.authorLocation })
|
|
5159
5221
|
] }),
|
|
5160
|
-
/* @__PURE__ */
|
|
5222
|
+
/* @__PURE__ */ jsx42("span", { className: "testimonial__quotemark testimonial__quotemark--close", "aria-hidden": "true", children: /* @__PURE__ */ jsx42("img", { src: quote_right_default, alt: "", className: "testimonial__quotemark-img" }) })
|
|
5161
5223
|
] })
|
|
5162
5224
|
},
|
|
5163
5225
|
i
|
|
5164
5226
|
);
|
|
5165
5227
|
}) }),
|
|
5166
|
-
items.length > 1 && /* @__PURE__ */
|
|
5228
|
+
items.length > 1 && /* @__PURE__ */ jsx42(
|
|
5167
5229
|
"div",
|
|
5168
5230
|
{
|
|
5169
5231
|
className: "testimonial__dots",
|
|
5170
5232
|
role: "tablist",
|
|
5171
5233
|
"aria-label": "Testimonial navigation",
|
|
5172
|
-
children: items.map((_, i) => /* @__PURE__ */
|
|
5234
|
+
children: items.map((_, i) => /* @__PURE__ */ jsx42(
|
|
5173
5235
|
"button",
|
|
5174
5236
|
{
|
|
5175
5237
|
role: "tab",
|
|
@@ -5193,9 +5255,291 @@ var Testimonial = ({
|
|
|
5193
5255
|
}
|
|
5194
5256
|
);
|
|
5195
5257
|
};
|
|
5258
|
+
|
|
5259
|
+
// templates/ArticleHero/ArticleHero.tsx
|
|
5260
|
+
import { jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
5261
|
+
var ArticleCard = ({ article, showThumbnail = false }) => /* @__PURE__ */ jsx43("div", { className: "bh-listItem", children: /* @__PURE__ */ jsx43(
|
|
5262
|
+
Card,
|
|
5263
|
+
{
|
|
5264
|
+
variant: "thumbnail",
|
|
5265
|
+
type: "article",
|
|
5266
|
+
layout: "horizontal",
|
|
5267
|
+
thumbnail: article.thumbnail ?? "",
|
|
5268
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5269
|
+
hideThumbnail: !showThumbnail || !article.thumbnail,
|
|
5270
|
+
title: article.title,
|
|
5271
|
+
summary: "",
|
|
5272
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5273
|
+
showCopyLink: false,
|
|
5274
|
+
hideAvatar: true
|
|
5275
|
+
}
|
|
5276
|
+
) });
|
|
5277
|
+
var ColumnSection = ({ column, showThumbnails = false }) => /* @__PURE__ */ jsxs39("div", { className: "bh-column", children: [
|
|
5278
|
+
column.label && /* @__PURE__ */ jsxs39("div", { className: "bh-columnHeader", children: [
|
|
5279
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-columnLabel", children: column.label }),
|
|
5280
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-columnLine" })
|
|
5281
|
+
] }),
|
|
5282
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-columnList", children: column.articles.map((article, i) => /* @__PURE__ */ jsx43(ArticleCard, { article, showThumbnail: showThumbnails }, i)) })
|
|
5283
|
+
] });
|
|
5284
|
+
var ArticleHero = ({
|
|
5285
|
+
featured,
|
|
5286
|
+
featuredFooter = [],
|
|
5287
|
+
leftColumn,
|
|
5288
|
+
rightColumn,
|
|
5289
|
+
className
|
|
5290
|
+
}) => {
|
|
5291
|
+
return /* @__PURE__ */ jsxs39("section", { className: ["bh-root", className ?? ""].filter(Boolean).join(" "), children: [
|
|
5292
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-desktop", children: [
|
|
5293
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-desktopHeader", children: [
|
|
5294
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-headerLeft", children: leftColumn.label && /* @__PURE__ */ jsxs39("div", { className: "bh-columnHeader", children: [
|
|
5295
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-columnLabel", children: leftColumn.label }),
|
|
5296
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-columnLine" })
|
|
5297
|
+
] }) }),
|
|
5298
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-headerRight", children: rightColumn.label && /* @__PURE__ */ jsxs39("div", { className: "bh-columnHeader", children: [
|
|
5299
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-columnLabel", children: rightColumn.label }),
|
|
5300
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-columnLine" })
|
|
5301
|
+
] }) })
|
|
5302
|
+
] }),
|
|
5303
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-desktopBody", children: [
|
|
5304
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-sidebar bh-sidebarLeft", children: /* @__PURE__ */ jsx43(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
|
|
5305
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-divider" }),
|
|
5306
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-center", children: [
|
|
5307
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-featured", children: [
|
|
5308
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-featuredInfo", children: [
|
|
5309
|
+
/* @__PURE__ */ jsx43("h2", { className: "bh-featuredTitle", children: featured.title }),
|
|
5310
|
+
featured.summary && /* @__PURE__ */ jsx43("p", { className: "bh-featuredSummary", children: featured.summary }),
|
|
5311
|
+
featured.tags && featured.tags.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ jsxs39("span", { className: "bh-tagItem", children: [
|
|
5312
|
+
i > 0 && /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5313
|
+
/* @__PURE__ */ jsx43(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5314
|
+
] }, i)) })
|
|
5315
|
+
] }),
|
|
5316
|
+
featured.thumbnail && /* @__PURE__ */ jsx43("div", { className: "bh-featuredImage", children: /* @__PURE__ */ jsx43("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) })
|
|
5317
|
+
] }),
|
|
5318
|
+
featuredFooter.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ jsxs39("div", { className: "bh-footerItem", children: [
|
|
5319
|
+
i > 0 && /* @__PURE__ */ jsx43("span", { className: "bh-footerDivider" }),
|
|
5320
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-footerContent", children: [
|
|
5321
|
+
/* @__PURE__ */ jsx43("p", { className: "bh-footerTitle", children: article.title }),
|
|
5322
|
+
article.tags && article.tags.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ jsxs39("span", { className: "bh-tagItem", children: [
|
|
5323
|
+
j > 0 && /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5324
|
+
/* @__PURE__ */ jsx43(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5325
|
+
] }, j)) })
|
|
5326
|
+
] })
|
|
5327
|
+
] }, i)) })
|
|
5328
|
+
] }),
|
|
5329
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-divider" }),
|
|
5330
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-sidebar bh-sidebarRight", children: /* @__PURE__ */ jsx43(ColumnSection, { column: { ...rightColumn, label: void 0 } }) })
|
|
5331
|
+
] })
|
|
5332
|
+
] }),
|
|
5333
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-mobile", children: [
|
|
5334
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-mobileFeatured", children: [
|
|
5335
|
+
/* @__PURE__ */ jsx43("span", { className: "bh-mobileLabel", children: leftColumn.label ?? "Trending stories" }),
|
|
5336
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-featuredInfo", children: [
|
|
5337
|
+
/* @__PURE__ */ jsx43("h2", { className: "bh-featuredTitle", children: featured.title }),
|
|
5338
|
+
featured.summary && /* @__PURE__ */ jsx43("p", { className: "bh-featuredSummary", children: featured.summary }),
|
|
5339
|
+
featured.tags && featured.tags.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bh-featuredTags", children: featured.tags.map((tag, i) => /* @__PURE__ */ jsxs39("span", { className: "bh-tagItem", children: [
|
|
5340
|
+
i > 0 && /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5341
|
+
/* @__PURE__ */ jsx43(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5342
|
+
] }, i)) })
|
|
5343
|
+
] }),
|
|
5344
|
+
featured.thumbnail && /* @__PURE__ */ jsx43("div", { className: "bh-mobileFeaturedImage", children: /* @__PURE__ */ jsx43("img", { alt: featured.thumbnailAlt ?? "", className: "bh-featuredImg", src: featured.thumbnail }) }),
|
|
5345
|
+
featuredFooter.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bh-featuredFooter", children: featuredFooter.map((article, i) => /* @__PURE__ */ jsxs39("div", { className: "bh-footerItem", children: [
|
|
5346
|
+
i > 0 && /* @__PURE__ */ jsx43("span", { className: "bh-footerDivider" }),
|
|
5347
|
+
/* @__PURE__ */ jsxs39("div", { className: "bh-footerContent", children: [
|
|
5348
|
+
/* @__PURE__ */ jsx43("p", { className: "bh-footerTitle", children: article.title }),
|
|
5349
|
+
article.tags && article.tags.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bh-listItemTags", children: article.tags.map((tag, j) => /* @__PURE__ */ jsxs39("span", { className: "bh-tagItem", children: [
|
|
5350
|
+
j > 0 && /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", className: "bh-tagDot", children: "\xB7" }),
|
|
5351
|
+
/* @__PURE__ */ jsx43(Tag, { label: tag, size: "md", variant: "custom" })
|
|
5352
|
+
] }, j)) })
|
|
5353
|
+
] })
|
|
5354
|
+
] }, i)) })
|
|
5355
|
+
] }),
|
|
5356
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-mobileSection", children: /* @__PURE__ */ jsx43(ColumnSection, { column: { ...leftColumn, label: void 0 }, showThumbnails: true }) }),
|
|
5357
|
+
/* @__PURE__ */ jsx43("div", { className: "bh-mobileSection", children: /* @__PURE__ */ jsx43(ColumnSection, { column: rightColumn }) })
|
|
5358
|
+
] })
|
|
5359
|
+
] });
|
|
5360
|
+
};
|
|
5361
|
+
|
|
5362
|
+
// templates/ArticleSection/ArticleSection.tsx
|
|
5363
|
+
import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
5364
|
+
var ArticleSection = ({
|
|
5365
|
+
variant = "featured",
|
|
5366
|
+
sectionTitle,
|
|
5367
|
+
linkText = "View all articles",
|
|
5368
|
+
onLinkClick,
|
|
5369
|
+
featured,
|
|
5370
|
+
articles,
|
|
5371
|
+
className
|
|
5372
|
+
}) => {
|
|
5373
|
+
const isShowcase = variant === "showcase";
|
|
5374
|
+
const isGrid = variant === "grid";
|
|
5375
|
+
const rootClass = ["as-root", isShowcase ? "as-showcase" : "", isGrid ? "as-grid-variant" : "", className ?? ""].filter(Boolean).join(" ");
|
|
5376
|
+
const midpoint = Math.ceil(articles.length / 2);
|
|
5377
|
+
const col2 = articles.slice(0, midpoint);
|
|
5378
|
+
const col3 = articles.slice(midpoint);
|
|
5379
|
+
return /* @__PURE__ */ jsxs40("section", { className: rootClass, children: [
|
|
5380
|
+
/* @__PURE__ */ jsxs40("div", { className: "as-header", children: [
|
|
5381
|
+
/* @__PURE__ */ jsx44("h2", { className: "as-title", children: sectionTitle }),
|
|
5382
|
+
linkText && /* @__PURE__ */ jsx44(Link, { colorScheme: "coral", label: linkText, onClick: onLinkClick })
|
|
5383
|
+
] }),
|
|
5384
|
+
/* @__PURE__ */ jsxs40("div", { className: "as-desktop", children: [
|
|
5385
|
+
!isShowcase && !isGrid && featured && /* @__PURE__ */ jsxs40(Fragment6, { children: [
|
|
5386
|
+
/* @__PURE__ */ jsx44("div", { className: "as-featuredRow", children: /* @__PURE__ */ jsx44(
|
|
5387
|
+
Card,
|
|
5388
|
+
{
|
|
5389
|
+
variant: "thumbnail",
|
|
5390
|
+
type: "article",
|
|
5391
|
+
layout: "horizontal",
|
|
5392
|
+
thumbnail: featured.thumbnail ?? "",
|
|
5393
|
+
thumbnailAlt: featured.thumbnailAlt,
|
|
5394
|
+
hideThumbnail: !featured.thumbnail,
|
|
5395
|
+
title: featured.title,
|
|
5396
|
+
summary: featured.summary ?? "",
|
|
5397
|
+
tags: (featured.tags ?? []).map((t) => ({ label: t })),
|
|
5398
|
+
showCopyLink: false,
|
|
5399
|
+
hideAvatar: true
|
|
5400
|
+
}
|
|
5401
|
+
) }),
|
|
5402
|
+
/* @__PURE__ */ jsx44("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ jsx44("div", { className: "as-gridItem", children: /* @__PURE__ */ jsx44(
|
|
5403
|
+
Card,
|
|
5404
|
+
{
|
|
5405
|
+
variant: "thumbnail",
|
|
5406
|
+
type: "article",
|
|
5407
|
+
layout: "horizontal",
|
|
5408
|
+
thumbnail: article.thumbnail ?? "",
|
|
5409
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5410
|
+
hideThumbnail: true,
|
|
5411
|
+
title: article.title,
|
|
5412
|
+
summary: "",
|
|
5413
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5414
|
+
showCopyLink: false,
|
|
5415
|
+
hideAvatar: true
|
|
5416
|
+
}
|
|
5417
|
+
) }, i)) })
|
|
5418
|
+
] }),
|
|
5419
|
+
isGrid && /* @__PURE__ */ jsx44("div", { className: "as-grid", children: articles.map((article, i) => /* @__PURE__ */ jsx44("div", { className: "as-gridItem", children: /* @__PURE__ */ jsx44(
|
|
5420
|
+
Card,
|
|
5421
|
+
{
|
|
5422
|
+
variant: "thumbnail",
|
|
5423
|
+
type: "article",
|
|
5424
|
+
layout: "vertical",
|
|
5425
|
+
thumbnail: article.thumbnail ?? "",
|
|
5426
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5427
|
+
hideThumbnail: !article.thumbnail,
|
|
5428
|
+
title: article.title,
|
|
5429
|
+
summary: article.summary ?? "",
|
|
5430
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5431
|
+
showCopyLink: false,
|
|
5432
|
+
hideAvatar: true
|
|
5433
|
+
}
|
|
5434
|
+
) }, i)) }),
|
|
5435
|
+
isShowcase && /* @__PURE__ */ jsxs40("div", { className: "as-showcaseGrid", children: [
|
|
5436
|
+
/* @__PURE__ */ jsx44("div", { className: "as-showcaseFeatured", children: featured && /* @__PURE__ */ jsx44(
|
|
5437
|
+
Card,
|
|
5438
|
+
{
|
|
5439
|
+
variant: "thumbnail",
|
|
5440
|
+
type: "article",
|
|
5441
|
+
layout: "vertical",
|
|
5442
|
+
thumbnail: featured.thumbnail ?? "",
|
|
5443
|
+
thumbnailAlt: featured.thumbnailAlt,
|
|
5444
|
+
hideThumbnail: !featured.thumbnail,
|
|
5445
|
+
title: featured.title,
|
|
5446
|
+
summary: featured.summary ?? "",
|
|
5447
|
+
tags: (featured.tags ?? []).map((t) => ({ label: t })),
|
|
5448
|
+
showCopyLink: false,
|
|
5449
|
+
hideAvatar: true
|
|
5450
|
+
}
|
|
5451
|
+
) }),
|
|
5452
|
+
/* @__PURE__ */ jsx44("div", { className: "as-showcaseCol", children: col2.map((article, i) => /* @__PURE__ */ jsx44("div", { className: "as-showcaseItem", children: /* @__PURE__ */ jsx44(
|
|
5453
|
+
Card,
|
|
5454
|
+
{
|
|
5455
|
+
variant: "thumbnail",
|
|
5456
|
+
type: "article",
|
|
5457
|
+
layout: "horizontal-reverse",
|
|
5458
|
+
thumbnail: article.thumbnail ?? "",
|
|
5459
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5460
|
+
hideThumbnail: !article.thumbnail,
|
|
5461
|
+
title: article.title,
|
|
5462
|
+
summary: "",
|
|
5463
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5464
|
+
showCopyLink: false,
|
|
5465
|
+
hideAvatar: true
|
|
5466
|
+
}
|
|
5467
|
+
) }, i)) }),
|
|
5468
|
+
/* @__PURE__ */ jsx44("div", { className: "as-showcaseCol", children: col3.map((article, i) => /* @__PURE__ */ jsx44("div", { className: "as-showcaseItem", children: /* @__PURE__ */ jsx44(
|
|
5469
|
+
Card,
|
|
5470
|
+
{
|
|
5471
|
+
variant: "thumbnail",
|
|
5472
|
+
type: "article",
|
|
5473
|
+
layout: "horizontal-reverse",
|
|
5474
|
+
thumbnail: article.thumbnail ?? "",
|
|
5475
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5476
|
+
hideThumbnail: !article.thumbnail,
|
|
5477
|
+
title: article.title,
|
|
5478
|
+
summary: "",
|
|
5479
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5480
|
+
showCopyLink: false,
|
|
5481
|
+
hideAvatar: true
|
|
5482
|
+
}
|
|
5483
|
+
) }, i)) })
|
|
5484
|
+
] })
|
|
5485
|
+
] }),
|
|
5486
|
+
/* @__PURE__ */ jsxs40("div", { className: isGrid ? "as-mobile-grid" : "as-mobile", children: [
|
|
5487
|
+
!isGrid && featured && /* @__PURE__ */ jsx44("div", { className: "as-mobileFeatured", children: /* @__PURE__ */ jsx44(
|
|
5488
|
+
Card,
|
|
5489
|
+
{
|
|
5490
|
+
variant: "thumbnail",
|
|
5491
|
+
type: "article",
|
|
5492
|
+
layout: "vertical",
|
|
5493
|
+
thumbnail: featured.thumbnail ?? "",
|
|
5494
|
+
thumbnailAlt: featured.thumbnailAlt,
|
|
5495
|
+
hideThumbnail: !featured.thumbnail,
|
|
5496
|
+
title: featured.title,
|
|
5497
|
+
summary: featured.summary ?? "",
|
|
5498
|
+
tags: (featured.tags ?? []).map((t) => ({ label: t })),
|
|
5499
|
+
showCopyLink: false,
|
|
5500
|
+
hideAvatar: true
|
|
5501
|
+
}
|
|
5502
|
+
) }),
|
|
5503
|
+
!isGrid && /* @__PURE__ */ jsx44("div", { className: "as-mobileList", children: articles.map((article, i) => /* @__PURE__ */ jsx44("div", { className: "as-mobileListItem", children: /* @__PURE__ */ jsx44(
|
|
5504
|
+
Card,
|
|
5505
|
+
{
|
|
5506
|
+
variant: "thumbnail",
|
|
5507
|
+
type: "article",
|
|
5508
|
+
layout: isShowcase ? "horizontal-reverse" : "horizontal",
|
|
5509
|
+
thumbnail: article.thumbnail ?? "",
|
|
5510
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5511
|
+
hideThumbnail: !isShowcase || !article.thumbnail,
|
|
5512
|
+
title: article.title,
|
|
5513
|
+
summary: "",
|
|
5514
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5515
|
+
showCopyLink: false,
|
|
5516
|
+
hideAvatar: true
|
|
5517
|
+
}
|
|
5518
|
+
) }, i)) }),
|
|
5519
|
+
isGrid && /* @__PURE__ */ jsx44("div", { className: "as-mobileScroll", children: articles.map((article, i) => /* @__PURE__ */ jsx44("div", { className: "as-mobileScrollItem", children: /* @__PURE__ */ jsx44(
|
|
5520
|
+
Card,
|
|
5521
|
+
{
|
|
5522
|
+
variant: "thumbnail",
|
|
5523
|
+
type: "article",
|
|
5524
|
+
layout: "vertical",
|
|
5525
|
+
thumbnail: article.thumbnail ?? "",
|
|
5526
|
+
thumbnailAlt: article.thumbnailAlt,
|
|
5527
|
+
hideThumbnail: !article.thumbnail,
|
|
5528
|
+
title: article.title,
|
|
5529
|
+
summary: article.summary ?? "",
|
|
5530
|
+
tags: (article.tags ?? []).map((t) => ({ label: t })),
|
|
5531
|
+
showCopyLink: false,
|
|
5532
|
+
hideAvatar: true
|
|
5533
|
+
}
|
|
5534
|
+
) }, i)) })
|
|
5535
|
+
] })
|
|
5536
|
+
] });
|
|
5537
|
+
};
|
|
5196
5538
|
export {
|
|
5197
5539
|
AVATAR_DATA,
|
|
5198
5540
|
Accordion,
|
|
5541
|
+
ArticleHero,
|
|
5542
|
+
ArticleSection,
|
|
5199
5543
|
AvatarGrid,
|
|
5200
5544
|
BottomSheet,
|
|
5201
5545
|
Breadcrumb,
|