@geowiki/design-system 0.16.7-dev.2 → 0.16.7-dev.3
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.d.ts +8 -0
- package/dist/index.js +592 -272
- package/dist/index.mjs +579 -259
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3292,7 +3292,7 @@ var require_link = __commonJS({
|
|
|
3292
3292
|
}
|
|
3293
3293
|
return (0, _formaturl.formatUrl)(urlObjOrString);
|
|
3294
3294
|
}
|
|
3295
|
-
var
|
|
3295
|
+
var Link8 = /* @__PURE__ */ _react.default.forwardRef(function LinkComponent(props, forwardedRef) {
|
|
3296
3296
|
let children;
|
|
3297
3297
|
const _a = props, { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false } = _a, restProps = __objRest(_a, ["href", "as", "children", "prefetch", "passHref", "replace", "shallow", "scroll", "locale", "onClick", "onNavigate", "onMouseEnter", "onTouchStart", "legacyBehavior"]);
|
|
3298
3298
|
children = childrenProp;
|
|
@@ -3574,7 +3574,7 @@ var require_link = __commonJS({
|
|
|
3574
3574
|
var useLinkStatus = () => {
|
|
3575
3575
|
return (0, _react.useContext)(LinkStatusContext);
|
|
3576
3576
|
};
|
|
3577
|
-
var _default =
|
|
3577
|
+
var _default = Link8;
|
|
3578
3578
|
if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
|
|
3579
3579
|
Object.defineProperty(exports.default, "__esModule", { value: true });
|
|
3580
3580
|
Object.assign(exports.default, exports);
|
|
@@ -6446,7 +6446,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
|
|
|
6446
6446
|
return x4 === y7 && (x4 !== 0 || 1 / x4 === 1 / y7) || x4 !== x4 && y7 !== y7;
|
|
6447
6447
|
}
|
|
6448
6448
|
var objectIs = typeof Object.is === "function" ? Object.is : is;
|
|
6449
|
-
var
|
|
6449
|
+
var useState19 = React48.useState, useEffect14 = React48.useEffect, useLayoutEffect2 = React48.useLayoutEffect, useDebugValue2 = React48.useDebugValue;
|
|
6450
6450
|
var didWarnOld18Alpha = false;
|
|
6451
6451
|
var didWarnUncachedGetSnapshot = false;
|
|
6452
6452
|
function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
|
|
@@ -6468,7 +6468,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
|
|
|
6468
6468
|
}
|
|
6469
6469
|
}
|
|
6470
6470
|
}
|
|
6471
|
-
var _useState =
|
|
6471
|
+
var _useState = useState19({
|
|
6472
6472
|
inst: {
|
|
6473
6473
|
value,
|
|
6474
6474
|
getSnapshot
|
|
@@ -15471,44 +15471,364 @@ var BasicFooter = (props) => {
|
|
|
15471
15471
|
};
|
|
15472
15472
|
|
|
15473
15473
|
// src/components/DesignElements/AppItem.tsx
|
|
15474
|
-
import {
|
|
15475
|
-
|
|
15476
|
-
|
|
15477
|
-
|
|
15478
|
-
|
|
15479
|
-
|
|
15480
|
-
|
|
15481
|
-
|
|
15482
|
-
|
|
15483
|
-
|
|
15484
|
-
|
|
15485
|
-
|
|
15486
|
-
|
|
15487
|
-
|
|
15474
|
+
import { useState as useState13 } from "react";
|
|
15475
|
+
|
|
15476
|
+
// src/components/DesignElements/AppItemPopUpView.tsx
|
|
15477
|
+
import { Fragment as Fragment7 } from "react";
|
|
15478
|
+
var import_link3 = __toESM(require_link2());
|
|
15479
|
+
import { XMarkIcon as XMarkIcon3 } from "@heroicons/react/24/outline";
|
|
15480
|
+
|
|
15481
|
+
// src/components/Icons/ResourceIcon.tsx
|
|
15482
|
+
import { Fragment as Fragment6, jsx as jsx123 } from "react/jsx-runtime";
|
|
15483
|
+
var ResourceIcon = ({
|
|
15484
|
+
type
|
|
15485
|
+
}) => {
|
|
15486
|
+
switch (type) {
|
|
15487
|
+
case "Collection":
|
|
15488
|
+
return /* @__PURE__ */ jsx123(GridDividersIcon, { className: "bg-tag-yellow w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15489
|
+
case "Dataset":
|
|
15490
|
+
return /* @__PURE__ */ jsx123(ChartLineDotsIcon, { className: "bg-tag-turquoise w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15491
|
+
case "Event":
|
|
15492
|
+
return /* @__PURE__ */ jsx123(CalendarIcon, { className: "bg-tag-orange w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15493
|
+
case "Image":
|
|
15494
|
+
return /* @__PURE__ */ jsx123(ImageIcon, { className: "bg-tag-turquoise w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15495
|
+
case "InteractiveResource":
|
|
15496
|
+
return /* @__PURE__ */ jsx123(DesktopCodeIcon, { className: "bg-tag-light-purple w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15497
|
+
case "MovingImage":
|
|
15498
|
+
return /* @__PURE__ */ jsx123(VideoPlayIcon, { className: "bg-tag-pink w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15499
|
+
case "PhysicalObject":
|
|
15500
|
+
return /* @__PURE__ */ jsx123(CpuIcon, { className: "bg-tag-purple w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15501
|
+
case "Service":
|
|
15502
|
+
return /* @__PURE__ */ jsx123(UserGroupIcon, { className: "bg-tag-dark-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15503
|
+
case "Software":
|
|
15504
|
+
return /* @__PURE__ */ jsx123(HardDriveIcon, { className: "bg-tag-dark-green w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15505
|
+
case "Sound":
|
|
15506
|
+
return /* @__PURE__ */ jsx123(HeadphonesIcon, { className: "bg-tag-dark-purple w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15507
|
+
case "StillImage":
|
|
15508
|
+
return /* @__PURE__ */ jsx123(CameraIcon, { className: "bg-tag-light-green w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15509
|
+
case "TextBook":
|
|
15510
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15511
|
+
case "TextGuidelines":
|
|
15512
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15513
|
+
case "TextGuideline":
|
|
15514
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15515
|
+
case "TextCaseStudy":
|
|
15516
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15517
|
+
case "TextReport":
|
|
15518
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15519
|
+
case "TextPolicyBrief":
|
|
15520
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15521
|
+
case "TextScientificPublication":
|
|
15522
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15523
|
+
case "TextOther":
|
|
15524
|
+
return /* @__PURE__ */ jsx123(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15525
|
+
default:
|
|
15526
|
+
return /* @__PURE__ */ jsx123(Fragment6, { children: "Not found" });
|
|
15527
|
+
}
|
|
15528
|
+
};
|
|
15529
|
+
|
|
15530
|
+
// src/components/DesignElements/ExpandableText.tsx
|
|
15531
|
+
import { useState as useState12 } from "react";
|
|
15532
|
+
import { jsx as jsx124, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
15533
|
+
var ExpandableText = ({ text, maxLength = 120, show_read_more = false, no_word_wrap = true }) => {
|
|
15534
|
+
const [expanded, setExpanded] = useState12(false);
|
|
15535
|
+
if (text.length <= maxLength || maxLength == 0) {
|
|
15536
|
+
return /* @__PURE__ */ jsxs52("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
|
|
15537
|
+
" ",
|
|
15538
|
+
text
|
|
15539
|
+
] });
|
|
15540
|
+
}
|
|
15541
|
+
const truncated = text.slice(0, maxLength);
|
|
15542
|
+
const lastSpace = truncated.lastIndexOf(" ");
|
|
15543
|
+
const safeText = truncated.slice(0, lastSpace);
|
|
15544
|
+
return /* @__PURE__ */ jsxs52("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
|
|
15545
|
+
expanded ? text : safeText + "\u2026",
|
|
15546
|
+
" ",
|
|
15547
|
+
show_read_more && /* @__PURE__ */ jsx124(
|
|
15548
|
+
"button",
|
|
15488
15549
|
{
|
|
15489
|
-
|
|
15490
|
-
|
|
15491
|
-
|
|
15492
|
-
children: /* @__PURE__ */ jsx123("div", { className: "w-4 h-4 left-[28px] top-[11px] absolute origin-top-left rotate-45", children: /* @__PURE__ */ jsx123("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx123("path", { d: "M19.092 5.22341V15.1215C19.092 15.3973 18.9802 15.6476 18.7992 15.8286C18.6182 16.0096 18.3679 16.1214 18.0921 16.1214C17.5391 16.1214 17.0922 15.6745 17.0922 15.1215V7.63613L6.07127 18.6571C5.68024 19.0481 5.04738 19.0474 4.65705 18.6571C4.26673 18.2667 4.26602 17.6339 4.65705 17.2428L15.678 6.22192L8.19259 6.22192C7.63963 6.22192 7.19269 5.77498 7.19269 5.22203C7.19269 4.66907 7.63963 4.22213 8.19259 4.22213L18.0907 4.22213C18.2222 4.22213 18.3516 4.24822 18.4746 4.29913C18.7186 4.40024 18.9139 4.59552 19.015 4.83947C19.0659 4.96251 19.092 5.09188 19.092 5.22341Z", fill: "white" }) }) })
|
|
15550
|
+
onClick: () => setExpanded(!expanded),
|
|
15551
|
+
className: "text-primary font-medium hover:underline",
|
|
15552
|
+
children: expanded ? "Read less" : "Read more"
|
|
15493
15553
|
}
|
|
15494
15554
|
)
|
|
15555
|
+
] });
|
|
15556
|
+
};
|
|
15557
|
+
|
|
15558
|
+
// src/components/DesignElements/ResourceTag.tsx
|
|
15559
|
+
import { cva as cva14 } from "class-variance-authority";
|
|
15560
|
+
import { jsx as jsx125 } from "react/jsx-runtime";
|
|
15561
|
+
var tagVariants = cva14(
|
|
15562
|
+
"justify-center self-start px-4 py-2 mr-2 mt-1 text-sm font-medium text-white whitespace-nowrap rounded-[40px] first-letter:capitalize",
|
|
15563
|
+
{
|
|
15564
|
+
variants: {
|
|
15565
|
+
variant: {
|
|
15566
|
+
topic: "bg-tag-dark-blue",
|
|
15567
|
+
audience: "bg-tag-dark-green",
|
|
15568
|
+
keyword: "bg-tag-blue",
|
|
15569
|
+
language: "bg-tag-orange",
|
|
15570
|
+
resourceType: "bg-sky-500"
|
|
15571
|
+
}
|
|
15572
|
+
},
|
|
15573
|
+
defaultVariants: {
|
|
15574
|
+
variant: "topic"
|
|
15575
|
+
}
|
|
15576
|
+
}
|
|
15577
|
+
);
|
|
15578
|
+
var ResourceTag = ({ tag, type }) => {
|
|
15579
|
+
return /* @__PURE__ */ jsx125("span", { className: cn(tagVariants({ variant: type })), children: tag });
|
|
15580
|
+
};
|
|
15581
|
+
|
|
15582
|
+
// src/components/DesignElements/AppItemPopUpView.tsx
|
|
15583
|
+
import { Fragment as Fragment8, jsx as jsx126, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
15584
|
+
var DetailRow = ({ label, value }) => {
|
|
15585
|
+
return /* @__PURE__ */ jsx126(Fragment8, { children: /* @__PURE__ */ jsxs53("div", { className: "flex gap-2 lg:gap-5 lg:justify-between py-4 max-md:flex-wrap max-md:max-w-full lg:py-6 border-0 border-b border-grey-light", children: [
|
|
15586
|
+
/* @__PURE__ */ jsx126(Body16, { className: "text-grey", children: label }),
|
|
15587
|
+
/* @__PURE__ */ jsx126(Body16m, { className: "lg:text-righ max-md:max-w-full", children: value })
|
|
15588
|
+
] }) });
|
|
15589
|
+
};
|
|
15590
|
+
var KeyValues = ({ name, keyValues, kind }) => {
|
|
15591
|
+
return /* @__PURE__ */ jsxs53(Fragment8, { children: [
|
|
15592
|
+
/* @__PURE__ */ jsx126(Caption, { className: "text-grey", children: name }),
|
|
15593
|
+
/* @__PURE__ */ jsx126("div", { className: "flex items-center flex-wrap text-sm font-medium whitespace-nowrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: keyValues.map((keyValue, index) => /* @__PURE__ */ jsx126(ResourceTag, { tag: keyValue.value, type: kind }, index)) })
|
|
15594
|
+
] });
|
|
15595
|
+
};
|
|
15596
|
+
function AppItemPopUpView({
|
|
15597
|
+
resource,
|
|
15598
|
+
showResourcesButton,
|
|
15599
|
+
open,
|
|
15600
|
+
setOpen,
|
|
15601
|
+
selectedAudience,
|
|
15602
|
+
selectedTopic,
|
|
15603
|
+
is_small,
|
|
15604
|
+
audiences,
|
|
15605
|
+
topics,
|
|
15606
|
+
types,
|
|
15607
|
+
languages
|
|
15608
|
+
}) {
|
|
15609
|
+
var _a, _b, _c, _d;
|
|
15610
|
+
const currentAudiences = (audiences == null ? void 0 : audiences.filter(
|
|
15611
|
+
(audience) => {
|
|
15612
|
+
var _a2;
|
|
15613
|
+
return (_a2 = resource.audience) == null ? void 0 : _a2.includes(audience.key);
|
|
15614
|
+
}
|
|
15615
|
+
)) || [];
|
|
15616
|
+
const currentTopics = (topics == null ? void 0 : topics.filter((topic) => {
|
|
15617
|
+
var _a2;
|
|
15618
|
+
return (_a2 = resource.topic) == null ? void 0 : _a2.includes(topic.key);
|
|
15619
|
+
})) || [];
|
|
15620
|
+
const currentLanguages = (languages == null ? void 0 : languages.filter(
|
|
15621
|
+
(language) => {
|
|
15622
|
+
var _a2;
|
|
15623
|
+
return (_a2 = resource.language) == null ? void 0 : _a2.includes(language.key);
|
|
15624
|
+
}
|
|
15625
|
+
)) || [];
|
|
15626
|
+
const currentTypes = ((_a = types == null ? void 0 : types.find((type) => type.key === resource.resourceType)) == null ? void 0 : _a.value) || resource.resourceType;
|
|
15627
|
+
const link = (resource == null ? void 0 : resource.link) || "";
|
|
15628
|
+
const linkText = link.length > 70 ? `${link.slice(0, 70)}...` : link;
|
|
15629
|
+
return /* @__PURE__ */ jsx126(qe3.Root, { show: open, as: Fragment7, "data-component": "AppItemPopUpView", children: /* @__PURE__ */ jsxs53(_t, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
15630
|
+
/* @__PURE__ */ jsx126(
|
|
15631
|
+
qe3.Child,
|
|
15632
|
+
{
|
|
15633
|
+
as: Fragment7,
|
|
15634
|
+
enter: "ease-out duration-300",
|
|
15635
|
+
enterFrom: "opacity-0",
|
|
15636
|
+
enterTo: "opacity-100",
|
|
15637
|
+
leave: "ease-in duration-200",
|
|
15638
|
+
leaveFrom: "opacity-100",
|
|
15639
|
+
leaveTo: "opacity-0",
|
|
15640
|
+
children: /* @__PURE__ */ jsx126("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
15641
|
+
}
|
|
15642
|
+
),
|
|
15643
|
+
/* @__PURE__ */ jsx126("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx126("div", { className: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0", children: /* @__PURE__ */ jsx126(
|
|
15644
|
+
qe3.Child,
|
|
15645
|
+
{
|
|
15646
|
+
as: Fragment7,
|
|
15647
|
+
enter: "ease-out duration-300",
|
|
15648
|
+
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
15649
|
+
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
15650
|
+
leave: "ease-in duration-200",
|
|
15651
|
+
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
15652
|
+
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
15653
|
+
children: /* @__PURE__ */ jsxs53(
|
|
15654
|
+
_t.Panel,
|
|
15655
|
+
{
|
|
15656
|
+
className: is_small ? `relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-xl sm:w-full sm:p-10` : `relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10`,
|
|
15657
|
+
children: [
|
|
15658
|
+
/* @__PURE__ */ jsx126("div", { className: "absolute top-0 right-0 " + (is_small ? "pr-2 pt-1 lg:pt-5 lg:pr-5" : "lg:pt-10 lg:pr-10"), children: /* @__PURE__ */ jsxs53(
|
|
15659
|
+
"button",
|
|
15660
|
+
{
|
|
15661
|
+
type: "button",
|
|
15662
|
+
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
15663
|
+
onClick: () => setOpen(false),
|
|
15664
|
+
children: [
|
|
15665
|
+
/* @__PURE__ */ jsx126("span", { className: "sr-only", children: "Close" }),
|
|
15666
|
+
/* @__PURE__ */ jsx126(
|
|
15667
|
+
XMarkIcon3,
|
|
15668
|
+
{
|
|
15669
|
+
className: "h-4 w-4 lg:h-6 lg:w-6",
|
|
15670
|
+
"aria-hidden": "true"
|
|
15671
|
+
}
|
|
15672
|
+
)
|
|
15673
|
+
]
|
|
15674
|
+
}
|
|
15675
|
+
) }),
|
|
15676
|
+
/* @__PURE__ */ jsxs53("div", { className: is_small ? "p-5 mt-2 lg:mt-0 lg:mx-0 lg:p-0" : "p-5 lg:px-6 lg:py-2", children: [
|
|
15677
|
+
/* @__PURE__ */ jsxs53("div", { children: [
|
|
15678
|
+
/* @__PURE__ */ jsxs53("div", { className: "flex space-x-2 lg:block lg:space-x-0", children: [
|
|
15679
|
+
resource.resourceType && /* @__PURE__ */ jsx126(ResourceIcon, { type: resource.resourceType }),
|
|
15680
|
+
currentTypes && /* @__PURE__ */ jsx126(Body16sb, { className: "self-start mt-[10px] text-primary lg:mt-4", children: currentTypes })
|
|
15681
|
+
] }),
|
|
15682
|
+
resource.imgUrl && /* @__PURE__ */ jsx126("img", { src: resource.imgUrl, className: "w-full h-48 object-cover rounded-xl" }),
|
|
15683
|
+
/* @__PURE__ */ jsx126(H3Design, { className: "mt-6", children: resource.title }),
|
|
15684
|
+
/* @__PURE__ */ jsx126(Body16, { className: is_small ? "mt-4" : "mt-6", children: is_small ? /* @__PURE__ */ jsx126(ExpandableText, { text: resource.description, maxLength: 250, show_read_more: true }) : resource.description }),
|
|
15685
|
+
/* @__PURE__ */ jsx126("div", { className: is_small ? "whitespace-nowrap mt-6" : "whitespace-nowrap mt-6 lg:mt-8", children: /* @__PURE__ */ jsx126(import_link3.default, { href: link, target: "_blank", children: /* @__PURE__ */ jsxs53(
|
|
15686
|
+
DesignButton,
|
|
15687
|
+
{
|
|
15688
|
+
variant: "externalLink",
|
|
15689
|
+
className: "p-0 lg:p-0 ",
|
|
15690
|
+
children: [
|
|
15691
|
+
window.innerWidth < 700 && /* @__PURE__ */ jsx126(ExpandableText, { text: linkText, maxLength: 35, no_word_wrap: false }),
|
|
15692
|
+
window.innerWidth > 700 && /* @__PURE__ */ jsx126(ExpandableText, { text: linkText, maxLength: 50, no_word_wrap: false })
|
|
15693
|
+
]
|
|
15694
|
+
}
|
|
15695
|
+
) }) }),
|
|
15696
|
+
resource.statistics && /* @__PURE__ */ jsx126("div", { className: "flex w-full flex-col gap-6 mt-10", children: (_b = resource.statistics) == null ? void 0 : _b.map((x4) => {
|
|
15697
|
+
return /* @__PURE__ */ jsx126("div", { className: "border-b-2", children: /* @__PURE__ */ jsxs53("div", { className: "flex justify-between items-center w-full gap-14 lg:mb-6 mb-2", children: [
|
|
15698
|
+
/* @__PURE__ */ jsx126("div", { className: "text-zinc-500 text-base font-normal leading-5", children: x4.name }),
|
|
15699
|
+
/* @__PURE__ */ jsx126("div", { className: "text-right text-gray-900 text-base font-medium leading-5", children: x4.value })
|
|
15700
|
+
] }) });
|
|
15701
|
+
}) }),
|
|
15702
|
+
/* @__PURE__ */ jsxs53("div", { className: "my-6 lg:my-10", children: [
|
|
15703
|
+
currentTypes && /* @__PURE__ */ jsx126(
|
|
15704
|
+
DetailRow,
|
|
15705
|
+
{
|
|
15706
|
+
label: "Resource type:",
|
|
15707
|
+
value: currentTypes
|
|
15708
|
+
}
|
|
15709
|
+
),
|
|
15710
|
+
resource.publisher && /* @__PURE__ */ jsx126(
|
|
15711
|
+
DetailRow,
|
|
15712
|
+
{
|
|
15713
|
+
label: "Publisher",
|
|
15714
|
+
value: resource.publisher
|
|
15715
|
+
}
|
|
15716
|
+
)
|
|
15717
|
+
] }),
|
|
15718
|
+
(currentTopics == null ? void 0 : currentTopics.length) > 0 && /* @__PURE__ */ jsx126(
|
|
15719
|
+
KeyValues,
|
|
15720
|
+
{
|
|
15721
|
+
name: "Topic",
|
|
15722
|
+
keyValues: (currentTopics == null ? void 0 : currentTopics.map((topic) => ({
|
|
15723
|
+
key: topic.key,
|
|
15724
|
+
value: topic.value
|
|
15725
|
+
}))) || [],
|
|
15726
|
+
kind: "topic"
|
|
15727
|
+
}
|
|
15728
|
+
),
|
|
15729
|
+
(currentAudiences == null ? void 0 : currentAudiences.length) > 0 && /* @__PURE__ */ jsx126(
|
|
15730
|
+
KeyValues,
|
|
15731
|
+
{
|
|
15732
|
+
name: "Audience",
|
|
15733
|
+
keyValues: (currentAudiences == null ? void 0 : currentAudiences.map((audience) => ({
|
|
15734
|
+
key: audience.key,
|
|
15735
|
+
value: audience.value
|
|
15736
|
+
}))) || [],
|
|
15737
|
+
kind: "audience"
|
|
15738
|
+
}
|
|
15739
|
+
),
|
|
15740
|
+
(resource == null ? void 0 : resource.keywords) && ((_c = resource == null ? void 0 : resource.keywords) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsxs53("div", { children: [
|
|
15741
|
+
/* @__PURE__ */ jsx126(Caption, { className: "self-start lg:mt-10 tracking-wider text-grey", children: "Keywords" }),
|
|
15742
|
+
/* @__PURE__ */ jsx126("div", { className: "flex items-center flex-wrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: (_d = resource.keywords) == null ? void 0 : _d.map((keyword, index) => /* @__PURE__ */ jsx126(
|
|
15743
|
+
ResourceTag,
|
|
15744
|
+
{
|
|
15745
|
+
tag: keyword,
|
|
15746
|
+
type: "keyword"
|
|
15747
|
+
},
|
|
15748
|
+
index
|
|
15749
|
+
)) })
|
|
15750
|
+
] }),
|
|
15751
|
+
(currentLanguages == null ? void 0 : currentLanguages.length) > 0 && /* @__PURE__ */ jsx126(
|
|
15752
|
+
KeyValues,
|
|
15753
|
+
{
|
|
15754
|
+
name: "Language",
|
|
15755
|
+
keyValues: (currentLanguages == null ? void 0 : currentLanguages.map((language) => ({
|
|
15756
|
+
key: language.key,
|
|
15757
|
+
value: language.value
|
|
15758
|
+
}))) || [],
|
|
15759
|
+
kind: "language"
|
|
15760
|
+
}
|
|
15761
|
+
)
|
|
15762
|
+
] }),
|
|
15763
|
+
showResourcesButton && /* @__PURE__ */ jsx126("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsx126(
|
|
15764
|
+
import_link3.default,
|
|
15765
|
+
{
|
|
15766
|
+
href: `/resources/resource-finder?topic=${selectedTopic}&audience=${selectedAudience}`,
|
|
15767
|
+
children: /* @__PURE__ */ jsx126(DesignButton, { children: "View all Resources" })
|
|
15768
|
+
}
|
|
15769
|
+
) })
|
|
15770
|
+
] })
|
|
15771
|
+
]
|
|
15772
|
+
}
|
|
15773
|
+
)
|
|
15774
|
+
}
|
|
15775
|
+
) }) })
|
|
15495
15776
|
] }) });
|
|
15777
|
+
}
|
|
15778
|
+
var AppItemPopUpView_default = AppItemPopUpView;
|
|
15779
|
+
|
|
15780
|
+
// src/components/DesignElements/AppItem.tsx
|
|
15781
|
+
import { jsx as jsx127, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
15782
|
+
var AppItem = (props) => {
|
|
15783
|
+
var _a;
|
|
15784
|
+
const [open, setOpen] = useState13(false);
|
|
15785
|
+
return /* @__PURE__ */ jsxs54("div", { className: "w-full h-64 pointer-events-auto mb-6 md:mb-0 md:pointer-events-none", onClick: () => {
|
|
15786
|
+
if (window.innerWidth < 700)
|
|
15787
|
+
setOpen(true);
|
|
15788
|
+
}, children: [
|
|
15789
|
+
/* @__PURE__ */ jsxs54("div", { className: "w-full h-64 relative overflow-hidden rounded-xl", children: [
|
|
15790
|
+
/* @__PURE__ */ jsx127("img", { className: "absolute w-full h-64 rounded-xl object-cover", src: props.item.logoUrl }),
|
|
15791
|
+
/* @__PURE__ */ jsx127("div", { className: "inset-0 absolute bg-black/40 rounded-xl" }),
|
|
15792
|
+
/* @__PURE__ */ jsx127("div", { className: "left-4 md:left-6 top-44 absolute justify-start text-white text-base font-medium leading-5", children: props.item.locationType }),
|
|
15793
|
+
/* @__PURE__ */ jsx127("div", { className: "w-80 left-4 md:left-6 top-48 mt-2 absolute justify-start text-white text-xl font-semibold leading-7", children: (_a = props.item) == null ? void 0 : _a.name }),
|
|
15794
|
+
/* @__PURE__ */ jsx127(
|
|
15795
|
+
"a",
|
|
15796
|
+
{
|
|
15797
|
+
className: "w-14 h-14 bottom-4 right-6 md:bottom-2 md:right-8 lg:bottom-0 -mb-3 lg:right-10 absolute origin-top-left -rotate-45 bg-cyan-500 rounded-full hidden md:block md:pointer-events-auto hover:cursor-pointer",
|
|
15798
|
+
onClick: () => setOpen(true),
|
|
15799
|
+
children: /* @__PURE__ */ jsx127("div", { className: "w-4 h-4 left-[28px] top-[11px] absolute origin-top-left rotate-45", children: /* @__PURE__ */ jsx127("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx127("path", { d: "M19.092 5.22341V15.1215C19.092 15.3973 18.9802 15.6476 18.7992 15.8286C18.6182 16.0096 18.3679 16.1214 18.0921 16.1214C17.5391 16.1214 17.0922 15.6745 17.0922 15.1215V7.63613L6.07127 18.6571C5.68024 19.0481 5.04738 19.0474 4.65705 18.6571C4.26673 18.2667 4.26602 17.6339 4.65705 17.2428L15.678 6.22192L8.19259 6.22192C7.63963 6.22192 7.19269 5.77498 7.19269 5.22203C7.19269 4.66907 7.63963 4.22213 8.19259 4.22213L18.0907 4.22213C18.2222 4.22213 18.3516 4.24822 18.4746 4.29913C18.7186 4.40024 18.9139 4.59552 19.015 4.83947C19.0659 4.96251 19.092 5.09188 19.092 5.22341Z", fill: "white" }) }) })
|
|
15800
|
+
}
|
|
15801
|
+
)
|
|
15802
|
+
] }),
|
|
15803
|
+
/* @__PURE__ */ jsx127(AppItemPopUpView_default, { resource: {
|
|
15804
|
+
title: props.item.name,
|
|
15805
|
+
description: props.item.description,
|
|
15806
|
+
imgUrl: props.item.logoUrl,
|
|
15807
|
+
link: props.item.externalWebsiteLink,
|
|
15808
|
+
statistics: [
|
|
15809
|
+
{ name: "Quest Type", value: props.item.locationType },
|
|
15810
|
+
{ name: "Submissions", value: props.item.totalSubmissions },
|
|
15811
|
+
{ name: "Images", value: props.item.totalImages },
|
|
15812
|
+
{ name: "Users", value: props.item.totalUsers }
|
|
15813
|
+
]
|
|
15814
|
+
}, open, setOpen, is_small: true })
|
|
15815
|
+
] });
|
|
15496
15816
|
};
|
|
15497
15817
|
|
|
15498
15818
|
// src/components/DesignElements/AppItemsList.tsx
|
|
15499
|
-
import { jsx as
|
|
15819
|
+
import { jsx as jsx128, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
15500
15820
|
var AppItemsList = (props) => {
|
|
15501
15821
|
var _a;
|
|
15502
|
-
return /* @__PURE__ */
|
|
15503
|
-
/* @__PURE__ */
|
|
15504
|
-
/* @__PURE__ */
|
|
15505
|
-
/* @__PURE__ */
|
|
15822
|
+
return /* @__PURE__ */ jsxs55("div", { className: "w-full relative mt-10 pt-5", id: props.id, children: [
|
|
15823
|
+
/* @__PURE__ */ jsx128("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: props.name }),
|
|
15824
|
+
/* @__PURE__ */ jsx128("div", { className: "justify-center text-gray-900 text-3xl md:text-5xl font-light", children: props.title }),
|
|
15825
|
+
/* @__PURE__ */ jsx128("div", { className: "md:grid md:grid-cols-3 gap-4 md:mt-12 mt-5", children: props.allItems && ((_a = props.allItems) == null ? void 0 : _a.map((x4, index) => /* @__PURE__ */ jsx128(AppItem, { item: x4 }, index))) })
|
|
15506
15826
|
] });
|
|
15507
15827
|
};
|
|
15508
15828
|
|
|
15509
15829
|
// src/components/Elements/button.tsx
|
|
15510
15830
|
import classNames4 from "classnames";
|
|
15511
|
-
import { jsx as
|
|
15831
|
+
import { jsx as jsx129 } from "react/jsx-runtime";
|
|
15512
15832
|
var OldButton = ({
|
|
15513
15833
|
label,
|
|
15514
15834
|
appearance,
|
|
@@ -15517,7 +15837,7 @@ var OldButton = ({
|
|
|
15517
15837
|
loading = false,
|
|
15518
15838
|
type
|
|
15519
15839
|
}) => {
|
|
15520
|
-
return /* @__PURE__ */
|
|
15840
|
+
return /* @__PURE__ */ jsx129("button", { onClick: handleClick, type, children: /* @__PURE__ */ jsx129(
|
|
15521
15841
|
"div",
|
|
15522
15842
|
{
|
|
15523
15843
|
className: classNames4(
|
|
@@ -15555,9 +15875,9 @@ var OldButton = ({
|
|
|
15555
15875
|
|
|
15556
15876
|
// src/components/Elements/button-link.tsx
|
|
15557
15877
|
import classNames5 from "classnames";
|
|
15558
|
-
import { jsx as
|
|
15878
|
+
import { jsx as jsx130 } from "react/jsx-runtime";
|
|
15559
15879
|
var ButtonContent = ({ button, appearance, compact: compact2 }) => {
|
|
15560
|
-
return /* @__PURE__ */
|
|
15880
|
+
return /* @__PURE__ */ jsx130(
|
|
15561
15881
|
"div",
|
|
15562
15882
|
{
|
|
15563
15883
|
className: classNames5(
|
|
@@ -15597,13 +15917,13 @@ var ButtonLink = ({
|
|
|
15597
15917
|
appearance,
|
|
15598
15918
|
compact: compact2 = false
|
|
15599
15919
|
}) => {
|
|
15600
|
-
return /* @__PURE__ */
|
|
15920
|
+
return /* @__PURE__ */ jsx130(ButtonContent, { button, appearance, compact: compact2 });
|
|
15601
15921
|
};
|
|
15602
15922
|
|
|
15603
15923
|
// src/components/Elements/Error.tsx
|
|
15604
|
-
import { jsxs as
|
|
15924
|
+
import { jsxs as jsxs56 } from "react/jsx-runtime";
|
|
15605
15925
|
var ErrorMessage = (props) => {
|
|
15606
|
-
return /* @__PURE__ */
|
|
15926
|
+
return /* @__PURE__ */ jsxs56("div", { children: [
|
|
15607
15927
|
"Error (: ",
|
|
15608
15928
|
props.message,
|
|
15609
15929
|
")"
|
|
@@ -15611,10 +15931,10 @@ var ErrorMessage = (props) => {
|
|
|
15611
15931
|
};
|
|
15612
15932
|
|
|
15613
15933
|
// src/components/Elements/feature-disabled.tsx
|
|
15614
|
-
import { jsx as
|
|
15934
|
+
import { jsx as jsx131, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
15615
15935
|
var FeatureDisabled = () => {
|
|
15616
|
-
return /* @__PURE__ */
|
|
15617
|
-
/* @__PURE__ */
|
|
15936
|
+
return /* @__PURE__ */ jsx131("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx131("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs57("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
|
|
15937
|
+
/* @__PURE__ */ jsx131(
|
|
15618
15938
|
"svg",
|
|
15619
15939
|
{
|
|
15620
15940
|
className: "mx-auto h-12 w-12 text-gray-400",
|
|
@@ -15622,7 +15942,7 @@ var FeatureDisabled = () => {
|
|
|
15622
15942
|
fill: "none",
|
|
15623
15943
|
viewBox: "0 0 24 24",
|
|
15624
15944
|
stroke: "currentColor",
|
|
15625
|
-
children: /* @__PURE__ */
|
|
15945
|
+
children: /* @__PURE__ */ jsx131(
|
|
15626
15946
|
"path",
|
|
15627
15947
|
{
|
|
15628
15948
|
strokeLinecap: "round",
|
|
@@ -15633,13 +15953,13 @@ var FeatureDisabled = () => {
|
|
|
15633
15953
|
)
|
|
15634
15954
|
}
|
|
15635
15955
|
),
|
|
15636
|
-
/* @__PURE__ */
|
|
15956
|
+
/* @__PURE__ */ jsx131("span", { className: "mt-2 block text-sm font-medium ", children: "This feature is disabled for your site." })
|
|
15637
15957
|
] }) }) });
|
|
15638
15958
|
};
|
|
15639
15959
|
|
|
15640
15960
|
// src/components/Elements/IframeViewer.tsx
|
|
15641
15961
|
import { useEffect as useEffect8, useRef as useRef2 } from "react";
|
|
15642
|
-
import { jsx as
|
|
15962
|
+
import { jsx as jsx132 } from "react/jsx-runtime";
|
|
15643
15963
|
var IframeViewer = ({ html, className }) => {
|
|
15644
15964
|
const containerRef = useRef2(null);
|
|
15645
15965
|
useEffect8(() => {
|
|
@@ -15669,28 +15989,28 @@ var IframeViewer = ({ html, className }) => {
|
|
|
15669
15989
|
});
|
|
15670
15990
|
}
|
|
15671
15991
|
}, [html]);
|
|
15672
|
-
return /* @__PURE__ */
|
|
15992
|
+
return /* @__PURE__ */ jsx132("div", { ref: containerRef, className: className != null ? className : "" });
|
|
15673
15993
|
};
|
|
15674
15994
|
|
|
15675
15995
|
// src/components/Elements/loader.tsx
|
|
15676
|
-
import { jsx as
|
|
15996
|
+
import { jsx as jsx133, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
15677
15997
|
var LoaderFull = ({
|
|
15678
15998
|
showInCenter = true,
|
|
15679
15999
|
cssClass = null
|
|
15680
16000
|
}) => {
|
|
15681
|
-
return /* @__PURE__ */
|
|
16001
|
+
return /* @__PURE__ */ jsx133(
|
|
15682
16002
|
"div",
|
|
15683
16003
|
{
|
|
15684
16004
|
className: showInCenter ? "w-full min-h-screen flex items-center justify-center " + (cssClass !== null ? cssClass : "z-[1000] fixed top-0 left-0") : "w-full flex items-center justify-center " + (cssClass !== null ? cssClass : "z-[1000] fixed top-0 left-0"),
|
|
15685
|
-
children: /* @__PURE__ */
|
|
16005
|
+
children: /* @__PURE__ */ jsx133(
|
|
15686
16006
|
"svg",
|
|
15687
16007
|
{
|
|
15688
16008
|
viewBox: "0 0 38 38",
|
|
15689
16009
|
className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
|
|
15690
16010
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15691
|
-
children: /* @__PURE__ */
|
|
15692
|
-
/* @__PURE__ */
|
|
15693
|
-
/* @__PURE__ */
|
|
16011
|
+
children: /* @__PURE__ */ jsx133("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs58("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
16012
|
+
/* @__PURE__ */ jsx133("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
|
|
16013
|
+
/* @__PURE__ */ jsx133("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ jsx133(
|
|
15694
16014
|
"animateTransform",
|
|
15695
16015
|
{
|
|
15696
16016
|
attributeName: "transform",
|
|
@@ -15709,17 +16029,17 @@ var LoaderFull = ({
|
|
|
15709
16029
|
};
|
|
15710
16030
|
|
|
15711
16031
|
// src/components/Elements/LocalLoader.tsx
|
|
15712
|
-
import { jsx as
|
|
16032
|
+
import { jsx as jsx134, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
15713
16033
|
var LocalLoader = () => {
|
|
15714
|
-
return /* @__PURE__ */
|
|
16034
|
+
return /* @__PURE__ */ jsx134("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ jsx134(
|
|
15715
16035
|
"svg",
|
|
15716
16036
|
{
|
|
15717
16037
|
viewBox: "0 0 38 38",
|
|
15718
16038
|
className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
|
|
15719
16039
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15720
|
-
children: /* @__PURE__ */
|
|
15721
|
-
/* @__PURE__ */
|
|
15722
|
-
/* @__PURE__ */
|
|
16040
|
+
children: /* @__PURE__ */ jsx134("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs59("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
16041
|
+
/* @__PURE__ */ jsx134("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
|
|
16042
|
+
/* @__PURE__ */ jsx134("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ jsx134(
|
|
15723
16043
|
"animateTransform",
|
|
15724
16044
|
{
|
|
15725
16045
|
attributeName: "transform",
|
|
@@ -15736,9 +16056,9 @@ var LocalLoader = () => {
|
|
|
15736
16056
|
};
|
|
15737
16057
|
|
|
15738
16058
|
// src/components/Elements/MediaEmbedItem.tsx
|
|
15739
|
-
import { jsx as
|
|
16059
|
+
import { jsx as jsx135 } from "react/jsx-runtime";
|
|
15740
16060
|
var MediaEmbedItem = ({ alt, src }) => {
|
|
15741
|
-
return /* @__PURE__ */
|
|
16061
|
+
return /* @__PURE__ */ jsx135(
|
|
15742
16062
|
"img",
|
|
15743
16063
|
{
|
|
15744
16064
|
alt,
|
|
@@ -15749,10 +16069,10 @@ var MediaEmbedItem = ({ alt, src }) => {
|
|
|
15749
16069
|
};
|
|
15750
16070
|
|
|
15751
16071
|
// src/components/Elements/permission-disabled.tsx
|
|
15752
|
-
import { jsx as
|
|
16072
|
+
import { jsx as jsx136, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
15753
16073
|
var PermissionDisabled = () => {
|
|
15754
|
-
return /* @__PURE__ */
|
|
15755
|
-
/* @__PURE__ */
|
|
16074
|
+
return /* @__PURE__ */ jsx136("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx136("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs60("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
|
|
16075
|
+
/* @__PURE__ */ jsx136(
|
|
15756
16076
|
"svg",
|
|
15757
16077
|
{
|
|
15758
16078
|
className: "mx-auto h-12 w-12 text-gray-400",
|
|
@@ -15760,7 +16080,7 @@ var PermissionDisabled = () => {
|
|
|
15760
16080
|
fill: "none",
|
|
15761
16081
|
viewBox: "0 0 24 24",
|
|
15762
16082
|
stroke: "currentColor",
|
|
15763
|
-
children: /* @__PURE__ */
|
|
16083
|
+
children: /* @__PURE__ */ jsx136(
|
|
15764
16084
|
"path",
|
|
15765
16085
|
{
|
|
15766
16086
|
strokeLinecap: "round",
|
|
@@ -15771,38 +16091,38 @@ var PermissionDisabled = () => {
|
|
|
15771
16091
|
)
|
|
15772
16092
|
}
|
|
15773
16093
|
),
|
|
15774
|
-
/* @__PURE__ */
|
|
16094
|
+
/* @__PURE__ */ jsx136("span", { className: "mt-2 block text-sm font-medium ", children: "Permission denied" })
|
|
15775
16095
|
] }) }) });
|
|
15776
16096
|
};
|
|
15777
16097
|
|
|
15778
16098
|
// src/components/Elements/ShowLargeText.tsx
|
|
15779
|
-
import { jsx as
|
|
16099
|
+
import { jsx as jsx137, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
15780
16100
|
var ShowLargeText = (props) => {
|
|
15781
|
-
return /* @__PURE__ */
|
|
16101
|
+
return /* @__PURE__ */ jsxs61(
|
|
15782
16102
|
"div",
|
|
15783
16103
|
{
|
|
15784
16104
|
className: props.colSpan != null ? "sm:col-span-" + props.colSpan : "sm:col-span-1",
|
|
15785
16105
|
children: [
|
|
15786
|
-
/* @__PURE__ */
|
|
15787
|
-
/* @__PURE__ */
|
|
16106
|
+
/* @__PURE__ */ jsx137("dt", { className: "text-sm font-bold", children: props.label }),
|
|
16107
|
+
/* @__PURE__ */ jsx137("dd", { className: "mt-1 text-sm", children: props.value })
|
|
15788
16108
|
]
|
|
15789
16109
|
}
|
|
15790
16110
|
);
|
|
15791
16111
|
};
|
|
15792
16112
|
|
|
15793
16113
|
// src/components/Elements/ShowShortText.tsx
|
|
15794
|
-
import { jsx as
|
|
16114
|
+
import { jsx as jsx138, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
15795
16115
|
var ShowShortText = (props) => {
|
|
15796
|
-
return /* @__PURE__ */
|
|
15797
|
-
/* @__PURE__ */
|
|
15798
|
-
/* @__PURE__ */
|
|
16116
|
+
return /* @__PURE__ */ jsxs62("div", { className: "sm:col-span-1", children: [
|
|
16117
|
+
/* @__PURE__ */ jsx138("dt", { className: "text-sm font-bold", children: props.label }),
|
|
16118
|
+
/* @__PURE__ */ jsx138("dd", { className: "mt-1 text-sm", children: props.value })
|
|
15799
16119
|
] });
|
|
15800
16120
|
};
|
|
15801
16121
|
|
|
15802
16122
|
// src/components/Elements/SizedImage.tsx
|
|
15803
|
-
import { jsx as
|
|
16123
|
+
import { jsx as jsx139 } from "react/jsx-runtime";
|
|
15804
16124
|
var SizedImage = (props) => {
|
|
15805
|
-
return /* @__PURE__ */
|
|
16125
|
+
return /* @__PURE__ */ jsx139(
|
|
15806
16126
|
"img",
|
|
15807
16127
|
{
|
|
15808
16128
|
className: props.className,
|
|
@@ -15815,43 +16135,43 @@ var SizedImage = (props) => {
|
|
|
15815
16135
|
};
|
|
15816
16136
|
|
|
15817
16137
|
// src/components/Elements/UnderConstruction.tsx
|
|
15818
|
-
import { jsx as
|
|
16138
|
+
import { jsx as jsx140, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
15819
16139
|
var UnderConstruction = () => {
|
|
15820
|
-
return /* @__PURE__ */
|
|
15821
|
-
/* @__PURE__ */
|
|
15822
|
-
/* @__PURE__ */
|
|
15823
|
-
/* @__PURE__ */
|
|
15824
|
-
/* @__PURE__ */
|
|
16140
|
+
return /* @__PURE__ */ jsx140("div", { className: " min-h-screen px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8", children: /* @__PURE__ */ jsx140("div", { className: "max-w-max mx-auto", children: /* @__PURE__ */ jsxs63("main", { className: "sm:flex", children: [
|
|
16141
|
+
/* @__PURE__ */ jsx140("p", { className: "text-4xl font-extrabold text-primary-600 sm:text-5xl", children: "recodo.io" }),
|
|
16142
|
+
/* @__PURE__ */ jsx140("div", { className: "sm:ml-6", children: /* @__PURE__ */ jsxs63("div", { className: "sm:border-l sm:border-gray-200 sm:pl-6", children: [
|
|
16143
|
+
/* @__PURE__ */ jsx140("h1", { className: "text-4xl font-extrabold tracking-tight sm:text-5xl", children: "Under Construction" }),
|
|
16144
|
+
/* @__PURE__ */ jsx140("p", { className: "mt-4 text-xl ", children: "Please check back later." })
|
|
15825
16145
|
] }) })
|
|
15826
16146
|
] }) }) });
|
|
15827
16147
|
};
|
|
15828
16148
|
|
|
15829
16149
|
// src/components/Elements/FeaturedItemWithBannerImage.tsx
|
|
15830
|
-
import { jsx as
|
|
16150
|
+
import { jsx as jsx141, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
15831
16151
|
var FeaturedItemWithBannerImage = (props) => {
|
|
15832
16152
|
var _a, _b, _c, _d;
|
|
15833
|
-
return /* @__PURE__ */
|
|
16153
|
+
return /* @__PURE__ */ jsxs64("div", { className: "w-full h-full mt-15 pointer-events-auto md:pointer-events-none", onClick: () => {
|
|
15834
16154
|
if (window.innerWidth < 700 && props.itemDetails.externalWebsiteLink)
|
|
15835
16155
|
window.open(props.itemDetails.externalWebsiteLink, "_blank");
|
|
15836
16156
|
}, children: [
|
|
15837
|
-
/* @__PURE__ */
|
|
15838
|
-
/* @__PURE__ */
|
|
15839
|
-
props.itemDetails.externalWebsiteLink && /* @__PURE__ */
|
|
15840
|
-
/* @__PURE__ */
|
|
15841
|
-
/* @__PURE__ */
|
|
16157
|
+
/* @__PURE__ */ jsxs64("div", { className: "hidden md:block relative", children: [
|
|
16158
|
+
/* @__PURE__ */ jsx141("img", { src: (_a = props.featuredItem[0]) == null ? void 0 : _a.landscapeBannerUrl, className: "relative w-full object-contain rounded-xl mt-6 lg:mt-12 " }),
|
|
16159
|
+
props.itemDetails.externalWebsiteLink && /* @__PURE__ */ jsx141("a", { className: "hidden md:block md:pointer-events-auto absolute featuredItemButton ml-5 h-24 rounded-tr-xl", target: "_blank", href: (_b = props.itemDetails) == null ? void 0 : _b.externalWebsiteLink, children: /* @__PURE__ */ jsx141("div", { className: "w-auto h-14 bg-cyan-500 rounded-[40px] flex items-center justify-center", children: /* @__PURE__ */ jsxs64("div", { className: "inline-flex gap-2", children: [
|
|
16160
|
+
/* @__PURE__ */ jsx141("div", { className: "text-white text-base text-lg font-medium ml-6", children: "View Quest" }),
|
|
16161
|
+
/* @__PURE__ */ jsx141("svg", { width: "13", height: "13", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "-rotate-1 mt-2 mr-6", children: /* @__PURE__ */ jsx141("path", { d: "M14.728 1.00124V10.8994C14.728 11.1751 14.6162 11.4254 14.4352 11.6065C14.2542 11.7875 14.0038 11.8992 13.7281 11.8992C13.1751 11.8992 12.7282 11.4523 12.7282 10.8994V3.41396L1.70725 14.4349C1.31622 14.8259 0.683362 14.8252 0.293039 14.4349C-0.0972836 14.0446 -0.0979906 13.4117 0.293039 13.0207L11.314 1.99975L3.82857 1.99975C3.27562 1.99975 2.82868 1.55281 2.82868 0.999856C2.82868 0.446899 3.27562 -3.6872e-05 3.82857 -3.67244e-05L13.7267 -3.66612e-05C13.8582 -3.69984e-05 13.9876 0.0260465 14.1106 0.0769579C14.3546 0.178074 14.5498 0.373349 14.651 0.617301C14.7019 0.740338 14.728 0.869715 14.728 1.00124Z", fill: "white" }) })
|
|
15842
16162
|
] }) }) })
|
|
15843
16163
|
] }),
|
|
15844
|
-
((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */
|
|
15845
|
-
/* @__PURE__ */
|
|
15846
|
-
/* @__PURE__ */
|
|
16164
|
+
((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ jsx141("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs64("div", { className: "w-full relative pt-10", children: [
|
|
16165
|
+
/* @__PURE__ */ jsx141("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: "Feature Quest" }),
|
|
16166
|
+
/* @__PURE__ */ jsx141("img", { src: (_d = props.featuredItem[0]) == null ? void 0 : _d.portraitBannerUrl, className: "w-full h-full overflow-hidden rounded-xl object-cover mt-5" })
|
|
15847
16167
|
] }) })
|
|
15848
16168
|
] });
|
|
15849
16169
|
};
|
|
15850
16170
|
|
|
15851
16171
|
// src/components/Hero/HeroImage.tsx
|
|
15852
|
-
import { jsx as
|
|
16172
|
+
import { jsx as jsx142 } from "react/jsx-runtime";
|
|
15853
16173
|
var HeroImage = ({ path, cmsUrl }) => {
|
|
15854
|
-
return /* @__PURE__ */
|
|
16174
|
+
return /* @__PURE__ */ jsx142(
|
|
15855
16175
|
"div",
|
|
15856
16176
|
{
|
|
15857
16177
|
className: "w-full bg-center bg-cover hero-geo-wiki rounded-xl overflow-hidden",
|
|
@@ -15863,12 +16183,12 @@ var HeroImage = ({ path, cmsUrl }) => {
|
|
|
15863
16183
|
};
|
|
15864
16184
|
|
|
15865
16185
|
// src/components/Hero/HeroImageRightWithAppButtons.tsx
|
|
15866
|
-
import { useEffect as useEffect9, useState as
|
|
16186
|
+
import { useEffect as useEffect9, useState as useState14 } from "react";
|
|
15867
16187
|
|
|
15868
16188
|
// src/components/HeadingTextBlocks/H1BodyButton.tsx
|
|
15869
|
-
var
|
|
16189
|
+
var import_link4 = __toESM(require_link2());
|
|
15870
16190
|
import parse2 from "html-react-parser";
|
|
15871
|
-
import { jsx as
|
|
16191
|
+
import { jsx as jsx143, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
15872
16192
|
var HtmlView2 = (props) => {
|
|
15873
16193
|
const options = {
|
|
15874
16194
|
replace: (domNode) => {
|
|
@@ -15882,11 +16202,11 @@ var HtmlView2 = (props) => {
|
|
|
15882
16202
|
data = data.replace(match, imageHtml);
|
|
15883
16203
|
});
|
|
15884
16204
|
}
|
|
15885
|
-
return /* @__PURE__ */
|
|
16205
|
+
return /* @__PURE__ */ jsx143("span", { children: parse2(data) });
|
|
15886
16206
|
}
|
|
15887
16207
|
}
|
|
15888
16208
|
};
|
|
15889
|
-
return /* @__PURE__ */
|
|
16209
|
+
return /* @__PURE__ */ jsxs65(
|
|
15890
16210
|
"div",
|
|
15891
16211
|
{
|
|
15892
16212
|
className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
|
|
@@ -15906,40 +16226,40 @@ var H1BodyButton = (props) => {
|
|
|
15906
16226
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
15907
16227
|
return modifiedText;
|
|
15908
16228
|
};
|
|
15909
|
-
return /* @__PURE__ */
|
|
16229
|
+
return /* @__PURE__ */ jsxs65(
|
|
15910
16230
|
"div",
|
|
15911
16231
|
{
|
|
15912
16232
|
className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
|
|
15913
16233
|
"data-component-name": "H1BodyButton",
|
|
15914
16234
|
children: [
|
|
15915
|
-
/* @__PURE__ */
|
|
15916
|
-
/* @__PURE__ */
|
|
15917
|
-
isNeedParse && /* @__PURE__ */
|
|
15918
|
-
!isNeedParse && /* @__PURE__ */
|
|
16235
|
+
/* @__PURE__ */ jsx143("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
16236
|
+
/* @__PURE__ */ jsxs65("div", { className: "w-full max-w-3xl lg:px-5", children: [
|
|
16237
|
+
isNeedParse && /* @__PURE__ */ jsx143(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
|
|
16238
|
+
!isNeedParse && /* @__PURE__ */ jsxs65(H1Design, { children: [
|
|
15919
16239
|
props.title,
|
|
15920
16240
|
" "
|
|
15921
16241
|
] }),
|
|
15922
|
-
props.textBody && /* @__PURE__ */
|
|
16242
|
+
props.textBody && /* @__PURE__ */ jsx143(
|
|
15923
16243
|
HtmlView2,
|
|
15924
16244
|
{
|
|
15925
16245
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
15926
16246
|
html: addLinksStyles(props.textBody)
|
|
15927
16247
|
}
|
|
15928
16248
|
),
|
|
15929
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */
|
|
15930
|
-
|
|
16249
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ jsx143("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ jsx143(
|
|
16250
|
+
import_link4.default,
|
|
15931
16251
|
{
|
|
15932
16252
|
href: props.button.link,
|
|
15933
16253
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
15934
16254
|
rel: "noreferrer",
|
|
15935
|
-
children: props.button.isNewTab ? /* @__PURE__ */
|
|
16255
|
+
children: props.button.isNewTab ? /* @__PURE__ */ jsx143(
|
|
15936
16256
|
DesignButton,
|
|
15937
16257
|
{
|
|
15938
16258
|
variant: "externalLink",
|
|
15939
16259
|
className: "h-auto p-0 lg:p-0",
|
|
15940
16260
|
children: props.button.text
|
|
15941
16261
|
}
|
|
15942
|
-
) : /* @__PURE__ */
|
|
16262
|
+
) : /* @__PURE__ */ jsx143(DesignButton, { children: props.button.text })
|
|
15943
16263
|
}
|
|
15944
16264
|
) })
|
|
15945
16265
|
] })
|
|
@@ -15956,57 +16276,57 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
15956
16276
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
15957
16277
|
return modifiedText;
|
|
15958
16278
|
};
|
|
15959
|
-
return /* @__PURE__ */
|
|
16279
|
+
return /* @__PURE__ */ jsxs65(
|
|
15960
16280
|
"div",
|
|
15961
16281
|
{
|
|
15962
16282
|
className: "px-0 container mx-auto mt-2 lg:mt-10 flex justify-start",
|
|
15963
16283
|
"data-component-name": "H1BodyButton",
|
|
15964
16284
|
children: [
|
|
15965
|
-
/* @__PURE__ */
|
|
15966
|
-
/* @__PURE__ */
|
|
15967
|
-
isNeedParse && /* @__PURE__ */
|
|
15968
|
-
!isNeedParse && /* @__PURE__ */
|
|
16285
|
+
/* @__PURE__ */ jsx143("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
16286
|
+
/* @__PURE__ */ jsxs65("div", { className: "max-w-3xl lg:px-5", children: [
|
|
16287
|
+
isNeedParse && /* @__PURE__ */ jsx143(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
|
|
16288
|
+
!isNeedParse && /* @__PURE__ */ jsxs65(BigLandingTitle, { children: [
|
|
15969
16289
|
props.title,
|
|
15970
16290
|
" "
|
|
15971
16291
|
] }),
|
|
15972
|
-
props.textBody && /* @__PURE__ */
|
|
16292
|
+
props.textBody && /* @__PURE__ */ jsx143(
|
|
15973
16293
|
HtmlView2,
|
|
15974
16294
|
{
|
|
15975
16295
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
15976
16296
|
html: addLinksStyles(props.textBody)
|
|
15977
16297
|
}
|
|
15978
16298
|
),
|
|
15979
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */
|
|
15980
|
-
|
|
16299
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ jsx143("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ jsx143(
|
|
16300
|
+
import_link4.default,
|
|
15981
16301
|
{
|
|
15982
16302
|
href: props.button.link,
|
|
15983
16303
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
15984
16304
|
rel: "noreferrer",
|
|
15985
|
-
children: props.button.isNewTab ? /* @__PURE__ */
|
|
16305
|
+
children: props.button.isNewTab ? /* @__PURE__ */ jsx143(
|
|
15986
16306
|
DesignButton,
|
|
15987
16307
|
{
|
|
15988
16308
|
variant: "externalLink",
|
|
15989
16309
|
className: "h-auto p-0 lg:p-0",
|
|
15990
16310
|
children: props.button.text
|
|
15991
16311
|
}
|
|
15992
|
-
) : /* @__PURE__ */
|
|
16312
|
+
) : /* @__PURE__ */ jsx143(DesignButton, { children: props.button.text })
|
|
15993
16313
|
}
|
|
15994
16314
|
) }),
|
|
15995
|
-
props.show_app_stores && /* @__PURE__ */
|
|
15996
|
-
/* @__PURE__ */
|
|
15997
|
-
/* @__PURE__ */
|
|
15998
|
-
/* @__PURE__ */
|
|
15999
|
-
/* @__PURE__ */
|
|
16000
|
-
/* @__PURE__ */
|
|
16001
|
-
/* @__PURE__ */
|
|
16002
|
-
/* @__PURE__ */
|
|
16003
|
-
/* @__PURE__ */
|
|
16004
|
-
/* @__PURE__ */
|
|
16005
|
-
/* @__PURE__ */
|
|
16315
|
+
props.show_app_stores && /* @__PURE__ */ jsxs65("div", { className: "mt-6 gap-3 lg:gap-2 flex flex-row md:px-0", children: [
|
|
16316
|
+
/* @__PURE__ */ jsx143("a", { href: props.google_marketplace_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ jsxs65("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-full md:w-auto h-auto", viewBox: "0 0 180 53", fill: "none", children: [
|
|
16317
|
+
/* @__PURE__ */ jsxs65("g", { clipPath: "url(#clip0_5955_146)", children: [
|
|
16318
|
+
/* @__PURE__ */ jsx143("path", { d: "M173.33 53H6.66992C3.00332 53 0.00341797 50.0188 0.00341797 46.3751V6.62585C0.00341797 2.98215 3.00332 0.000976562 6.66992 0.000976562H173.33C176.997 0.000976562 179.996 2.98215 179.996 6.62585V46.3751C179.996 50.0188 176.997 53 173.33 53Z", fill: "#100F0D" }),
|
|
16319
|
+
/* @__PURE__ */ jsx143("path", { d: "M173.33 0.000976562H6.66992C3.00332 0.000976562 0.00341797 2.98215 0.00341797 6.62585V46.3751C0.00341797 50.0188 3.00332 53 6.66992 53H173.33C176.997 53 179.996 50.0188 179.996 46.3751V6.62585C179.996 2.98215 176.997 0.000976562 173.33 0.000976562ZM173.33 1.06042C176.418 1.06042 178.93 3.55723 178.93 6.62585V46.3751C178.93 49.4437 176.418 51.9405 173.33 51.9405H6.66992C3.58202 51.9405 1.07062 49.4437 1.07062 46.3751V6.62585C1.07062 3.55723 3.58202 1.06042 6.66992 1.06042H173.33Z", fill: "#A2A2A1" }),
|
|
16320
|
+
/* @__PURE__ */ jsx143("path", { d: "M142.58 39.7504H145.068V23.1854H142.58V39.7504ZM164.989 29.1529L162.137 36.3342H162.052L159.092 29.1529H156.412L160.852 39.1899L158.32 44.7733H160.915L167.756 29.1534L164.989 29.1529ZM150.879 37.8688C150.066 37.8688 148.928 37.4635 148.928 36.462C148.928 35.1836 150.344 34.6934 151.566 34.6934C152.659 34.6934 153.175 34.9274 153.839 35.2473C153.646 36.7818 152.316 37.8688 150.879 37.8688ZM151.18 28.7906C149.379 28.7906 147.514 29.5794 146.742 31.3268L148.95 32.2429C149.422 31.3268 150.3 31.0287 151.223 31.0287C152.51 31.0287 153.818 31.7952 153.839 33.1595V33.3298C153.388 33.074 152.423 32.6906 151.244 32.6906C148.863 32.6906 146.44 33.9901 146.44 36.4196C146.44 38.6359 148.392 40.0638 150.579 40.0638C152.251 40.0638 153.175 39.3179 153.752 38.4439H153.839V39.7232H156.241V33.3721C156.241 30.4313 154.031 28.7906 151.18 28.7906ZM135.804 31.1694H132.266V25.4917H135.804C137.664 25.4917 138.72 27.0217 138.72 28.3305C138.72 29.6141 137.664 31.1694 135.804 31.1694ZM135.74 23.1858H129.779V39.7508H132.266V33.4753H135.74C138.498 33.4753 141.208 31.4919 141.208 28.3311C141.208 25.1709 138.498 23.1858 135.74 23.1858ZM103.233 37.8716C101.514 37.8716 100.076 36.441 100.076 34.4779C100.076 32.492 101.514 31.0412 103.233 31.0412C104.93 31.0412 106.262 32.4921 106.262 34.4779C106.262 36.441 104.93 37.8716 103.233 37.8716ZM106.09 30.0802H106.004C105.446 29.4187 104.371 28.8209 103.019 28.8209C100.183 28.8209 97.5839 31.2975 97.5839 34.4779C97.5839 37.6366 100.183 40.0914 103.019 40.0914C104.371 40.0914 105.446 39.4936 106.004 38.811H106.09V39.6214C106.09 41.7782 104.93 42.9303 103.061 42.9303C101.537 42.9303 100.592 41.8418 100.205 40.9241L98.0356 41.8205C98.658 43.3141 100.311 45.1506 103.061 45.1506C105.983 45.1506 108.453 43.4425 108.453 39.2798V29.1623H106.09L106.09 30.0802ZM110.172 39.7499H112.663V23.1849H110.172V39.7499ZM116.336 34.2854C116.272 32.108 118.034 30.9982 119.301 30.9982C120.289 30.9982 121.126 31.4894 121.406 32.1933L116.336 34.2854ZM124.069 32.4066C123.596 31.1479 122.157 28.8209 119.215 28.8209C116.293 28.8209 113.866 31.1049 113.866 34.4562C113.866 37.6155 116.272 40.0915 119.493 40.0915C122.092 40.0915 123.596 38.5124 124.22 37.5942L122.286 36.3133C121.642 37.2527 120.762 37.8717 119.493 37.8717C118.227 37.8717 117.324 37.2952 116.745 36.1638L124.327 33.0475L124.069 32.4066ZM63.6598 30.5501V32.9407H69.4163C69.2444 34.2855 68.7934 35.2672 68.1059 35.9504C67.2679 36.7827 65.9576 37.7008 63.6597 37.7008C60.1154 37.7008 57.3447 34.862 57.3447 31.3399C57.3447 27.8178 60.1154 24.9786 63.6597 24.9786C65.5715 24.9786 66.9674 25.7259 67.9985 26.6864L69.6959 24.9997C68.2563 23.6338 66.3449 22.5879 63.6597 22.5879C58.8045 22.5879 54.7234 26.5156 54.7234 31.3399C54.7234 36.1637 58.8045 40.0915 63.6597 40.0915C66.2799 40.0915 68.2564 39.2376 69.8027 37.6367C71.3923 36.0571 71.8865 33.8372 71.8865 32.0439C71.8865 31.4895 71.8432 30.9772 71.7573 30.5501H63.6598ZM78.4318 37.8716C76.713 37.8716 75.2308 36.4627 75.2308 34.4562C75.2308 32.4284 76.713 31.0413 78.4318 31.0413C80.1499 31.0413 81.6321 32.4284 81.6321 34.4562C81.6321 36.4627 80.1499 37.8716 78.4318 37.8716ZM78.4318 28.8209C75.2948 28.8209 72.7391 31.1902 72.7391 34.4562C72.7391 37.7008 75.2948 40.0915 78.4318 40.0915C81.5676 40.0915 84.1238 37.7008 84.1238 34.4562C84.1238 31.1902 81.5676 28.8209 78.4318 28.8209ZM90.8488 37.8716C89.1312 37.8716 87.6485 36.4627 87.6485 34.4562C87.6485 32.4284 89.1313 31.0413 90.8488 31.0413C92.5676 31.0413 94.0493 32.4284 94.0493 34.4562C94.0493 36.4627 92.5676 37.8716 90.8488 37.8716ZM90.8488 28.8209C87.713 28.8209 85.1573 31.1902 85.1573 34.4562C85.1573 37.7008 87.713 40.0915 90.8488 40.0915C93.9858 40.0915 96.5415 37.7008 96.5415 34.4562C96.5415 31.1902 93.9858 28.8209 90.8488 28.8209Z", fill: "white" }),
|
|
16321
|
+
/* @__PURE__ */ jsx143("path", { d: "M27.622 25.7372L13.428 40.7092C13.4285 40.7122 13.4296 40.7148 13.4301 40.718C13.8654 42.3438 15.3597 43.5409 17.1331 43.5409C17.842 43.5409 18.5076 43.3504 19.0784 43.0161L19.1237 42.9897L35.1017 33.8272L27.622 25.7372Z", fill: "#EB3131" }),
|
|
16322
|
+
/* @__PURE__ */ jsx143("path", { d: "M41.9831 23.1884L41.9695 23.1791L35.0713 19.2051L27.2996 26.0775L35.0983 33.8265L41.9601 29.892C43.1631 29.2466 43.9798 27.9863 43.9798 26.5329C43.9798 25.09 43.1742 23.8359 41.9831 23.1884Z", fill: "#F6B60B" }),
|
|
16323
|
+
/* @__PURE__ */ jsx143("path", { d: "M13.4261 12.2927C13.3407 12.6054 13.2959 12.933 13.2959 13.2731V39.7298C13.2959 40.0693 13.3402 40.398 13.4266 40.7096L28.1106 26.1202L13.4261 12.2927Z", fill: "#5778C5" }),
|
|
16324
|
+
/* @__PURE__ */ jsx143("path", { d: "M27.727 26.5016L35.0743 19.2024L19.1143 10.0067C18.5342 9.66144 17.8571 9.46216 17.1326 9.46216C15.3592 9.46216 13.8629 10.6614 13.4275 12.2891C13.427 12.2907 13.427 12.2918 13.427 12.2932L27.727 26.5016Z", fill: "#3BAD49" }),
|
|
16325
|
+
/* @__PURE__ */ jsx143("path", { d: "M63.193 12.9606H59.3035V13.9171H62.2181C62.1389 14.6976 61.8263 15.3104 61.2993 15.7555C60.7722 16.2007 60.0993 16.4243 59.3035 16.4243C58.4306 16.4243 57.691 16.122 57.0849 15.5217C56.491 14.9089 56.189 14.1511 56.189 13.2381C56.189 12.3252 56.491 11.5674 57.0849 10.9547C57.691 10.3543 58.4306 10.0541 59.3035 10.0541C59.7515 10.0541 60.1785 10.1307 60.5701 10.2984C60.9618 10.466 61.2763 10.7 61.5222 11.0003L62.2618 10.2653C61.9263 9.88636 61.5014 9.59658 60.9742 9.38539C60.4471 9.17419 59.8972 9.07282 59.3034 9.07282C58.1389 9.07282 57.1515 9.47442 56.3452 10.2757C55.5389 11.0789 55.1348 12.0685 55.1348 13.2382C55.1348 14.4078 55.5389 15.3996 56.3452 16.2008C57.1514 17.0019 58.1389 17.4037 59.3034 17.4037C60.5263 17.4037 61.5013 17.0144 62.2513 16.2235C62.9116 15.5653 63.2491 14.675 63.2491 13.5612C63.2491 13.3728 63.2263 13.1718 63.193 12.9606ZM64.6998 9.2507V17.2255H69.385V16.2462H65.731V13.7164H69.0268V12.7599H65.731V10.2321H69.385V9.25067L64.6998 9.2507ZM75.9548 10.2321V9.2507H70.4403V10.2321H72.682V17.2255H73.7132V10.2321H75.9548ZM80.9473 9.2507H79.9161V17.2255H80.9473V9.2507ZM87.7539 10.2321V9.2507H82.2395V10.2321H84.481V17.2255H85.5122V10.2321H87.7539ZM98.1599 10.288C97.364 9.47436 96.3891 9.07275 95.2245 9.07275C94.0579 9.07275 93.083 9.47435 92.2871 10.2756C91.4912 11.0665 91.0997 12.0581 91.0997 13.2381C91.0997 14.4181 91.4912 15.4098 92.2871 16.2008C93.0829 17.0018 94.0579 17.4036 95.2245 17.4036C96.3786 17.4036 97.364 17.0019 98.1599 16.2008C98.9557 15.4099 99.3473 14.4182 99.3473 13.2381C99.3473 12.0684 98.9557 11.0788 98.1599 10.288ZM93.0267 10.9546C93.6204 10.3543 94.3496 10.054 95.2245 10.054C96.0974 10.054 96.8266 10.3543 97.4099 10.9546C98.0036 11.5446 98.2952 12.3147 98.2952 13.2381C98.2952 14.1636 98.0036 14.9315 97.4099 15.5216C96.8265 16.122 96.0974 16.4242 95.2245 16.4242C94.3495 16.4242 93.6204 16.122 93.0267 15.5216C92.4453 14.9192 92.1537 14.1635 92.1537 13.2381C92.1537 12.3147 92.4453 11.557 93.0267 10.9546ZM101.797 12.2589L101.754 10.7206H101.797L105.876 17.2254H106.953V9.25062H105.922V13.917L105.966 15.4553H105.922L102.022 9.25062H100.766V17.2254H101.797V12.2589Z", fill: "white", stroke: "white", strokeWidth: "0.26666", strokeMiterlimit: "10" })
|
|
16006
16326
|
] }),
|
|
16007
|
-
/* @__PURE__ */
|
|
16327
|
+
/* @__PURE__ */ jsx143("defs", { children: /* @__PURE__ */ jsx143("clipPath", { id: "clip0_5955_146", children: /* @__PURE__ */ jsx143("rect", { width: "180", height: "53", fill: "white" }) }) })
|
|
16008
16328
|
] }) }),
|
|
16009
|
-
/* @__PURE__ */
|
|
16329
|
+
/* @__PURE__ */ jsx143("a", { href: props.apple_store_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ jsxs65(
|
|
16010
16330
|
"svg",
|
|
16011
16331
|
{
|
|
16012
16332
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -16015,34 +16335,34 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
16015
16335
|
fill: "none",
|
|
16016
16336
|
onClick: () => props.apple_store_link,
|
|
16017
16337
|
children: [
|
|
16018
|
-
/* @__PURE__ */
|
|
16019
|
-
/* @__PURE__ */
|
|
16020
|
-
/* @__PURE__ */
|
|
16021
|
-
/* @__PURE__ */
|
|
16022
|
-
/* @__PURE__ */
|
|
16023
|
-
/* @__PURE__ */
|
|
16024
|
-
/* @__PURE__ */
|
|
16025
|
-
/* @__PURE__ */
|
|
16026
|
-
/* @__PURE__ */
|
|
16027
|
-
/* @__PURE__ */
|
|
16028
|
-
/* @__PURE__ */
|
|
16029
|
-
/* @__PURE__ */
|
|
16030
|
-
/* @__PURE__ */
|
|
16031
|
-
/* @__PURE__ */
|
|
16032
|
-
/* @__PURE__ */
|
|
16033
|
-
/* @__PURE__ */
|
|
16034
|
-
/* @__PURE__ */
|
|
16035
|
-
/* @__PURE__ */
|
|
16036
|
-
/* @__PURE__ */
|
|
16037
|
-
/* @__PURE__ */
|
|
16038
|
-
/* @__PURE__ */
|
|
16039
|
-
/* @__PURE__ */
|
|
16040
|
-
/* @__PURE__ */
|
|
16041
|
-
/* @__PURE__ */
|
|
16042
|
-
/* @__PURE__ */
|
|
16043
|
-
/* @__PURE__ */
|
|
16338
|
+
/* @__PURE__ */ jsxs65("g", { clipPath: "url(#clip0_5955_114)", children: [
|
|
16339
|
+
/* @__PURE__ */ jsx143("path", { d: "M173.596 53H6.30533C2.82933 53 0 50.1804 0 46.7288V6.26195C0 2.809 2.82933 0 6.30533 0H173.596C177.071 0 180 2.809 180 6.26195V46.7288C180 50.1804 177.071 53 173.596 53Z", fill: "#A6A6A6" }),
|
|
16340
|
+
/* @__PURE__ */ jsx143("path", { d: "M178.709 46.73C178.709 49.5337 176.424 51.8048 173.597 51.8048H6.30543C3.4801 51.8048 1.18677 49.5337 1.18677 46.73V6.26057C1.18677 3.4582 3.4801 1.1792 6.30543 1.1792H173.596C176.424 1.1792 178.708 3.4582 178.708 6.26057L178.709 46.73Z", fill: "black" }),
|
|
16341
|
+
/* @__PURE__ */ jsx143("path", { d: "M40.1707 26.2137C40.132 21.9432 43.6894 19.8656 43.852 19.7689C41.8374 16.8499 38.7147 16.4511 37.6174 16.4193C34.9947 16.145 32.4507 17.9788 31.1147 17.9788C29.752 17.9788 27.6947 16.4458 25.4774 16.4909C22.624 16.5346 19.9547 18.1763 18.4907 20.7256C15.4694 25.9235 17.7227 33.5622 20.6174 37.7637C22.0654 39.8215 23.7574 42.119 25.972 42.0382C28.1387 41.9494 28.948 40.6655 31.5627 40.6655C34.1534 40.6655 34.9134 42.0382 37.172 41.9865C39.4974 41.9494 40.9614 39.9195 42.3587 37.8432C44.032 35.4847 44.704 33.162 44.7307 33.0428C44.676 33.0242 40.2147 31.3322 40.1707 26.2137Z", fill: "white" }),
|
|
16342
|
+
/* @__PURE__ */ jsx143("path", { d: "M35.9041 13.6555C37.0694 12.2072 37.8667 10.237 37.6454 8.23755C35.9587 8.31175 33.8494 9.39692 32.6347 10.8133C31.5601 12.0615 30.6001 14.1073 30.8481 16.0312C32.7427 16.1716 34.6881 15.0812 35.9041 13.6555Z", fill: "white" }),
|
|
16343
|
+
/* @__PURE__ */ jsx143("path", { d: "M71.5266 41.7427H68.4986L66.84 36.5633H61.0746L59.4946 41.7427H56.5466L62.2586 24.1096H65.7866L71.5266 41.7427ZM66.34 34.3903L64.84 29.7859C64.6813 29.3155 64.384 28.2078 63.9453 26.4641H63.892C63.7173 27.2141 63.436 28.3218 63.0493 29.7859L61.576 34.3903H66.34Z", fill: "white" }),
|
|
16344
|
+
/* @__PURE__ */ jsx143("path", { d: "M86.2159 35.2291C86.2159 37.3915 85.6279 39.1008 84.4519 40.3555C83.3985 41.4725 82.0905 42.0303 80.5292 42.0303C78.8439 42.0303 77.6332 41.4288 76.8959 40.2257H76.8425V46.9236H73.9999V33.2138C73.9999 31.8543 73.9639 30.4591 73.8945 29.0281H76.3945L76.5532 31.0434H76.6065C77.5545 29.525 78.9932 28.7671 80.9239 28.7671C82.4332 28.7671 83.6932 29.3594 84.7012 30.5452C85.7119 31.7324 86.2159 33.2933 86.2159 35.2291ZM83.3199 35.3325C83.3199 34.0949 83.0399 33.0747 82.4772 32.2717C81.8625 31.4343 81.0372 31.0156 80.0025 31.0156C79.3012 31.0156 78.6639 31.2488 78.0945 31.7086C77.5239 32.1723 77.1505 32.7779 76.9759 33.5278C76.8879 33.8776 76.8439 34.1638 76.8439 34.3891V36.5091C76.8439 37.4339 77.1292 38.2143 77.6999 38.8517C78.2705 39.489 79.0119 39.807 79.9239 39.807C80.9945 39.807 81.8279 39.3962 82.4239 38.5774C83.0212 37.7572 83.3199 36.676 83.3199 35.3325Z", fill: "white" }),
|
|
16345
|
+
/* @__PURE__ */ jsx143("path", { d: "M100.932 35.2291C100.932 37.3915 100.344 39.1008 99.1667 40.3555C98.1147 41.4725 96.8067 42.0303 95.2454 42.0303C93.5601 42.0303 92.3494 41.4288 91.6134 40.2257H91.5601V46.9236H88.7174V33.2138C88.7174 31.8543 88.6814 30.4591 88.6121 29.0281H91.1121L91.2707 31.0434H91.3241C92.2707 29.525 93.7094 28.7671 95.6414 28.7671C97.1494 28.7671 98.4094 29.3594 99.4201 30.5452C100.427 31.7324 100.932 33.2933 100.932 35.2291ZM98.0361 35.3325C98.0361 34.0949 97.7547 33.0747 97.1921 32.2717C96.5774 31.4343 95.7547 31.0156 94.7187 31.0156C94.0161 31.0156 93.3801 31.2488 92.8094 31.7086C92.2387 32.1723 91.8667 32.7779 91.6921 33.5278C91.6054 33.8776 91.5601 34.1638 91.5601 34.3891V36.5091C91.5601 37.4339 91.8454 38.2143 92.4134 38.8517C92.9841 39.4877 93.7254 39.807 94.6401 39.807C95.7107 39.807 96.5441 39.3962 97.1401 38.5774C97.7374 37.7572 98.0361 36.676 98.0361 35.3325Z", fill: "white" }),
|
|
16346
|
+
/* @__PURE__ */ jsx143("path", { d: "M117.385 36.7979C117.385 38.2978 116.861 39.5181 115.809 40.4602C114.653 41.4897 113.044 42.0038 110.976 42.0038C109.067 42.0038 107.536 41.6381 106.377 40.9054L107.036 38.5509C108.284 39.3008 109.653 39.6771 111.145 39.6771C112.216 39.6771 113.049 39.436 113.648 38.9563C114.244 38.4767 114.541 37.8327 114.541 37.0298C114.541 36.3143 114.296 35.7114 113.804 35.2225C113.315 34.7335 112.497 34.2791 111.356 33.859C108.249 32.7076 106.697 31.0209 106.697 28.8028C106.697 27.3533 107.241 26.1648 108.331 25.2399C109.416 24.3137 110.864 23.8513 112.675 23.8513C114.289 23.8513 115.631 24.1309 116.701 24.6887L115.991 26.9916C114.991 26.451 113.86 26.1807 112.595 26.1807C111.595 26.1807 110.813 26.4258 110.253 26.9134C109.78 27.3493 109.543 27.8806 109.543 28.51C109.543 29.207 109.813 29.7833 110.357 30.2365C110.831 30.6552 111.691 31.1083 112.939 31.5973C114.465 32.2081 115.587 32.9223 116.308 33.7411C117.027 34.5573 117.385 35.5789 117.385 36.7979Z", fill: "white" }),
|
|
16347
|
+
/* @__PURE__ */ jsx143("path", { d: "M126.784 31.1482H123.651V37.3214C123.651 38.8915 124.203 39.6759 125.309 39.6759C125.817 39.6759 126.239 39.6322 126.572 39.5447L126.651 41.6899C126.091 41.8979 125.353 42.0026 124.44 42.0026C123.317 42.0026 122.44 41.6621 121.807 40.9823C121.176 40.3013 120.859 39.1591 120.859 37.5546V31.1455H118.992V29.0255H120.859V26.6975L123.651 25.8601V29.0255H126.784V31.1482Z", fill: "white" }),
|
|
16348
|
+
/* @__PURE__ */ jsx143("path", { d: "M140.921 35.2807C140.921 37.2351 140.359 38.8396 139.236 40.0944C138.059 41.3863 136.496 42.0302 134.548 42.0302C132.671 42.0302 131.176 41.4115 130.061 40.1739C128.947 38.9364 128.389 37.3742 128.389 35.4914C128.389 33.5211 128.963 31.9072 130.113 30.6525C131.261 29.3964 132.811 28.7683 134.759 28.7683C136.636 28.7683 138.147 29.3871 139.287 30.626C140.377 31.8277 140.921 33.3793 140.921 35.2807ZM137.972 35.3721C137.972 34.1995 137.72 33.1938 137.209 32.3551C136.613 31.3401 135.761 30.834 134.657 30.834C133.515 30.834 132.647 31.3415 132.051 32.3551C131.54 33.1951 131.288 34.2167 131.288 35.4251C131.288 36.5977 131.54 37.6034 132.051 38.4408C132.665 39.4558 133.524 39.9619 134.632 39.9619C135.717 39.9619 136.569 39.4452 137.184 38.4143C137.708 37.5597 137.972 36.5434 137.972 35.3721Z", fill: "white" }),
|
|
16349
|
+
/* @__PURE__ */ jsx143("path", { d: "M150.161 31.5125C149.88 31.4608 149.58 31.4343 149.265 31.4343C148.265 31.4343 147.492 31.8093 146.948 32.5606C146.475 33.2231 146.237 34.0605 146.237 35.0714V41.7428H143.396L143.423 33.0323C143.423 31.5668 143.387 30.2325 143.316 29.0294H145.792L145.896 31.4621H145.975C146.275 30.6261 146.748 29.953 147.396 29.4481C148.029 28.9937 148.713 28.7671 149.451 28.7671C149.713 28.7671 149.951 28.7856 150.161 28.8188V31.5125Z", fill: "white" }),
|
|
16350
|
+
/* @__PURE__ */ jsx143("path", { d: "M162.875 34.7838C162.875 35.29 162.841 35.7166 162.771 36.0651H154.243C154.276 37.3212 154.688 38.2818 155.48 38.9443C156.199 39.5366 157.128 39.8334 158.269 39.8334C159.532 39.8334 160.684 39.6333 161.72 39.2319L162.165 41.1929C160.955 41.7176 159.525 41.9786 157.876 41.9786C155.892 41.9786 154.335 41.3982 153.201 40.2389C152.071 39.0795 151.504 37.5226 151.504 35.5696C151.504 33.6523 152.031 32.0557 153.085 30.7823C154.189 29.4229 155.681 28.7432 157.559 28.7432C159.403 28.7432 160.799 29.4229 161.747 30.7823C162.497 31.8622 162.875 33.1978 162.875 34.7838ZM160.164 34.0511C160.183 33.2137 159.997 32.4903 159.612 31.8794C159.12 31.0937 158.364 30.7015 157.347 30.7015C156.417 30.7015 155.661 31.0844 155.084 31.8529C154.611 32.4638 154.329 33.1965 154.243 34.0498L160.164 34.0511Z", fill: "white" }),
|
|
16351
|
+
/* @__PURE__ */ jsx143("path", { d: "M65.4 13.262C65.4 14.8215 64.9293 15.9955 63.9893 16.7839C63.1186 17.5113 61.8813 17.8757 60.2786 17.8757C59.484 17.8757 58.804 17.8412 58.2346 17.7723V9.25124C58.9773 9.13199 59.7773 9.07104 60.6413 9.07104C62.168 9.07104 63.3186 9.40097 64.0946 10.0608C64.964 10.8068 65.4 11.8734 65.4 13.262ZM63.9266 13.3004C63.9266 12.2895 63.6573 11.5143 63.1186 10.9737C62.58 10.4345 61.7933 10.1642 60.7573 10.1642C60.3173 10.1642 59.9426 10.1933 59.632 10.2543V16.7322C59.804 16.7587 60.1186 16.7706 60.576 16.7706C61.6453 16.7706 62.4706 16.4751 63.052 15.8842C63.6333 15.2932 63.9266 14.432 63.9266 13.3004Z", fill: "white" }),
|
|
16352
|
+
/* @__PURE__ */ jsx143("path", { d: "M73.2119 14.6241C73.2119 15.5847 72.9359 16.3718 72.3839 16.9892C71.8052 17.6239 71.0386 17.9406 70.0812 17.9406C69.1586 17.9406 68.4239 17.6371 67.8759 17.0276C67.3292 16.4195 67.0559 15.6523 67.0559 14.7274C67.0559 13.7602 67.3372 12.9665 67.9026 12.3504C68.4679 11.7343 69.2279 11.4255 70.1852 11.4255C71.1079 11.4255 71.8492 11.729 72.4106 12.3371C72.9439 12.9281 73.2119 13.6913 73.2119 14.6241ZM71.7626 14.6691C71.7626 14.0928 71.6372 13.5985 71.3879 13.1865C71.0946 12.6883 70.6772 12.4392 70.1346 12.4392C69.5732 12.4392 69.1466 12.6883 68.8532 13.1865C68.6026 13.5985 68.4786 14.1007 68.4786 14.6943C68.4786 15.2707 68.6039 15.7649 68.8532 16.177C69.1559 16.6752 69.5772 16.9243 70.1212 16.9243C70.6546 16.9243 71.0732 16.6712 71.3746 16.1637C71.6332 15.7437 71.7626 15.2455 71.7626 14.6691Z", fill: "white" }),
|
|
16353
|
+
/* @__PURE__ */ jsx143("path", { d: "M83.6867 11.5527L81.7201 17.7988H80.4401L79.6254 15.0865C79.4187 14.4094 79.2507 13.7363 79.1201 13.0685H79.0947C78.9734 13.7549 78.8054 14.4267 78.5894 15.0865L77.7241 17.7988H76.4294L74.5801 11.5527H76.0161L76.7267 14.5221C76.8987 15.2243 77.0401 15.8934 77.1534 16.5268H77.1787C77.2827 16.0047 77.4547 15.3396 77.6974 14.5353L78.5894 11.5541H79.7281L80.5827 14.4717C80.7894 15.1832 80.9574 15.8683 81.0867 16.5281H81.1254C81.2201 15.8855 81.3627 15.2005 81.5521 14.4717L82.3147 11.5541H83.6867V11.5527Z", fill: "white" }),
|
|
16354
|
+
/* @__PURE__ */ jsx143("path", { d: "M90.9307 17.7989H89.5334V14.2214C89.5334 13.119 89.112 12.5678 88.2667 12.5678C87.852 12.5678 87.5174 12.7188 87.2574 13.0222C87.0001 13.3257 86.8694 13.6834 86.8694 14.0928V17.7975H85.472V13.3376C85.472 12.789 85.4547 12.1941 85.4214 11.5502H86.6494L86.7147 12.5267H86.7534C86.9161 12.2233 87.1587 11.9728 87.4774 11.7728C87.8561 11.5396 88.28 11.4216 88.744 11.4216C89.3307 11.4216 89.8187 11.6098 90.2067 11.9874C90.6894 12.4498 90.9307 13.1402 90.9307 14.0571V17.7989Z", fill: "white" }),
|
|
16355
|
+
/* @__PURE__ */ jsx143("path", { d: "M94.7839 17.7988H93.3879V8.68677H94.7839V17.7988Z", fill: "white" }),
|
|
16356
|
+
/* @__PURE__ */ jsx143("path", { d: "M103.011 14.6241C103.011 15.5847 102.735 16.3718 102.183 16.9892C101.604 17.6239 100.836 17.9406 99.8801 17.9406C98.9561 17.9406 98.2214 17.6371 97.6747 17.0276C97.1281 16.4195 96.8547 15.6523 96.8547 14.7274C96.8547 13.7602 97.1361 12.9665 97.7014 12.3504C98.2667 11.7343 99.0267 11.4255 99.9827 11.4255C100.907 11.4255 101.647 11.729 102.209 12.3371C102.743 12.9281 103.011 13.6913 103.011 14.6241ZM101.56 14.6691C101.56 14.0928 101.435 13.5985 101.185 13.1865C100.893 12.6883 100.475 12.4392 99.9334 12.4392C99.3707 12.4392 98.9441 12.6883 98.6521 13.1865C98.4014 13.5985 98.2774 14.1007 98.2774 14.6943C98.2774 15.2707 98.4027 15.7649 98.6521 16.177C98.9547 16.6752 99.3761 16.9243 99.9201 16.9243C100.453 16.9243 100.871 16.6712 101.172 16.1637C101.432 15.7437 101.56 15.2455 101.56 14.6691Z", fill: "white" }),
|
|
16357
|
+
/* @__PURE__ */ jsx143("path", { d: "M109.773 17.7988H108.519L108.415 17.0793H108.376C107.947 17.653 107.335 17.9406 106.54 17.9406C105.947 17.9406 105.467 17.7511 105.105 17.3748C104.777 17.0329 104.613 16.6076 104.613 16.1028C104.613 15.3396 104.933 14.7579 105.577 14.3551C106.22 13.9523 107.124 13.7549 108.288 13.7642V13.6476C108.288 12.8247 107.853 12.414 106.983 12.414C106.363 12.414 105.816 12.569 105.344 12.8764L105.06 11.9648C105.644 11.6057 106.365 11.4255 107.216 11.4255C108.859 11.4255 109.683 12.2868 109.683 14.0093V16.3095C109.683 16.9336 109.713 17.4304 109.773 17.7988ZM108.323 15.6523V14.689C106.781 14.6625 106.011 15.0825 106.011 15.9478C106.011 16.2737 106.099 16.5175 106.279 16.6805C106.459 16.8435 106.688 16.9243 106.961 16.9243C107.268 16.9243 107.555 16.8276 107.816 16.6354C108.079 16.442 108.24 16.1969 108.3 15.8961C108.315 15.8285 108.323 15.7464 108.323 15.6523Z", fill: "white" }),
|
|
16358
|
+
/* @__PURE__ */ jsx143("path", { d: "M117.713 17.7988H116.473L116.408 16.7958H116.369C115.973 17.559 115.299 17.9406 114.351 17.9406C113.593 17.9406 112.963 17.6451 112.463 17.0541C111.963 16.4632 111.713 15.696 111.713 14.7539C111.713 13.743 111.984 12.9241 112.528 12.2987C113.055 11.7157 113.7 11.4242 114.468 11.4242C115.312 11.4242 115.903 11.7064 116.239 12.2722H116.265V8.68677H117.664V16.116C117.664 16.7242 117.68 17.2847 117.713 17.7988ZM116.265 15.1647V14.1232C116.265 13.943 116.252 13.7973 116.227 13.686C116.148 13.3521 115.979 13.0712 115.721 12.8446C115.461 12.618 115.148 12.5041 114.787 12.5041C114.265 12.5041 113.857 12.7095 113.557 13.1215C113.26 13.5336 113.109 14.0596 113.109 14.7023C113.109 15.3197 113.252 15.8206 113.539 16.2061C113.841 16.6169 114.249 16.8223 114.76 16.8223C115.219 16.8223 115.585 16.6513 115.864 16.3082C116.133 15.9915 116.265 15.6099 116.265 15.1647Z", fill: "white" }),
|
|
16359
|
+
/* @__PURE__ */ jsx143("path", { d: "M129.664 14.6241C129.664 15.5847 129.388 16.3718 128.836 16.9892C128.257 17.6239 127.492 17.9406 126.533 17.9406C125.612 17.9406 124.877 17.6371 124.328 17.0276C123.781 16.4195 123.508 15.6523 123.508 14.7274C123.508 13.7602 123.789 12.9665 124.355 12.3504C124.92 11.7343 125.68 11.4255 126.639 11.4255C127.56 11.4255 128.303 11.729 128.863 12.3371C129.396 12.9281 129.664 13.6913 129.664 14.6241ZM128.216 14.6691C128.216 14.0928 128.091 13.5985 127.841 13.1865C127.547 12.6883 127.131 12.4392 126.587 12.4392C126.027 12.4392 125.6 12.6883 125.305 13.1865C125.055 13.5985 124.931 14.1007 124.931 14.6943C124.931 15.2707 125.056 15.7649 125.305 16.177C125.608 16.6752 126.029 16.9243 126.573 16.9243C127.107 16.9243 127.527 16.6712 127.828 16.1637C128.085 15.7437 128.216 15.2455 128.216 14.6691Z", fill: "white" }),
|
|
16360
|
+
/* @__PURE__ */ jsx143("path", { d: "M137.177 17.7989H135.781V14.2214C135.781 13.119 135.36 12.5678 134.513 12.5678C134.099 12.5678 133.764 12.7188 133.505 13.0222C133.247 13.3257 133.117 13.6834 133.117 14.0928V17.7975H131.719V13.3376C131.719 12.789 131.703 12.1941 131.669 11.5502H132.896L132.961 12.5267H133C133.164 12.2233 133.407 11.9728 133.724 11.7728C134.104 11.5396 134.527 11.4216 134.992 11.4216C135.577 11.4216 136.065 11.6098 136.453 11.9874C136.937 12.4498 137.177 13.1402 137.177 14.0571V17.7989Z", fill: "white" }),
|
|
16361
|
+
/* @__PURE__ */ jsx143("path", { d: "M146.581 12.593H145.043V15.6272C145.043 16.3984 145.316 16.784 145.857 16.784C146.108 16.784 146.316 16.7628 146.48 16.719L146.516 17.7724C146.24 17.8758 145.877 17.9274 145.431 17.9274C144.879 17.9274 144.449 17.7605 144.139 17.4266C143.827 17.0927 143.672 16.5309 143.672 15.7425V12.593H142.753V11.5529H143.672V10.4081L145.041 9.99731V11.5515H146.58L146.581 12.593Z", fill: "white" }),
|
|
16362
|
+
/* @__PURE__ */ jsx143("path", { d: "M153.979 17.7988H152.58V14.2478C152.58 13.1282 152.159 12.5677 151.315 12.5677C150.667 12.5677 150.224 12.8923 149.981 13.5416C149.94 13.678 149.916 13.845 149.916 14.0411V17.7975H148.52V8.68677H149.916V12.4511H149.943C150.383 11.7661 151.013 11.4242 151.831 11.4242C152.409 11.4242 152.888 11.6124 153.268 11.99C153.741 12.4604 153.979 13.16 153.979 14.0848V17.7988Z", fill: "white" }),
|
|
16363
|
+
/* @__PURE__ */ jsx143("path", { d: "M161.609 14.3802C161.609 14.6293 161.591 14.8387 161.557 15.0096H157.367C157.385 15.6271 157.585 16.0974 157.973 16.4234C158.328 16.7149 158.785 16.8606 159.345 16.8606C159.965 16.8606 160.531 16.7626 161.04 16.5652L161.259 17.5298C160.663 17.7868 159.961 17.9153 159.149 17.9153C158.176 17.9153 157.409 17.6305 156.855 17.0607C156.297 16.491 156.021 15.7264 156.021 14.7671C156.021 13.8251 156.279 13.0407 156.797 12.4153C157.339 11.7475 158.071 11.4136 158.995 11.4136C159.899 11.4136 160.585 11.7475 161.049 12.4153C161.424 12.9453 161.609 13.6011 161.609 14.3802ZM160.276 14.0212C160.287 13.6091 160.195 13.254 160.005 12.9545C159.763 12.569 159.393 12.3755 158.893 12.3755C158.437 12.3755 158.065 12.5637 157.781 12.9413C157.549 13.2421 157.412 13.6011 157.367 14.0212H160.276Z", fill: "white" })
|
|
16044
16364
|
] }),
|
|
16045
|
-
/* @__PURE__ */
|
|
16365
|
+
/* @__PURE__ */ jsx143("defs", { children: /* @__PURE__ */ jsx143("clipPath", { id: "clip0_5955_114", children: /* @__PURE__ */ jsx143("rect", { width: "180", height: "53", fill: "white" }) }) })
|
|
16046
16366
|
]
|
|
16047
16367
|
}
|
|
16048
16368
|
) })
|
|
@@ -16054,9 +16374,9 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
16054
16374
|
};
|
|
16055
16375
|
|
|
16056
16376
|
// src/components/Hero/HeroImageRightWithAppButtons.tsx
|
|
16057
|
-
import { jsx as
|
|
16377
|
+
import { jsx as jsx144, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
16058
16378
|
var HeroImageRightWithAppButtons = (props) => {
|
|
16059
|
-
const [description, setDescription] =
|
|
16379
|
+
const [description, setDescription] = useState14(props.description);
|
|
16060
16380
|
useEffect9(() => {
|
|
16061
16381
|
var _a;
|
|
16062
16382
|
if (typeof window !== "undefined") {
|
|
@@ -16064,8 +16384,8 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
16064
16384
|
setDescription(desc);
|
|
16065
16385
|
}
|
|
16066
16386
|
}, [props.description]);
|
|
16067
|
-
return /* @__PURE__ */
|
|
16068
|
-
/* @__PURE__ */
|
|
16387
|
+
return /* @__PURE__ */ jsx144("div", { children: /* @__PURE__ */ jsx144("div", { className: "lg:mt-10", children: /* @__PURE__ */ jsx144("div", { className: "justify-end", children: /* @__PURE__ */ jsxs66("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
16388
|
+
/* @__PURE__ */ jsx144("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full lg:pr-5", children: /* @__PURE__ */ jsx144("div", { className: "flex flex-col self-stretch lg:pr-5 my-auto max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ jsx144(
|
|
16069
16389
|
H1BodyButtonWithApp,
|
|
16070
16390
|
{
|
|
16071
16391
|
title: props.title,
|
|
@@ -16075,7 +16395,7 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
16075
16395
|
apple_store_link: props.app_store_link
|
|
16076
16396
|
}
|
|
16077
16397
|
) }) }),
|
|
16078
|
-
/* @__PURE__ */
|
|
16398
|
+
/* @__PURE__ */ jsx144("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx144("div", { className: "flex overflow-hidden relative min-h-[430px] flex-col grow justify-center lg:min-h-[784px] max-md:mt-6 max-md:max-w-full", children: /* @__PURE__ */ jsx144(
|
|
16079
16399
|
ImageElement,
|
|
16080
16400
|
{
|
|
16081
16401
|
src: props.path,
|
|
@@ -16086,16 +16406,16 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
16086
16406
|
};
|
|
16087
16407
|
|
|
16088
16408
|
// src/components/Panel/Horizontal.tsx
|
|
16089
|
-
import { jsx as
|
|
16409
|
+
import { jsx as jsx145 } from "react/jsx-runtime";
|
|
16090
16410
|
var PanelHorizontal = ({
|
|
16091
16411
|
children
|
|
16092
16412
|
}) => {
|
|
16093
|
-
return /* @__PURE__ */
|
|
16413
|
+
return /* @__PURE__ */ jsx145("div", { className: "panel-horizontal", children });
|
|
16094
16414
|
};
|
|
16095
16415
|
|
|
16096
16416
|
// src/components/HeadingTextBlocks/H2BodyButton.tsx
|
|
16097
|
-
var
|
|
16098
|
-
import { jsx as
|
|
16417
|
+
var import_link5 = __toESM(require_link2());
|
|
16418
|
+
import { jsx as jsx146, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
16099
16419
|
var H2BodyButton = (props) => {
|
|
16100
16420
|
var _a;
|
|
16101
16421
|
const isNeedParse = /<em>(.*?)<\/em>/g.test(props.title);
|
|
@@ -16105,43 +16425,43 @@ var H2BodyButton = (props) => {
|
|
|
16105
16425
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
16106
16426
|
return modifiedText;
|
|
16107
16427
|
};
|
|
16108
|
-
return /* @__PURE__ */
|
|
16428
|
+
return /* @__PURE__ */ jsxs67(
|
|
16109
16429
|
"div",
|
|
16110
16430
|
{
|
|
16111
16431
|
id: props.id,
|
|
16112
16432
|
className: `${props.noContainer ? `lg:ml-8` : `lg:container`} mx-auto flex flex-col lg:flex-row justify-between mt-4 lg:pt-20 ${props.bottomPadding && `lg:mb-${props.bottomPadding}`}`,
|
|
16113
16433
|
children: [
|
|
16114
|
-
/* @__PURE__ */
|
|
16115
|
-
/* @__PURE__ */
|
|
16116
|
-
isNeedParse && /* @__PURE__ */
|
|
16434
|
+
/* @__PURE__ */ jsx146("div", { className: "flex flex-col lg:w-[14%]", children: /* @__PURE__ */ jsx146(Body18, { children: props.tag }) }),
|
|
16435
|
+
/* @__PURE__ */ jsxs67("div", { className: "flex flex-col lg:w-[51%] space-y-4 lg:space-y-6", children: [
|
|
16436
|
+
isNeedParse && /* @__PURE__ */ jsx146(
|
|
16117
16437
|
HtmlView,
|
|
16118
16438
|
{
|
|
16119
16439
|
cssClass: "m-0 pt-2 lg:pt-0",
|
|
16120
16440
|
html: parseTitle(props.title, "H2")
|
|
16121
16441
|
}
|
|
16122
16442
|
),
|
|
16123
|
-
!isNeedParse && /* @__PURE__ */
|
|
16443
|
+
!isNeedParse && /* @__PURE__ */ jsxs67(H2Design, { className: "pt-2 lg:pt-0", children: [
|
|
16124
16444
|
props.title,
|
|
16125
16445
|
" "
|
|
16126
16446
|
] }),
|
|
16127
|
-
/* @__PURE__ */
|
|
16447
|
+
/* @__PURE__ */ jsx146(
|
|
16128
16448
|
HtmlView,
|
|
16129
16449
|
{
|
|
16130
16450
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] lg:mt-4",
|
|
16131
16451
|
html: addLinksStyles(props.textBody)
|
|
16132
16452
|
}
|
|
16133
16453
|
),
|
|
16134
|
-
((_a = props.button) == null ? void 0 : _a.text) && props.button.link && /* @__PURE__ */
|
|
16135
|
-
|
|
16454
|
+
((_a = props.button) == null ? void 0 : _a.text) && props.button.link && /* @__PURE__ */ jsx146("div", { children: /* @__PURE__ */ jsx146(
|
|
16455
|
+
import_link5.default,
|
|
16136
16456
|
{
|
|
16137
16457
|
href: props.button.link,
|
|
16138
16458
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
16139
16459
|
rel: "noreferrer",
|
|
16140
|
-
children: /* @__PURE__ */
|
|
16460
|
+
children: /* @__PURE__ */ jsx146(DesignButton, { children: props.button.text })
|
|
16141
16461
|
}
|
|
16142
16462
|
) })
|
|
16143
16463
|
] }),
|
|
16144
|
-
/* @__PURE__ */
|
|
16464
|
+
/* @__PURE__ */ jsx146("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
16145
16465
|
]
|
|
16146
16466
|
}
|
|
16147
16467
|
);
|
|
@@ -16149,7 +16469,7 @@ var H2BodyButton = (props) => {
|
|
|
16149
16469
|
|
|
16150
16470
|
// src/components/Map/MapControlToolbar.tsx
|
|
16151
16471
|
import * as Popover2 from "@radix-ui/react-popover";
|
|
16152
|
-
import { jsx as
|
|
16472
|
+
import { jsx as jsx147, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
16153
16473
|
var POSITION_CLASSES = {
|
|
16154
16474
|
topleft: "absolute top-4 left-4",
|
|
16155
16475
|
topright: "absolute top-4 right-4",
|
|
@@ -16172,46 +16492,46 @@ var MapControlToolbar = ({
|
|
|
16172
16492
|
controls,
|
|
16173
16493
|
onToggleControl
|
|
16174
16494
|
}) => {
|
|
16175
|
-
return /* @__PURE__ */
|
|
16495
|
+
return /* @__PURE__ */ jsx147(TooltipProvider, { children: /* @__PURE__ */ jsx147("div", { className: "pointer-events-none", children: Object.entries(controls.reduce((acc, control) => {
|
|
16176
16496
|
var _a, _b;
|
|
16177
16497
|
const position = (_a = control.position) != null ? _a : "topright";
|
|
16178
16498
|
acc[position] = (_b = acc[position]) != null ? _b : [];
|
|
16179
16499
|
acc[position].push(control);
|
|
16180
16500
|
return acc;
|
|
16181
|
-
}, {})).map(([position, items]) => /* @__PURE__ */
|
|
16501
|
+
}, {})).map(([position, items]) => /* @__PURE__ */ jsx147("div", { className: cn(POSITION_CLASSES[position], "pointer-events-auto"), children: items.map((control) => {
|
|
16182
16502
|
var _a;
|
|
16183
16503
|
const Icon4 = control.icon;
|
|
16184
16504
|
const popoverDirection = control.popoverDirection || getDefaultDirection((_a = control.position) != null ? _a : "topright");
|
|
16185
16505
|
if (control.isDisplayOnly) {
|
|
16186
|
-
return /* @__PURE__ */
|
|
16506
|
+
return /* @__PURE__ */ jsx147(
|
|
16187
16507
|
"div",
|
|
16188
16508
|
{
|
|
16189
16509
|
className: "pointer-events-auto",
|
|
16190
|
-
children: /* @__PURE__ */
|
|
16510
|
+
children: /* @__PURE__ */ jsx147(Icon4, { className: "w-6 h-6" })
|
|
16191
16511
|
},
|
|
16192
16512
|
control.id
|
|
16193
16513
|
);
|
|
16194
16514
|
}
|
|
16195
16515
|
if (control.onClick && !control.panel) {
|
|
16196
|
-
return /* @__PURE__ */
|
|
16516
|
+
return /* @__PURE__ */ jsx147(
|
|
16197
16517
|
"div",
|
|
16198
16518
|
{
|
|
16199
16519
|
className: "pointer-events-auto",
|
|
16200
|
-
children: /* @__PURE__ */
|
|
16201
|
-
/* @__PURE__ */
|
|
16520
|
+
children: /* @__PURE__ */ jsxs68(Tooltip, { delayDuration: 100, children: [
|
|
16521
|
+
/* @__PURE__ */ jsx147(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx147(
|
|
16202
16522
|
"button",
|
|
16203
16523
|
{
|
|
16204
16524
|
onClick: control.onClick,
|
|
16205
16525
|
className: "p-[11px] w-12 h-12 flex justify-center items-center rounded-full shadow-xl transition-colors bg-white hover:bg-gray-50 text-gray-700",
|
|
16206
|
-
children: /* @__PURE__ */
|
|
16526
|
+
children: /* @__PURE__ */ jsx147(Icon4, { className: "w-6 h-6" })
|
|
16207
16527
|
}
|
|
16208
16528
|
) }),
|
|
16209
|
-
/* @__PURE__ */
|
|
16529
|
+
/* @__PURE__ */ jsx147(
|
|
16210
16530
|
TooltipContent,
|
|
16211
16531
|
{
|
|
16212
16532
|
side: "right",
|
|
16213
16533
|
className: "bg-secondary font-semibold text-foreground",
|
|
16214
|
-
children: /* @__PURE__ */
|
|
16534
|
+
children: /* @__PURE__ */ jsx147("p", { children: control.title })
|
|
16215
16535
|
}
|
|
16216
16536
|
)
|
|
16217
16537
|
] })
|
|
@@ -16219,13 +16539,13 @@ var MapControlToolbar = ({
|
|
|
16219
16539
|
control.id
|
|
16220
16540
|
);
|
|
16221
16541
|
}
|
|
16222
|
-
return /* @__PURE__ */
|
|
16542
|
+
return /* @__PURE__ */ jsx147(
|
|
16223
16543
|
"div",
|
|
16224
16544
|
{
|
|
16225
16545
|
className: "pointer-events-auto",
|
|
16226
|
-
children: /* @__PURE__ */
|
|
16227
|
-
/* @__PURE__ */
|
|
16228
|
-
/* @__PURE__ */
|
|
16546
|
+
children: /* @__PURE__ */ jsxs68(Popover2.Root, { open: control.isOpen, children: [
|
|
16547
|
+
/* @__PURE__ */ jsxs68(Tooltip, { delayDuration: 100, children: [
|
|
16548
|
+
/* @__PURE__ */ jsx147(Popover2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx147(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx147(
|
|
16229
16549
|
"button",
|
|
16230
16550
|
{
|
|
16231
16551
|
onClick: () => onToggleControl(control.id),
|
|
@@ -16233,19 +16553,19 @@ var MapControlToolbar = ({
|
|
|
16233
16553
|
"p-[11px] w-12 h-12 flex justify-center items-center rounded-full shadow-xl transition-colors",
|
|
16234
16554
|
control.isOpen ? "bg-primary text-white" : "bg-white hover:bg-gray-50 text-gray-700"
|
|
16235
16555
|
),
|
|
16236
|
-
children: /* @__PURE__ */
|
|
16556
|
+
children: /* @__PURE__ */ jsx147(Icon4, { className: "w-6 h-6" })
|
|
16237
16557
|
}
|
|
16238
16558
|
) }) }),
|
|
16239
|
-
/* @__PURE__ */
|
|
16559
|
+
/* @__PURE__ */ jsx147(
|
|
16240
16560
|
TooltipContent,
|
|
16241
16561
|
{
|
|
16242
16562
|
side: "right",
|
|
16243
16563
|
className: "bg-secondary font-semibold text-foreground",
|
|
16244
|
-
children: /* @__PURE__ */
|
|
16564
|
+
children: /* @__PURE__ */ jsx147("p", { children: control.title })
|
|
16245
16565
|
}
|
|
16246
16566
|
)
|
|
16247
16567
|
] }),
|
|
16248
|
-
control.panel ? /* @__PURE__ */
|
|
16568
|
+
control.panel ? /* @__PURE__ */ jsx147(Popover2.Portal, { children: /* @__PURE__ */ jsxs68(
|
|
16249
16569
|
Popover2.Content,
|
|
16250
16570
|
{
|
|
16251
16571
|
className: "bg-white p-4 rounded-lg shadow-lg min-w-[250px] z-[10] max-w-[380px] hidden lg:block",
|
|
@@ -16254,7 +16574,7 @@ var MapControlToolbar = ({
|
|
|
16254
16574
|
sideOffset: 5,
|
|
16255
16575
|
children: [
|
|
16256
16576
|
control.panel,
|
|
16257
|
-
/* @__PURE__ */
|
|
16577
|
+
/* @__PURE__ */ jsx147(Popover2.Arrow, { className: "fill-white" })
|
|
16258
16578
|
]
|
|
16259
16579
|
}
|
|
16260
16580
|
) }) : null
|
|
@@ -16267,19 +16587,19 @@ var MapControlToolbar = ({
|
|
|
16267
16587
|
MapControlToolbar.displayName = "MapControlToolbar";
|
|
16268
16588
|
|
|
16269
16589
|
// src/components/Map/LayerSwitcher.tsx
|
|
16270
|
-
import { memo as memo3, useEffect as useEffect13, useCallback as useCallback7, useState as
|
|
16590
|
+
import { memo as memo3, useEffect as useEffect13, useCallback as useCallback7, useState as useState18 } from "react";
|
|
16271
16591
|
|
|
16272
16592
|
// src/components/DesignElements/Link/SimpleLink.tsx
|
|
16273
|
-
var
|
|
16274
|
-
import { jsx as
|
|
16593
|
+
var import_link6 = __toESM(require_link2());
|
|
16594
|
+
import { jsx as jsx148 } from "react/jsx-runtime";
|
|
16275
16595
|
var SimpleLink = ({ link }) => {
|
|
16276
|
-
return /* @__PURE__ */
|
|
16277
|
-
|
|
16596
|
+
return /* @__PURE__ */ jsx148(
|
|
16597
|
+
import_link6.default,
|
|
16278
16598
|
{
|
|
16279
16599
|
href: link.href,
|
|
16280
16600
|
target: link.isNewTab ? "_blank" : "_self",
|
|
16281
16601
|
rel: "noreferrer",
|
|
16282
|
-
children: /* @__PURE__ */
|
|
16602
|
+
children: /* @__PURE__ */ jsx148(
|
|
16283
16603
|
DesignButton,
|
|
16284
16604
|
{
|
|
16285
16605
|
variant: link.isNewTab ? "externalLink" : "internalLink",
|
|
@@ -16353,10 +16673,10 @@ var createImpl = (createState) => {
|
|
|
16353
16673
|
var create = (createState) => createState ? createImpl(createState) : createImpl;
|
|
16354
16674
|
|
|
16355
16675
|
// ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
|
|
16356
|
-
import React47, { useMemo as useMemo3, useRef as useRef5, useEffect as useEffect12, useState as
|
|
16676
|
+
import React47, { useMemo as useMemo3, useRef as useRef5, useEffect as useEffect12, useState as useState17, useContext as useContext4 } from "react";
|
|
16357
16677
|
|
|
16358
16678
|
// ../../node_modules/@dnd-kit/core/dist/core.esm.js
|
|
16359
|
-
import React46, { createContext as createContext3, useContext as useContext3, useEffect as useEffect11, useState as
|
|
16679
|
+
import React46, { createContext as createContext3, useContext as useContext3, useEffect as useEffect11, useState as useState16, useCallback as useCallback6, useMemo as useMemo2, useRef as useRef4, memo as memo2, useReducer, cloneElement, forwardRef as forwardRef43 } from "react";
|
|
16360
16680
|
import { createPortal, unstable_batchedUpdates } from "react-dom";
|
|
16361
16681
|
|
|
16362
16682
|
// ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
|
|
@@ -16488,7 +16808,7 @@ function getEventCoordinates(event) {
|
|
|
16488
16808
|
}
|
|
16489
16809
|
|
|
16490
16810
|
// ../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
|
|
16491
|
-
import React45, { useState as
|
|
16811
|
+
import React45, { useState as useState15, useCallback as useCallback5 } from "react";
|
|
16492
16812
|
|
|
16493
16813
|
// ../../node_modules/@dnd-kit/core/dist/core.esm.js
|
|
16494
16814
|
var Action3;
|
|
@@ -17542,12 +17862,12 @@ var useMapLayerStore = create()((set2, get2) => ({
|
|
|
17542
17862
|
}));
|
|
17543
17863
|
|
|
17544
17864
|
// src/components/Map/LayerSwitcher.tsx
|
|
17545
|
-
import { Fragment as
|
|
17546
|
-
import { XMarkIcon as
|
|
17865
|
+
import { Fragment as Fragment9 } from "react";
|
|
17866
|
+
import { XMarkIcon as XMarkIcon4 } from "@heroicons/react/24/outline";
|
|
17547
17867
|
import { ChevronDown as ChevronDown5 } from "lucide-react";
|
|
17548
17868
|
import { v4 as v43 } from "uuid";
|
|
17549
|
-
import { Fragment as
|
|
17550
|
-
var LayerInfoIcon = memo3(({ onClick }) => /* @__PURE__ */
|
|
17869
|
+
import { Fragment as Fragment10, jsx as jsx149, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
17870
|
+
var LayerInfoIcon = memo3(({ onClick }) => /* @__PURE__ */ jsxs69(
|
|
17551
17871
|
"svg",
|
|
17552
17872
|
{
|
|
17553
17873
|
width: "20",
|
|
@@ -17560,8 +17880,8 @@ var LayerInfoIcon = memo3(({ onClick }) => /* @__PURE__ */ jsxs67(
|
|
|
17560
17880
|
role: "button",
|
|
17561
17881
|
"aria-label": "Show layer information",
|
|
17562
17882
|
children: [
|
|
17563
|
-
/* @__PURE__ */
|
|
17564
|
-
/* @__PURE__ */
|
|
17883
|
+
/* @__PURE__ */ jsx149("circle", { cx: "10", cy: "10", r: "10", fill: "text-tag-light-purple" }),
|
|
17884
|
+
/* @__PURE__ */ jsx149(
|
|
17565
17885
|
"path",
|
|
17566
17886
|
{
|
|
17567
17887
|
d: "M9.24963 14V7.592H10.7496V14H9.24963ZM10.0056 6.536C9.72563 6.536 9.49363 6.448 9.30963 6.272C9.13363 6.096 9.04563 5.884 9.04563 5.636C9.04563 5.38 9.13363 5.168 9.30963 5C9.49363 4.824 9.72563 4.736 10.0056 4.736C10.2856 4.736 10.5136 4.82 10.6896 4.988C10.8736 5.148 10.9656 5.352 10.9656 5.6C10.9656 5.864 10.8776 6.088 10.7016 6.272C10.5256 6.448 10.2936 6.536 10.0056 6.536Z",
|
|
@@ -17578,7 +17898,7 @@ var LayerItemInfo = memo3(({ layer, open, setOpen }) => {
|
|
|
17578
17898
|
const mapDetails = [
|
|
17579
17899
|
{
|
|
17580
17900
|
label: "Source",
|
|
17581
|
-
value: ((_b = (_a = layer.layerInfo) == null ? void 0 : _a.sourceLink) == null ? void 0 : _b.href) ? /* @__PURE__ */
|
|
17901
|
+
value: ((_b = (_a = layer.layerInfo) == null ? void 0 : _a.sourceLink) == null ? void 0 : _b.href) ? /* @__PURE__ */ jsx149(
|
|
17582
17902
|
SimpleLink,
|
|
17583
17903
|
{
|
|
17584
17904
|
link: {
|
|
@@ -17595,7 +17915,7 @@ var LayerItemInfo = memo3(({ layer, open, setOpen }) => {
|
|
|
17595
17915
|
},
|
|
17596
17916
|
{
|
|
17597
17917
|
label: "Citation",
|
|
17598
|
-
value: ((_i = (_h = layer.layerInfo) == null ? void 0 : _h.citationLink) == null ? void 0 : _i.href) ? /* @__PURE__ */
|
|
17918
|
+
value: ((_i = (_h = layer.layerInfo) == null ? void 0 : _h.citationLink) == null ? void 0 : _i.href) ? /* @__PURE__ */ jsx149(
|
|
17599
17919
|
SimpleLink,
|
|
17600
17920
|
{
|
|
17601
17921
|
link: {
|
|
@@ -17611,52 +17931,52 @@ var LayerItemInfo = memo3(({ layer, open, setOpen }) => {
|
|
|
17611
17931
|
{ label: "Custom Layer", value: "Yes" }
|
|
17612
17932
|
] : []
|
|
17613
17933
|
];
|
|
17614
|
-
return /* @__PURE__ */
|
|
17615
|
-
/* @__PURE__ */
|
|
17934
|
+
return /* @__PURE__ */ jsx149(qe3.Root, { show: open, as: Fragment9, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs69(_t, { as: "div", className: "relative z-20", onClose: setOpen, children: [
|
|
17935
|
+
/* @__PURE__ */ jsx149(
|
|
17616
17936
|
qe3.Child,
|
|
17617
17937
|
{
|
|
17618
|
-
as:
|
|
17938
|
+
as: Fragment9,
|
|
17619
17939
|
enter: "ease-out duration-300",
|
|
17620
17940
|
enterFrom: "opacity-0",
|
|
17621
17941
|
enterTo: "opacity-100",
|
|
17622
17942
|
leave: "ease-in duration-200",
|
|
17623
17943
|
leaveFrom: "opacity-100",
|
|
17624
17944
|
leaveTo: "opacity-0",
|
|
17625
|
-
children: /* @__PURE__ */
|
|
17945
|
+
children: /* @__PURE__ */ jsx149("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
17626
17946
|
}
|
|
17627
17947
|
),
|
|
17628
|
-
/* @__PURE__ */
|
|
17948
|
+
/* @__PURE__ */ jsx149("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx149("div", { className: "flex items-end sm:items-center justify-center min-h-full text-center lg:p-4", children: /* @__PURE__ */ jsx149(
|
|
17629
17949
|
qe3.Child,
|
|
17630
17950
|
{
|
|
17631
|
-
as:
|
|
17951
|
+
as: Fragment9,
|
|
17632
17952
|
enter: "ease-out duration-300",
|
|
17633
17953
|
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
17634
17954
|
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
17635
17955
|
leave: "ease-in duration-200",
|
|
17636
17956
|
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
17637
17957
|
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
17638
|
-
children: /* @__PURE__ */
|
|
17639
|
-
/* @__PURE__ */
|
|
17958
|
+
children: /* @__PURE__ */ jsxs69(_t.Panel, { className: "w-screen relative bg-white rounded-t-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all lg:rounded-lg sm:my-8 sm:w-[740px] sm:p-10", children: [
|
|
17959
|
+
/* @__PURE__ */ jsx149("div", { className: "absolute top-0 right-0 pt-3 pr-3 lg:pt-10 lg:pr-10", children: /* @__PURE__ */ jsxs69(
|
|
17640
17960
|
"button",
|
|
17641
17961
|
{
|
|
17642
17962
|
type: "button",
|
|
17643
17963
|
className: "rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2",
|
|
17644
17964
|
onClick: () => setOpen(false),
|
|
17645
17965
|
children: [
|
|
17646
|
-
/* @__PURE__ */
|
|
17647
|
-
/* @__PURE__ */
|
|
17966
|
+
/* @__PURE__ */ jsx149("span", { className: "sr-only", children: "Close" }),
|
|
17967
|
+
/* @__PURE__ */ jsx149(XMarkIcon4, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
17648
17968
|
]
|
|
17649
17969
|
}
|
|
17650
17970
|
) }),
|
|
17651
|
-
/* @__PURE__ */
|
|
17652
|
-
/* @__PURE__ */
|
|
17653
|
-
/* @__PURE__ */
|
|
17654
|
-
((_n = layer.layerInfo) == null ? void 0 : _n.overview) && /* @__PURE__ */
|
|
17655
|
-
/* @__PURE__ */
|
|
17656
|
-
/* @__PURE__ */
|
|
17971
|
+
/* @__PURE__ */ jsxs69("div", { className: "flex flex-col items-start justify-center", children: [
|
|
17972
|
+
/* @__PURE__ */ jsx149("div", { className: "text-lg font-semibold lg:text-[2rem] lg:font-light leading-[120%]", children: layer.title }),
|
|
17973
|
+
/* @__PURE__ */ jsxs69("div", { className: "w-full pt-6 space-y-4 text-grey leading-[130%]", children: [
|
|
17974
|
+
((_n = layer.layerInfo) == null ? void 0 : _n.overview) && /* @__PURE__ */ jsxs69(Fragment10, { children: [
|
|
17975
|
+
/* @__PURE__ */ jsx149("div", { className: "uppercase text-sm", children: "Overview" }),
|
|
17976
|
+
/* @__PURE__ */ jsx149("div", { className: "text-sm lg:text-base font-normal", children: (_o = layer.layerInfo) == null ? void 0 : _o.overview })
|
|
17657
17977
|
] }),
|
|
17658
17978
|
mapDetails.map(
|
|
17659
|
-
(detail) => detail.value && /* @__PURE__ */
|
|
17979
|
+
(detail) => detail.value && /* @__PURE__ */ jsx149(
|
|
17660
17980
|
KeyInfoItem,
|
|
17661
17981
|
{
|
|
17662
17982
|
label: detail.label,
|
|
@@ -17682,11 +18002,11 @@ var LayerItem = memo3(
|
|
|
17682
18002
|
onInfoClick
|
|
17683
18003
|
}) => {
|
|
17684
18004
|
var _a;
|
|
17685
|
-
const [open, setOpen] =
|
|
17686
|
-
return /* @__PURE__ */
|
|
17687
|
-
/* @__PURE__ */
|
|
17688
|
-
/* @__PURE__ */
|
|
17689
|
-
/* @__PURE__ */
|
|
18005
|
+
const [open, setOpen] = useState18(false);
|
|
18006
|
+
return /* @__PURE__ */ jsxs69("li", { className: "bg-white rounded-xl p-4 lg:w-[310px] lg:p-0", children: [
|
|
18007
|
+
/* @__PURE__ */ jsxs69("div", { className: "flex flex-row justify-between items-center", children: [
|
|
18008
|
+
/* @__PURE__ */ jsxs69("div", { className: "flex flex-row justify-start items-center space-x-2", children: [
|
|
18009
|
+
/* @__PURE__ */ jsx149("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx149(
|
|
17690
18010
|
DesignSwitch,
|
|
17691
18011
|
{
|
|
17692
18012
|
checked: isActive,
|
|
@@ -17694,10 +18014,10 @@ var LayerItem = memo3(
|
|
|
17694
18014
|
"aria-label": `Toggle ${layer.title} layer`
|
|
17695
18015
|
}
|
|
17696
18016
|
) }),
|
|
17697
|
-
/* @__PURE__ */
|
|
17698
|
-
/* @__PURE__ */
|
|
18017
|
+
/* @__PURE__ */ jsx149("div", { className: " text-base font-medium leading-[120%] break-words max-w-[210px] lg:max-w-none md:max-w-none", children: layer.title }),
|
|
18018
|
+
/* @__PURE__ */ jsx149("div", { className: "block lg:hidden", children: /* @__PURE__ */ jsx149(LayerInfoIcon, { onClick: () => setOpen(true) }) })
|
|
17699
18019
|
] }),
|
|
17700
|
-
/* @__PURE__ */
|
|
18020
|
+
/* @__PURE__ */ jsx149("div", { className: "block lg:hidden", children: /* @__PURE__ */ jsx149(
|
|
17701
18021
|
DesignSwitch,
|
|
17702
18022
|
{
|
|
17703
18023
|
checked: isActive,
|
|
@@ -17705,29 +18025,29 @@ var LayerItem = memo3(
|
|
|
17705
18025
|
"aria-label": `Toggle ${layer.title} layer`
|
|
17706
18026
|
}
|
|
17707
18027
|
) }),
|
|
17708
|
-
/* @__PURE__ */
|
|
18028
|
+
/* @__PURE__ */ jsx149("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs69(
|
|
17709
18029
|
HoverCard,
|
|
17710
18030
|
{
|
|
17711
18031
|
open: openHoverCardId === layer.id,
|
|
17712
18032
|
onOpenChange: () => onInfoClick(layer.id),
|
|
17713
18033
|
children: [
|
|
17714
|
-
/* @__PURE__ */
|
|
18034
|
+
/* @__PURE__ */ jsx149(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsx149(
|
|
17715
18035
|
"div",
|
|
17716
18036
|
{
|
|
17717
18037
|
onClick: () => onInfoClick(layer.id),
|
|
17718
18038
|
className: "cursor-pointer",
|
|
17719
|
-
children: /* @__PURE__ */
|
|
18039
|
+
children: /* @__PURE__ */ jsx149(LayerInfoIcon, { onClick: () => setOpen(true) })
|
|
17720
18040
|
}
|
|
17721
18041
|
) }),
|
|
17722
|
-
/* @__PURE__ */
|
|
17723
|
-
/* @__PURE__ */
|
|
17724
|
-
/* @__PURE__ */
|
|
18042
|
+
/* @__PURE__ */ jsx149(HoverCardContent, { className: "w-80 rounded-2xl ", children: /* @__PURE__ */ jsxs69("div", { className: "space-y-1", children: [
|
|
18043
|
+
/* @__PURE__ */ jsx149("h4", { className: "text-sm font-semibold", children: layer.title }),
|
|
18044
|
+
/* @__PURE__ */ jsx149("p", { className: "text-sm text-grey", children: ((_a = layer.layerInfo) == null ? void 0 : _a.hoverCardText) || "" })
|
|
17725
18045
|
] }) })
|
|
17726
18046
|
]
|
|
17727
18047
|
}
|
|
17728
18048
|
) })
|
|
17729
18049
|
] }),
|
|
17730
|
-
/* @__PURE__ */
|
|
18050
|
+
/* @__PURE__ */ jsx149(LayerItemInfo, { layer, open, setOpen })
|
|
17731
18051
|
] });
|
|
17732
18052
|
}
|
|
17733
18053
|
);
|
|
@@ -17735,7 +18055,7 @@ LayerItem.displayName = "LayerItem";
|
|
|
17735
18055
|
var LayerSwitcher = memo3(({ mapMenuItems, customLayers }) => {
|
|
17736
18056
|
const store = useMapLayerStore();
|
|
17737
18057
|
console.log("customLayers from layerSwitcher", customLayers);
|
|
17738
|
-
const [openHoverCardId, setOpenHoverCardId] =
|
|
18058
|
+
const [openHoverCardId, setOpenHoverCardId] = useState18(null);
|
|
17739
18059
|
useEffect13(() => {
|
|
17740
18060
|
if (store.layers.length == 0 && customLayers.length > 0)
|
|
17741
18061
|
customLayers.map((layer) => store.add(layer));
|
|
@@ -17755,23 +18075,23 @@ var LayerSwitcher = memo3(({ mapMenuItems, customLayers }) => {
|
|
|
17755
18075
|
const hasRegularLayers = (mapMenuItems == null ? void 0 : mapMenuItems.length) > 0;
|
|
17756
18076
|
const hasCustomLayers = customLayers.length > 0;
|
|
17757
18077
|
if (!hasRegularLayers && !hasCustomLayers) {
|
|
17758
|
-
return /* @__PURE__ */
|
|
18078
|
+
return /* @__PURE__ */ jsx149("div", { children: "No map layers available" });
|
|
17759
18079
|
}
|
|
17760
|
-
return /* @__PURE__ */
|
|
18080
|
+
return /* @__PURE__ */ jsx149("div", { className: "lg:max-h-[calc(100dvh-15rem)] overflow-y-auto pr-1", children: mapMenuItems == null ? void 0 : mapMenuItems.map((menu, index) => {
|
|
17761
18081
|
var _a;
|
|
17762
|
-
return /* @__PURE__ */
|
|
17763
|
-
/* @__PURE__ */
|
|
17764
|
-
/* @__PURE__ */
|
|
18082
|
+
return /* @__PURE__ */ jsxs69("div", { children: [
|
|
18083
|
+
/* @__PURE__ */ jsxs69("div", { className: "hidden lg:block", children: [
|
|
18084
|
+
/* @__PURE__ */ jsx149(
|
|
17765
18085
|
Ae2,
|
|
17766
18086
|
{
|
|
17767
18087
|
"data-component": menu.title,
|
|
17768
18088
|
defaultOpen: mapMenuItems.length === 1,
|
|
17769
18089
|
children: ({ open }) => {
|
|
17770
18090
|
var _a2;
|
|
17771
|
-
return /* @__PURE__ */
|
|
17772
|
-
/* @__PURE__ */
|
|
17773
|
-
/* @__PURE__ */
|
|
17774
|
-
/* @__PURE__ */
|
|
18091
|
+
return /* @__PURE__ */ jsxs69(Fragment10, { children: [
|
|
18092
|
+
/* @__PURE__ */ jsxs69(Ae2.Button, { className: "w-[310px] flex-row flex justify-between items-center gap-2 border-zinc-300 ", children: [
|
|
18093
|
+
/* @__PURE__ */ jsx149("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
|
|
18094
|
+
/* @__PURE__ */ jsx149(
|
|
17775
18095
|
ChevronDown5,
|
|
17776
18096
|
{
|
|
17777
18097
|
className: ` ${open ? "rotate-180 transform" : ""} h-7 w-7 `,
|
|
@@ -17779,8 +18099,8 @@ var LayerSwitcher = memo3(({ mapMenuItems, customLayers }) => {
|
|
|
17779
18099
|
}
|
|
17780
18100
|
)
|
|
17781
18101
|
] }),
|
|
17782
|
-
/* @__PURE__ */
|
|
17783
|
-
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */
|
|
18102
|
+
/* @__PURE__ */ jsx149(Ae2.Panel, { className: "space-y-2", children: /* @__PURE__ */ jsx149("div", { children: /* @__PURE__ */ jsxs69("ul", { className: "pt-2 space-y-2", children: [
|
|
18103
|
+
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ jsx149(
|
|
17784
18104
|
LayerItem,
|
|
17785
18105
|
{
|
|
17786
18106
|
layer,
|
|
@@ -17797,7 +18117,7 @@ var LayerSwitcher = memo3(({ mapMenuItems, customLayers }) => {
|
|
|
17797
18117
|
},
|
|
17798
18118
|
layer.id
|
|
17799
18119
|
)),
|
|
17800
|
-
(_a2 = menu.subMenus) == null ? void 0 : _a2.map((layer) => /* @__PURE__ */
|
|
18120
|
+
(_a2 = menu.subMenus) == null ? void 0 : _a2.map((layer) => /* @__PURE__ */ jsx149(
|
|
17801
18121
|
LayerItem,
|
|
17802
18122
|
{
|
|
17803
18123
|
layer,
|
|
@@ -17815,12 +18135,12 @@ var LayerSwitcher = memo3(({ mapMenuItems, customLayers }) => {
|
|
|
17815
18135
|
}
|
|
17816
18136
|
}
|
|
17817
18137
|
),
|
|
17818
|
-
index !== mapMenuItems.length - 1 && /* @__PURE__ */
|
|
18138
|
+
index !== mapMenuItems.length - 1 && /* @__PURE__ */ jsx149("div", { className: "my-4 h-px bg-grey-light" })
|
|
17819
18139
|
] }),
|
|
17820
|
-
/* @__PURE__ */
|
|
17821
|
-
/* @__PURE__ */
|
|
17822
|
-
/* @__PURE__ */
|
|
17823
|
-
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */
|
|
18140
|
+
/* @__PURE__ */ jsxs69("div", { className: "block lg:hidden px-5 pt-6", children: [
|
|
18141
|
+
/* @__PURE__ */ jsx149("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
|
|
18142
|
+
/* @__PURE__ */ jsx149("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs69("ul", { className: "pt-2 space-y-2", children: [
|
|
18143
|
+
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ jsx149(
|
|
17824
18144
|
LayerItem,
|
|
17825
18145
|
{
|
|
17826
18146
|
layer,
|
|
@@ -17831,7 +18151,7 @@ var LayerSwitcher = memo3(({ mapMenuItems, customLayers }) => {
|
|
|
17831
18151
|
},
|
|
17832
18152
|
layer.id
|
|
17833
18153
|
)),
|
|
17834
|
-
(_a = menu.subMenus) == null ? void 0 : _a.map((layer) => /* @__PURE__ */
|
|
18154
|
+
(_a = menu.subMenus) == null ? void 0 : _a.map((layer) => /* @__PURE__ */ jsx149(
|
|
17835
18155
|
LayerItem,
|
|
17836
18156
|
{
|
|
17837
18157
|
layer,
|