From 7d7042927dc9639538f927890c024fe5e0b3f2c7 Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Wed, 21 Jan 2026 20:46:08 -0500 Subject: [PATCH 01/10] fix: Prevent showing attribution when toggling layer --- src/components/composite/LayerCard.jsx | 60 +++++++++++++++++--------- src/stories/LayerCard.stories.js | 18 +++++++- 2 files changed, 56 insertions(+), 22 deletions(-) diff --git a/src/components/composite/LayerCard.jsx b/src/components/composite/LayerCard.jsx index 6f37f8a..7e300e8 100644 --- a/src/components/composite/LayerCard.jsx +++ b/src/components/composite/LayerCard.jsx @@ -6,11 +6,17 @@ import { Button, Tooltip, TooltipTrigger } from "react-aria-components"; import { LayerToggle } from "../core/LayerToggle"; import styles from "./LayerCard.module.css"; - -export const LayerCard = ({ layerName, isActive, onChange, attribution, description, children }) => { +export const LayerCard = ({ + layerName, + isActive, + onChange, + attribution, + description, + children, +}) => { const [showLayerInfo, setShowLayerInfo] = useState(false); - const shouldShowAttribution = attribution && Boolean(attribution.text) && (isActive || showLayerInfo) + const hasAttribution = attribution && Boolean(attribution.text) return (
@@ -19,29 +25,43 @@ export const LayerCard = ({ layerName, isActive, onChange, attribution, descript
Toggle layer description - - { onChange && + {onChange && ( - } -
-
- {description && showLayerInfo && ({description})} - {shouldShowAttribution && ( -
- - Source: {attribution.text} - -
)} - {children && (children)}
+ {showLayerInfo && ( +
+ {description && ( + + {description} + + )} + {hasAttribution && ( +
+ + Source:{" "} + {attribution.text} + +
+ )} + {children && children} +
+ )} ); }; @@ -53,10 +73,10 @@ LayerCard.propTypes = { description: PropTypes.string, attribution: PropTypes.objectOf({ url: PropTypes.string, - text: PropTypes.string + text: PropTypes.string, }), children: PropTypes.oneOfType([ PropTypes.arrayOf(PropTypes.node), PropTypes.node, - ]) -}; \ No newline at end of file + ]), +}; diff --git a/src/stories/LayerCard.stories.js b/src/stories/LayerCard.stories.js index ee3e6f4..9b9359f 100644 --- a/src/stories/LayerCard.stories.js +++ b/src/stories/LayerCard.stories.js @@ -7,8 +7,6 @@ export default { // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs tags: ["autodocs"], parameters: { - // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout - layout: "fullscreen", }, }; @@ -26,3 +24,19 @@ export const Default = { }, }, }; + +export const WithAttribution = { + args: { + layerName: "Example Layer", + description: "This is an example layercard that can optionally contain a descriptive text string for the layer", + attribution: { text: "This is attribution text" }, + isActive: true, + onChange: fn(), + buttons: { + fill: fn(), + filter: fn(), + info: fn(), + trash: fn(), + }, + }, +}; From 55c0d0e33ffb0916f78528c74b82b989ca559d95 Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Sun, 25 Jan 2026 19:46:04 -0500 Subject: [PATCH 02/10] fix: Only show info icon if info exists --- src/components/composite/LayerCard.jsx | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/src/components/composite/LayerCard.jsx b/src/components/composite/LayerCard.jsx index 7e300e8..8df3a5c 100644 --- a/src/components/composite/LayerCard.jsx +++ b/src/components/composite/LayerCard.jsx @@ -16,7 +16,7 @@ export const LayerCard = ({ }) => { const [showLayerInfo, setShowLayerInfo] = useState(false); - const hasAttribution = attribution && Boolean(attribution.text) + const hasAttribution = attribution && Boolean(attribution.text); return (
@@ -25,16 +25,18 @@ export const LayerCard = ({
Toggle layer description - + {(description || hasAttribution) && ( + + )} {onChange && ( Date: Mon, 26 Jan 2026 01:09:38 -0500 Subject: [PATCH 03/10] chore: Build --- dist/index.d.ts | 2 +- dist/spk-library.es.js | 206 ++++++++++++++++++++++------------------ dist/spk-library.umd.js | 2 +- 3 files changed, 116 insertions(+), 94 deletions(-) diff --git a/dist/index.d.ts b/dist/index.d.ts index 9f48d62..23bb94b 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -128,7 +128,7 @@ export declare namespace LayerButtonReel { } } -export declare function LayerCard({ layerName, isActive, onChange, attribution, description, children }: { +export declare function LayerCard({ layerName, isActive, onChange, attribution, description, children, }: { layerName: any; isActive: any; onChange: any; diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index 0d596dc..f86fac6 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1,9 +1,9 @@ import Pr, { useState as de, useReducer as ln, useRef as cn, useCallback as we, useEffect as Pe } from "react"; import { FontAwesomeIcon as je } from "@fortawesome/react-fontawesome"; -import { faTrash as un, faFilter as fn, faInfo as kr, faFillDrip as dn, faEllipsisVertical as pn, faChevronRight as $r, faChevronLeft as vn, faArrowsLeftRight as yn, faCalendar as hn, faChevronDown as mn } from "@fortawesome/free-solid-svg-icons"; -import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as Ar, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as wn, DateSegment as Cn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; -import { useHover as $n } from "react-aria"; -import { CalendarDate as An } from "@internationalized/date"; +import { faTrash as un, faFilter as fn, faInfo as kr, faFillDrip as dn, faEllipsisVertical as pn, faChevronRight as Ar, faChevronLeft as vn, faArrowsLeftRight as yn, faCalendar as hn, faChevronDown as mn } from "@fortawesome/free-solid-svg-icons"; +import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as $r, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as wn, DateSegment as Cn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; +import { useHover as An } from "react-aria"; +import { CalendarDate as $n } from "@internationalized/date"; import './index.css';function In(n) { return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n; } @@ -63,8 +63,8 @@ function Dn() { { var x = H.ReactDebugCurrentFrame, D = x.getStackAddendum(); D !== "" && (a += "%s", f = f.concat([D])); - var V = f.map(function(A) { - return String(A); + var V = f.map(function($) { + return String($); }); V.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, V); } @@ -123,9 +123,9 @@ function Dn() { var x = e.displayName || null; return x !== null ? x : z(e.type) || "Memo"; case P: { - var D = e, V = D._payload, A = D._init; + var D = e, V = D._payload, $ = D._init; try { - return z(A(V)); + return z($(V)); } catch { return null; } @@ -160,7 +160,7 @@ function Dn() { ue++; } } - function $() { + function A() { { if (ue--, ue === 0) { var e = { @@ -230,27 +230,27 @@ function Dn() { V = w.current, w.current = null, T(); try { if (a) { - var A = function() { + var $ = function() { throw Error(); }; - if (Object.defineProperty(A.prototype, "props", { + if (Object.defineProperty($.prototype, "props", { set: function() { throw Error(); } }), typeof Reflect == "object" && Reflect.construct) { try { - Reflect.construct(A, []); + Reflect.construct($, []); } catch (ee) { x = ee; } - Reflect.construct(e, [], A); + Reflect.construct(e, [], $); } else { try { - A.call(); + $.call(); } catch (ee) { x = ee; } - e.call(A.prototype); + e.call($.prototype); } } else { try { @@ -280,7 +280,7 @@ function Dn() { } } } finally { - I = !1, w.current = V, $(), Error.prepareStackTrace = D; + I = !1, w.current = V, A(), Error.prepareStackTrace = D; } var be = e ? e.displayName || e.name : "", he = be ? j(be) : ""; return typeof e == "function" && O.set(e, he), he; @@ -332,19 +332,19 @@ function Dn() { function Wr(e, a, f, x, D) { { var V = Function.call.bind(xe); - for (var A in e) - if (V(e, A)) { + for (var $ in e) + if (V(e, $)) { var k = void 0; try { - if (typeof e[A] != "function") { - var Q = Error((x || "React class") + ": " + f + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); + if (typeof e[$] != "function") { + var Q = Error((x || "React class") + ": " + f + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); throw Q.name = "Invariant Violation", Q; } - k = e[A](a, A, x, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); + k = e[$](a, $, x, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); } catch (K) { k = K; } - k && !(k instanceof Error) && (Oe(D), Y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", f, A, typeof k), Oe(null)), k instanceof Error && !(k.message in rr) && (rr[k.message] = !0, Oe(D), Y("Failed %s type: %s", f, k.message), Oe(null)); + k && !(k instanceof Error) && (Oe(D), Y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", f, $, typeof k), Oe(null)), k instanceof Error && !(k.message in rr) && (rr[k.message] = !0, Oe(D), Y("Failed %s type: %s", f, k.message), Oe(null)); } } } @@ -423,7 +423,7 @@ function Dn() { }); } } - var Jr = function(e, a, f, x, D, V, A) { + var Jr = function(e, a, f, x, D, V, $) { var k = { // This tag allows us to uniquely identify this as a React Element $$typeof: r, @@ -431,7 +431,7 @@ function Dn() { type: e, key: a, ref: f, - props: A, + props: $, // Record the component responsible for creating this element. _owner: V }; @@ -454,20 +454,20 @@ function Dn() { }; function Kr(e, a, f, x, D) { { - var V, A = {}, k = null, Q = null; + var V, $ = {}, k = null, Q = null; f !== void 0 && (ar(f), k = "" + f), Br(a) && (ar(a.key), k = "" + a.key), Hr(a) && (Q = a.ref, Gr(a, D)); for (V in a) - xe.call(a, V) && !Vr.hasOwnProperty(V) && (A[V] = a[V]); + xe.call(a, V) && !Vr.hasOwnProperty(V) && ($[V] = a[V]); if (e && e.defaultProps) { var K = e.defaultProps; for (V in K) - A[V] === void 0 && (A[V] = K[V]); + $[V] === void 0 && ($[V] = K[V]); } if (k || Q) { var X = typeof e == "function" ? e.displayName || e.name || "Unknown" : e; - k && Ur(A, X), Q && zr(A, X); + k && Ur($, X), Q && zr($, X); } - return Jr(e, k, Q, D, x, Te.current, A); + return Jr(e, k, Q, D, x, Te.current, $); } } var Me = H.ReactCurrentOwner, sr = H.ReactDebugCurrentFrame; @@ -538,8 +538,8 @@ Check the top-level render call using <` + f + ">."); else if (e) { var D = W(e); if (typeof D == "function" && D !== e.entries) - for (var V = D.call(e), A; !(A = V.next()).done; ) - Fe(A.value) && ur(A.value, a); + for (var V = D.call(e), $; !($ = V.next()).done; ) + Fe($.value) && ur($.value, a); } } } @@ -583,8 +583,8 @@ Check the top-level render call using <` + f + ">."); var dr = {}; function pr(e, a, f, x, D, V) { { - var A = pe(e); - if (!A) { + var $ = pe(e); + if (!$) { var k = ""; (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."); var Q = Xr(); @@ -595,7 +595,7 @@ Check the top-level render call using <` + f + ">."); var X = Kr(e, a, f, D, V); if (X == null) return X; - if (A) { + if ($) { var oe = a.children; if (oe !== void 0) if (x) @@ -779,7 +779,7 @@ function Mn() { function T(u) { return B(u) === _; } - function $(u) { + function A(u) { return B(u) === c; } function w(u) { @@ -800,7 +800,7 @@ function Mn() { function Z(u) { return B(u) === b; } - M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = $, M.isLazy = w, M.isMemo = C, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; + M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = A, M.isLazy = w, M.isMemo = C, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; }()), M; } var gr; @@ -973,7 +973,7 @@ function qn() { function W(o) { if (process.env.NODE_ENV !== "production") var p = {}, R = 0; - function E($, w, C, j, I, O, Z) { + function E(A, w, C, j, I, O, Z) { if (j = j || P, O = O || C, Z !== i) { if (m) { var u = new Error( @@ -988,18 +988,18 @@ function qn() { ), p[ae] = !0, R++); } } - return w[C] == null ? $ ? w[C] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(w, C, j, I, O); + return w[C] == null ? A ? w[C] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(w, C, j, I, O); } var T = E.bind(null, !1); return T.isRequired = E.bind(null, !0), T; } function H(o) { - function p(R, E, T, $, w, C) { + function p(R, E, T, A, w, C) { var j = R[E], I = ne(j); if (I !== o) { var O = le(j); return new F( - "Invalid " + $ + " `" + w + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), + "Invalid " + A + " `" + w + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), { expectedType: o } ); } @@ -1011,16 +1011,16 @@ function qn() { return W(g); } function N(o) { - function p(R, E, T, $, w) { + function p(R, E, T, A, w) { if (typeof o != "function") return new F("Property `" + w + "` of component `" + T + "` has invalid PropType notation inside arrayOf."); var C = R[E]; if (!Array.isArray(C)) { var j = ne(C); - return new F("Invalid " + $ + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); + return new F("Invalid " + A + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); } for (var I = 0; I < C.length; I++) { - var O = o(C, I, T, $, w + "[" + I + "]", i); + var O = o(C, I, T, A, w + "[" + I + "]", i); if (O instanceof Error) return O; } @@ -1029,32 +1029,32 @@ function qn() { return W(p); } function B() { - function o(p, R, E, T, $) { + function o(p, R, E, T, A) { var w = p[R]; if (!h(w)) { var C = ne(w); - return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement.")); + return new F("Invalid " + T + " `" + A + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement.")); } return null; } return W(o); } function d() { - function o(p, R, E, T, $) { + function o(p, R, E, T, A) { var w = p[R]; if (!n.isValidElementType(w)) { var C = ne(w); - return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement type.")); + return new F("Invalid " + T + " `" + A + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement type.")); } return null; } return W(o); } function te(o) { - function p(R, E, T, $, w) { + function p(R, E, T, A, w) { if (!(R[E] instanceof o)) { var C = o.name || P, j = me(R[E]); - return new F("Invalid " + $ + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + C + "`.")); + return new F("Invalid " + A + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + C + "`.")); } return null; } @@ -1065,7 +1065,7 @@ function qn() { return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? v( "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])." ) : v("Invalid argument supplied to oneOf, expected an array.")), g; - function p(R, E, T, $, w) { + function p(R, E, T, A, w) { for (var C = R[E], j = 0; j < o.length; j++) if (U(C, o[j])) return null; @@ -1073,20 +1073,20 @@ function qn() { var ae = le(u); return ae === "symbol" ? String(u) : u; }); - return new F("Invalid " + $ + " `" + w + "` of value `" + String(C) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); + return new F("Invalid " + A + " `" + w + "` of value `" + String(C) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); } return W(p); } function se(o) { - function p(R, E, T, $, w) { + function p(R, E, T, A, w) { if (typeof o != "function") return new F("Property `" + w + "` of component `" + T + "` has invalid PropType notation inside objectOf."); var C = R[E], j = ne(C); if (j !== "object") - return new F("Invalid " + $ + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); + return new F("Invalid " + A + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); for (var I in C) if (c(C, I)) { - var O = o(C, I, T, $, w + "." + I, i); + var O = o(C, I, T, A, w + "." + I, i); if (O instanceof Error) return O; } @@ -1104,9 +1104,9 @@ function qn() { "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(R) + " at index " + p + "." ), g; } - function E(T, $, w, C, j) { + function E(T, A, w, C, j) { for (var I = [], O = 0; O < o.length; O++) { - var Z = o[O], u = Z(T, $, w, C, j, i); + var Z = o[O], u = Z(T, A, w, C, j, i); if (u == null) return null; u.data && c(u.data, "expectedType") && I.push(u.data.expectedType); @@ -1117,8 +1117,8 @@ function qn() { return W(E); } function pe() { - function o(p, R, E, T, $) { - return J(p[R]) ? null : new F("Invalid " + T + " `" + $ + "` supplied to " + ("`" + E + "`, expected a ReactNode.")); + function o(p, R, E, T, A) { + return J(p[R]) ? null : new F("Invalid " + T + " `" + A + "` supplied to " + ("`" + E + "`, expected a ReactNode.")); } return W(o); } @@ -1128,15 +1128,15 @@ function qn() { ); } function S(o) { - function p(R, E, T, $, w) { + function p(R, E, T, A, w) { var C = R[E], j = ne(C); if (j !== "object") - return new F("Invalid " + $ + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + A + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); for (var I in o) { var O = o[I]; if (typeof O != "function") - return G(T, $, w, I, le(O)); - var Z = O(C, I, T, $, w + "." + I, i); + return G(T, A, w, I, le(O)); + var Z = O(C, I, T, A, w + "." + I, i); if (Z) return Z; } @@ -1145,21 +1145,21 @@ function qn() { return W(p); } function z(o) { - function p(R, E, T, $, w) { + function p(R, E, T, A, w) { var C = R[E], j = ne(C); if (j !== "object") - return new F("Invalid " + $ + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + A + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); var I = r({}, R[E], o); for (var O in I) { var Z = o[O]; if (c(o, O) && typeof Z != "function") - return G(T, $, w, O, le(Z)); + return G(T, A, w, O, le(Z)); if (!Z) return new F( - "Invalid " + $ + " `" + w + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` + "Invalid " + A + " `" + w + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` Valid keys: ` + JSON.stringify(Object.keys(o), null, " ") ); - var u = Z(C, O, T, $, w + "." + O, i); + var u = Z(C, O, T, A, w + "." + O, i); if (u) return u; } @@ -1301,7 +1301,7 @@ const l = /* @__PURE__ */ In(Bn), Gn = "_iconButton_1963e_1", Un = { info: kr, fill: dn, ellipsis: pn, - chevronRight: $r, + chevronRight: Ar, chevronLeft: vn }, er = ({ onClick: n, iconName: r }) => /* @__PURE__ */ t.jsx("div", { className: Un.iconButton, children: /* @__PURE__ */ t.jsx("button", { "aria-label": r, type: "button", onClick: n, children: /* @__PURE__ */ t.jsx(je, { icon: zn[r] }) }) }); er.propTypes = { @@ -1344,14 +1344,35 @@ const Qn = "_layerCard_mw8v9_1", et = "_layerCardAttributionWrapper_mw8v9_11", r layerCardToggle: st, layerCardContent: lt, layerCardInfoIcon: ct -}, ut = ({ layerName: n, isActive: r, onChange: i, attribution: c, description: y, children: v }) => { - const [g, h] = de(!1), m = c && !!c.text && (r || g); +}, ut = ({ + layerName: n, + isActive: r, + onChange: i, + attribution: c, + description: y, + children: v +}) => { + const [g, h] = de(!1), m = c && !!c.text; return /* @__PURE__ */ t.jsxs("div", { className: fe.layerCard, children: [ /* @__PURE__ */ t.jsxs("div", { className: fe.layerCardHeader, children: [ /* @__PURE__ */ t.jsx("div", { className: fe.layerCardTextWrapper, children: /* @__PURE__ */ t.jsx("span", { className: fe.layerCardTitle, children: n }) }), /* @__PURE__ */ t.jsxs(gn, { delay: 300, children: [ /* @__PURE__ */ t.jsx(bn, { children: "Toggle layer description" }), - /* @__PURE__ */ t.jsx(Ne, { className: fe.layerCardInfoIcon, onClick: () => h(!g), children: /* @__PURE__ */ t.jsx(je, { size: "xs", fontWeight: "bold", icon: kr }) }) + (y || m) && /* @__PURE__ */ t.jsx( + Ne, + { + className: fe.layerCardInfoIcon, + onClick: () => h(!g), + children: /* @__PURE__ */ t.jsx( + je, + { + size: "xs", + fontWeight: "bold", + icon: kr + } + ) + } + ) ] }), i && /* @__PURE__ */ t.jsx( Mr, @@ -1362,10 +1383,11 @@ const Qn = "_layerCard_mw8v9_1", et = "_layerCardAttributionWrapper_mw8v9_11", r } ) ] }), - /* @__PURE__ */ t.jsxs("div", { className: fe.layerCardContent, children: [ - y && g && /* @__PURE__ */ t.jsx("span", { className: fe.layerCardDescription, children: y }), + g && /* @__PURE__ */ t.jsxs("div", { className: fe.layerCardContent, children: [ + y && /* @__PURE__ */ t.jsx("span", { className: fe.layerCardDescription, children: y }), m && /* @__PURE__ */ t.jsx("div", { className: fe.layerCardAttributionWrapper, children: /* @__PURE__ */ t.jsxs("span", { className: fe.layerCardAttribution, children: [ - "Source: ", + "Source:", + " ", /* @__PURE__ */ t.jsx("a", { href: c.url, children: c.text }) ] }) }), v && v @@ -1386,22 +1408,22 @@ ut.propTypes = { l.node ]) }; -const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabel_771fp_18", vt = "_swatchValue_771fp_24", $e = { +const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabel_771fp_18", vt = "_swatchValue_771fp_24", Ae = { swatchContainer: ft, swatch: dt, swatchLabel: pt, swatchValue: vt -}, yt = ({ color: n, label: r = "", value: i, units: c = "" }) => /* @__PURE__ */ t.jsxs("div", { className: $e.swatchContainer, children: [ +}, yt = ({ color: n, label: r = "", value: i, units: c = "" }) => /* @__PURE__ */ t.jsxs("div", { className: Ae.swatchContainer, children: [ /* @__PURE__ */ t.jsx( "div", { "data-testid": "swatch", - className: $e.swatch, + className: Ae.swatch, style: { backgroundColor: n } } ), - /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-label", className: $e.swatchLabel, children: r }), - /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-value", className: $e.swatchValue, children: i !== void 0 && `${i}${c}` }) + /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-label", className: Ae.swatchLabel, children: r }), + /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-value", className: Ae.swatchValue, children: i !== void 0 && `${i}${c}` }) ] }), ht = "_swatchLegend_qiaru_1", mt = { swatchLegend: ht }, _t = ({ swatches: n }) => /* @__PURE__ */ t.jsx("div", { className: mt.swatchLegend, children: n && n.map((r) => { @@ -1432,14 +1454,14 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 onChange: i, value: c = 50, ...y -}) => /* @__PURE__ */ t.jsx("div", { className: Re.comparisonControl, children: /* @__PURE__ */ t.jsxs(Ar, { maxValue: 94, minValue: 6, step: 0.1, className: Re.slider, "aria-label": !r && typeof n == "string" ? n : void 0, onChange: i, value: c, ...y, children: [ +}) => /* @__PURE__ */ t.jsx("div", { className: Re.comparisonControl, children: /* @__PURE__ */ t.jsxs($r, { maxValue: 94, minValue: 6, step: 0.1, className: Re.slider, "aria-label": !r && typeof n == "string" ? n : void 0, onChange: i, value: c, ...y, children: [ r && /* @__PURE__ */ t.jsx(Ze, { className: Re.sliderLabel, children: n }), /* @__PURE__ */ t.jsx(Ir, { className: Re.sliderTrack, children: /* @__PURE__ */ t.jsx(Nr, { className: Re.sliderThumb, children: /* @__PURE__ */ t.jsx(je, { color: "white", icon: yn }) }) }) ] }) }), Ct = "_datePicker_ywin1_1 react-aria-DatePicker", Et = "_dateInput_ywin1_12 react-aria-DateInput", Rt = "_hoverDatepicker_ywin1_17", ze = { datePicker: Ct, dateInput: Et, hoverDatepicker: Rt -}, Je = (n) => new An(n.getFullYear(), n.getMonth() + 1, n.getDate()), Ra = ({ +}, Je = (n) => new $n(n.getFullYear(), n.getMonth() + 1, n.getDate()), Ra = ({ label: n, helperText: r, errorMessage: i, @@ -1452,7 +1474,7 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 minValue: s, ..._ }) => { - const [b, P] = de(!1), { hoverProps: q, isHovered: U } = $n({}), F = c ? Je(c) : null, W = m ? Je(m) : null, H = s ? Je(s) : null, Y = (N) => { + const [b, P] = de(!1), { hoverProps: q, isHovered: U } = An({}), F = c ? Je(c) : null, W = m ? Je(m) : null, H = s ? Je(s) : null, Y = (N) => { if (N) { const B = new Date(N.toString()); y(B); @@ -1503,7 +1525,7 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 ] } ); -}, St = "_gradient_1w8qh_1", jt = "_gradientNumbers_1w8qh_6", Ot = "_gradientLegend_1w8qh_11", Ae = { +}, St = "_gradient_1w8qh_1", jt = "_gradientNumbers_1w8qh_6", Ot = "_gradientLegend_1w8qh_11", $e = { gradient: St, gradientNumbers: jt, gradientLegend: Ot @@ -1527,17 +1549,17 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 " ", n ] }), - /* @__PURE__ */ t.jsxs("div", { className: Ae.gradientLegend, children: [ + /* @__PURE__ */ t.jsxs("div", { className: $e.gradientLegend, children: [ /* @__PURE__ */ t.jsx( "div", { - className: Ae.gradient, + className: $e.gradient, style: { background: `linear-gradient(to right, ${r} , ${i})` } } ), - /* @__PURE__ */ t.jsxs("div", { className: Ae.gradientNumbers, children: [ + /* @__PURE__ */ t.jsxs("div", { className: $e.gradientNumbers, children: [ /* @__PURE__ */ t.jsxs("span", { children: [ c, " ", @@ -1550,7 +1572,7 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 m ] }) ] }), - v && /* @__PURE__ */ t.jsxs("div", { className: Ae.uiTitle, children: [ + v && /* @__PURE__ */ t.jsxs("div", { className: $e.uiTitle, children: [ " ", n ] }) @@ -1568,10 +1590,10 @@ Pt.propTypes = { precision: l.number, units: l.string }; -const kt = "_slider_108mp_1", $t = "_sliderLabel_108mp_16", At = "_sliderThumb_108mp_20", It = "_sliderTrack_108mp_41", Ie = { +const kt = "_slider_108mp_1", At = "_sliderLabel_108mp_16", $t = "_sliderThumb_108mp_20", It = "_sliderTrack_108mp_41", Ie = { slider: kt, - sliderLabel: $t, - sliderThumb: At, + sliderLabel: At, + sliderThumb: $t, sliderTrack: It }, Nt = ({ className: n, @@ -1583,7 +1605,7 @@ const kt = "_slider_108mp_1", $t = "_sliderLabel_108mp_16", At = "_sliderThumb_1 value: g = 0, showLabel: h, ...m -}) => /* @__PURE__ */ t.jsxs(Ar, { maxValue: y, minValue: c, step: v, className: `${Ie.slider} ${n || ""}`.trim(), "aria-label": !h && typeof r == "string" ? r : void 0, onChange: i, value: g, ...m, children: [ +}) => /* @__PURE__ */ t.jsxs($r, { maxValue: y, minValue: c, step: v, className: `${Ie.slider} ${n || ""}`.trim(), "aria-label": !h && typeof r == "string" ? r : void 0, onChange: i, value: g, ...m, children: [ h && /* @__PURE__ */ t.jsx(Ze, { className: Ie.sliderLabel, children: r }), /* @__PURE__ */ t.jsx(Ir, { className: Ie.sliderTrack, children: /* @__PURE__ */ t.jsx(Nr, { className: Ie.sliderThumb }) }) ] }), Dt = "_layerGroupWrapper_1p831_1", Lt = "_layerGroupButton_1p831_5", Mt = "_layerGroupChevron_1p831_17", Wt = "_layerGroupName_1p831_30", Ft = "_layerGroupChildren_1p831_42", Se = { @@ -1598,7 +1620,7 @@ const kt = "_slider_108mp_1", $t = "_sliderLabel_108mp_16", At = "_sliderThumb_1 }; return /* @__PURE__ */ t.jsxs("div", { className: Se.layerGroupWrapper, children: [ /* @__PURE__ */ t.jsxs("button", { type: "button", className: Se.layerGroupButton, onClick: y, children: [ - /* @__PURE__ */ t.jsx("div", { className: Se.layerGroupChevron, children: /* @__PURE__ */ t.jsx(je, { size: "sm", fixedWidth: !0, icon: i ? mn : $r }) }), + /* @__PURE__ */ t.jsx("div", { className: Se.layerGroupChevron, children: /* @__PURE__ */ t.jsx(je, { size: "sm", fixedWidth: !0, icon: i ? mn : Ar }) }), /* @__PURE__ */ t.jsx("span", { className: Se.layerGroupName, children: n }) ] }), i && /* @__PURE__ */ t.jsx("div", { className: Se.layerGroupChildren, children: r }) diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index af58615..2c76729 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -47,4 +47,4 @@ object-assign (c) Sindre Sorhus @license MIT */var ze,sr;function Qr(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var y={},h=0;h<10;h++)y["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(y).map(function(m){return y[m]});if(b.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(m){l[m]=m}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,y){for(var h,b=c(g),l,m=1;m1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),y;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text&&(r||y);return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),t.jsxs("div",{className:pe.layerCardContent,children:[v&&y&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source: ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),y&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); From 9180ca5f759e8526bdbb64425bd2a3f8a8cfd2e6 Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 26 Jan 2026 01:26:39 -0500 Subject: [PATCH 04/10] chore: Test build --- dist/spk-library.es.js | 1 + dist/spk-library.umd.js | 2 +- src/components/composite/LayerCard.jsx | 2 ++ 3 files changed, 4 insertions(+), 1 deletion(-) diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index f86fac6..6d0f08f 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1384,6 +1384,7 @@ const Qn = "_layerCard_mw8v9_1", et = "_layerCardAttributionWrapper_mw8v9_11", r ) ] }), g && /* @__PURE__ */ t.jsxs("div", { className: fe.layerCardContent, children: [ + /* @__PURE__ */ t.jsx("div", { children: "Test" }), y && /* @__PURE__ */ t.jsx("span", { className: fe.layerCardDescription, children: y }), m && /* @__PURE__ */ t.jsx("div", { className: fe.layerCardAttributionWrapper, children: /* @__PURE__ */ t.jsxs("span", { className: fe.layerCardAttribution, children: [ "Source:", diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index 2c76729..1909552 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -47,4 +47,4 @@ object-assign (c) Sindre Sorhus @license MIT */var ze,sr;function Qr(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var y={},h=0;h<10;h++)y["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(y).map(function(m){return y[m]});if(b.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(m){l[m]=m}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,y){for(var h,b=c(g),l,m=1;m1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),y;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),y&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),y&&t.jsxs("div",{className:pe.layerCardContent,children:[t.jsx("div",{children:"Test"}),v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); diff --git a/src/components/composite/LayerCard.jsx b/src/components/composite/LayerCard.jsx index 8df3a5c..ccf3a3e 100644 --- a/src/components/composite/LayerCard.jsx +++ b/src/components/composite/LayerCard.jsx @@ -17,6 +17,7 @@ export const LayerCard = ({ const [showLayerInfo, setShowLayerInfo] = useState(false); const hasAttribution = attribution && Boolean(attribution.text); + return (
@@ -48,6 +49,7 @@ export const LayerCard = ({
{showLayerInfo && (
+
Test
{description && ( {description} From 1cd67f5e84d064d63144e8b25613ff9669e2c6d6 Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 26 Jan 2026 01:29:35 -0500 Subject: [PATCH 05/10] chore: Test build --- dist/spk-library.es.js | 1 - dist/spk-library.umd.js | 2 +- src/components/composite/LayerCard.jsx | 1 - 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index 6d0f08f..f86fac6 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1384,7 +1384,6 @@ const Qn = "_layerCard_mw8v9_1", et = "_layerCardAttributionWrapper_mw8v9_11", r ) ] }), g && /* @__PURE__ */ t.jsxs("div", { className: fe.layerCardContent, children: [ - /* @__PURE__ */ t.jsx("div", { children: "Test" }), y && /* @__PURE__ */ t.jsx("span", { className: fe.layerCardDescription, children: y }), m && /* @__PURE__ */ t.jsx("div", { className: fe.layerCardAttributionWrapper, children: /* @__PURE__ */ t.jsxs("span", { className: fe.layerCardAttribution, children: [ "Source:", diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index 1909552..2c76729 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -47,4 +47,4 @@ object-assign (c) Sindre Sorhus @license MIT */var ze,sr;function Qr(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var y={},h=0;h<10;h++)y["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(y).map(function(m){return y[m]});if(b.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(m){l[m]=m}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,y){for(var h,b=c(g),l,m=1;m1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),y;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),y&&t.jsxs("div",{className:pe.layerCardContent,children:[t.jsx("div",{children:"Test"}),v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),y&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); diff --git a/src/components/composite/LayerCard.jsx b/src/components/composite/LayerCard.jsx index ccf3a3e..8b71606 100644 --- a/src/components/composite/LayerCard.jsx +++ b/src/components/composite/LayerCard.jsx @@ -49,7 +49,6 @@ export const LayerCard = ({
{showLayerInfo && (
-
Test
{description && ( {description} From 99262c0d389ee1a54dfd6854898f96d6b87e42fd Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 26 Jan 2026 10:02:52 -0500 Subject: [PATCH 06/10] fix: Styling --- dist/index.css | 2 +- dist/spk-library.es.js | 164 +++++++++--------- dist/spk-library.umd.js | 24 +-- src/components/composite/LayerCard.module.css | 3 +- 4 files changed, 96 insertions(+), 97 deletions(-) diff --git a/dist/index.css b/dist/index.css index c8f8a04..0ef13f1 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1 +1 @@ -.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_mw8v9_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_mw8v9_11{margin-top:4px;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_mw8v9_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_mw8v9_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_mw8v9_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mw8v9_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_mw8v9_50{padding:var(--spacing-medium);align-self:center;width:90%;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_mw8v9_59{grid-area:controls;justify-self:end}._layerCardToggle_mw8v9_64{grid-area:toggle;justify-self:end}._layerCardContent_mw8v9_69{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_mw8v9_85{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_mw8v9_85:focus{outline:none;border:none}._layerCardContent_mw8v9_69:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index f86fac6..659541e 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1,13 +1,13 @@ -import Pr, { useState as de, useReducer as ln, useRef as cn, useCallback as we, useEffect as Pe } from "react"; +import Pr, { useState as de, useReducer as ln, useRef as cn, useCallback as Ce, useEffect as Pe } from "react"; import { FontAwesomeIcon as je } from "@fortawesome/react-fontawesome"; import { faTrash as un, faFilter as fn, faInfo as kr, faFillDrip as dn, faEllipsisVertical as pn, faChevronRight as Ar, faChevronLeft as vn, faArrowsLeftRight as yn, faCalendar as hn, faChevronDown as mn } from "@fortawesome/free-solid-svg-icons"; -import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as $r, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as wn, DateSegment as Cn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; +import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as $r, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as Cn, DateSegment as wn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; import { useHover as An } from "react-aria"; import { CalendarDate as $n } from "@internationalized/date"; import './index.css';function In(n) { return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n; } -var Ke = { exports: {} }, Ce = {}; +var Ke = { exports: {} }, we = {}; /** * @license React * react-jsx-runtime.production.min.js @@ -19,7 +19,7 @@ var Ke = { exports: {} }, Ce = {}; */ var yr; function Nn() { - if (yr) return Ce; + if (yr) return we; yr = 1; var n = Pr, r = Symbol.for("react.element"), i = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 }; function g(h, m, s) { @@ -29,7 +29,7 @@ function Nn() { if (h && h.defaultProps) for (_ in m = h.defaultProps, m) b[_] === void 0 && (b[_] = m[_]); return { $$typeof: r, type: h, key: P, ref: q, props: b, _owner: y.current }; } - return Ce.Fragment = i, Ce.jsx = g, Ce.jsxs = g, Ce; + return we.Fragment = i, we.jsx = g, we.jsxs = g, we; } var Ee = {}; /** @@ -195,18 +195,18 @@ function Dn() { ue < 0 && Y("disabledDepth fell below zero. This is a bug in React. Please file an issue."); } } - var w = H.ReactCurrentDispatcher, C; + var C = H.ReactCurrentDispatcher, w; function j(e, a, f) { { - if (C === void 0) + if (w === void 0) try { throw Error(); } catch (D) { var x = D.stack.trim().match(/\n( *(at )?)/); - C = x && x[1] || ""; + w = x && x[1] || ""; } return ` -` + C + e; +` + w + e; } } var I = !1, O; @@ -227,7 +227,7 @@ function Dn() { var D = Error.prepareStackTrace; Error.prepareStackTrace = void 0; var V; - V = w.current, w.current = null, T(); + V = C.current, C.current = null, T(); try { if (a) { var $ = function() { @@ -280,7 +280,7 @@ function Dn() { } } } finally { - I = !1, w.current = V, A(), Error.prepareStackTrace = D; + I = !1, C.current = V, A(), Error.prepareStackTrace = D; } var be = e ? e.displayName || e.name : "", he = be ? j(be) : ""; return typeof e == "function" && O.set(e, he), he; @@ -782,10 +782,10 @@ function Mn() { function A(u) { return B(u) === c; } - function w(u) { + function C(u) { return B(u) === U; } - function C(u) { + function w(u) { return B(u) === q; } function j(u) { @@ -800,7 +800,7 @@ function Mn() { function Z(u) { return B(u) === b; } - M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = A, M.isLazy = w, M.isMemo = C, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; + M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = A, M.isLazy = C, M.isMemo = w, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; }()), M; } var gr; @@ -869,10 +869,10 @@ var He, Tr; function Lr() { return Tr || (Tr = 1, He = Function.call.bind(Object.prototype.hasOwnProperty)), He; } -var Be, wr; +var Be, Cr; function Fn() { - if (wr) return Be; - wr = 1; + if (Cr) return Be; + Cr = 1; var n = function() { }; if (process.env.NODE_ENV !== "production") { @@ -918,10 +918,10 @@ function Fn() { process.env.NODE_ENV !== "production" && (i = {}); }, Be = y, Be; } -var Ge, Cr; +var Ge, wr; function qn() { - if (Cr) return Ge; - Cr = 1; + if (wr) return Ge; + wr = 1; var n = Dr(), r = Wn(), i = Qe(), c = Lr(), y = Fn(), v = function() { }; process.env.NODE_ENV !== "production" && (v = function(h) { @@ -973,33 +973,33 @@ function qn() { function W(o) { if (process.env.NODE_ENV !== "production") var p = {}, R = 0; - function E(A, w, C, j, I, O, Z) { - if (j = j || P, O = O || C, Z !== i) { + function E(A, C, w, j, I, O, Z) { + if (j = j || P, O = O || w, Z !== i) { if (m) { var u = new Error( "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types" ); throw u.name = "Invariant Violation", u; } else if (process.env.NODE_ENV !== "production" && typeof console < "u") { - var ae = j + ":" + C; + var ae = j + ":" + w; !p[ae] && // Avoid spamming the console because they are often not actionable except for lib authors R < 3 && (v( "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details." ), p[ae] = !0, R++); } } - return w[C] == null ? A ? w[C] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(w, C, j, I, O); + return C[w] == null ? A ? C[w] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(C, w, j, I, O); } var T = E.bind(null, !1); return T.isRequired = E.bind(null, !0), T; } function H(o) { - function p(R, E, T, A, w, C) { + function p(R, E, T, A, C, w) { var j = R[E], I = ne(j); if (I !== o) { var O = le(j); return new F( - "Invalid " + A + " `" + w + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), + "Invalid " + A + " `" + C + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), { expectedType: o } ); } @@ -1011,16 +1011,16 @@ function qn() { return W(g); } function N(o) { - function p(R, E, T, A, w) { + function p(R, E, T, A, C) { if (typeof o != "function") - return new F("Property `" + w + "` of component `" + T + "` has invalid PropType notation inside arrayOf."); - var C = R[E]; - if (!Array.isArray(C)) { - var j = ne(C); - return new F("Invalid " + A + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); + return new F("Property `" + C + "` of component `" + T + "` has invalid PropType notation inside arrayOf."); + var w = R[E]; + if (!Array.isArray(w)) { + var j = ne(w); + return new F("Invalid " + A + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); } - for (var I = 0; I < C.length; I++) { - var O = o(C, I, T, A, w + "[" + I + "]", i); + for (var I = 0; I < w.length; I++) { + var O = o(w, I, T, A, C + "[" + I + "]", i); if (O instanceof Error) return O; } @@ -1030,10 +1030,10 @@ function qn() { } function B() { function o(p, R, E, T, A) { - var w = p[R]; - if (!h(w)) { - var C = ne(w); - return new F("Invalid " + T + " `" + A + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement.")); + var C = p[R]; + if (!h(C)) { + var w = ne(C); + return new F("Invalid " + T + " `" + A + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement.")); } return null; } @@ -1041,20 +1041,20 @@ function qn() { } function d() { function o(p, R, E, T, A) { - var w = p[R]; - if (!n.isValidElementType(w)) { - var C = ne(w); - return new F("Invalid " + T + " `" + A + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement type.")); + var C = p[R]; + if (!n.isValidElementType(C)) { + var w = ne(C); + return new F("Invalid " + T + " `" + A + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement type.")); } return null; } return W(o); } function te(o) { - function p(R, E, T, A, w) { + function p(R, E, T, A, C) { if (!(R[E] instanceof o)) { - var C = o.name || P, j = me(R[E]); - return new F("Invalid " + A + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + C + "`.")); + var w = o.name || P, j = me(R[E]); + return new F("Invalid " + A + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + w + "`.")); } return null; } @@ -1065,28 +1065,28 @@ function qn() { return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? v( "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])." ) : v("Invalid argument supplied to oneOf, expected an array.")), g; - function p(R, E, T, A, w) { - for (var C = R[E], j = 0; j < o.length; j++) - if (U(C, o[j])) + function p(R, E, T, A, C) { + for (var w = R[E], j = 0; j < o.length; j++) + if (U(w, o[j])) return null; var I = JSON.stringify(o, function(Z, u) { var ae = le(u); return ae === "symbol" ? String(u) : u; }); - return new F("Invalid " + A + " `" + w + "` of value `" + String(C) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); + return new F("Invalid " + A + " `" + C + "` of value `" + String(w) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); } return W(p); } function se(o) { - function p(R, E, T, A, w) { + function p(R, E, T, A, C) { if (typeof o != "function") - return new F("Property `" + w + "` of component `" + T + "` has invalid PropType notation inside objectOf."); - var C = R[E], j = ne(C); + return new F("Property `" + C + "` of component `" + T + "` has invalid PropType notation inside objectOf."); + var w = R[E], j = ne(w); if (j !== "object") - return new F("Invalid " + A + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); - for (var I in C) - if (c(C, I)) { - var O = o(C, I, T, A, w + "." + I, i); + return new F("Invalid " + A + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); + for (var I in w) + if (c(w, I)) { + var O = o(w, I, T, A, C + "." + I, i); if (O instanceof Error) return O; } @@ -1104,15 +1104,15 @@ function qn() { "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(R) + " at index " + p + "." ), g; } - function E(T, A, w, C, j) { + function E(T, A, C, w, j) { for (var I = [], O = 0; O < o.length; O++) { - var Z = o[O], u = Z(T, A, w, C, j, i); + var Z = o[O], u = Z(T, A, C, w, j, i); if (u == null) return null; u.data && c(u.data, "expectedType") && I.push(u.data.expectedType); } var ae = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : ""; - return new F("Invalid " + C + " `" + j + "` supplied to " + ("`" + w + "`" + ae + ".")); + return new F("Invalid " + w + " `" + j + "` supplied to " + ("`" + C + "`" + ae + ".")); } return W(E); } @@ -1128,15 +1128,15 @@ function qn() { ); } function S(o) { - function p(R, E, T, A, w) { - var C = R[E], j = ne(C); + function p(R, E, T, A, C) { + var w = R[E], j = ne(w); if (j !== "object") - return new F("Invalid " + A + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + A + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); for (var I in o) { var O = o[I]; if (typeof O != "function") - return G(T, A, w, I, le(O)); - var Z = O(C, I, T, A, w + "." + I, i); + return G(T, A, C, I, le(O)); + var Z = O(w, I, T, A, C + "." + I, i); if (Z) return Z; } @@ -1145,21 +1145,21 @@ function qn() { return W(p); } function z(o) { - function p(R, E, T, A, w) { - var C = R[E], j = ne(C); + function p(R, E, T, A, C) { + var w = R[E], j = ne(w); if (j !== "object") - return new F("Invalid " + A + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + A + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); var I = r({}, R[E], o); for (var O in I) { var Z = o[O]; if (c(o, O) && typeof Z != "function") - return G(T, A, w, O, le(Z)); + return G(T, A, C, O, le(Z)); if (!Z) return new F( - "Invalid " + A + " `" + w + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` + "Invalid " + A + " `" + C + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` Valid keys: ` + JSON.stringify(Object.keys(o), null, " ") ); - var u = Z(C, O, T, A, w + "." + O, i); + var u = Z(w, O, T, A, C + "." + O, i); if (u) return u; } @@ -1332,7 +1332,7 @@ Mr.propTypes = { onChange: l.func.isRequired, disabled: l.bool }; -const Qn = "_layerCard_mw8v9_1", et = "_layerCardAttributionWrapper_mw8v9_11", rt = "_layerCardAttribution_mw8v9_11", nt = "_layerCardHeader_mw8v9_25", tt = "_layerCardTextWrapper_mw8v9_34", at = "_layerCardTitle_mw8v9_42", ot = "_layerCardDescription_mw8v9_50", it = "_layerCardControls_mw8v9_59", st = "_layerCardToggle_mw8v9_64", lt = "_layerCardContent_mw8v9_69", ct = "_layerCardInfoIcon_mw8v9_85", fe = { +const Qn = "_layerCard_93xja_1", et = "_layerCardAttributionWrapper_93xja_11", rt = "_layerCardAttribution_93xja_11", nt = "_layerCardHeader_93xja_25", tt = "_layerCardTextWrapper_93xja_34", at = "_layerCardTitle_93xja_42", ot = "_layerCardDescription_93xja_50", it = "_layerCardControls_93xja_58", st = "_layerCardToggle_93xja_63", lt = "_layerCardContent_93xja_68", ct = "_layerCardInfoIcon_93xja_84", fe = { layerCard: Qn, layerCardAttributionWrapper: et, layerCardAttribution: rt, @@ -1442,12 +1442,12 @@ const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabe _t.propTypes = { swatches: l.arrayOf(l.objectOf(l.string)).isRequired }; -const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1bnet_20", Tt = "_sliderTrack_1bnet_41", wt = "_comparisonControl_1bnet_66", Re = { +const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1bnet_20", Tt = "_sliderTrack_1bnet_41", Ct = "_comparisonControl_1bnet_66", Re = { slider: gt, sliderLabel: bt, sliderThumb: xt, sliderTrack: Tt, - comparisonControl: wt + comparisonControl: Ct }, Ea = ({ label: n, showLabel: r = !0, @@ -1457,8 +1457,8 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 }) => /* @__PURE__ */ t.jsx("div", { className: Re.comparisonControl, children: /* @__PURE__ */ t.jsxs($r, { maxValue: 94, minValue: 6, step: 0.1, className: Re.slider, "aria-label": !r && typeof n == "string" ? n : void 0, onChange: i, value: c, ...y, children: [ r && /* @__PURE__ */ t.jsx(Ze, { className: Re.sliderLabel, children: n }), /* @__PURE__ */ t.jsx(Ir, { className: Re.sliderTrack, children: /* @__PURE__ */ t.jsx(Nr, { className: Re.sliderThumb, children: /* @__PURE__ */ t.jsx(je, { color: "white", icon: yn }) }) }) -] }) }), Ct = "_datePicker_ywin1_1 react-aria-DatePicker", Et = "_dateInput_ywin1_12 react-aria-DateInput", Rt = "_hoverDatepicker_ywin1_17", ze = { - datePicker: Ct, +] }) }), wt = "_datePicker_ywin1_1 react-aria-DatePicker", Et = "_dateInput_ywin1_12 react-aria-DateInput", Rt = "_hoverDatepicker_ywin1_17", ze = { + datePicker: wt, dateInput: Et, hoverDatepicker: Rt }, Je = (n) => new $n(n.getFullYear(), n.getMonth() + 1, n.getDate()), Ra = ({ @@ -1496,11 +1496,11 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 n && /* @__PURE__ */ t.jsx(Ze, { children: n }), /* @__PURE__ */ t.jsxs(Tn, { children: [ /* @__PURE__ */ t.jsx( - wn, + Cn, { className: `${U || b ? ze.hoverDatepicker : ""} ${ze.dateInput}`.trim(), ...q, - children: (N) => /* @__PURE__ */ t.jsx(Cn, { segment: N }) + children: (N) => /* @__PURE__ */ t.jsx(wn, { segment: N }) } ), /* @__PURE__ */ t.jsx( @@ -1671,13 +1671,13 @@ function ea(n, r) { } } const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged: y, currentValues: v = {}, showValues: g }) => { - const h = Math.max(isNaN(v.lower) ? -1 / 0 : v.lower, r.min), m = Math.min(isNaN(v.upper) ? 1 / 0 : v.upper, r.max), [s, _] = ln(ea, { lower: h, upper: m }), b = cn(null), [P, q] = de(0), [U, F] = de(0), [W, H] = de("none"), [Y, N] = de(0), B = we((G) => { + const h = Math.max(isNaN(v.lower) ? -1 / 0 : v.lower, r.min), m = Math.min(isNaN(v.upper) ? 1 / 0 : v.upper, r.max), [s, _] = ln(ea, { lower: h, upper: m }), b = cn(null), [P, q] = de(0), [U, F] = de(0), [W, H] = de("none"), [Y, N] = de(0), B = Ce((G) => { const S = (G - r.min) / (r.max - r.min); return b.current.clientWidth * S; - }, [r]), d = we((G) => { + }, [r]), d = Ce((G) => { const S = G / b.current.clientWidth; return r.min + (r.max - r.min) * S; - }, [r]), te = we((G) => { + }, [r]), te = Ce((G) => { const S = G / b.current.clientWidth; return (r.max - r.min) * S; }, [r]); @@ -1695,9 +1695,9 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged }, [i, y, r]); const ce = (G) => { G.preventDefault(), H(G.target.getAttribute("data-handle-id")), N(0); - }, se = we((G) => { + }, se = Ce((G) => { G.preventDefault(), H("none"), y && y(s); - }, [s, y]), ie = we( + }, [s, y]), ie = Ce( (G) => { if (W === "none" || G.buttons === 0) return; diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index 2c76729..7540433 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -1,4 +1,4 @@ -(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,Vr,qr){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_mw8v9_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_mw8v9_11{margin-top:4px;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_mw8v9_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_mw8v9_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_mw8v9_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mw8v9_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_mw8v9_50{padding:var(--spacing-medium);align-self:center;width:90%;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_mw8v9_59{grid-area:controls;justify-self:end}._layerCardToggle_mw8v9_64{grid-area:toggle;justify-self:end}._layerCardContent_mw8v9_69{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_mw8v9_85{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_mw8v9_85:focus{outline:none;border:none}._layerCardContent_mw8v9_69:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,Vr,qr){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} /*$vite$:1*/`,document.head.appendChild(rr);function Ur(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ne={exports:{}},ke={};/** * @license React * react-jsx-runtime.production.min.js @@ -7,7 +7,7 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var ar;function Jr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function y(h,b,l){var m,_={},P=null,G=null;l!==void 0&&(P=""+l),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(m in b)c.call(b,m)&&!g.hasOwnProperty(m)&&(_[m]=b[m]);if(h&&h.defaultProps)for(m in b=h.defaultProps,b)_[m]===void 0&&(_[m]=b[m]);return{$$typeof:r,type:h,key:P,ref:G,props:_,_owner:v.current}}return ke.Fragment=i,ke.jsx=y,ke.jsxs=y,ke}var Se={};/** + */var ar;function Jr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,h=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(v,b,l){var y,_={},P=null,G=null;l!==void 0&&(P=""+l),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(v&&v.defaultProps)for(y in b=v.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:v,key:P,ref:G,props:_,_owner:h.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var je={};/** * @license React * react-jsx-runtime.development.js * @@ -15,36 +15,36 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var tr;function Xr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),y=Symbol.for("react.provider"),h=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),G=Symbol.for("react.offscreen"),X=Symbol.iterator,$="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var n=X&&e[X]||e[$];return typeof n=="function"?n:null}var V=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var n=arguments.length,u=new Array(n>1?n-1:0),x=1;x1?n-1:0),x=1;x=1&&ee>=0&&O[Q]!==ae[ee];)ee--;for(;Q>=1&&ee>=0;Q--,ee--)if(O[Q]!==ae[ee]){if(Q!==1||ee!==1)do if(Q--,ee--,ee<0||O[Q]!==ae[ee]){var ce=` -`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&j.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",ye=Te?R(Te):"";return typeof e=="function"&&j.set(e,ye),ye}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function me(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return R(e);switch(e){case l:return R("Suspense");case m:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return me(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return me(Y(z),n,u)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Lr={},Ir=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=me(e.type,e._source,n?n.type:null);Ir.setExtraStackFrame(u)}else Ir.setExtraStackFrame(null)}function ga(e,n,u,x,z){{var Y=Function.call.bind(je);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Lr)&&(Lr[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var va=Array.isArray;function Je(e){return va(e)}function ha(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ba(e){try{return Mr(e),!1}catch{return!0}}function Mr(e){return""+e}function Ar(e){if(ba(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ha(e)),Mr(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Nr,Fr,Xe;Xe={};function ya(e){if(je.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function _a(e){if(je.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function xa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function wa(e,n){{var u=function(){Nr||(Nr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var Ca=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function ka(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Ar(u),O=""+u),_a(n)&&(Ar(n.key),O=""+n.key),ya(n)&&(ae=n.ref,xa(n,z));for(Y in n)je.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&wa(L,ee),ae&&Ta(L,ee)}return Ca(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,zr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=me(e.type,e._source,n?n.type:null);zr.setExtraStackFrame(u)}else zr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Wr(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` +`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&R.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?E(Te):"";return typeof e=="function"&&R.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return E(e);switch(e){case l:return E("Suspense");case y:return E("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var Re=Object.prototype.hasOwnProperty,Lr={},Ir=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Ir.setExtraStackFrame(u)}else Ir.setExtraStackFrame(null)}function ga(e,n,u,x,z){{var Y=Function.call.bind(Re);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Lr)&&(Lr[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function va(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ba(e){try{return Mr(e),!1}catch{return!0}}function Mr(e){return""+e}function Ar(e){if(ba(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",va(e)),Mr(e)}var Pe=V.ReactCurrentOwner,ya={key:!0,ref:!0,__self:!0,__source:!0},Nr,Fr,Xe;Xe={};function ma(e){if(Re.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function _a(e){if(Re.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function xa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function wa(e,n){{var u=function(){Nr||(Nr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var Ca=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function ka(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Ar(u),O=""+u),_a(n)&&(Ar(n.key),O=""+n.key),ma(n)&&(ae=n.ref,xa(n,z));for(Y in n)Re.call(n,Y)&&!ya.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&wa(L,ee),ae&&Ta(L,ee)}return Ca(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,zr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);zr.setExtraStackFrame(u)}else zr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Wr(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` -Check the render method of \``+e+"`."}return""}}function Sa(e){return""}var Br={};function Ea(e){{var n=Wr();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` +Check the render method of \``+e+"`."}return""}}function ja(e){return""}var Br={};function Sa(e){{var n=Wr();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` -Check the top-level render call using <`+u+">.")}return n}}function $r(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ea(n);if(Br[u])return;Br[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Gr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=ka(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Hr[ye+er]){var Ia=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: +Check the top-level render call using <`+u+">.")}return n}}function $r(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Sa(n);if(Br[u])return;Br[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Gr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=ka(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Hr[me+er]){var Ia=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; - <%s key={someKey} {...props} />`,er,ye,Ia,ye),Hr[ye+er]=!0}}return e===c?ja(ee):Ra(ee),ee}}function Pa(e,n,u){return Yr(e,n,u,!0)}function Oa(e,n,u){return Yr(e,n,u,!1)}var Da=Oa,La=Pa;Se.Fragment=c,Se.jsx=Da,Se.jsxs=La}()),Se}process.env.NODE_ENV==="production"?Ne.exports=Jr():Ne.exports=Xr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 + <%s key={someKey} {...props} />`,er,me,Ia,me),Hr[me+er]=!0}}return e===c?Ra(ee):Ea(ee),ee}}function Pa(e,n,u){return Yr(e,n,u,!0)}function Oa(e,n,u){return Yr(e,n,u,!1)}var Da=Oa,La=Pa;je.Fragment=c,je.jsx=Da,je.jsxs=La}()),je}process.env.NODE_ENV==="production"?Ne.exports=Jr():Ne.exports=Xr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var nr;function Kr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,y=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,l=a?Symbol.for("react.concurrent_mode"):60111,m=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case l:case c:case g:case v:case _:return f;default:switch(f=f&&f.$$typeof,f){case h:case m:case X:case G:case y:return f;default:return le}}case i:return le}}}function q(f){return M(f)===l}return N.AsyncMode=b,N.ConcurrentMode=l,N.ContextConsumer=h,N.ContextProvider=y,N.Element=r,N.ForwardRef=m,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=v,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===h},N.isContextProvider=function(f){return M(f)===y},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===m},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===v},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===l||f===g||f===v||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===y||f.$$typeof===h||f.$$typeof===m||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 + */var nr;function Kr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,l=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case l:case c:case g:case h:case _:return f;default:switch(f=f&&f.$$typeof,f){case v:case y:case X:case G:case m:return f;default:return le}}case i:return le}}}function q(f){return M(f)===l}return N.AsyncMode=b,N.ConcurrentMode=l,N.ContextConsumer=v,N.ContextProvider=m,N.Element=r,N.ForwardRef=y,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=h,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===v},N.isContextProvider=function(f){return M(f)===m},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===y},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===h},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===l||f===g||f===h||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===m||f.$$typeof===v||f.$$typeof===y||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var or;function Zr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,y=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,l=a?Symbol.for("react.concurrent_mode"):60111,m=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===l||d===g||d===v||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===y||d.$$typeof===h||d.$$typeof===m||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case l:case c:case g:case v:case _:return xe;default:var me=xe&&xe.$$typeof;switch(me){case h:case m:case X:case G:case y:return me;default:return se}}case i:return se}}}var f=b,le=l,ge=h,ue=y,de=r,he=m,J=c,E=X,K=G,Z=i,ve=g,oe=v,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===l}function p(d){return q(d)===h}function S(d){return q(d)===y}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===m}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function R(d){return q(d)===i}function I(d){return q(d)===g}function j(d){return q(d)===v}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=he,F.Fragment=J,F.Lazy=E,F.Memo=K,F.Portal=Z,F.Profiler=ve,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=S,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=R,F.isProfiler=I,F.isStrictMode=j,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Kr():Oe.exports=Zr()),Oe.exports}/* + */var or;function Zr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,l=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===l||d===g||d===h||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===v||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case l:case c:case g:case h:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case v:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=l,ge=v,ue=m,de=r,ve=y,J=c,S=X,K=G,Z=i,he=g,oe=h,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===l}function p(d){return q(d)===v}function j(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function E(d){return q(d)===i}function I(d){return q(d)===g}function R(d){return q(d)===h}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=ve,F.Fragment=J,F.Lazy=S,F.Memo=K,F.Portal=Z,F.Profiler=he,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=j,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=E,F.isProfiler=I,F.isStrictMode=R,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Kr():Oe.exports=Zr()),Oe.exports}/* object-assign (c) Sindre Sorhus @license MIT -*/var ze,sr;function Qr(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var y={},h=0;h<10;h++)y["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(y).map(function(m){return y[m]});if(b.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(m){l[m]=m}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,y){for(var h,b=c(g),l,m=1;m1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),y;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,l,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:s.objectOf(s.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),y&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:l,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const l=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,m]=U.useReducer(fa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(l)},[l,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+El.upper?(V("right"),K=[l.lower,l.lower+E]):K=[l.lower+E,l.upper];else if(B==="right")l.upper+E>r.max&&(E=r.max-l.upper),l.upper+Er.max&&(E=r.max-l.upper),K=[l.lower+E,l.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);El.upper&&m({type:"ChangeValues",values:[l.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Or.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=jr,A.Standard=Pr,A.Swatch=mr,A.SwatchLegend=yr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +*/var ze,sr;function Qr(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function h(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},v=0;v<10;v++)m["_"+String.fromCharCode(v)]=v;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(y){l[y]=y}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=h()?Object.assign:function(g,m){for(var v,b=c(g),l,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(j,k,w,D,T){for(var C=j[k],E=0;E0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+E+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function ve(){function o(p,j,k,w,D){return Z(p[j])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,j,k,w){return new $((o||"React class")+": "+p+" type `"+j+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function S(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var R=o[I];if(typeof R!="function")return J(w,D,T,I,fe(R));var re=R(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},j[k],o);for(var R in I){var re=o[R];if(c(o,R)&&typeof re!="function")return J(w,D,T,R,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+R+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(j[k],null," ")+` +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,R,w,D,T+"."+R,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||v(o))return!0;var p=_(o);if(p){var j=p.call(o),k;if(p!==o.entries){for(;!(k=j.next()).done;)if(!Z(k.value))return!1}else for(;!(k=j.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function he(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":he(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=h,G.resetWarningCache=h.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,v,b,l,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function h(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:h,element:c,elementType:c,instanceOf:h,node:c,objectOf:h,oneOf:h,oneOfType:h,shape:h,exact:h,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},hr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});hr.propTypes={buttons:s.objectOf(s.func)};const vr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:vr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:vr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_93xja_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_93xja_11",layerCardAttribution:"_layerCardAttribution_93xja_11",layerCardHeader:"_layerCardHeader_93xja_25",layerCardTextWrapper:"_layerCardTextWrapper_93xja_34",layerCardTitle:"_layerCardTitle_93xja_42",layerCardDescription:"_layerCardDescription_93xja_50",layerCardControls:"_layerCardControls_93xja_58",layerCardToggle:"_layerCardToggle_93xja_63",layerCardContent:"_layerCardContent_93xja_68",layerCardInfoIcon:"_layerCardInfoIcon_93xja_84"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:h,children:g})=>{const[m,v]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(h||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>v(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[h&&t.jsx("span",{className:pe.layerCardDescription,children:h}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:h,units:g}=r;return t.jsx(yr,{label:c,color:i,value:h,units:g},c)})});mr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Se={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...h})=>t.jsx("div",{className:Se.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Se.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...h,children:[r&&t.jsx(W.Label,{className:Se.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Se.sliderTrack,children:t.jsx(W.SliderThumb,{className:Se.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:h,"aria-label":g,"aria-labelledby":m,className:v,maxValue:b,minValue:l,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());h(q)}else h(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${v||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:h,titleBelow:g=!1,bins:m=0,precision:v=2,units:b})=>{const l=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(h-c)/m*(_+1)).toPrecision(v);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[h," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:h,step:g,value:m=0,showLabel:v,...b})=>t.jsxs(W.Slider,{maxValue:h,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!v&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[v&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Ee={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),h=()=>{c(!i)};return t.jsxs("div",{className:Ee.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Ee.layerGroupButton,onClick:h,children:[t.jsx("div",{className:Ee.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Ee.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Ee.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:h,currentValues:g={},showValues:m})=>{const v=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,y]=U.useReducer(fa,{lower:v,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const S=(J-r.min)/(r.max-r.min);return _.current.clientWidth*S},[r]),f=U.useCallback(J=>{const S=J/_.current.clientWidth;return r.min+(r.max-r.min)*S},[r]),le=U.useCallback(J=>{const S=J/_.current.clientWidth;return(r.max-r.min)*S},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:h,step:i,bounds:r})},[i,h,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),h&&h(l)},[l,h]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let S=le(J.movementX);if(i!==0){let Z=H+S;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),S=Math.abs(i)):(Z+=Math.abs(i),S=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+Sl.upper?(V("right"),K=[l.lower,l.lower+S]):K=[l.lower+S,l.upper];else if(B==="right")l.upper+S>r.max&&(S=r.max-l.upper),l.upper+Sr.max&&(S=r.max-l.upper),K=[l.lower+S,l.upper+S];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const ve=J=>{J.preventDefault();const S=f(J.nativeEvent.offsetX);Sl.upper&&y({type:"ChangeValues",values:[l.lower,S],bounds:r,step:i,callback:h})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:ve}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const jr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Sr={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Sr.infoPanelContainer} ${Sr[r]}`,children:a}),Er=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),h=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:h,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Er.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Rr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});Rr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:h}=c;return t.jsx("div",{className:Or.sliderLabel,children:h})}),i&&i.map(c=>{const{onChange:h,min:g,max:m,step:v,value:b}=c;return t.jsx(xr,{onChange:h,units:r,min:g,max:m,step:v,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=hr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=jr,A.RangeSlider=Tr,A.SidebarContainer=Er,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=Rr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); diff --git a/src/components/composite/LayerCard.module.css b/src/components/composite/LayerCard.module.css index 907d2d6..0fa60a7 100644 --- a/src/components/composite/LayerCard.module.css +++ b/src/components/composite/LayerCard.module.css @@ -9,7 +9,7 @@ } .layerCardAttributionWrapper { - margin-top: 4px; + margin-top: 4px 0; font-size: 0.7rem; font-style: italic; align-self: center; @@ -50,7 +50,6 @@ .layerCardDescription { padding: var(--spacing-medium); align-self: center; - width: 90%; text-wrap: pretty; word-wrap: break-word; font-size: var(--text-size-small); From 803117007bef3f9391b072e3dc41e9ba51c96148 Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 26 Jan 2026 10:48:44 -0500 Subject: [PATCH 07/10] chore: Build --- dist/index.css | 2 +- dist/spk-library.es.js | 438 +++++++++++++++++++++------------------- dist/spk-library.umd.js | 24 +-- 3 files changed, 240 insertions(+), 224 deletions(-) diff --git a/dist/index.css b/dist/index.css index 0ef13f1..ff3b182 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1 +1 @@ -.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index 659541e..cab9ccf 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1,9 +1,9 @@ import Pr, { useState as de, useReducer as ln, useRef as cn, useCallback as Ce, useEffect as Pe } from "react"; import { FontAwesomeIcon as je } from "@fortawesome/react-fontawesome"; -import { faTrash as un, faFilter as fn, faInfo as kr, faFillDrip as dn, faEllipsisVertical as pn, faChevronRight as Ar, faChevronLeft as vn, faArrowsLeftRight as yn, faCalendar as hn, faChevronDown as mn } from "@fortawesome/free-solid-svg-icons"; -import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as $r, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as Cn, DateSegment as wn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; -import { useHover as An } from "react-aria"; -import { CalendarDate as $n } from "@internationalized/date"; +import { faTrash as un, faFilter as fn, faInfo as kr, faFillDrip as dn, faEllipsisVertical as pn, faChevronRight as $r, faChevronLeft as vn, faArrowsLeftRight as yn, faCalendar as hn, faChevronDown as mn } from "@fortawesome/free-solid-svg-icons"; +import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as Ar, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as Cn, DateSegment as wn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; +import { useHover as $n } from "react-aria"; +import { CalendarDate as An } from "@internationalized/date"; import './index.css';function In(n) { return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n; } @@ -22,9 +22,9 @@ function Nn() { if (yr) return we; yr = 1; var n = Pr, r = Symbol.for("react.element"), i = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 }; - function g(h, m, s) { + function g(h, m, l) { var _, b = {}, P = null, q = null; - s !== void 0 && (P = "" + s), m.key !== void 0 && (P = "" + m.key), m.ref !== void 0 && (q = m.ref); + l !== void 0 && (P = "" + l), m.key !== void 0 && (P = "" + m.key), m.ref !== void 0 && (q = m.ref); for (_ in m) c.call(m, _) && !v.hasOwnProperty(_) && (b[_] = m[_]); if (h && h.defaultProps) for (_ in m = h.defaultProps, m) b[_] === void 0 && (b[_] = m[_]); return { $$typeof: r, type: h, key: P, ref: q, props: b, _owner: y.current }; @@ -44,7 +44,7 @@ var Ee = {}; var hr; function Dn() { return hr || (hr = 1, process.env.NODE_ENV !== "production" && function() { - var n = Pr, r = Symbol.for("react.element"), i = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), q = Symbol.for("react.offscreen"), U = Symbol.iterator, F = "@@iterator"; + var n = Pr, r = Symbol.for("react.element"), i = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), q = Symbol.for("react.offscreen"), U = Symbol.iterator, F = "@@iterator"; function W(e) { if (e === null || typeof e != "object") return null; @@ -63,8 +63,8 @@ function Dn() { { var x = H.ReactDebugCurrentFrame, D = x.getStackAddendum(); D !== "" && (a += "%s", f = f.concat([D])); - var V = f.map(function($) { - return String($); + var V = f.map(function(A) { + return String(A); }); V.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, V); } @@ -72,7 +72,7 @@ function Dn() { var B = !1, d = !1, te = !1, ce = !1, se = !1, ie; ie = Symbol.for("react.module.reference"); function pe(e) { - return !!(typeof e == "string" || typeof e == "function" || e === c || e === v || se || e === y || e === s || e === _ || ce || e === q || B || d || te || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === b || e.$$typeof === g || e.$$typeof === h || e.$$typeof === m || // This needs to include all possible module reference object + return !!(typeof e == "string" || typeof e == "function" || e === c || e === v || se || e === y || e === l || e === _ || ce || e === q || B || d || te || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === b || e.$$typeof === g || e.$$typeof === h || e.$$typeof === m || // This needs to include all possible module reference object // types supported by any Flight configuration anywhere since // we don't know which Flight build this will end up being used // with. @@ -104,7 +104,7 @@ function Dn() { return "Profiler"; case y: return "StrictMode"; - case s: + case l: return "Suspense"; case _: return "SuspenseList"; @@ -123,9 +123,9 @@ function Dn() { var x = e.displayName || null; return x !== null ? x : z(e.type) || "Memo"; case P: { - var D = e, V = D._payload, $ = D._init; + var D = e, V = D._payload, A = D._init; try { - return z($(V)); + return z(A(V)); } catch { return null; } @@ -160,7 +160,7 @@ function Dn() { ue++; } } - function A() { + function $() { { if (ue--, ue === 0) { var e = { @@ -230,27 +230,27 @@ function Dn() { V = C.current, C.current = null, T(); try { if (a) { - var $ = function() { + var A = function() { throw Error(); }; - if (Object.defineProperty($.prototype, "props", { + if (Object.defineProperty(A.prototype, "props", { set: function() { throw Error(); } }), typeof Reflect == "object" && Reflect.construct) { try { - Reflect.construct($, []); + Reflect.construct(A, []); } catch (ee) { x = ee; } - Reflect.construct(e, [], $); + Reflect.construct(e, [], A); } else { try { - $.call(); + A.call(); } catch (ee) { x = ee; } - e.call($.prototype); + e.call(A.prototype); } } else { try { @@ -280,7 +280,7 @@ function Dn() { } } } finally { - I = !1, C.current = V, A(), Error.prepareStackTrace = D; + I = !1, C.current = V, $(), Error.prepareStackTrace = D; } var be = e ? e.displayName || e.name : "", he = be ? j(be) : ""; return typeof e == "function" && O.set(e, he), he; @@ -300,7 +300,7 @@ function Dn() { if (typeof e == "string") return j(e); switch (e) { - case s: + case l: return j("Suspense"); case _: return j("SuspenseList"); @@ -332,19 +332,19 @@ function Dn() { function Wr(e, a, f, x, D) { { var V = Function.call.bind(xe); - for (var $ in e) - if (V(e, $)) { + for (var A in e) + if (V(e, A)) { var k = void 0; try { - if (typeof e[$] != "function") { - var Q = Error((x || "React class") + ": " + f + " type `" + $ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[$] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); + if (typeof e[A] != "function") { + var Q = Error((x || "React class") + ": " + f + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); throw Q.name = "Invariant Violation", Q; } - k = e[$](a, $, x, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); + k = e[A](a, A, x, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); } catch (K) { k = K; } - k && !(k instanceof Error) && (Oe(D), Y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", f, $, typeof k), Oe(null)), k instanceof Error && !(k.message in rr) && (rr[k.message] = !0, Oe(D), Y("Failed %s type: %s", f, k.message), Oe(null)); + k && !(k instanceof Error) && (Oe(D), Y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", f, A, typeof k), Oe(null)), k instanceof Error && !(k.message in rr) && (rr[k.message] = !0, Oe(D), Y("Failed %s type: %s", f, k.message), Oe(null)); } } } @@ -423,7 +423,7 @@ function Dn() { }); } } - var Jr = function(e, a, f, x, D, V, $) { + var Jr = function(e, a, f, x, D, V, A) { var k = { // This tag allows us to uniquely identify this as a React Element $$typeof: r, @@ -431,7 +431,7 @@ function Dn() { type: e, key: a, ref: f, - props: $, + props: A, // Record the component responsible for creating this element. _owner: V }; @@ -454,20 +454,20 @@ function Dn() { }; function Kr(e, a, f, x, D) { { - var V, $ = {}, k = null, Q = null; + var V, A = {}, k = null, Q = null; f !== void 0 && (ar(f), k = "" + f), Br(a) && (ar(a.key), k = "" + a.key), Hr(a) && (Q = a.ref, Gr(a, D)); for (V in a) - xe.call(a, V) && !Vr.hasOwnProperty(V) && ($[V] = a[V]); + xe.call(a, V) && !Vr.hasOwnProperty(V) && (A[V] = a[V]); if (e && e.defaultProps) { var K = e.defaultProps; for (V in K) - $[V] === void 0 && ($[V] = K[V]); + A[V] === void 0 && (A[V] = K[V]); } if (k || Q) { var X = typeof e == "function" ? e.displayName || e.name || "Unknown" : e; - k && Ur($, X), Q && zr($, X); + k && Ur(A, X), Q && zr(A, X); } - return Jr(e, k, Q, D, x, Te.current, $); + return Jr(e, k, Q, D, x, Te.current, A); } } var Me = H.ReactCurrentOwner, sr = H.ReactDebugCurrentFrame; @@ -538,8 +538,8 @@ Check the top-level render call using <` + f + ">."); else if (e) { var D = W(e); if (typeof D == "function" && D !== e.entries) - for (var V = D.call(e), $; !($ = V.next()).done; ) - Fe($.value) && ur($.value, a); + for (var V = D.call(e), A; !(A = V.next()).done; ) + Fe(A.value) && ur(A.value, a); } } } @@ -583,8 +583,8 @@ Check the top-level render call using <` + f + ">."); var dr = {}; function pr(e, a, f, x, D, V) { { - var $ = pe(e); - if (!$) { + var A = pe(e); + if (!A) { var k = ""; (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."); var Q = Xr(); @@ -595,7 +595,7 @@ Check the top-level render call using <` + f + ">."); var X = Kr(e, a, f, D, V); if (X == null) return X; - if ($) { + if (A) { var oe = a.children; if (oe !== void 0) if (x) @@ -649,7 +649,7 @@ var mr; function Ln() { if (mr) return L; mr = 1; - var n = typeof Symbol == "function" && Symbol.for, r = n ? Symbol.for("react.element") : 60103, i = n ? Symbol.for("react.portal") : 60106, c = n ? Symbol.for("react.fragment") : 60107, y = n ? Symbol.for("react.strict_mode") : 60108, v = n ? Symbol.for("react.profiler") : 60114, g = n ? Symbol.for("react.provider") : 60109, h = n ? Symbol.for("react.context") : 60110, m = n ? Symbol.for("react.async_mode") : 60111, s = n ? Symbol.for("react.concurrent_mode") : 60111, _ = n ? Symbol.for("react.forward_ref") : 60112, b = n ? Symbol.for("react.suspense") : 60113, P = n ? Symbol.for("react.suspense_list") : 60120, q = n ? Symbol.for("react.memo") : 60115, U = n ? Symbol.for("react.lazy") : 60116, F = n ? Symbol.for("react.block") : 60121, W = n ? Symbol.for("react.fundamental") : 60117, H = n ? Symbol.for("react.responder") : 60118, Y = n ? Symbol.for("react.scope") : 60119; + var n = typeof Symbol == "function" && Symbol.for, r = n ? Symbol.for("react.element") : 60103, i = n ? Symbol.for("react.portal") : 60106, c = n ? Symbol.for("react.fragment") : 60107, y = n ? Symbol.for("react.strict_mode") : 60108, v = n ? Symbol.for("react.profiler") : 60114, g = n ? Symbol.for("react.provider") : 60109, h = n ? Symbol.for("react.context") : 60110, m = n ? Symbol.for("react.async_mode") : 60111, l = n ? Symbol.for("react.concurrent_mode") : 60111, _ = n ? Symbol.for("react.forward_ref") : 60112, b = n ? Symbol.for("react.suspense") : 60113, P = n ? Symbol.for("react.suspense_list") : 60120, q = n ? Symbol.for("react.memo") : 60115, U = n ? Symbol.for("react.lazy") : 60116, F = n ? Symbol.for("react.block") : 60121, W = n ? Symbol.for("react.fundamental") : 60117, H = n ? Symbol.for("react.responder") : 60118, Y = n ? Symbol.for("react.scope") : 60119; function N(d) { if (typeof d == "object" && d !== null) { var te = d.$$typeof; @@ -657,7 +657,7 @@ function Ln() { case r: switch (d = d.type, d) { case m: - case s: + case l: case c: case v: case y: @@ -681,9 +681,9 @@ function Ln() { } } function B(d) { - return N(d) === s; + return N(d) === l; } - return L.AsyncMode = m, L.ConcurrentMode = s, L.ContextConsumer = h, L.ContextProvider = g, L.Element = r, L.ForwardRef = _, L.Fragment = c, L.Lazy = U, L.Memo = q, L.Portal = i, L.Profiler = v, L.StrictMode = y, L.Suspense = b, L.isAsyncMode = function(d) { + return L.AsyncMode = m, L.ConcurrentMode = l, L.ContextConsumer = h, L.ContextProvider = g, L.Element = r, L.ForwardRef = _, L.Fragment = c, L.Lazy = U, L.Memo = q, L.Portal = i, L.Profiler = v, L.StrictMode = y, L.Suspense = b, L.isAsyncMode = function(d) { return B(d) || N(d) === m; }, L.isConcurrentMode = B, L.isContextConsumer = function(d) { return N(d) === h; @@ -708,7 +708,7 @@ function Ln() { }, L.isSuspense = function(d) { return N(d) === b; }, L.isValidElementType = function(d) { - return typeof d == "string" || typeof d == "function" || d === c || d === s || d === v || d === y || d === b || d === P || typeof d == "object" && d !== null && (d.$$typeof === U || d.$$typeof === q || d.$$typeof === g || d.$$typeof === h || d.$$typeof === _ || d.$$typeof === W || d.$$typeof === H || d.$$typeof === Y || d.$$typeof === F); + return typeof d == "string" || typeof d == "function" || d === c || d === l || d === v || d === y || d === b || d === P || typeof d == "object" && d !== null && (d.$$typeof === U || d.$$typeof === q || d.$$typeof === g || d.$$typeof === h || d.$$typeof === _ || d.$$typeof === W || d.$$typeof === H || d.$$typeof === Y || d.$$typeof === F); }, L.typeOf = N, L; } var M = {}; @@ -723,10 +723,10 @@ var M = {}; var _r; function Mn() { return _r || (_r = 1, process.env.NODE_ENV !== "production" && function() { - var n = typeof Symbol == "function" && Symbol.for, r = n ? Symbol.for("react.element") : 60103, i = n ? Symbol.for("react.portal") : 60106, c = n ? Symbol.for("react.fragment") : 60107, y = n ? Symbol.for("react.strict_mode") : 60108, v = n ? Symbol.for("react.profiler") : 60114, g = n ? Symbol.for("react.provider") : 60109, h = n ? Symbol.for("react.context") : 60110, m = n ? Symbol.for("react.async_mode") : 60111, s = n ? Symbol.for("react.concurrent_mode") : 60111, _ = n ? Symbol.for("react.forward_ref") : 60112, b = n ? Symbol.for("react.suspense") : 60113, P = n ? Symbol.for("react.suspense_list") : 60120, q = n ? Symbol.for("react.memo") : 60115, U = n ? Symbol.for("react.lazy") : 60116, F = n ? Symbol.for("react.block") : 60121, W = n ? Symbol.for("react.fundamental") : 60117, H = n ? Symbol.for("react.responder") : 60118, Y = n ? Symbol.for("react.scope") : 60119; + var n = typeof Symbol == "function" && Symbol.for, r = n ? Symbol.for("react.element") : 60103, i = n ? Symbol.for("react.portal") : 60106, c = n ? Symbol.for("react.fragment") : 60107, y = n ? Symbol.for("react.strict_mode") : 60108, v = n ? Symbol.for("react.profiler") : 60114, g = n ? Symbol.for("react.provider") : 60109, h = n ? Symbol.for("react.context") : 60110, m = n ? Symbol.for("react.async_mode") : 60111, l = n ? Symbol.for("react.concurrent_mode") : 60111, _ = n ? Symbol.for("react.forward_ref") : 60112, b = n ? Symbol.for("react.suspense") : 60113, P = n ? Symbol.for("react.suspense_list") : 60120, q = n ? Symbol.for("react.memo") : 60115, U = n ? Symbol.for("react.lazy") : 60116, F = n ? Symbol.for("react.block") : 60121, W = n ? Symbol.for("react.fundamental") : 60117, H = n ? Symbol.for("react.responder") : 60118, Y = n ? Symbol.for("react.scope") : 60119; function N(u) { return typeof u == "string" || typeof u == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. - u === c || u === s || u === v || u === y || u === b || u === P || typeof u == "object" && u !== null && (u.$$typeof === U || u.$$typeof === q || u.$$typeof === g || u.$$typeof === h || u.$$typeof === _ || u.$$typeof === W || u.$$typeof === H || u.$$typeof === Y || u.$$typeof === F); + u === c || u === l || u === v || u === y || u === b || u === P || typeof u == "object" && u !== null && (u.$$typeof === U || u.$$typeof === q || u.$$typeof === g || u.$$typeof === h || u.$$typeof === _ || u.$$typeof === W || u.$$typeof === H || u.$$typeof === Y || u.$$typeof === F); } function B(u) { if (typeof u == "object" && u !== null) { @@ -736,7 +736,7 @@ function Mn() { var _e = u.type; switch (_e) { case m: - case s: + case l: case c: case v: case y: @@ -760,12 +760,12 @@ function Mn() { } } } - var d = m, te = s, ce = h, se = g, ie = r, pe = _, G = c, S = U, z = q, J = i, ue = v, ne = y, le = b, ve = !1; + var d = m, te = l, ce = h, se = g, ie = r, pe = _, G = c, S = U, z = q, J = i, ue = v, ne = y, le = b, ve = !1; function me(u) { return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(u) || B(u) === m; } function o(u) { - return B(u) === s; + return B(u) === l; } function p(u) { return B(u) === h; @@ -779,7 +779,7 @@ function Mn() { function T(u) { return B(u) === _; } - function A(u) { + function $(u) { return B(u) === c; } function C(u) { @@ -800,7 +800,7 @@ function Mn() { function Z(u) { return B(u) === b; } - M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = A, M.isLazy = C, M.isMemo = w, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; + M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = $, M.isLazy = C, M.isMemo = w, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; }()), M; } var gr; @@ -836,23 +836,23 @@ function Wn() { }); if (m.join("") !== "0123456789") return !1; - var s = {}; + var l = {}; return "abcdefghijklmnopqrst".split("").forEach(function(_) { - s[_] = _; - }), Object.keys(Object.assign({}, s)).join("") === "abcdefghijklmnopqrst"; + l[_] = _; + }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst"; } catch { return !1; } } return Ye = y() ? Object.assign : function(v, g) { - for (var h, m = c(v), s, _ = 1; _ < arguments.length; _++) { + for (var h, m = c(v), l, _ = 1; _ < arguments.length; _++) { h = Object(arguments[_]); for (var b in h) r.call(h, b) && (m[b] = h[b]); if (n) { - s = n(h); - for (var P = 0; P < s.length; P++) - i.call(h, s[P]) && (m[s[P]] = h[s[P]]); + l = n(h); + for (var P = 0; P < l.length; P++) + i.call(h, l[P]) && (m[l[P]] = h[l[P]]); } } return m; @@ -886,7 +886,7 @@ function Fn() { } }; } - function y(v, g, h, m, s) { + function y(v, g, h, m, l) { if (process.env.NODE_ENV !== "production") { for (var _ in v) if (c(v, _)) { @@ -906,7 +906,7 @@ function Fn() { (m || "React class") + ": type specification of " + h + " `" + _ + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof b + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)." ), b instanceof Error && !(b.message in i)) { i[b.message] = !0; - var q = s ? s() : ""; + var q = l ? l() : ""; n( "Failed " + h + " type: " + b.message + (q ?? "") ); @@ -936,9 +936,9 @@ function qn() { return null; } return Ge = function(h, m) { - var s = typeof Symbol == "function" && Symbol.iterator, _ = "@@iterator"; + var l = typeof Symbol == "function" && Symbol.iterator, _ = "@@iterator"; function b(o) { - var p = o && (s && o[s] || o[_]); + var p = o && (l && o[l] || o[_]); if (typeof p == "function") return p; } @@ -973,7 +973,7 @@ function qn() { function W(o) { if (process.env.NODE_ENV !== "production") var p = {}, R = 0; - function E(A, C, w, j, I, O, Z) { + function E($, C, w, j, I, O, Z) { if (j = j || P, O = O || w, Z !== i) { if (m) { var u = new Error( @@ -988,18 +988,18 @@ function qn() { ), p[ae] = !0, R++); } } - return C[w] == null ? A ? C[w] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(C, w, j, I, O); + return C[w] == null ? $ ? C[w] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(C, w, j, I, O); } var T = E.bind(null, !1); return T.isRequired = E.bind(null, !0), T; } function H(o) { - function p(R, E, T, A, C, w) { + function p(R, E, T, $, C, w) { var j = R[E], I = ne(j); if (I !== o) { var O = le(j); return new F( - "Invalid " + A + " `" + C + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), + "Invalid " + $ + " `" + C + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), { expectedType: o } ); } @@ -1011,16 +1011,16 @@ function qn() { return W(g); } function N(o) { - function p(R, E, T, A, C) { + function p(R, E, T, $, C) { if (typeof o != "function") return new F("Property `" + C + "` of component `" + T + "` has invalid PropType notation inside arrayOf."); var w = R[E]; if (!Array.isArray(w)) { var j = ne(w); - return new F("Invalid " + A + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); + return new F("Invalid " + $ + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); } for (var I = 0; I < w.length; I++) { - var O = o(w, I, T, A, C + "[" + I + "]", i); + var O = o(w, I, T, $, C + "[" + I + "]", i); if (O instanceof Error) return O; } @@ -1029,32 +1029,32 @@ function qn() { return W(p); } function B() { - function o(p, R, E, T, A) { + function o(p, R, E, T, $) { var C = p[R]; if (!h(C)) { var w = ne(C); - return new F("Invalid " + T + " `" + A + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement.")); + return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement.")); } return null; } return W(o); } function d() { - function o(p, R, E, T, A) { + function o(p, R, E, T, $) { var C = p[R]; if (!n.isValidElementType(C)) { var w = ne(C); - return new F("Invalid " + T + " `" + A + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement type.")); + return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement type.")); } return null; } return W(o); } function te(o) { - function p(R, E, T, A, C) { + function p(R, E, T, $, C) { if (!(R[E] instanceof o)) { var w = o.name || P, j = me(R[E]); - return new F("Invalid " + A + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + w + "`.")); + return new F("Invalid " + $ + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + w + "`.")); } return null; } @@ -1065,7 +1065,7 @@ function qn() { return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? v( "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])." ) : v("Invalid argument supplied to oneOf, expected an array.")), g; - function p(R, E, T, A, C) { + function p(R, E, T, $, C) { for (var w = R[E], j = 0; j < o.length; j++) if (U(w, o[j])) return null; @@ -1073,20 +1073,20 @@ function qn() { var ae = le(u); return ae === "symbol" ? String(u) : u; }); - return new F("Invalid " + A + " `" + C + "` of value `" + String(w) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); + return new F("Invalid " + $ + " `" + C + "` of value `" + String(w) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); } return W(p); } function se(o) { - function p(R, E, T, A, C) { + function p(R, E, T, $, C) { if (typeof o != "function") return new F("Property `" + C + "` of component `" + T + "` has invalid PropType notation inside objectOf."); var w = R[E], j = ne(w); if (j !== "object") - return new F("Invalid " + A + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); + return new F("Invalid " + $ + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); for (var I in w) if (c(w, I)) { - var O = o(w, I, T, A, C + "." + I, i); + var O = o(w, I, T, $, C + "." + I, i); if (O instanceof Error) return O; } @@ -1104,9 +1104,9 @@ function qn() { "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(R) + " at index " + p + "." ), g; } - function E(T, A, C, w, j) { + function E(T, $, C, w, j) { for (var I = [], O = 0; O < o.length; O++) { - var Z = o[O], u = Z(T, A, C, w, j, i); + var Z = o[O], u = Z(T, $, C, w, j, i); if (u == null) return null; u.data && c(u.data, "expectedType") && I.push(u.data.expectedType); @@ -1117,8 +1117,8 @@ function qn() { return W(E); } function pe() { - function o(p, R, E, T, A) { - return J(p[R]) ? null : new F("Invalid " + T + " `" + A + "` supplied to " + ("`" + E + "`, expected a ReactNode.")); + function o(p, R, E, T, $) { + return J(p[R]) ? null : new F("Invalid " + T + " `" + $ + "` supplied to " + ("`" + E + "`, expected a ReactNode.")); } return W(o); } @@ -1128,15 +1128,15 @@ function qn() { ); } function S(o) { - function p(R, E, T, A, C) { + function p(R, E, T, $, C) { var w = R[E], j = ne(w); if (j !== "object") - return new F("Invalid " + A + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + $ + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); for (var I in o) { var O = o[I]; if (typeof O != "function") - return G(T, A, C, I, le(O)); - var Z = O(w, I, T, A, C + "." + I, i); + return G(T, $, C, I, le(O)); + var Z = O(w, I, T, $, C + "." + I, i); if (Z) return Z; } @@ -1145,21 +1145,21 @@ function qn() { return W(p); } function z(o) { - function p(R, E, T, A, C) { + function p(R, E, T, $, C) { var w = R[E], j = ne(w); if (j !== "object") - return new F("Invalid " + A + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + $ + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); var I = r({}, R[E], o); for (var O in I) { var Z = o[O]; if (c(o, O) && typeof Z != "function") - return G(T, A, C, O, le(Z)); + return G(T, $, C, O, le(Z)); if (!Z) return new F( - "Invalid " + A + " `" + C + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` + "Invalid " + $ + " `" + C + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` Valid keys: ` + JSON.stringify(Object.keys(o), null, " ") ); - var u = Z(w, O, T, A, C + "." + O, i); + var u = Z(w, O, T, $, C + "." + O, i); if (u) return u; } @@ -1249,7 +1249,7 @@ function Yn() { function i() { } return i.resetWarningCache = r, Ue = function() { - function c(g, h, m, s, _, b) { + function c(g, h, m, l, _, b) { if (b !== n) { var P = new Error( "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types" @@ -1293,7 +1293,7 @@ if (process.env.NODE_ENV !== "production") { } else Xe.exports = Yn()(); var Bn = Xe.exports; -const l = /* @__PURE__ */ In(Bn), Gn = "_iconButton_1963e_1", Un = { +const s = /* @__PURE__ */ In(Bn), Gn = "_iconButton_1963e_1", Un = { iconButton: Gn }, zn = { trash: un, @@ -1301,11 +1301,11 @@ const l = /* @__PURE__ */ In(Bn), Gn = "_iconButton_1963e_1", Un = { info: kr, fill: dn, ellipsis: pn, - chevronRight: Ar, + chevronRight: $r, chevronLeft: vn }, er = ({ onClick: n, iconName: r }) => /* @__PURE__ */ t.jsx("div", { className: Un.iconButton, children: /* @__PURE__ */ t.jsx("button", { "aria-label": r, type: "button", onClick: n, children: /* @__PURE__ */ t.jsx(je, { icon: zn[r] }) }) }); er.propTypes = { - iconName: l.oneOf([ + iconName: s.oneOf([ "trash", "filter", "info", @@ -1314,23 +1314,23 @@ er.propTypes = { "chevronLeft", "chevronRight" ]), - onClick: l.func.isRequired + onClick: s.func.isRequired }; const Jn = "_layerButtonReel_1o59k_1", Kn = { layerButtonReel: Jn }, Xn = ({ buttons: n }) => /* @__PURE__ */ t.jsx("div", { className: Kn.layerButtonReel, children: n && Object.keys(n).map((r) => /* @__PURE__ */ t.jsx(er, { iconName: r, onClick: n[r] })) }); Xn.propTypes = { - buttons: l.objectOf(l.func) + buttons: s.objectOf(s.func) }; const Zn = "_indicator_1wt51_19", Rr = { switch: "_switch_1wt51_7", indicator: Zn }, Mr = ({ layerName: n, isActive: r = !1, onChange: i, ...c }) => /* @__PURE__ */ t.jsx(_n, { ...c, className: Rr.switch, isSelected: r, onChange: i, "aria-label": n, value: n, children: /* @__PURE__ */ t.jsx("div", { className: Rr.indicator }) }); Mr.propTypes = { - layerName: l.string, - isActive: l.bool, - onChange: l.func.isRequired, - disabled: l.bool + layerName: s.string, + isActive: s.bool, + onChange: s.func.isRequired, + disabled: s.bool }; const Qn = "_layerCard_93xja_1", et = "_layerCardAttributionWrapper_93xja_11", rt = "_layerCardAttribution_93xja_11", nt = "_layerCardHeader_93xja_25", tt = "_layerCardTextWrapper_93xja_34", at = "_layerCardTitle_93xja_42", ot = "_layerCardDescription_93xja_50", it = "_layerCardControls_93xja_58", st = "_layerCardToggle_93xja_63", lt = "_layerCardContent_93xja_68", ct = "_layerCardInfoIcon_93xja_84", fe = { layerCard: Qn, @@ -1395,35 +1395,35 @@ const Qn = "_layerCard_93xja_1", et = "_layerCardAttributionWrapper_93xja_11", r ] }); }; ut.propTypes = { - layerName: l.string.isRequired, - isActive: l.bool, - onChange: l.func.isRequired, - description: l.string, - attribution: l.objectOf({ - url: l.string, - text: l.string + layerName: s.string.isRequired, + isActive: s.bool, + onChange: s.func.isRequired, + description: s.string, + attribution: s.objectOf({ + url: s.string, + text: s.string }), - children: l.oneOfType([ - l.arrayOf(l.node), - l.node + children: s.oneOfType([ + s.arrayOf(s.node), + s.node ]) }; -const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabel_771fp_18", vt = "_swatchValue_771fp_24", Ae = { +const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabel_771fp_18", vt = "_swatchValue_771fp_24", $e = { swatchContainer: ft, swatch: dt, swatchLabel: pt, swatchValue: vt -}, yt = ({ color: n, label: r = "", value: i, units: c = "" }) => /* @__PURE__ */ t.jsxs("div", { className: Ae.swatchContainer, children: [ +}, yt = ({ color: n, label: r = "", value: i, units: c = "" }) => /* @__PURE__ */ t.jsxs("div", { className: $e.swatchContainer, children: [ /* @__PURE__ */ t.jsx( "div", { "data-testid": "swatch", - className: Ae.swatch, + className: $e.swatch, style: { backgroundColor: n } } ), - /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-label", className: Ae.swatchLabel, children: r }), - /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-value", className: Ae.swatchValue, children: i !== void 0 && `${i}${c}` }) + /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-label", className: $e.swatchLabel, children: r }), + /* @__PURE__ */ t.jsx("div", { "data-testid": "swatch-value", className: $e.swatchValue, children: i !== void 0 && `${i}${c}` }) ] }), ht = "_swatchLegend_qiaru_1", mt = { swatchLegend: ht }, _t = ({ swatches: n }) => /* @__PURE__ */ t.jsx("div", { className: mt.swatchLegend, children: n && n.map((r) => { @@ -1440,7 +1440,7 @@ const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabe ); }) }); _t.propTypes = { - swatches: l.arrayOf(l.objectOf(l.string)).isRequired + swatches: s.arrayOf(s.objectOf(s.string)).isRequired }; const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1bnet_20", Tt = "_sliderTrack_1bnet_41", Ct = "_comparisonControl_1bnet_66", Re = { slider: gt, @@ -1448,20 +1448,20 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 sliderThumb: xt, sliderTrack: Tt, comparisonControl: Ct -}, Ea = ({ +}, Ra = ({ label: n, showLabel: r = !0, onChange: i, value: c = 50, ...y -}) => /* @__PURE__ */ t.jsx("div", { className: Re.comparisonControl, children: /* @__PURE__ */ t.jsxs($r, { maxValue: 94, minValue: 6, step: 0.1, className: Re.slider, "aria-label": !r && typeof n == "string" ? n : void 0, onChange: i, value: c, ...y, children: [ +}) => /* @__PURE__ */ t.jsx("div", { className: Re.comparisonControl, children: /* @__PURE__ */ t.jsxs(Ar, { maxValue: 94, minValue: 6, step: 0.1, className: Re.slider, "aria-label": !r && typeof n == "string" ? n : void 0, onChange: i, value: c, ...y, children: [ r && /* @__PURE__ */ t.jsx(Ze, { className: Re.sliderLabel, children: n }), /* @__PURE__ */ t.jsx(Ir, { className: Re.sliderTrack, children: /* @__PURE__ */ t.jsx(Nr, { className: Re.sliderThumb, children: /* @__PURE__ */ t.jsx(je, { color: "white", icon: yn }) }) }) ] }) }), wt = "_datePicker_ywin1_1 react-aria-DatePicker", Et = "_dateInput_ywin1_12 react-aria-DateInput", Rt = "_hoverDatepicker_ywin1_17", ze = { datePicker: wt, dateInput: Et, hoverDatepicker: Rt -}, Je = (n) => new $n(n.getFullYear(), n.getMonth() + 1, n.getDate()), Ra = ({ +}, Je = (n) => new An(n.getFullYear(), n.getMonth() + 1, n.getDate()), Sa = ({ label: n, helperText: r, errorMessage: i, @@ -1471,10 +1471,10 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 "aria-labelledby": g, className: h, maxValue: m, - minValue: s, + minValue: l, ..._ }) => { - const [b, P] = de(!1), { hoverProps: q, isHovered: U } = An({}), F = c ? Je(c) : null, W = m ? Je(m) : null, H = s ? Je(s) : null, Y = (N) => { + const [b, P] = de(!1), { hoverProps: q, isHovered: U } = $n({}), F = c ? Je(c) : null, W = m ? Je(m) : null, H = l ? Je(l) : null, Y = (N) => { if (N) { const B = new Date(N.toString()); y(B); @@ -1525,7 +1525,7 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 ] } ); -}, St = "_gradient_1w8qh_1", jt = "_gradientNumbers_1w8qh_6", Ot = "_gradientLegend_1w8qh_11", $e = { +}, St = "_gradient_1w8qh_1", jt = "_gradientNumbers_1w8qh_6", Ot = "_gradientLegend_1w8qh_11", Ae = { gradient: St, gradientNumbers: jt, gradientLegend: Ot @@ -1540,7 +1540,7 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 precision: h = 2, units: m }) => { - const s = g > 0 ? Array(g - 1).fill(0).map((_, b) => { + const l = g > 0 ? Array(g - 1).fill(0).map((_, b) => { const P = (c + (y - c) / g * (b + 1)).toPrecision(h); return /* @__PURE__ */ t.jsx("span", { children: P }, P); }) : []; @@ -1549,30 +1549,30 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 " ", n ] }), - /* @__PURE__ */ t.jsxs("div", { className: $e.gradientLegend, children: [ + /* @__PURE__ */ t.jsxs("div", { className: Ae.gradientLegend, children: [ /* @__PURE__ */ t.jsx( "div", { - className: $e.gradient, + className: Ae.gradient, style: { background: `linear-gradient(to right, ${r} , ${i})` } } ), - /* @__PURE__ */ t.jsxs("div", { className: $e.gradientNumbers, children: [ + /* @__PURE__ */ t.jsxs("div", { className: Ae.gradientNumbers, children: [ /* @__PURE__ */ t.jsxs("span", { children: [ c, " ", m ] }), - s, + l, /* @__PURE__ */ t.jsxs("span", { children: [ y, " ", m ] }) ] }), - v && /* @__PURE__ */ t.jsxs("div", { className: $e.uiTitle, children: [ + v && /* @__PURE__ */ t.jsxs("div", { className: Ae.uiTitle, children: [ " ", n ] }) @@ -1580,20 +1580,20 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 ] }); }; Pt.propTypes = { - title: l.string, - startColor: l.string, - endColor: l.string, - startNo: l.number, - endNo: l.number, - titleBelow: l.bool, - bins: l.number, - precision: l.number, - units: l.string + title: s.string, + startColor: s.string, + endColor: s.string, + startNo: s.number, + endNo: s.number, + titleBelow: s.bool, + bins: s.number, + precision: s.number, + units: s.string }; -const kt = "_slider_108mp_1", At = "_sliderLabel_108mp_16", $t = "_sliderThumb_108mp_20", It = "_sliderTrack_108mp_41", Ie = { +const kt = "_slider_108mp_1", $t = "_sliderLabel_108mp_16", At = "_sliderThumb_108mp_20", It = "_sliderTrack_108mp_41", Ie = { slider: kt, - sliderLabel: At, - sliderThumb: $t, + sliderLabel: $t, + sliderThumb: At, sliderTrack: It }, Nt = ({ className: n, @@ -1605,7 +1605,7 @@ const kt = "_slider_108mp_1", At = "_sliderLabel_108mp_16", $t = "_sliderThumb_1 value: g = 0, showLabel: h, ...m -}) => /* @__PURE__ */ t.jsxs($r, { maxValue: y, minValue: c, step: v, className: `${Ie.slider} ${n || ""}`.trim(), "aria-label": !h && typeof r == "string" ? r : void 0, onChange: i, value: g, ...m, children: [ +}) => /* @__PURE__ */ t.jsxs(Ar, { maxValue: y, minValue: c, step: v, className: `${Ie.slider} ${n || ""}`.trim(), "aria-label": !h && typeof r == "string" ? r : void 0, onChange: i, value: g, ...m, children: [ h && /* @__PURE__ */ t.jsx(Ze, { className: Ie.sliderLabel, children: r }), /* @__PURE__ */ t.jsx(Ir, { className: Ie.sliderTrack, children: /* @__PURE__ */ t.jsx(Nr, { className: Ie.sliderThumb }) }) ] }), Dt = "_layerGroupWrapper_1p831_1", Lt = "_layerGroupButton_1p831_5", Mt = "_layerGroupChevron_1p831_17", Wt = "_layerGroupName_1p831_30", Ft = "_layerGroupChildren_1p831_42", Se = { @@ -1620,17 +1620,17 @@ const kt = "_slider_108mp_1", At = "_sliderLabel_108mp_16", $t = "_sliderThumb_1 }; return /* @__PURE__ */ t.jsxs("div", { className: Se.layerGroupWrapper, children: [ /* @__PURE__ */ t.jsxs("button", { type: "button", className: Se.layerGroupButton, onClick: y, children: [ - /* @__PURE__ */ t.jsx("div", { className: Se.layerGroupChevron, children: /* @__PURE__ */ t.jsx(je, { size: "sm", fixedWidth: !0, icon: i ? mn : Ar }) }), + /* @__PURE__ */ t.jsx("div", { className: Se.layerGroupChevron, children: /* @__PURE__ */ t.jsx(je, { size: "sm", fixedWidth: !0, icon: i ? mn : $r }) }), /* @__PURE__ */ t.jsx("span", { className: Se.layerGroupName, children: n }) ] }), i && /* @__PURE__ */ t.jsx("div", { className: Se.layerGroupChildren, children: r }) ] }); }; qt.propTypes = { - groupName: l.string, - children: l.oneOfType([ - l.arrayOf(l.node), - l.node + groupName: s.string, + children: s.oneOfType([ + s.arrayOf(s.node), + s.node ]).isRequired }; const Yt = "_rangeSlider_1wewu_1", Vt = "_rangeSliderLabel_1wewu_14", Ht = "_rangeSliderValues_1wewu_19", Bt = "_rangeSliderMin_1wewu_28", Gt = "_rangeSliderMax_1wewu_32", Ut = "_rangeSliderContainer_1wewu_36", zt = "_rangeSliderTrack_1wewu_46", Jt = "_rangeSliderHandleBar_1wewu_55", Kt = "_rangeSliderHandleGroup_1wewu_65", Xt = "_rangeSliderHandleLeft_1wewu_75", Zt = "_rangeSliderHandleRight_1wewu_76", Qt = "_rangeSliderValue_1wewu_19", re = { @@ -1671,7 +1671,7 @@ function ea(n, r) { } } const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged: y, currentValues: v = {}, showValues: g }) => { - const h = Math.max(isNaN(v.lower) ? -1 / 0 : v.lower, r.min), m = Math.min(isNaN(v.upper) ? 1 / 0 : v.upper, r.max), [s, _] = ln(ea, { lower: h, upper: m }), b = cn(null), [P, q] = de(0), [U, F] = de(0), [W, H] = de("none"), [Y, N] = de(0), B = Ce((G) => { + const h = Math.max(isNaN(v.lower) ? -1 / 0 : v.lower, r.min), m = Math.min(isNaN(v.upper) ? 1 / 0 : v.upper, r.max), [l, _] = ln(ea, { lower: h, upper: m }), b = cn(null), [P, q] = de(0), [U, F] = de(0), [W, H] = de("none"), [Y, N] = de(0), B = Ce((G) => { const S = (G - r.min) / (r.max - r.min); return b.current.clientWidth * S; }, [r]), d = Ce((G) => { @@ -1682,10 +1682,10 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged return (r.max - r.min) * S; }, [r]); Pe(() => { - q(B(s.lower)), F(B(s.upper)); - }, [B, s]), Pe(() => { - c && c(s); - }, [s, c]), Pe(() => { + q(B(l.lower)), F(B(l.upper)); + }, [B, l]), Pe(() => { + c && c(l); + }, [l, c]), Pe(() => { _({ type: "ChangeStep", callback: y, @@ -1696,8 +1696,8 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged const ce = (G) => { G.preventDefault(), H(G.target.getAttribute("data-handle-id")), N(0); }, se = Ce((G) => { - G.preventDefault(), H("none"), y && y(s); - }, [s, y]), ie = Ce( + G.preventDefault(), H("none"), y && y(l); + }, [l, y]), ie = Ce( (G) => { if (W === "none" || G.buttons === 0) return; @@ -1709,13 +1709,13 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged return; J > 0 ? (J -= Math.abs(i), S = Math.abs(i)) : (J += Math.abs(i), S = -Math.abs(i)), N(J); } - let z = [s.lower, s.upper]; + let z = [l.lower, l.upper]; if (W === "left") - s.lower + S < r.min && (S = r.min - s.lower), s.lower + S > s.upper ? (H("right"), z = [s.lower, s.lower + S]) : z = [s.lower + S, s.upper]; + l.lower + S < r.min && (S = r.min - l.lower), l.lower + S > l.upper ? (H("right"), z = [l.lower, l.lower + S]) : z = [l.lower + S, l.upper]; else if (W === "right") - s.upper + S > r.max && (S = r.max - s.upper), s.upper + S < s.lower ? (H("left"), z = [s.upper + S, s.upper]) : z = [s.lower, s.upper + S]; + l.upper + S > r.max && (S = r.max - l.upper), l.upper + S < l.lower ? (H("left"), z = [l.upper + S, l.upper]) : z = [l.lower, l.upper + S]; else if (W === "bar") - s.lower + S < r.min ? S = r.min - s.lower : s.upper + S > r.max && (S = r.max - s.upper), z = [s.lower + S, s.upper + S]; + l.lower + S < r.min ? S = r.min - l.lower : l.upper + S > r.max && (S = r.max - l.upper), z = [l.lower + S, l.upper + S]; else throw Error(`Unknown handle: ${W}`); _({ type: "ChangeValues", values: z, bounds: r, step: i }); @@ -1724,7 +1724,7 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged W, r, te, - s, + l, Y, i ] @@ -1735,7 +1735,7 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged const pe = (G) => { G.preventDefault(); const S = d(G.nativeEvent.offsetX); - S < s.lower ? _({ type: "ChangeValues", values: [S, s.upper], bounds: r, step: i, callback: y }) : S > s.upper && _({ type: "ChangeValues", values: [s.lower, S], bounds: r, step: i, callback: y }); + S < l.lower ? _({ type: "ChangeValues", values: [S, l.upper], bounds: r, step: i, callback: y }) : S > l.upper && _({ type: "ChangeValues", values: [l.lower, S], bounds: r, step: i, callback: y }); }; return /* @__PURE__ */ t.jsxs("div", { className: re.rangeSlider, children: [ /* @__PURE__ */ t.jsx("div", { className: re.rangeSliderLabel, children: n }), @@ -1757,7 +1757,7 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged role: "slider", tabIndex: "0", "aria-label": n, - "aria-valuenow": (s.lower + s.upper) / 2, + "aria-valuenow": (l.lower + l.upper) / 2, "aria-valuetext": "from {values.lower} to {values.upper}", "aria-valuemin": r.min, "aria-valuemax": r.max, @@ -1770,7 +1770,7 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged } ), /* @__PURE__ */ t.jsxs("div", { className: re.rangeSliderHandleGroup, style: { left: `${P - 10}px` }, children: [ - g && /* @__PURE__ */ t.jsx("span", { className: re.rangeSliderValue, children: Math.round(s.lower) }), + g && /* @__PURE__ */ t.jsx("span", { className: re.rangeSliderValue, children: Math.round(l.lower) }), /* @__PURE__ */ t.jsx( "div", { @@ -1784,7 +1784,7 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged ) ] }), /* @__PURE__ */ t.jsxs("div", { className: re.rangeSliderHandleGroup, style: { left: `${U - 10}px` }, children: [ - g && /* @__PURE__ */ t.jsx("span", { className: re.rangeSliderValue, children: Math.round(s.upper) }), + g && /* @__PURE__ */ t.jsx("span", { className: re.rangeSliderValue, children: Math.round(l.upper) }), /* @__PURE__ */ t.jsx( "div", { @@ -1805,19 +1805,19 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged ] }); }; ra.propTypes = { - label: l.string.isRequired, - bounds: l.shape({ - min: l.number.isRequired, - max: l.number.isRequired + label: s.string.isRequired, + bounds: s.shape({ + min: s.number.isRequired, + max: s.number.isRequired }), - step: l.number, - valuesChanging: l.func, - valuesChanged: l.func, - currentValues: l.shape({ - lower: l.number, - upper: l.number + step: s.number, + valuesChanging: s.func, + valuesChanged: s.func, + currentValues: s.shape({ + lower: s.number, + upper: s.number }), - showValues: l.bool + showValues: s.bool }; const na = "_mapWrapper_1gyf5_1", ta = "_mapContainer_1gyf5_10", Sr = { mapWrapper: na, @@ -1827,18 +1827,18 @@ const na = "_mapWrapper_1gyf5_1", ta = "_mapContainer_1gyf5_10", Sr = { i ] }); aa.propTypes = { - mapContainer: l.oneOfType([ - l.func, - l.shape({ current: l.instanceOf(Element) }) + mapContainer: s.oneOfType([ + s.func, + s.shape({ current: s.instanceOf(Element) }) ]), - children: l.node, - id: l.string + children: s.node, + id: s.string }; const oa = ({ children: n }) => /* @__PURE__ */ t.jsx("div", { className: "nav-container", children: n }); oa.propTypes = { - children: l.oneOfType([ - l.arrayOf(l.node), - l.node + children: s.oneOfType([ + s.arrayOf(s.node), + s.node ]).isRequired }; const ia = "_infoPanelContainer_gnoj6_1", sa = "_topLeft_gnoj6_13", la = "_topRight_gnoj6_18", ca = "_centerLeft_gnoj6_23", ua = "_centerRight_gnoj6_28", fa = "_bottomLeft_gnoj6_33", da = "_bottomRight_gnoj6_38", jr = { @@ -1849,7 +1849,7 @@ const ia = "_infoPanelContainer_gnoj6_1", sa = "_topLeft_gnoj6_13", la = "_topRi centerRight: ua, bottomLeft: fa, bottomRight: da -}, Sa = ({ children: n, position: r = "centerRight" }) => /* @__PURE__ */ t.jsx("aside", { className: `${jr.infoPanelContainer} ${jr[r]}`, children: n }), pa = ({ showToggle: n, children: r }) => { +}, ja = ({ children: n, position: r = "centerRight" }) => /* @__PURE__ */ t.jsx("aside", { className: `${jr.infoPanelContainer} ${jr[r]}`, children: n }), pa = ({ showToggle: n, children: r }) => { const [i, c] = de(!1), y = `sidebar ${i ? "closed" : ""}`, v = () => { c(!i); }; @@ -1865,31 +1865,46 @@ const ia = "_infoPanelContainer_gnoj6_1", sa = "_topLeft_gnoj6_13", la = "_topRi ] }); }; pa.propTypes = { - showToggle: l.bool, - children: l.oneOfType([ - l.arrayOf(l.node), - l.node + showToggle: s.bool, + children: s.oneOfType([ + s.arrayOf(s.node), + s.node ]).isRequired }; const va = ({ children: n }) => /* @__PURE__ */ t.jsx("div", { className: "layout-stacked", children: n }); va.propTypes = { - children: l.oneOfType([ - l.arrayOf(l.node), - l.node + children: s.oneOfType([ + s.arrayOf(s.node), + s.node ]).isRequired }; -const ya = ({ align: n = "left", children: r }) => /* @__PURE__ */ t.jsx("div", { className: `layout-standard ${n}`, children: r }); +const ya = ({ align: n = "left", hasFooter: r = !1, children: i }) => /* @__PURE__ */ t.jsx("div", { className: `layout-standard ${n}${r ? " footer" : ""}`, children: i }); ya.propTypes = { - align: l.oneOf(["left", "right"]), - children: l.oneOfType([ - l.arrayOf(l.node), - l.node - ]).isRequired + align: s.oneOf(["left", "right"]), + children: s.oneOfType([ + s.arrayOf(s.node), + s.node + ]).isRequired, + hasFooter: s.bool +}; +const ha = ({ hasFooter: n = !1, children: r }) => /* @__PURE__ */ t.jsx( + "div", + { + className: n ? "layout-fullscreen-footer" : "layout-fullscreen", + children: r + } +); +ha.propTypes = { + children: s.oneOfType([ + s.arrayOf(s.node), + s.node + ]).isRequired, + hasFooter: s.bool }; -const ha = "_sliderControlWrapper_2tznx_1", ma = "_sliderLabel_2tznx_9", Or = { - sliderControlWrapper: ha, - sliderLabel: ma -}, _a = ({ title: n, units: r, sliderConfig: i }) => /* @__PURE__ */ t.jsxs("div", { className: Or.sliderControlWrapper, children: [ +const ma = "_sliderControlWrapper_2tznx_1", _a = "_sliderLabel_2tznx_9", Or = { + sliderControlWrapper: ma, + sliderLabel: _a +}, ga = ({ title: n, units: r, sliderConfig: i }) => /* @__PURE__ */ t.jsxs("div", { className: Or.sliderControlWrapper, children: [ /* @__PURE__ */ t.jsx("div", { className: "ui-label", children: n }), /* @__PURE__ */ t.jsx("div", {}), i && i.map((c) => { @@ -1911,17 +1926,18 @@ const ha = "_sliderControlWrapper_2tznx_1", ma = "_sliderLabel_2tznx_9", Or = { ); }) ] }); -_a.propTypes = { - title: l.string.isRequired, - units: l.string.isRequired, - sliderConfig: l.arrayOf(l.objectOf(l.string)).isRequired +ga.propTypes = { + title: s.string.isRequired, + units: s.string.isRequired, + sliderConfig: s.arrayOf(s.objectOf(s.string)).isRequired }; export { - Ea as ComparisonControl, - Ra as DatePicker, + Ra as ComparisonControl, + Sa as DatePicker, + ha as FullScreen, Pt as GradientLegend, er as IconButton, - Sa as InfoPanelContainer, + ja as InfoPanelContainer, Xn as LayerButtonReel, ut as LayerCard, qt as LayerGroup, @@ -1931,7 +1947,7 @@ export { ra as RangeSlider, pa as SidebarContainer, Nt as SimpleSlider, - _a as SliderControl, + ga as SliderControl, va as Stacked, ya as Standard, yt as Swatch, diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index 7540433..a62f2b8 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -1,5 +1,5 @@ -(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,Vr,qr){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard.left{height:100vh;display:grid;grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{height:100vh;display:grid;grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav nav" "map sidebar"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} -/*$vite$:1*/`,document.head.appendChild(rr);function Ur(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ne={exports:{}},ke={};/** +(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +/*$vite$:1*/`,document.head.appendChild(rr);function Jr(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ne={exports:{}},ke={};/** * @license React * react-jsx-runtime.production.min.js * @@ -7,7 +7,7 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var ar;function Jr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,h=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(v,b,l){var y,_={},P=null,G=null;l!==void 0&&(P=""+l),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(v&&v.defaultProps)for(y in b=v.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:v,key:P,ref:G,props:_,_owner:h.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var je={};/** + */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(h,b,s){var y,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(h&&h.defaultProps)for(y in b=h.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:h,key:P,ref:G,props:_,_owner:v.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var je={};/** * @license React * react-jsx-runtime.development.js * @@ -15,36 +15,36 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var tr;function Xr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),v=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),G=Symbol.for("react.offscreen"),X=Symbol.iterator,$="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var n=X&&e[X]||e[$];return typeof n=="function"?n:null}var V=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var n=arguments.length,u=new Array(n>1?n-1:0),x=1;x1?n-1:0),x=1;x=1&&ee>=0&&O[Q]!==ae[ee];)ee--;for(;Q>=1&&ee>=0;Q--,ee--)if(O[Q]!==ae[ee]){if(Q!==1||ee!==1)do if(Q--,ee--,ee<0||O[Q]!==ae[ee]){var ce=` -`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&R.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?E(Te):"";return typeof e=="function"&&R.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return E(e);switch(e){case l:return E("Suspense");case y:return E("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var Re=Object.prototype.hasOwnProperty,Lr={},Ir=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Ir.setExtraStackFrame(u)}else Ir.setExtraStackFrame(null)}function ga(e,n,u,x,z){{var Y=Function.call.bind(Re);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Lr)&&(Lr[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function va(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ba(e){try{return Mr(e),!1}catch{return!0}}function Mr(e){return""+e}function Ar(e){if(ba(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",va(e)),Mr(e)}var Pe=V.ReactCurrentOwner,ya={key:!0,ref:!0,__self:!0,__source:!0},Nr,Fr,Xe;Xe={};function ma(e){if(Re.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function _a(e){if(Re.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function xa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function wa(e,n){{var u=function(){Nr||(Nr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var Ca=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function ka(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Ar(u),O=""+u),_a(n)&&(Ar(n.key),O=""+n.key),ma(n)&&(ae=n.ref,xa(n,z));for(Y in n)Re.call(n,Y)&&!ya.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&wa(L,ee),ae&&Ta(L,ee)}return Ca(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,zr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);zr.setExtraStackFrame(u)}else zr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Wr(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` +`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&R.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?E(Te):"";return typeof e=="function"&&R.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return E(e);switch(e){case s:return E("Suspense");case y:return E("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var Re=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function va(e,n,u,x,z){{var Y=Function.call.bind(Re);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ya(e){try{return Ar(e),!1}catch{return!0}}function Ar(e){return""+e}function Nr(e){if(ya(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Ar(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(Re.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(Re.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function ja(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Nr(u),O=""+u),xa(n)&&(Nr(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)Re.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` -Check the render method of \``+e+"`."}return""}}function ja(e){return""}var Br={};function Sa(e){{var n=Wr();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` +Check the render method of \``+e+"`."}return""}}function Sa(e){return""}var $r={};function Ea(e){{var n=Br();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` -Check the top-level render call using <`+u+">.")}return n}}function $r(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Sa(n);if(Br[u])return;Br[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Gr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=ka(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Hr[me+er]){var Ia=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: +Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ea(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=ja(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[me+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; - <%s key={someKey} {...props} />`,er,me,Ia,me),Hr[me+er]=!0}}return e===c?Ra(ee):Ea(ee),ee}}function Pa(e,n,u){return Yr(e,n,u,!0)}function Oa(e,n,u){return Yr(e,n,u,!1)}var Da=Oa,La=Pa;je.Fragment=c,je.jsx=Da,je.jsxs=La}()),je}process.env.NODE_ENV==="production"?Ne.exports=Jr():Ne.exports=Xr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 + <%s key={someKey} {...props} />`,er,me,Ma,me),Yr[me+er]=!0}}return e===c?Pa(ee):Ra(ee),ee}}function Oa(e,n,u){return Vr(e,n,u,!0)}function Da(e,n,u){return Vr(e,n,u,!1)}var La=Da,Ia=Oa;je.Fragment=c,je.jsx=La,je.jsxs=Ia}()),je}process.env.NODE_ENV==="production"?Ne.exports=Xr():Ne.exports=Kr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var nr;function Kr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,l=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case l:case c:case g:case h:case _:return f;default:switch(f=f&&f.$$typeof,f){case v:case y:case X:case G:case m:return f;default:return le}}case i:return le}}}function q(f){return M(f)===l}return N.AsyncMode=b,N.ConcurrentMode=l,N.ContextConsumer=v,N.ContextProvider=m,N.Element=r,N.ForwardRef=y,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=h,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===v},N.isContextProvider=function(f){return M(f)===m},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===y},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===h},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===l||f===g||f===h||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===m||f.$$typeof===v||f.$$typeof===y||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 + */var nr;function Zr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case s:case c:case g:case v:case _:return f;default:switch(f=f&&f.$$typeof,f){case h:case y:case X:case G:case m:return f;default:return le}}case i:return le}}}function q(f){return M(f)===s}return N.AsyncMode=b,N.ConcurrentMode=s,N.ContextConsumer=h,N.ContextProvider=m,N.Element=r,N.ForwardRef=y,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=v,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===h},N.isContextProvider=function(f){return M(f)===m},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===y},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===v},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===s||f===g||f===v||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===m||f.$$typeof===h||f.$$typeof===y||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var or;function Zr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,l=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===l||d===g||d===h||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===v||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case l:case c:case g:case h:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case v:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=l,ge=v,ue=m,de=r,ve=y,J=c,S=X,K=G,Z=i,he=g,oe=h,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===l}function p(d){return q(d)===v}function j(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function E(d){return q(d)===i}function I(d){return q(d)===g}function R(d){return q(d)===h}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=ve,F.Fragment=J,F.Lazy=S,F.Memo=K,F.Portal=Z,F.Profiler=he,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=j,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=E,F.isProfiler=I,F.isStrictMode=R,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Kr():Oe.exports=Zr()),Oe.exports}/* + */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===v||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===h||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case v:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case h:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=s,ge=h,ue=m,de=r,he=y,J=c,S=X,K=G,Z=i,ve=g,oe=v,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===h}function j(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function E(d){return q(d)===i}function I(d){return q(d)===g}function R(d){return q(d)===v}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=he,F.Fragment=J,F.Lazy=S,F.Memo=K,F.Portal=Z,F.Profiler=ve,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=j,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=E,F.isProfiler=I,F.isStrictMode=R,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* object-assign (c) Sindre Sorhus @license MIT -*/var ze,sr;function Qr(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function h(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},v=0;v<10;v++)m["_"+String.fromCharCode(v)]=v;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(y){l[y]=y}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=h()?Object.assign:function(g,m){for(var v,b=c(g),l,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(j,k,w,D,T){for(var C=j[k],E=0;E0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+E+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function ve(){function o(p,j,k,w,D){return Z(p[j])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,j,k,w){return new $((o||"React class")+": "+p+" type `"+j+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function S(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var R=o[I];if(typeof R!="function")return J(w,D,T,I,fe(R));var re=R(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},j[k],o);for(var R in I){var re=o[R];if(c(o,R)&&typeof re!="function")return J(w,D,T,R,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+R+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(j[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,R,w,D,T+"."+R,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||v(o))return!0;var p=_(o);if(p){var j=p.call(o),k;if(p!==o.entries){for(;!(k=j.next()).done;)if(!Z(k.value))return!1}else for(;!(k=j.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function he(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":he(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=h,G.resetWarningCache=h.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function aa(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,v,b,l,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function h(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:h,element:c,elementType:c,instanceOf:h,node:c,objectOf:h,oneOf:h,oneOfType:h,shape:h,exact:h,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var ta=lr(),na=!0;Fe.exports=ra()(ta.isElement,na)}else Fe.exports=aa()();var oa=Fe.exports;const s=Ur(oa),ia={iconButton:"_iconButton_1963e_1"},la={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:ia.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:la[r]})})});De.propTypes={iconName:s.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:s.func.isRequired};const sa={layerButtonReel:"_layerButtonReel_1o59k_1"},hr=({buttons:a})=>t.jsx("div",{className:sa.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});hr.propTypes={buttons:s.objectOf(s.func)};const vr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:vr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:vr.indicator})});Ve.propTypes={layerName:s.string,isActive:s.bool,onChange:s.func.isRequired,disabled:s.bool};const pe={layerCard:"_layerCard_93xja_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_93xja_11",layerCardAttribution:"_layerCardAttribution_93xja_11",layerCardHeader:"_layerCardHeader_93xja_25",layerCardTextWrapper:"_layerCardTextWrapper_93xja_34",layerCardTitle:"_layerCardTitle_93xja_42",layerCardDescription:"_layerCardDescription_93xja_50",layerCardControls:"_layerCardControls_93xja_58",layerCardToggle:"_layerCardToggle_93xja_63",layerCardContent:"_layerCardContent_93xja_68",layerCardInfoIcon:"_layerCardInfoIcon_93xja_84"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:h,children:g})=>{const[m,v]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(h||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>v(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[h&&t.jsx("span",{className:pe.layerCardDescription,children:h}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:s.string.isRequired,isActive:s.bool,onChange:s.func.isRequired,description:s.string,attribution:s.objectOf({url:s.string,text:s.string}),children:s.oneOfType([s.arrayOf(s.node),s.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),ca={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:ca.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:h,units:g}=r;return t.jsx(yr,{label:c,color:i,value:h,units:g},c)})});mr.propTypes={swatches:s.arrayOf(s.objectOf(s.string)).isRequired};const Se={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},da=({label:a,showLabel:r=!0,onChange:i,value:c=50,...h})=>t.jsx("div",{className:Se.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Se.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...h,children:[r&&t.jsx(W.Label,{className:Se.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Se.sliderTrack,children:t.jsx(W.SliderThumb,{className:Se.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new qr.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),ua=({label:a,helperText:r,errorMessage:i,value:c,onChange:h,"aria-label":g,"aria-labelledby":m,className:v,maxValue:b,minValue:l,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=Vr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=l?Ue(l):null,H=M=>{if(M){const q=new Date(M.toString());h(q)}else h(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${v||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:h,titleBelow:g=!1,bins:m=0,precision:v=2,units:b})=>{const l=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(h-c)/m*(_+1)).toPrecision(v);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),l,t.jsxs("span",{children:[h," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:s.string,startColor:s.string,endColor:s.string,startNo:s.number,endNo:s.number,titleBelow:s.bool,bins:s.number,precision:s.number,units:s.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:h,step:g,value:m=0,showLabel:v,...b})=>t.jsxs(W.Slider,{maxValue:h,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!v&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[v&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Ee={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),h=()=>{c(!i)};return t.jsxs("div",{className:Ee.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Ee.layerGroupButton,onClick:h,children:[t.jsx("div",{className:Ee.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Ee.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Ee.layerGroupChildren,children:r})]})};wr.propTypes={groupName:s.string,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function fa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:h,currentValues:g={},showValues:m})=>{const v=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[l,y]=U.useReducer(fa,{lower:v,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const S=(J-r.min)/(r.max-r.min);return _.current.clientWidth*S},[r]),f=U.useCallback(J=>{const S=J/_.current.clientWidth;return r.min+(r.max-r.min)*S},[r]),le=U.useCallback(J=>{const S=J/_.current.clientWidth;return(r.max-r.min)*S},[r]);U.useEffect(()=>{G(q(l.lower)),$(q(l.upper))},[q,l]),U.useEffect(()=>{c&&c(l)},[l,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:h,step:i,bounds:r})},[i,h,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),h&&h(l)},[l,h]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let S=le(J.movementX);if(i!==0){let Z=H+S;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),S=Math.abs(i)):(Z+=Math.abs(i),S=-Math.abs(i)),M(Z)}let K=[l.lower,l.upper];if(B==="left")l.lower+Sl.upper?(V("right"),K=[l.lower,l.lower+S]):K=[l.lower+S,l.upper];else if(B==="right")l.upper+S>r.max&&(S=r.max-l.upper),l.upper+Sr.max&&(S=r.max-l.upper),K=[l.lower+S,l.upper+S];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,l,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const ve=J=>{J.preventDefault();const S=f(J.nativeEvent.offsetX);Sl.upper&&y({type:"ChangeValues",values:[l.lower,S],bounds:r,step:i,callback:h})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:ve}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(l.lower+l.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(l.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:s.string.isRequired,bounds:s.shape({min:s.number.isRequired,max:s.number.isRequired}),step:s.number,valuesChanging:s.func,valuesChanged:s.func,currentValues:s.shape({lower:s.number,upper:s.number}),showValues:s.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:s.oneOfType([s.func,s.shape({current:s.instanceOf(Element)})]),children:s.node,id:s.string};const jr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});jr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Sr={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},pa=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Sr.infoPanelContainer} ${Sr[r]}`,children:a}),Er=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),h=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:h,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Er.propTypes={showToggle:s.bool,children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Rr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});Rr.propTypes={children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Pr=({align:a="left",children:r})=>t.jsx("div",{className:`layout-standard ${a}`,children:r});Pr.propTypes={align:s.oneOf(["left","right"]),children:s.oneOfType([s.arrayOf(s.node),s.node]).isRequired};const Or={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Dr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Or.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:h}=c;return t.jsx("div",{className:Or.sliderLabel,children:h})}),i&&i.map(c=>{const{onChange:h,min:g,max:m,step:v,value:b}=c;return t.jsx(xr,{onChange:h,units:r,min:g,max:m,step:v,value:b})})]});Dr.propTypes={title:s.string.isRequired,units:s.string.isRequired,sliderConfig:s.arrayOf(s.objectOf(s.string)).isRequired},A.ComparisonControl=da,A.DatePicker=ua,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=pa,A.LayerButtonReel=hr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=jr,A.RangeSlider=Tr,A.SidebarContainer=Er,A.SimpleSlider=xr,A.SliderControl=Dr,A.Stacked=Rr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},h=0;h<10;h++)m["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(y){s[y]=y}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,m){for(var h,b=c(g),s,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(j,k,w,D,T){for(var C=j[k],E=0;E0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+E+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,j,k,w,D){return Z(p[j])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,j,k,w){return new $((o||"React class")+": "+p+" type `"+j+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function S(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var R=o[I];if(typeof R!="function")return J(w,D,T,I,fe(R));var re=R(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},j[k],o);for(var R in I){var re=o[R];if(c(o,R)&&typeof re!="function")return J(w,D,T,R,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+R+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(j[k],null," ")+` +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,R,w,D,T+"."+R,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var j=p.call(o),k;if(p!==o.entries){for(;!(k=j.next()).done;)if(!Z(k.value))return!1}else for(;!(k=j.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,h,b,s,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:l.objectOf(l.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_93xja_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_93xja_11",layerCardAttribution:"_layerCardAttribution_93xja_11",layerCardHeader:"_layerCardHeader_93xja_25",layerCardTextWrapper:"_layerCardTextWrapper_93xja_34",layerCardTitle:"_layerCardTitle_93xja_42",layerCardDescription:"_layerCardDescription_93xja_50",layerCardControls:"_layerCardControls_93xja_58",layerCardToggle:"_layerCardToggle_93xja_63",layerCardContent:"_layerCardContent_93xja_68",layerCardInfoIcon:"_layerCardInfoIcon_93xja_84"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[m,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(yr,{label:c,color:i,value:v,units:g},c)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Se={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Se.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Se.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Se.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Se.sliderTrack,children:t.jsx(W.SliderThumb,{className:Se.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":m,className:h,maxValue:b,minValue:s,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:m=0,precision:h=2,units:b})=>{const s=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(v-c)/m*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:m=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Ee={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Ee.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Ee.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Ee.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Ee.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Ee.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:m})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,y]=U.useReducer(pa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const S=(J-r.min)/(r.max-r.min);return _.current.clientWidth*S},[r]),f=U.useCallback(J=>{const S=J/_.current.clientWidth;return r.min+(r.max-r.min)*S},[r]),le=U.useCallback(J=>{const S=J/_.current.clientWidth;return(r.max-r.min)*S},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(s)},[s,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let S=le(J.movementX);if(i!==0){let Z=H+S;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),S=Math.abs(i)):(Z+=Math.abs(i),S=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Ss.upper?(V("right"),K=[s.lower,s.lower+S]):K=[s.lower+S,s.upper];else if(B==="right")s.upper+S>r.max&&(S=r.max-s.upper),s.upper+Sr.max&&(S=r.max-s.upper),K=[s.lower+S,s.upper+S];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const S=f(J.nativeEvent.offsetX);Ss.upper&&y({type:"ChangeValues",values:[s.lower,S],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const jr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Sr={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Sr.infoPanelContainer} ${Sr[r]}`,children:a}),Er=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Er.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Rr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});Rr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Dr.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:m,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:m,step:h,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},A.ComparisonControl=ua,A.DatePicker=fa,A.FullScreen=Or,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=ga,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=jr,A.RangeSlider=Tr,A.SidebarContainer=Er,A.SimpleSlider=xr,A.SliderControl=Lr,A.Stacked=Rr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); From 4ad47af4f1670f1e2d163ab8319dc85ccb25614d Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 26 Jan 2026 11:39:03 -0500 Subject: [PATCH 08/10] fix: Layer info layout --- dist/index.css | 2 +- dist/spk-library.es.js | 2 +- dist/spk-library.umd.js | 22 +++++++++---------- src/components/composite/LayerCard.module.css | 17 +++++++------- 4 files changed, 21 insertions(+), 22 deletions(-) diff --git a/dist/index.css b/dist/index.css index ff3b182..685e6f3 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1 +1 @@ -.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_pr08s_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_pr08s_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_pr08s_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_pr08s_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_pr08s_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_pr08s_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_pr08s_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_pr08s_55{grid-area:controls;justify-self:end}._layerCardToggle_pr08s_60{grid-area:toggle;justify-self:end}._layerCardContent_pr08s_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);gap:.5rem;margin:var(--spacing-medium)}._layerCardInfoIcon_pr08s_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_pr08s_83:focus{outline:none;border:none}._layerCardContent_pr08s_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index cab9ccf..898e33e 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1332,7 +1332,7 @@ Mr.propTypes = { onChange: s.func.isRequired, disabled: s.bool }; -const Qn = "_layerCard_93xja_1", et = "_layerCardAttributionWrapper_93xja_11", rt = "_layerCardAttribution_93xja_11", nt = "_layerCardHeader_93xja_25", tt = "_layerCardTextWrapper_93xja_34", at = "_layerCardTitle_93xja_42", ot = "_layerCardDescription_93xja_50", it = "_layerCardControls_93xja_58", st = "_layerCardToggle_93xja_63", lt = "_layerCardContent_93xja_68", ct = "_layerCardInfoIcon_93xja_84", fe = { +const Qn = "_layerCard_pr08s_1", et = "_layerCardAttributionWrapper_pr08s_11", rt = "_layerCardAttribution_pr08s_11", nt = "_layerCardHeader_pr08s_23", tt = "_layerCardTextWrapper_pr08s_32", at = "_layerCardTitle_pr08s_40", ot = "_layerCardDescription_pr08s_48", it = "_layerCardControls_pr08s_55", st = "_layerCardToggle_pr08s_60", lt = "_layerCardContent_pr08s_65", ct = "_layerCardInfoIcon_pr08s_83", fe = { layerCard: Qn, layerCardAttributionWrapper: et, layerCardAttribution: rt, diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index a62f2b8..4a79c6d 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -1,4 +1,4 @@ -(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_93xja_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_93xja_11{margin-top:4px 0;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_93xja_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_93xja_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_93xja_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_93xja_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_93xja_50{padding:var(--spacing-medium);align-self:center;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_93xja_58{grid-area:controls;justify-self:end}._layerCardToggle_93xja_63{grid-area:toggle;justify-self:end}._layerCardContent_93xja_68{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_93xja_84{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_93xja_84:focus{outline:none;border:none}._layerCardContent_93xja_68:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_pr08s_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_pr08s_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_pr08s_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_pr08s_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_pr08s_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_pr08s_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_pr08s_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_pr08s_55{grid-area:controls;justify-self:end}._layerCardToggle_pr08s_60{grid-area:toggle;justify-self:end}._layerCardContent_pr08s_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);gap:.5rem;margin:var(--spacing-medium)}._layerCardInfoIcon_pr08s_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_pr08s_83:focus{outline:none;border:none}._layerCardContent_pr08s_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} /*$vite$:1*/`,document.head.appendChild(rr);function Jr(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ne={exports:{}},ke={};/** * @license React * react-jsx-runtime.production.min.js @@ -7,7 +7,7 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(h,b,s){var y,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(h&&h.defaultProps)for(y in b=h.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:h,key:P,ref:G,props:_,_owner:v.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var je={};/** + */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(h,b,s){var y,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(h&&h.defaultProps)for(y in b=h.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:h,key:P,ref:G,props:_,_owner:v.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var Se={};/** * @license React * react-jsx-runtime.development.js * @@ -15,20 +15,20 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var tr;function Kr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),h=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),G=Symbol.for("react.offscreen"),X=Symbol.iterator,$="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var n=X&&e[X]||e[$];return typeof n=="function"?n:null}var V=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var n=arguments.length,u=new Array(n>1?n-1:0),x=1;x1?n-1:0),x=1;x=1&&ee>=0&&O[Q]!==ae[ee];)ee--;for(;Q>=1&&ee>=0;Q--,ee--)if(O[Q]!==ae[ee]){if(Q!==1||ee!==1)do if(Q--,ee--,ee<0||O[Q]!==ae[ee]){var ce=` -`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&R.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?E(Te):"";return typeof e=="function"&&R.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return E(e);switch(e){case s:return E("Suspense");case y:return E("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var Re=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function va(e,n,u,x,z){{var Y=Function.call.bind(Re);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ya(e){try{return Ar(e),!1}catch{return!0}}function Ar(e){return""+e}function Nr(e){if(ya(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Ar(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(Re.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(Re.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function ja(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Nr(u),O=""+u),xa(n)&&(Nr(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)Re.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` +`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&j.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?R(Te):"";return typeof e=="function"&&j.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return R(e);switch(e){case s:return R("Suspense");case y:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function va(e,n,u,x,z){{var Y=Function.call.bind(je);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ya(e){try{return Ar(e),!1}catch{return!0}}function Ar(e){return""+e}function Nr(e){if(ya(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Ar(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(je.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(je.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function Sa(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Nr(u),O=""+u),xa(n)&&(Nr(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)je.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` -Check the render method of \``+e+"`."}return""}}function Sa(e){return""}var $r={};function Ea(e){{var n=Br();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` +Check the render method of \``+e+"`."}return""}}function Ea(e){return""}var $r={};function Ra(e){{var n=Br();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` -Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ea(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=ja(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[me+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: +Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ra(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=Sa(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[me+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; - <%s key={someKey} {...props} />`,er,me,Ma,me),Yr[me+er]=!0}}return e===c?Pa(ee):Ra(ee),ee}}function Oa(e,n,u){return Vr(e,n,u,!0)}function Da(e,n,u){return Vr(e,n,u,!1)}var La=Da,Ia=Oa;je.Fragment=c,je.jsx=La,je.jsxs=Ia}()),je}process.env.NODE_ENV==="production"?Ne.exports=Xr():Ne.exports=Kr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 + <%s key={someKey} {...props} />`,er,me,Ma,me),Yr[me+er]=!0}}return e===c?Pa(ee):ja(ee),ee}}function Oa(e,n,u){return Vr(e,n,u,!0)}function Da(e,n,u){return Vr(e,n,u,!1)}var La=Da,Ia=Oa;Se.Fragment=c,Se.jsx=La,Se.jsxs=Ia}()),Se}process.env.NODE_ENV==="production"?Ne.exports=Xr():Ne.exports=Kr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. @@ -42,9 +42,9 @@ React keys must be passed directly to JSX without using spread: * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===v||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===h||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case v:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case h:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=s,ge=h,ue=m,de=r,he=y,J=c,S=X,K=G,Z=i,ve=g,oe=v,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===h}function j(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function E(d){return q(d)===i}function I(d){return q(d)===g}function R(d){return q(d)===v}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=he,F.Fragment=J,F.Lazy=S,F.Memo=K,F.Portal=Z,F.Profiler=ve,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=j,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=E,F.isProfiler=I,F.isStrictMode=R,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* + */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===v||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===h||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case v:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case h:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=s,ge=h,ue=m,de=r,he=y,J=c,E=X,K=G,Z=i,ve=g,oe=v,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===h}function S(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function R(d){return q(d)===i}function I(d){return q(d)===g}function j(d){return q(d)===v}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=he,F.Fragment=J,F.Lazy=E,F.Memo=K,F.Portal=Z,F.Profiler=ve,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=S,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=R,F.isProfiler=I,F.isStrictMode=j,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* object-assign (c) Sindre Sorhus @license MIT -*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},h=0;h<10;h++)m["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(y){s[y]=y}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,m){for(var h,b=c(g),s,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(j,k,w,D,T){for(var C=j[k],E=0;E0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+E+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,j,k,w,D){return Z(p[j])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,j,k,w){return new $((o||"React class")+": "+p+" type `"+j+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function S(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var R=o[I];if(typeof R!="function")return J(w,D,T,I,fe(R));var re=R(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(j,k,w,D,T){var C=j[k],E=oe(C);if(E!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+E+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},j[k],o);for(var R in I){var re=o[R];if(c(o,R)&&typeof re!="function")return J(w,D,T,R,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+R+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(j[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,R,w,D,T+"."+R,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var j=p.call(o),k;if(p!==o.entries){for(;!(k=j.next()).done;)if(!Z(k.value))return!1}else for(;!(k=j.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,h,b,s,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:l.objectOf(l.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_93xja_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_93xja_11",layerCardAttribution:"_layerCardAttribution_93xja_11",layerCardHeader:"_layerCardHeader_93xja_25",layerCardTextWrapper:"_layerCardTextWrapper_93xja_34",layerCardTitle:"_layerCardTitle_93xja_42",layerCardDescription:"_layerCardDescription_93xja_50",layerCardControls:"_layerCardControls_93xja_58",layerCardToggle:"_layerCardToggle_93xja_63",layerCardContent:"_layerCardContent_93xja_68",layerCardInfoIcon:"_layerCardInfoIcon_93xja_84"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[m,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(yr,{label:c,color:i,value:v,units:g},c)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Se={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Se.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Se.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Se.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Se.sliderTrack,children:t.jsx(W.SliderThumb,{className:Se.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":m,className:h,maxValue:b,minValue:s,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:m=0,precision:h=2,units:b})=>{const s=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(v-c)/m*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:m=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Ee={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Ee.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Ee.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Ee.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Ee.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Ee.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:m})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,y]=U.useReducer(pa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const S=(J-r.min)/(r.max-r.min);return _.current.clientWidth*S},[r]),f=U.useCallback(J=>{const S=J/_.current.clientWidth;return r.min+(r.max-r.min)*S},[r]),le=U.useCallback(J=>{const S=J/_.current.clientWidth;return(r.max-r.min)*S},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(s)},[s,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let S=le(J.movementX);if(i!==0){let Z=H+S;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),S=Math.abs(i)):(Z+=Math.abs(i),S=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Ss.upper?(V("right"),K=[s.lower,s.lower+S]):K=[s.lower+S,s.upper];else if(B==="right")s.upper+S>r.max&&(S=r.max-s.upper),s.upper+Sr.max&&(S=r.max-s.upper),K=[s.lower+S,s.upper+S];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const S=f(J.nativeEvent.offsetX);Ss.upper&&y({type:"ChangeValues",values:[s.lower,S],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const jr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Sr={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Sr.infoPanelContainer} ${Sr[r]}`,children:a}),Er=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Er.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Rr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});Rr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Dr.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:m,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:m,step:h,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},A.ComparisonControl=ua,A.DatePicker=fa,A.FullScreen=Or,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=ga,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=jr,A.RangeSlider=Tr,A.SidebarContainer=Er,A.SimpleSlider=xr,A.SliderControl=Lr,A.Stacked=Rr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},h=0;h<10;h++)m["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(y){s[y]=y}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,m){for(var h,b=c(g),s,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,h,b,s,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:l.objectOf(l.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_pr08s_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_pr08s_11",layerCardAttribution:"_layerCardAttribution_pr08s_11",layerCardHeader:"_layerCardHeader_pr08s_23",layerCardTextWrapper:"_layerCardTextWrapper_pr08s_32",layerCardTitle:"_layerCardTitle_pr08s_40",layerCardDescription:"_layerCardDescription_pr08s_48",layerCardControls:"_layerCardControls_pr08s_55",layerCardToggle:"_layerCardToggle_pr08s_60",layerCardContent:"_layerCardContent_pr08s_65",layerCardInfoIcon:"_layerCardInfoIcon_pr08s_83"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[m,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(yr,{label:c,color:i,value:v,units:g},c)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":m,className:h,maxValue:b,minValue:s,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:m=0,precision:h=2,units:b})=>{const s=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(v-c)/m*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:m=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:m})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,y]=U.useReducer(pa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(s)},[s,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Es.upper?(V("right"),K=[s.lower,s.lower+E]):K=[s.lower+E,s.upper];else if(B==="right")s.upper+E>r.max&&(E=r.max-s.upper),s.upper+Er.max&&(E=r.max-s.upper),K=[s.lower+E,s.upper+E];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);Es.upper&&y({type:"ChangeValues",values:[s.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Dr.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:m,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:m,step:h,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},A.ComparisonControl=ua,A.DatePicker=fa,A.FullScreen=Or,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=ga,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Lr,A.Stacked=jr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); diff --git a/src/components/composite/LayerCard.module.css b/src/components/composite/LayerCard.module.css index 0fa60a7..e3b62a6 100644 --- a/src/components/composite/LayerCard.module.css +++ b/src/components/composite/LayerCard.module.css @@ -9,11 +9,9 @@ } .layerCardAttributionWrapper { - margin-top: 4px 0; font-size: 0.7rem; font-style: italic; - align-self: center; - width: 90%; + align-self: flex-start; } .layerCardAttribution { @@ -48,8 +46,7 @@ } .layerCardDescription { - padding: var(--spacing-medium); - align-self: center; + align-self: flex-start; text-wrap: pretty; word-wrap: break-word; font-size: var(--text-size-small); @@ -57,18 +54,17 @@ .layerCardControls { grid-area: controls; - justify-self: end + justify-self: end; } .layerCardToggle { grid-area: toggle; - justify-self: end + justify-self: end; } .layerCardContent { display: flex; flex-direction: column; - width: 90%; overflow: hidden; justify-content: center; justify-self: center; @@ -79,6 +75,9 @@ color: var(--text-color-secondary); font-size: var(--font-size-small); margin-bottom: var(--spacing-large); + padding: var(--spacing-medium); + gap: 0.5rem; + margin: var(--spacing-medium); } .layerCardInfoIcon { @@ -103,5 +102,5 @@ } .layerCardContent:empty { - margin-bottom: 0; + margin-bottom: 0; } From bb657dd9d5b23ad80c500ddf6f7fbd65be7c24b8 Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Mon, 26 Jan 2026 19:13:26 -0500 Subject: [PATCH 09/10] chore: Test build --- dist/index.css | 2 +- dist/spk-library.es.js | 164 +++++++++--------- dist/spk-library.umd.js | 18 +- src/components/composite/LayerCard.module.css | 2 +- 4 files changed, 93 insertions(+), 93 deletions(-) diff --git a/dist/index.css b/dist/index.css index 685e6f3..0ebdae5 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1 +1 @@ -.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_pr08s_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_pr08s_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_pr08s_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_pr08s_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_pr08s_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_pr08s_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_pr08s_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_pr08s_55{grid-area:controls;justify-self:end}._layerCardToggle_pr08s_60{grid-area:toggle;justify-self:end}._layerCardContent_pr08s_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);gap:.5rem;margin:var(--spacing-medium)}._layerCardInfoIcon_pr08s_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_pr08s_83:focus{outline:none;border:none}._layerCardContent_pr08s_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_1hhfw_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_1hhfw_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_1hhfw_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_1hhfw_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_1hhfw_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_1hhfw_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_1hhfw_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_1hhfw_55{grid-area:controls;justify-self:end}._layerCardToggle_1hhfw_60{grid-area:toggle;justify-self:end}._layerCardContent_1hhfw_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);margin:var(--spacing-medium);gap:.5rem}._layerCardInfoIcon_1hhfw_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_1hhfw_83:focus{outline:none;border:none}._layerCardContent_1hhfw_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} diff --git a/dist/spk-library.es.js b/dist/spk-library.es.js index 898e33e..3d632d4 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1,13 +1,13 @@ -import Pr, { useState as de, useReducer as ln, useRef as cn, useCallback as Ce, useEffect as Pe } from "react"; +import Pr, { useState as de, useReducer as ln, useRef as cn, useCallback as we, useEffect as Pe } from "react"; import { FontAwesomeIcon as je } from "@fortawesome/react-fontawesome"; import { faTrash as un, faFilter as fn, faInfo as kr, faFillDrip as dn, faEllipsisVertical as pn, faChevronRight as $r, faChevronLeft as vn, faArrowsLeftRight as yn, faCalendar as hn, faChevronDown as mn } from "@fortawesome/free-solid-svg-icons"; -import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as Ar, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as Cn, DateSegment as wn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; +import { Switch as _n, TooltipTrigger as gn, Tooltip as bn, Button as Ne, Slider as Ar, Label as Ze, SliderTrack as Ir, SliderThumb as Nr, DatePicker as xn, Group as Tn, DateInput as wn, DateSegment as Cn, Text as En, FieldError as vr, Popover as Rn, Dialog as Sn, Calendar as jn, Heading as On, CalendarGrid as Pn, CalendarCell as kn } from "react-aria-components"; import { useHover as $n } from "react-aria"; import { CalendarDate as An } from "@internationalized/date"; import './index.css';function In(n) { return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n; } -var Ke = { exports: {} }, we = {}; +var Ke = { exports: {} }, Ce = {}; /** * @license React * react-jsx-runtime.production.min.js @@ -19,7 +19,7 @@ var Ke = { exports: {} }, we = {}; */ var yr; function Nn() { - if (yr) return we; + if (yr) return Ce; yr = 1; var n = Pr, r = Symbol.for("react.element"), i = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, y = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 }; function g(h, m, l) { @@ -29,7 +29,7 @@ function Nn() { if (h && h.defaultProps) for (_ in m = h.defaultProps, m) b[_] === void 0 && (b[_] = m[_]); return { $$typeof: r, type: h, key: P, ref: q, props: b, _owner: y.current }; } - return we.Fragment = i, we.jsx = g, we.jsxs = g, we; + return Ce.Fragment = i, Ce.jsx = g, Ce.jsxs = g, Ce; } var Ee = {}; /** @@ -195,18 +195,18 @@ function Dn() { ue < 0 && Y("disabledDepth fell below zero. This is a bug in React. Please file an issue."); } } - var C = H.ReactCurrentDispatcher, w; + var w = H.ReactCurrentDispatcher, C; function j(e, a, f) { { - if (w === void 0) + if (C === void 0) try { throw Error(); } catch (D) { var x = D.stack.trim().match(/\n( *(at )?)/); - w = x && x[1] || ""; + C = x && x[1] || ""; } return ` -` + w + e; +` + C + e; } } var I = !1, O; @@ -227,7 +227,7 @@ function Dn() { var D = Error.prepareStackTrace; Error.prepareStackTrace = void 0; var V; - V = C.current, C.current = null, T(); + V = w.current, w.current = null, T(); try { if (a) { var A = function() { @@ -280,7 +280,7 @@ function Dn() { } } } finally { - I = !1, C.current = V, $(), Error.prepareStackTrace = D; + I = !1, w.current = V, $(), Error.prepareStackTrace = D; } var be = e ? e.displayName || e.name : "", he = be ? j(be) : ""; return typeof e == "function" && O.set(e, he), he; @@ -782,10 +782,10 @@ function Mn() { function $(u) { return B(u) === c; } - function C(u) { + function w(u) { return B(u) === U; } - function w(u) { + function C(u) { return B(u) === q; } function j(u) { @@ -800,7 +800,7 @@ function Mn() { function Z(u) { return B(u) === b; } - M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = $, M.isLazy = C, M.isMemo = w, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; + M.AsyncMode = d, M.ConcurrentMode = te, M.ContextConsumer = ce, M.ContextProvider = se, M.Element = ie, M.ForwardRef = pe, M.Fragment = G, M.Lazy = S, M.Memo = z, M.Portal = J, M.Profiler = ue, M.StrictMode = ne, M.Suspense = le, M.isAsyncMode = me, M.isConcurrentMode = o, M.isContextConsumer = p, M.isContextProvider = R, M.isElement = E, M.isForwardRef = T, M.isFragment = $, M.isLazy = w, M.isMemo = C, M.isPortal = j, M.isProfiler = I, M.isStrictMode = O, M.isSuspense = Z, M.isValidElementType = N, M.typeOf = B; }()), M; } var gr; @@ -869,10 +869,10 @@ var He, Tr; function Lr() { return Tr || (Tr = 1, He = Function.call.bind(Object.prototype.hasOwnProperty)), He; } -var Be, Cr; +var Be, wr; function Fn() { - if (Cr) return Be; - Cr = 1; + if (wr) return Be; + wr = 1; var n = function() { }; if (process.env.NODE_ENV !== "production") { @@ -918,10 +918,10 @@ function Fn() { process.env.NODE_ENV !== "production" && (i = {}); }, Be = y, Be; } -var Ge, wr; +var Ge, Cr; function qn() { - if (wr) return Ge; - wr = 1; + if (Cr) return Ge; + Cr = 1; var n = Dr(), r = Wn(), i = Qe(), c = Lr(), y = Fn(), v = function() { }; process.env.NODE_ENV !== "production" && (v = function(h) { @@ -973,33 +973,33 @@ function qn() { function W(o) { if (process.env.NODE_ENV !== "production") var p = {}, R = 0; - function E($, C, w, j, I, O, Z) { - if (j = j || P, O = O || w, Z !== i) { + function E($, w, C, j, I, O, Z) { + if (j = j || P, O = O || C, Z !== i) { if (m) { var u = new Error( "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types" ); throw u.name = "Invariant Violation", u; } else if (process.env.NODE_ENV !== "production" && typeof console < "u") { - var ae = j + ":" + w; + var ae = j + ":" + C; !p[ae] && // Avoid spamming the console because they are often not actionable except for lib authors R < 3 && (v( "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details." ), p[ae] = !0, R++); } } - return C[w] == null ? $ ? C[w] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(C, w, j, I, O); + return w[C] == null ? $ ? w[C] === null ? new F("The " + I + " `" + O + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new F("The " + I + " `" + O + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : o(w, C, j, I, O); } var T = E.bind(null, !1); return T.isRequired = E.bind(null, !0), T; } function H(o) { - function p(R, E, T, $, C, w) { + function p(R, E, T, $, w, C) { var j = R[E], I = ne(j); if (I !== o) { var O = le(j); return new F( - "Invalid " + $ + " `" + C + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), + "Invalid " + $ + " `" + w + "` of type " + ("`" + O + "` supplied to `" + T + "`, expected ") + ("`" + o + "`."), { expectedType: o } ); } @@ -1011,16 +1011,16 @@ function qn() { return W(g); } function N(o) { - function p(R, E, T, $, C) { + function p(R, E, T, $, w) { if (typeof o != "function") - return new F("Property `" + C + "` of component `" + T + "` has invalid PropType notation inside arrayOf."); - var w = R[E]; - if (!Array.isArray(w)) { - var j = ne(w); - return new F("Invalid " + $ + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); + return new F("Property `" + w + "` of component `" + T + "` has invalid PropType notation inside arrayOf."); + var C = R[E]; + if (!Array.isArray(C)) { + var j = ne(C); + return new F("Invalid " + $ + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an array.")); } - for (var I = 0; I < w.length; I++) { - var O = o(w, I, T, $, C + "[" + I + "]", i); + for (var I = 0; I < C.length; I++) { + var O = o(C, I, T, $, w + "[" + I + "]", i); if (O instanceof Error) return O; } @@ -1030,10 +1030,10 @@ function qn() { } function B() { function o(p, R, E, T, $) { - var C = p[R]; - if (!h(C)) { - var w = ne(C); - return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement.")); + var w = p[R]; + if (!h(w)) { + var C = ne(w); + return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement.")); } return null; } @@ -1041,20 +1041,20 @@ function qn() { } function d() { function o(p, R, E, T, $) { - var C = p[R]; - if (!n.isValidElementType(C)) { - var w = ne(C); - return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement type.")); + var w = p[R]; + if (!n.isValidElementType(w)) { + var C = ne(w); + return new F("Invalid " + T + " `" + $ + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected a single ReactElement type.")); } return null; } return W(o); } function te(o) { - function p(R, E, T, $, C) { + function p(R, E, T, $, w) { if (!(R[E] instanceof o)) { - var w = o.name || P, j = me(R[E]); - return new F("Invalid " + $ + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + w + "`.")); + var C = o.name || P, j = me(R[E]); + return new F("Invalid " + $ + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected ") + ("instance of `" + C + "`.")); } return null; } @@ -1065,28 +1065,28 @@ function qn() { return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? v( "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])." ) : v("Invalid argument supplied to oneOf, expected an array.")), g; - function p(R, E, T, $, C) { - for (var w = R[E], j = 0; j < o.length; j++) - if (U(w, o[j])) + function p(R, E, T, $, w) { + for (var C = R[E], j = 0; j < o.length; j++) + if (U(C, o[j])) return null; var I = JSON.stringify(o, function(Z, u) { var ae = le(u); return ae === "symbol" ? String(u) : u; }); - return new F("Invalid " + $ + " `" + C + "` of value `" + String(w) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); + return new F("Invalid " + $ + " `" + w + "` of value `" + String(C) + "` " + ("supplied to `" + T + "`, expected one of " + I + ".")); } return W(p); } function se(o) { - function p(R, E, T, $, C) { + function p(R, E, T, $, w) { if (typeof o != "function") - return new F("Property `" + C + "` of component `" + T + "` has invalid PropType notation inside objectOf."); - var w = R[E], j = ne(w); + return new F("Property `" + w + "` of component `" + T + "` has invalid PropType notation inside objectOf."); + var C = R[E], j = ne(C); if (j !== "object") - return new F("Invalid " + $ + " `" + C + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); - for (var I in w) - if (c(w, I)) { - var O = o(w, I, T, $, C + "." + I, i); + return new F("Invalid " + $ + " `" + w + "` of type " + ("`" + j + "` supplied to `" + T + "`, expected an object.")); + for (var I in C) + if (c(C, I)) { + var O = o(C, I, T, $, w + "." + I, i); if (O instanceof Error) return O; } @@ -1104,15 +1104,15 @@ function qn() { "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(R) + " at index " + p + "." ), g; } - function E(T, $, C, w, j) { + function E(T, $, w, C, j) { for (var I = [], O = 0; O < o.length; O++) { - var Z = o[O], u = Z(T, $, C, w, j, i); + var Z = o[O], u = Z(T, $, w, C, j, i); if (u == null) return null; u.data && c(u.data, "expectedType") && I.push(u.data.expectedType); } var ae = I.length > 0 ? ", expected one of type [" + I.join(", ") + "]" : ""; - return new F("Invalid " + w + " `" + j + "` supplied to " + ("`" + C + "`" + ae + ".")); + return new F("Invalid " + C + " `" + j + "` supplied to " + ("`" + w + "`" + ae + ".")); } return W(E); } @@ -1128,15 +1128,15 @@ function qn() { ); } function S(o) { - function p(R, E, T, $, C) { - var w = R[E], j = ne(w); + function p(R, E, T, $, w) { + var C = R[E], j = ne(C); if (j !== "object") - return new F("Invalid " + $ + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + $ + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); for (var I in o) { var O = o[I]; if (typeof O != "function") - return G(T, $, C, I, le(O)); - var Z = O(w, I, T, $, C + "." + I, i); + return G(T, $, w, I, le(O)); + var Z = O(C, I, T, $, w + "." + I, i); if (Z) return Z; } @@ -1145,21 +1145,21 @@ function qn() { return W(p); } function z(o) { - function p(R, E, T, $, C) { - var w = R[E], j = ne(w); + function p(R, E, T, $, w) { + var C = R[E], j = ne(C); if (j !== "object") - return new F("Invalid " + $ + " `" + C + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); + return new F("Invalid " + $ + " `" + w + "` of type `" + j + "` " + ("supplied to `" + T + "`, expected `object`.")); var I = r({}, R[E], o); for (var O in I) { var Z = o[O]; if (c(o, O) && typeof Z != "function") - return G(T, $, C, O, le(Z)); + return G(T, $, w, O, le(Z)); if (!Z) return new F( - "Invalid " + $ + " `" + C + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` + "Invalid " + $ + " `" + w + "` key `" + O + "` supplied to `" + T + "`.\nBad object: " + JSON.stringify(R[E], null, " ") + ` Valid keys: ` + JSON.stringify(Object.keys(o), null, " ") ); - var u = Z(w, O, T, $, C + "." + O, i); + var u = Z(C, O, T, $, w + "." + O, i); if (u) return u; } @@ -1332,7 +1332,7 @@ Mr.propTypes = { onChange: s.func.isRequired, disabled: s.bool }; -const Qn = "_layerCard_pr08s_1", et = "_layerCardAttributionWrapper_pr08s_11", rt = "_layerCardAttribution_pr08s_11", nt = "_layerCardHeader_pr08s_23", tt = "_layerCardTextWrapper_pr08s_32", at = "_layerCardTitle_pr08s_40", ot = "_layerCardDescription_pr08s_48", it = "_layerCardControls_pr08s_55", st = "_layerCardToggle_pr08s_60", lt = "_layerCardContent_pr08s_65", ct = "_layerCardInfoIcon_pr08s_83", fe = { +const Qn = "_layerCard_1hhfw_1", et = "_layerCardAttributionWrapper_1hhfw_11", rt = "_layerCardAttribution_1hhfw_11", nt = "_layerCardHeader_1hhfw_23", tt = "_layerCardTextWrapper_1hhfw_32", at = "_layerCardTitle_1hhfw_40", ot = "_layerCardDescription_1hhfw_48", it = "_layerCardControls_1hhfw_55", st = "_layerCardToggle_1hhfw_60", lt = "_layerCardContent_1hhfw_65", ct = "_layerCardInfoIcon_1hhfw_83", fe = { layerCard: Qn, layerCardAttributionWrapper: et, layerCardAttribution: rt, @@ -1442,12 +1442,12 @@ const ft = "_swatchContainer_771fp_2", dt = "_swatch_771fp_2", pt = "_swatchLabe _t.propTypes = { swatches: s.arrayOf(s.objectOf(s.string)).isRequired }; -const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1bnet_20", Tt = "_sliderTrack_1bnet_41", Ct = "_comparisonControl_1bnet_66", Re = { +const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1bnet_20", Tt = "_sliderTrack_1bnet_41", wt = "_comparisonControl_1bnet_66", Re = { slider: gt, sliderLabel: bt, sliderThumb: xt, sliderTrack: Tt, - comparisonControl: Ct + comparisonControl: wt }, Ra = ({ label: n, showLabel: r = !0, @@ -1457,8 +1457,8 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 }) => /* @__PURE__ */ t.jsx("div", { className: Re.comparisonControl, children: /* @__PURE__ */ t.jsxs(Ar, { maxValue: 94, minValue: 6, step: 0.1, className: Re.slider, "aria-label": !r && typeof n == "string" ? n : void 0, onChange: i, value: c, ...y, children: [ r && /* @__PURE__ */ t.jsx(Ze, { className: Re.sliderLabel, children: n }), /* @__PURE__ */ t.jsx(Ir, { className: Re.sliderTrack, children: /* @__PURE__ */ t.jsx(Nr, { className: Re.sliderThumb, children: /* @__PURE__ */ t.jsx(je, { color: "white", icon: yn }) }) }) -] }) }), wt = "_datePicker_ywin1_1 react-aria-DatePicker", Et = "_dateInput_ywin1_12 react-aria-DateInput", Rt = "_hoverDatepicker_ywin1_17", ze = { - datePicker: wt, +] }) }), Ct = "_datePicker_ywin1_1 react-aria-DatePicker", Et = "_dateInput_ywin1_12 react-aria-DateInput", Rt = "_hoverDatepicker_ywin1_17", ze = { + datePicker: Ct, dateInput: Et, hoverDatepicker: Rt }, Je = (n) => new An(n.getFullYear(), n.getMonth() + 1, n.getDate()), Sa = ({ @@ -1496,11 +1496,11 @@ const gt = "_slider_1bnet_1", bt = "_sliderLabel_1bnet_16", xt = "_sliderThumb_1 n && /* @__PURE__ */ t.jsx(Ze, { children: n }), /* @__PURE__ */ t.jsxs(Tn, { children: [ /* @__PURE__ */ t.jsx( - Cn, + wn, { className: `${U || b ? ze.hoverDatepicker : ""} ${ze.dateInput}`.trim(), ...q, - children: (N) => /* @__PURE__ */ t.jsx(wn, { segment: N }) + children: (N) => /* @__PURE__ */ t.jsx(Cn, { segment: N }) } ), /* @__PURE__ */ t.jsx( @@ -1671,13 +1671,13 @@ function ea(n, r) { } } const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged: y, currentValues: v = {}, showValues: g }) => { - const h = Math.max(isNaN(v.lower) ? -1 / 0 : v.lower, r.min), m = Math.min(isNaN(v.upper) ? 1 / 0 : v.upper, r.max), [l, _] = ln(ea, { lower: h, upper: m }), b = cn(null), [P, q] = de(0), [U, F] = de(0), [W, H] = de("none"), [Y, N] = de(0), B = Ce((G) => { + const h = Math.max(isNaN(v.lower) ? -1 / 0 : v.lower, r.min), m = Math.min(isNaN(v.upper) ? 1 / 0 : v.upper, r.max), [l, _] = ln(ea, { lower: h, upper: m }), b = cn(null), [P, q] = de(0), [U, F] = de(0), [W, H] = de("none"), [Y, N] = de(0), B = we((G) => { const S = (G - r.min) / (r.max - r.min); return b.current.clientWidth * S; - }, [r]), d = Ce((G) => { + }, [r]), d = we((G) => { const S = G / b.current.clientWidth; return r.min + (r.max - r.min) * S; - }, [r]), te = Ce((G) => { + }, [r]), te = we((G) => { const S = G / b.current.clientWidth; return (r.max - r.min) * S; }, [r]); @@ -1695,9 +1695,9 @@ const ra = ({ label: n, bounds: r, step: i = 0, valuesChanging: c, valuesChanged }, [i, y, r]); const ce = (G) => { G.preventDefault(), H(G.target.getAttribute("data-handle-id")), N(0); - }, se = Ce((G) => { + }, se = we((G) => { G.preventDefault(), H("none"), y && y(l); - }, [l, y]), ie = Ce( + }, [l, y]), ie = we( (G) => { if (W === "none" || G.buttons === 0) return; diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index 4a79c6d..71c7b01 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -1,4 +1,4 @@ -(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_pr08s_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_pr08s_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_pr08s_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_pr08s_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_pr08s_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_pr08s_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_pr08s_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_pr08s_55{grid-area:controls;justify-self:end}._layerCardToggle_pr08s_60{grid-area:toggle;justify-self:end}._layerCardContent_pr08s_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);gap:.5rem;margin:var(--spacing-medium)}._layerCardInfoIcon_pr08s_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_pr08s_83:focus{outline:none;border:none}._layerCardContent_pr08s_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_1hhfw_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_1hhfw_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_1hhfw_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_1hhfw_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_1hhfw_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_1hhfw_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_1hhfw_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_1hhfw_55{grid-area:controls;justify-self:end}._layerCardToggle_1hhfw_60{grid-area:toggle;justify-self:end}._layerCardContent_1hhfw_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);margin:var(--spacing-medium);gap:.5rem}._layerCardInfoIcon_1hhfw_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_1hhfw_83:focus{outline:none;border:none}._layerCardContent_1hhfw_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px 1fr;grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} /*$vite$:1*/`,document.head.appendChild(rr);function Jr(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ne={exports:{}},ke={};/** * @license React * react-jsx-runtime.production.min.js @@ -7,7 +7,7 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(h,b,s){var y,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(h&&h.defaultProps)for(y in b=h.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:h,key:P,ref:G,props:_,_owner:v.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var Se={};/** + */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,h=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(v,b,s){var y,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(v&&v.defaultProps)for(y in b=v.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:v,key:P,ref:G,props:_,_owner:h.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var Se={};/** * @license React * react-jsx-runtime.development.js * @@ -15,15 +15,15 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var tr;function Kr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),h=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),G=Symbol.for("react.offscreen"),X=Symbol.iterator,$="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var n=X&&e[X]||e[$];return typeof n=="function"?n:null}var V=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var n=arguments.length,u=new Array(n>1?n-1:0),x=1;x1?n-1:0),x=1;x=1&&ee>=0&&O[Q]!==ae[ee];)ee--;for(;Q>=1&&ee>=0;Q--,ee--)if(O[Q]!==ae[ee]){if(Q!==1||ee!==1)do if(Q--,ee--,ee<0||O[Q]!==ae[ee]){var ce=` -`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&j.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?R(Te):"";return typeof e=="function"&&j.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return R(e);switch(e){case s:return R("Suspense");case y:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function va(e,n,u,x,z){{var Y=Function.call.bind(je);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ya(e){try{return Ar(e),!1}catch{return!0}}function Ar(e){return""+e}function Nr(e){if(ya(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Ar(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(je.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(je.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function Sa(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Nr(u),O=""+u),xa(n)&&(Nr(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)je.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` +`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&j.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?R(Te):"";return typeof e=="function"&&j.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return R(e);switch(e){case s:return R("Suspense");case y:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function ha(e,n,u,x,z){{var Y=Function.call.bind(je);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var va=Array.isArray;function Je(e){return va(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ya(e){try{return Ar(e),!1}catch{return!0}}function Ar(e){return""+e}function Nr(e){if(ya(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Ar(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(je.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(je.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function Sa(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Nr(u),O=""+u),xa(n)&&(Nr(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)je.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` Check the render method of \``+e+"`."}return""}}function Ea(e){return""}var $r={};function Ra(e){{var n=Br();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` -Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ra(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=Sa(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[me+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: +Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ra(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=Sa(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[me+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: @@ -35,16 +35,16 @@ React keys must be passed directly to JSX without using spread: * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var nr;function Zr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case s:case c:case g:case v:case _:return f;default:switch(f=f&&f.$$typeof,f){case h:case y:case X:case G:case m:return f;default:return le}}case i:return le}}}function q(f){return M(f)===s}return N.AsyncMode=b,N.ConcurrentMode=s,N.ContextConsumer=h,N.ContextProvider=m,N.Element=r,N.ForwardRef=y,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=v,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===h},N.isContextProvider=function(f){return M(f)===m},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===y},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===v},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===s||f===g||f===v||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===m||f.$$typeof===h||f.$$typeof===y||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 + */var nr;function Zr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case s:case c:case g:case h:case _:return f;default:switch(f=f&&f.$$typeof,f){case v:case y:case X:case G:case m:return f;default:return le}}case i:return le}}}function q(f){return M(f)===s}return N.AsyncMode=b,N.ConcurrentMode=s,N.ContextConsumer=v,N.ContextProvider=m,N.Element=r,N.ForwardRef=y,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=h,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===v},N.isContextProvider=function(f){return M(f)===m},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===y},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===h},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===s||f===g||f===h||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===m||f.$$typeof===v||f.$$typeof===y||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===v||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===h||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case v:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case h:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=s,ge=h,ue=m,de=r,he=y,J=c,E=X,K=G,Z=i,ve=g,oe=v,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===h}function S(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function R(d){return q(d)===i}function I(d){return q(d)===g}function j(d){return q(d)===v}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=he,F.Fragment=J,F.Lazy=E,F.Memo=K,F.Portal=Z,F.Profiler=ve,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=S,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=R,F.isProfiler=I,F.isStrictMode=j,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* + */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===h||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===v||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case h:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case v:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=s,ge=v,ue=m,de=r,ve=y,J=c,E=X,K=G,Z=i,he=g,oe=h,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===v}function S(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function R(d){return q(d)===i}function I(d){return q(d)===g}function j(d){return q(d)===h}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=ve,F.Fragment=J,F.Lazy=E,F.Memo=K,F.Portal=Z,F.Profiler=he,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=S,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=R,F.isProfiler=I,F.isStrictMode=j,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* object-assign (c) Sindre Sorhus @license MIT -*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},h=0;h<10;h++)m["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(y){s[y]=y}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,m){for(var h,b=c(g),s,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,h,b,s,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:l.objectOf(l.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_pr08s_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_pr08s_11",layerCardAttribution:"_layerCardAttribution_pr08s_11",layerCardHeader:"_layerCardHeader_pr08s_23",layerCardTextWrapper:"_layerCardTextWrapper_pr08s_32",layerCardTitle:"_layerCardTitle_pr08s_40",layerCardDescription:"_layerCardDescription_pr08s_48",layerCardControls:"_layerCardControls_pr08s_55",layerCardToggle:"_layerCardToggle_pr08s_60",layerCardContent:"_layerCardContent_pr08s_65",layerCardInfoIcon:"_layerCardInfoIcon_pr08s_83"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[m,h]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(v||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[v&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(yr,{label:c,color:i,value:v,units:g},c)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":m,className:h,maxValue:b,minValue:s,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:m=0,precision:h=2,units:b})=>{const s=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(v-c)/m*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:m=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:m})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,y]=U.useReducer(pa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(s)},[s,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Es.upper?(V("right"),K=[s.lower,s.lower+E]):K=[s.lower+E,s.upper];else if(B==="right")s.upper+E>r.max&&(E=r.max-s.upper),s.upper+Er.max&&(E=r.max-s.upper),K=[s.lower+E,s.upper+E];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);Es.upper&&y({type:"ChangeValues",values:[s.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Dr.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:m,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:m,step:h,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},A.ComparisonControl=ua,A.DatePicker=fa,A.FullScreen=Or,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=ga,A.LayerButtonReel=vr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Lr,A.Stacked=jr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); +*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function h(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},v=0;v<10;v++)m["_"+String.fromCharCode(v)]=v;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(y){s[y]=y}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=h()?Object.assign:function(g,m){for(var v,b=c(g),s,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function ve(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||v(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function he(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":he(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=h,G.resetWarningCache=h.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,v,b,s,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function h(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:h,element:c,elementType:c,instanceOf:h,node:c,objectOf:h,oneOf:h,oneOfType:h,shape:h,exact:h,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},hr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});hr.propTypes={buttons:l.objectOf(l.func)};const vr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:vr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:vr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_1hhfw_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_1hhfw_11",layerCardAttribution:"_layerCardAttribution_1hhfw_11",layerCardHeader:"_layerCardHeader_1hhfw_23",layerCardTextWrapper:"_layerCardTextWrapper_1hhfw_32",layerCardTitle:"_layerCardTitle_1hhfw_40",layerCardDescription:"_layerCardDescription_1hhfw_48",layerCardControls:"_layerCardControls_1hhfw_55",layerCardToggle:"_layerCardToggle_1hhfw_60",layerCardContent:"_layerCardContent_1hhfw_65",layerCardInfoIcon:"_layerCardInfoIcon_1hhfw_83"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:h,children:g})=>{const[m,v]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(h||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>v(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[h&&t.jsx("span",{className:pe.layerCardDescription,children:h}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:h,units:g}=r;return t.jsx(yr,{label:c,color:i,value:h,units:g},c)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...h})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...h,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:h,"aria-label":g,"aria-labelledby":m,className:v,maxValue:b,minValue:s,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());h(q)}else h(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${v||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:h,titleBelow:g=!1,bins:m=0,precision:v=2,units:b})=>{const s=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(h-c)/m*(_+1)).toPrecision(v);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[h," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:h,step:g,value:m=0,showLabel:v,...b})=>t.jsxs(W.Slider,{maxValue:h,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!v&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[v&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),h=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:h,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:h,currentValues:g={},showValues:m})=>{const v=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,y]=U.useReducer(pa,{lower:v,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:h,step:i,bounds:r})},[i,h,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),h&&h(s)},[s,h]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Es.upper?(V("right"),K=[s.lower,s.lower+E]):K=[s.lower+E,s.upper];else if(B==="right")s.upper+E>r.max&&(E=r.max-s.upper),s.upper+Er.max&&(E=r.max-s.upper),K=[s.lower+E,s.upper+E];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const ve=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);Es.upper&&y({type:"ChangeValues",values:[s.lower,E],bounds:r,step:i,callback:h})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:ve}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),h=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:h,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:h}=c;return t.jsx("div",{className:Dr.sliderLabel,children:h})}),i&&i.map(c=>{const{onChange:h,min:g,max:m,step:v,value:b}=c;return t.jsx(xr,{onChange:h,units:r,min:g,max:m,step:v,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},A.ComparisonControl=ua,A.DatePicker=fa,A.FullScreen=Or,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=ga,A.LayerButtonReel=hr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Lr,A.Stacked=jr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}); diff --git a/src/components/composite/LayerCard.module.css b/src/components/composite/LayerCard.module.css index e3b62a6..466ef15 100644 --- a/src/components/composite/LayerCard.module.css +++ b/src/components/composite/LayerCard.module.css @@ -76,8 +76,8 @@ font-size: var(--font-size-small); margin-bottom: var(--spacing-large); padding: var(--spacing-medium); - gap: 0.5rem; margin: var(--spacing-medium); + gap: 0.5rem; } .layerCardInfoIcon { From 3077558681cb0643b52a4b179420a8b5a13a1cec Mon Sep 17 00:00:00 2001 From: Huy Tran Date: Tue, 27 Jan 2026 09:22:04 -0500 Subject: [PATCH 10/10] chore: Build lib --- dist/index.css | 2 +- dist/spk-library.umd.js | 22 +++++++++++----------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/dist/index.css b/dist/index.css index b71c1bb..634a534 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1 +1 @@ -.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_mw8v9_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_mw8v9_11{margin-top:4px;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_mw8v9_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_mw8v9_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_mw8v9_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mw8v9_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_mw8v9_50{padding:var(--spacing-medium);align-self:center;width:90%;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_mw8v9_59{grid-area:controls;justify-self:end}._layerCardToggle_mw8v9_64{grid-area:toggle;justify-self:end}._layerCardContent_mw8v9_69{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_mw8v9_85{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_mw8v9_85:focus{outline:none;border:none}._layerCardContent_mw8v9_69:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_1hhfw_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_1hhfw_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_1hhfw_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_1hhfw_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_1hhfw_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_1hhfw_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_1hhfw_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_1hhfw_55{grid-area:controls;justify-self:end}._layerCardToggle_1hhfw_60{grid-area:toggle;justify-self:end}._layerCardContent_1hhfw_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);margin:var(--spacing-medium);gap:.5rem}._layerCardInfoIcon_1hhfw_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_1hhfw_83:focus{outline:none;border:none}._layerCardContent_1hhfw_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index 6542077..ebdbbb4 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -1,5 +1,5 @@ -(function(N,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(N=typeof globalThis<"u"?globalThis:N||self,U(N.SpkLibrary={},N.React,N.FontAwesome,N.FreeSolidSvgIcons,N.ReactAriaComponents,N.ReactAria,N.InternationalizedDate))})(this,function(N,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_mw8v9_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_mw8v9_11{margin-top:4px;font-size:.7rem;font-style:italic;align-self:center;width:90%}._layerCardAttribution_mw8v9_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_mw8v9_25{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_mw8v9_34{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mw8v9_42{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_mw8v9_50{padding:var(--spacing-medium);align-self:center;width:90%;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_mw8v9_59{grid-area:controls;justify-self:end}._layerCardToggle_mw8v9_64{grid-area:toggle;justify-self:end}._layerCardContent_mw8v9_69{display:flex;flex-direction:column;width:90%;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large)}._layerCardInfoIcon_mw8v9_85{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_mw8v9_85:focus{outline:none;border:none}._layerCardContent_mw8v9_69:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} -/*$vite$:1*/`,document.head.appendChild(rr);function Jr(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ae={exports:{}},ke={};/** +(function(A,U){typeof exports=="object"&&typeof module<"u"?U(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria"),require("@internationalized/date")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria","@internationalized/date"],U):(A=typeof globalThis<"u"?globalThis:A||self,U(A.SpkLibrary={},A.React,A.FontAwesome,A.FreeSolidSvgIcons,A.ReactAriaComponents,A.ReactAria,A.InternationalizedDate))})(this,function(A,U,Ce,ie,W,qr,Ur){"use strict";var rr=document.createElement("style");rr.textContent=`.react-aria-Button{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;text-align:center;margin:0;outline:none;padding:6px 10px;text-decoration:none}.react-aria-Button[data-pressed]{box-shadow:inset 0 1px 2px #0000001a;background:var(--button-background-pressed);border-color:var(--border-color-pressed)}.react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-Button[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}@keyframes toggle{0%{opacity:0}to{opacity:1}}.react-aria-TextField{display:flex;flex-direction:column;width:fit-content;color:var(--text-color)}.react-aria-TextField .react-aria-Input,.react-aria-TextField .react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color)}.react-aria-TextField .react-aria-Input[data-focused],.react-aria-TextField .react-aria-TextArea[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-TextField .react-aria-Input[data-invalid],.react-aria-TextField .react-aria-TextArea[data-invalid]{border-color:var(--invalid-color)}.react-aria-TextField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-TextField [slot=description]{font-size:12px}.react-aria-TextField .react-aria-Input[data-disabled],.react-aria-TextField .react-aria-TextArea[data-disabled]{border-color:var(--border-color-disabled);color:var(--text-color-disabled)}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.react-aria-ModalOverlay[data-entering]{animation:modal-fade .2s}.react-aria-ModalOverlay[data-exiting]{animation:modal-fade .15s reverse ease-in}.react-aria-Modal{box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--overlay-background);color:var(--text-color);border:1px solid var(--gray-400);outline:none;max-width:300px}.react-aria-Modal[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-Modal .react-aria-TextField{margin-bottom:8px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:#2d000000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#2d00004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto}.react-aria-Dialog .react-aria-Heading[slot=title]{line-height:1em;margin-top:0}.react-aria-Switch{display:flex;align-items:center;gap:.571rem;font-size:1.143rem;color:var(--text-color);forced-color-adjust:none}.react-aria-Switch .indicator{width:2rem;height:1.143rem;border:2px solid var(--border-color);background:var(--background-color);border-radius:1.143rem;transition:all .2s}.react-aria-Switch .indicator:before{content:"";display:block;margin:.143rem;width:.857rem;height:.857rem;background:var(--highlight-background);border-radius:16px;transition:all .2s}.react-aria-Switch[data-pressed] .indicator{border-color:var(--border-color-pressed)}.react-aria-Switch[data-pressed] .indicator:before{background:var(--highlight-background-pressed)}.react-aria-Switch[data-selected] .indicator{border-color:var(--highlight-background);background:var(--highlight-background)}.react-aria-Switch[data-selected] .indicator:before{background:var(--field-background);transform:translate(100%)}.react-aria-Switch[data-selected][data-pressed] .indicator{border-color:var(--highlight-background-pressed);background:var(--highlight-background-pressed)}.react-aria-Switch[data-focus-visible] .indicator{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Switch[data-disabled]{color:var(--text-color-disabled)}.react-aria-Switch[data-disabled] .indicator{border-color:var(--border-color-disabled)}.react-aria-Switch[data-disabled] .indicator:before{background:var(--border-color-disabled)}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Popover[data-entering]{animation:popover-slide .2s}.react-aria-Popover[data-exiting]{animation:popover-slide .2s reverse ease-in}@keyframes popover-slide{0%{transform:var(--origin);opacity:0}to{transform:translateY(0);opacity:1}}.react-aria-Form{display:flex;flex-direction:column;align-items:start;gap:8px}.react-aria-Form [role=alert]{border:2px solid var(--invalid-color);background:var(--overlay-background);border-radius:6px;padding:12px;max-width:250px;outline:none}.react-aria-Form [role=alert]:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Form [role=alert] h3{margin-top:0}.react-aria-Form [role=alert] p{margin-bottom:0}.react-aria-DateField{color:var(--text-color)}.react-aria-DateInput{display:flex;padding:4px;border:1px solid var(--border-color);border-radius:6px;background:var(--field-background);width:fit-content;min-width:150px;white-space:nowrap;forced-color-adjust:none}.react-aria-DateInput[data-focus-within]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}.react-aria-DateSegment{padding:0 2px;font-variant-numeric:tabular-nums;text-align:end;color:var(--text-color)}.react-aria-DateSegment[data-type=literal]{padding:0}.react-aria-DateSegment[data-placeholder]{color:var(--text-color-placeholder);font-style:italic}.react-aria-DateSegment:focus{color:var(--highlight-foreground);background:var(--highlight-background);outline:none;border-radius:4px;caret-color:transparent}.react-aria-DateSegment[data-invalid]{color:var(--invalid-color)}.react-aria-DateSegment[data-invalid]:focus{background:var(--highlight-background-invalid);color:var(--highlight-foreground)}.react-aria-DateField .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DateField [slot=description]{font-size:12px}.react-aria-Calendar{width:fit-content;max-width:100%;color:var(--text-color)}.react-aria-Calendar header{display:flex;align-items:center;margin:0 4px .5rem}.react-aria-Calendar header .react-aria-Heading{flex:1;margin:0;text-align:center;font-size:1.375rem}.react-aria-Calendar .react-aria-Button{width:2rem;height:2rem;padding:0}.react-aria-Calendar .react-aria-CalendarCell{width:2rem;line-height:2rem;text-align:center;border-radius:6px;cursor:default;outline:none;margin:1px;forced-color-adjust:none}.react-aria-Calendar .react-aria-CalendarCell[data-outside-month]{display:none}.react-aria-Calendar .react-aria-CalendarCell[data-pressed]{background:var(--gray-100)}.react-aria-Calendar .react-aria-CalendarCell[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-Calendar .react-aria-CalendarCell[data-selected]{background:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-Calendar .react-aria-CalendarCell[data-disabled]{color:var(--text-color-disabled)}.react-aria-Calendar .react-aria-CalendarCell[data-unavailable]{text-decoration:line-through;color:var(--invalid-color)}.react-aria-Calendar .react-aria-CalendarCell[data-invalid]{background:var(--invalid-color);color:var(--highlight-foreground)}.react-aria-Calendar [slot=errorMessage]{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker{color:var(--text-color)}.react-aria-DatePicker .react-aria-Group{display:flex;width:fit-content;align-items:center}.react-aria-DatePicker .react-aria-Button{background:var(--highlight-background);color:var(--highlight-foreground);border:2px solid var(--field-background);forced-color-adjust:none;border-radius:4px;border:none;margin-left:-1.929rem;width:1.429rem;height:1.429rem;padding:0;font-size:.857rem;box-sizing:content-box}.react-aria-DatePicker .react-aria-Button[data-pressed]{box-shadow:none;background:var(--highlight-background)}.react-aria-DatePicker .react-aria-Button[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-DatePicker .react-aria-DateInput{padding:4px 2.5rem 4px 8px}.react-aria-Popover[data-trigger=DatePicker]{max-width:unset}.react-aria-DatePicker[data-invalid] .react-aria-DateInput:after{content:"🚫" / "";content:"🚫";alt:" ";flex:1;text-align:end}.react-aria-DatePicker .react-aria-FieldError{font-size:12px;color:var(--invalid-color)}.react-aria-DatePicker [slot=description]{font-size:12px}:root{font-family:system-ui;font-size:var(--font-size-base);line-height:1.5;background:var(--background-color);box-sizing:border-box}:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5;--border-radius-small: 33%;--border-radius-medium: 50%;--border-radius-large: 66%;--border-radius-input: 4px;--primary-color: #003247;--secondary-color: #335e6f;--tertiary-color: #008e7a;--accent-color: #fbab18;--background-color: #f3f7f8;--background-color-secondary: #dbdbdb;--foreground-color: #ffffff;--text-color-primary: #ffffff;--text-color-secondary: #333333;--border-color: #8197a6;--disabled-color: #dfdfdf}:root{--gray-50: #ffffff;--gray-100: #fcfcfc;--gray-200: #efefef;--gray-300: #8f8f8f;--gray-400: #717171;--gray-500: #555555;--gray-600: #393939;--accent-100: #D0DFFF;--accent-200: #A6BFF9;--accent-300: #87A5EF;--accent-400: #3D63DD;--accent-500: #3657C3;--accent-600: #1D2E5C;--red-100: #f7c4ba;--red-200: #f29887;--red-300: #eb664d;--red-400: #de2300;--red-500: #a81b00;--red-600: #731200;--highlight-hover: rgb(0 0 0 / .07);--highlight-pressed: rgb(0 0 0 / .15)}:root{--focus-ring-color: var(--accent-400);--text-color: var(--gray-600);--text-color-base: var(--gray-500);--text-color-hover: var(--gray-600);--text-color-disabled: var(--gray-200);--text-color-placeholder: var(--gray-400);--link-color: var(--accent-500);--link-color-secondary: var(--gray-500);--link-color-pressed: var(--accent-600);--border-color: var(--gray-300);--border-color-hover: var(--gray-400);--border-color-pressed: var(--gray-400);--border-color-disabled: var(--gray-100);--field-background: var(--gray-50);--field-text-color: var(--gray-600);--overlay-background: var(--gray-50);--button-background: var(--gray-50);--button-background-pressed: var(--background-color);--highlight-background: #3D63DD;--highlight-background-pressed: #3657C3;--highlight-background-invalid: #cc2000;--highlight-foreground: white;--highlight-foreground-pressed: #ddd;--highlight-overlay: rgb(from #3D63DD r g b / 15%);--invalid-color: var(--red-400);--invalid-color-pressed: var(--red-500)}@media (forced-colors: active){:root{--background-color: Canvas;--focus-ring-color: Highlight;--text-color: ButtonText;--text-color-base: ButtonText;--text-color-hover: ButtonText;--text-color-disabled: GrayText;--text-color-placeholder: ButtonText;--link-color: LinkText;--link-color-secondary: LinkText;--link-color-pressed: LinkText;--border-color: ButtonBorder;--border-color-hover: ButtonBorder;--border-color-pressed: ButtonBorder;--border-color-disabled: GrayText;--field-background: Field;--field-text-color: FieldText;--overlay-background: Canvas;--button-background: ButtonFace;--button-background-pressed: ButtonFace;--highlight-background: Highlight;--highlight-background-pressed: Highlight;--highlight-background-invalid: LinkText;--highlight-foreground: HighlightText;--highlight-foreground-pressed: HighlightText;--invalid-color: LinkText;--invalid-color-pressed: LinkText}}.react-aria-Button{font-size:var(--font-size-base)}.react-aria-Button:hover,.react-aria-Calendar .react-aria-CalendarCell:hover{outline:3px solid var(--highlight-hover);outline-offset:-1px;cursor:pointer}.react-aria-Calendar header .react-aria-Heading{font-size:var(--font-size-large)}.react-aria-Calendar [slot=errorMessage]{font-size:var(--font-size-small);color:var(--invalid-color)}.react-aria-DatePicker .react-aria-FieldError,.react-aria-DatePicker [slot=description],.react-aria-DateField .react-aria-FieldError,.react-aria-DateField [slot=description]{font-size:var(--font-size-small)}._iconButton_1963e_1 button{border:0;background:none;padding:4px;width:24px;height:24px;border-radius:var(--border-radius-medium, 50%);color:var(--text-color-primary, #3b3b50)}._iconButton_1963e_1 button:hover{border:0;background:var(--background-color, #dbdbdb)}._layerButtonReel_1o59k_1{display:flex;justify-content:space-between;padding:0 8px}:root{--width: 32px;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._switch_1wt51_7{display:flex;position:relative;align-items:center;padding:calc(var(--padding) * 2);gap:.571rem;font-size:1.143rem;color:var(--text-color-secondary);forced-color-adjust:none;cursor:pointer}._switch_1wt51_7 ._indicator_1wt51_19{display:flex;align-items:center;width:var(--width);padding:var(--padding);height:var(--height);border:none;background:var(--background-color-secondary);border-radius:1.143rem;transition:all .2s}._switch_1wt51_7 ._indicator_1wt51_19:before{content:"";align-self:center;display:block;width:calc((var(--width) * .5) - var(--padding));height:calc((var(--height)) - var(--padding));background:var(--foreground-color);border-radius:16px;border:1px solid var(--border-color);transition:all .2s}._switch_1wt51_7[data-pressed] ._indicator_1wt51_19:before{background:var(--tertiary-color)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19{background:var(--background-color-secondary)}._switch_1wt51_7[data-selected] ._indicator_1wt51_19:before{background:var(--tertiary-color);transform:translate(100%);border:1px solid color-mix(in srgb,var(--border-color),black 50%)}._switch_1wt51_7[data-focus-visible] ._indicator_1wt51_19{outline:2px solid var(--accent-color);outline-offset:2px}._switch_1wt51_7[data-disabled]{color:var(--disabled-color);cursor:not-allowed}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19{background-color:var(--background-color)}._switch_1wt51_7[data-disabled] ._indicator_1wt51_19:before{background:var(--disabled-color);border:none}._layerCard_1hhfw_1{color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:relative}._layerCardAttributionWrapper_1hhfw_11{font-size:.7rem;font-style:italic;align-self:flex-start}._layerCardAttribution_1hhfw_11{width:100%;overflow:hidden;text-overflow:ellipsis}._layerCardHeader_1hhfw_23{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";font-weight:700}._layerCardTextWrapper_1hhfw_32{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_1hhfw_40{padding-bottom:var(--spacing-small);font-size:var(--font-size-small);overflow:hidden;width:100%;text-overflow:ellipsis}._layerCardDescription_1hhfw_48{align-self:flex-start;text-wrap:pretty;word-wrap:break-word;font-size:var(--text-size-small)}._layerCardControls_1hhfw_55{grid-area:controls;justify-self:end}._layerCardToggle_1hhfw_60{grid-area:toggle;justify-self:end}._layerCardContent_1hhfw_65{display:flex;flex-direction:column;overflow:hidden;justify-content:center;justify-self:center;align-items:center;align-self:center;border-radius:8px;background-color:var(--foreground-color);color:var(--text-color-secondary);font-size:var(--font-size-small);margin-bottom:var(--spacing-large);padding:var(--spacing-medium);margin:var(--spacing-medium);gap:.5rem}._layerCardInfoIcon_1hhfw_83{display:flex;align-items:center;justify-content:center;background-color:var(--tertiary-color);outline:none;width:14px;height:14px;padding:8px;border:none;border-radius:999px;font-size:14px;font-weight:700;color:#fff}._layerCardInfoIcon_1hhfw_83:focus{outline:none;border:none}._layerCardContent_1hhfw_65:empty{margin-bottom:0}._swatchContainer_771fp_2{display:grid;grid-template-columns:min-content 1fr max-content;align-items:center;width:100%;height:100%;margin:4px}._swatch_771fp_2{padding:8px;border:1px solid grey;box-sizing:border-box}._swatchLabel_771fp_18{font-size:14px;margin:0 8px}._swatchValue_771fp_24{font-size:14px}._swatchLegend_qiaru_1{display:grid;grid-template-columns:auto;grid-template-rows:auto}._slider_1bnet_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_1bnet_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_1bnet_16{grid-area:label}._sliderThumb_1bnet_20{display:flex;width:24px;height:24px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_1bnet_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_1bnet_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_1bnet_41{grid-area:track;position:relative}._sliderTrack_1bnet_41:before{content:"";display:block;position:absolute;background:var(--border-color)}._sliderTrack_1bnet_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_1bnet_41[data-orientation=horizontal]:before{height:3px;width:100%;top:50%;transform:translateY(-50%)}._comparisonControl_1bnet_66{position:relative;display:flex;justify-content:space-around;height:fit-content;grid-area:4/1/4/5;margin:1%;padding:4px 0;background-color:var(--background-color);z-index:2}._datePicker_ywin1_1{display:flex;flex-direction:column}._dateInput_ywin1_12{border-radius:var(--border-radius-input)}._hoverDatepicker_ywin1_17{outline:3px solid var(--highlight-hover);outline-offset:-1px}._gradient_1w8qh_1{width:100%;height:24px}._gradientNumbers_1w8qh_6{display:flex;justify-content:space-between}._gradientLegend_1w8qh_11{width:100%;height:100%}._slider_108mp_1{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;max-width:100%;color:var(--text-color)}._slider_108mp_1[data-orientation=horizontal]{justify-self:center;box-sizing:border-box;width:90%}._sliderLabel_108mp_16{grid-area:label}._sliderThumb_108mp_20{display:flex;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none;top:50%;justify-content:center;align-items:center}._sliderThumb_108mp_20[data-dragging]{background:var(--tertiary-color)}._sliderThumb_108mp_20[data-focus-visible]{outline:2px solid var(--focus-ring-color)}._sliderTrack_108mp_41{grid-area:track;position:relative}._sliderTrack_108mp_41:before{content:"";display:block;position:absolute;background:#ddd}._sliderTrack_108mp_41[data-orientation=horizontal]{height:30px;width:100%}._sliderTrack_108mp_41[data-orientation=horizontal]:before{height:2px;width:100%;top:50%;transform:translateY(-50%)}._layerGroupWrapper_1p831_1{width:100%}._layerGroupButton_1p831_5{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;justify-content:start;align-items:center;border:1px solid transparent;width:100%}._layerGroupChevron_1p831_17{padding:4px}._layerGroupButton_1p831_5:hover{border-color:var(--accent-color)}._layerGroupButton_1p831_5:focus,._layerGroupButton_1p831_5:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1p831_30{padding:8px;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-wrap:pretty;text-overflow:ellipsis;font-weight:700;font-size:var(--font-size-medium)}:nth-last-child(1 of._layerGroupWrapper_1p831_1) ._layerGroupChildren_1p831_42{border-bottom:8px solid var(--primary-color)}._rangeSlider_1wewu_1{display:grid;grid-template-areas:"label" "track" "values";grid-template-columns:1fr;max-width:100%;color:var(--text-color);justify-self:center;box-sizing:border-box;width:90%}._rangeSliderLabel_1wewu_14{margin-bottom:10px;grid-area:label}._rangeSliderValues_1wewu_19{grid-area:values;display:flex;justify-content:space-between;align-items:center;font-size:.8em;color:var(--secondary-text-color)}._rangeSliderMin_1wewu_28{margin-right:auto}._rangeSliderMax_1wewu_32{margin-left:auto}._rangeSliderContainer_1wewu_36{display:inline-flex;grid-area:track;position:relative;margin:0;width:100%;align-items:center;height:30px}._rangeSliderTrack_1wewu_46{position:absolute;z-index:0;height:2px;margin:3px 0;width:100%;background:#ddd}._rangeSliderHandleBar_1wewu_55{z-index:1;cursor:grab;display:inline;height:4px;background:var(--tertiary-color);position:absolute;margin:1px 0}._rangeSliderHandleGroup_1wewu_65{position:absolute;height:100%;display:flex;flex-direction:column;align-items:center;bottom:14px;left:-10px}._rangeSliderHandleLeft_1wewu_75,._rangeSliderHandleRight_1wewu_76{z-index:2;cursor:col-resize;display:inline;width:16px;min-height:16px;max-height:16px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--background-color);forced-color-adjust:none}._rangeSliderValue_1wewu_19{font-size:.75rem;color:var(--text-color)}._mapWrapper_1gyf5_1{display:grid;width:100%;height:100%;grid-area:mapWrapper;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr auto}._mapContainer_1gyf5_10{width:100%;height:100%;grid-area:1/1/5/5}.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title logo";grid-area:nav;height:100%;width:100%;color:var(--text-color-primary, #ededed);background-color:var(--primary-color, #3498db);text-align:center}._infoPanelContainer_gnoj6_1{background-color:var(--background-color);position:relative;display:flex;justify-self:center;align-self:center;flex-direction:column;box-shadow:0 3px 10px #0003;border-radius:var(--border-radius-small);margin:8px}._topLeft_gnoj6_13{grid-area:1/1/2/2;align-self:flex-start}._topRight_gnoj6_18{grid-area:1/4/2/5;align-self:flex-start}._centerLeft_gnoj6_23{grid-area:2/1/3/2;align-self:center}._centerRight_gnoj6_28{grid-area:2/4/3/5;align-self:center}._bottomLeft_gnoj6_33{grid-area:3/1/4/2;align-self:flex-end}._bottomRight_gnoj6_38{grid-area:3/4/4/5;align-self:flex-end}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:none;transition:width .5s,min-width .5s}.sidebarToggle{display:flex;margin-top:8px;align-items:center;justify-content:space-around;width:24px;height:48px;text-align:center;background-color:#5a5aff;border-radius:0 4px 4px 0}.sidebar.closed{width:0;min-width:0}.sidebar.closed>div{width:0;min-width:0}.layout-stacked{display:grid;grid-template-columns:100vw;grid-template-rows:64px calc(75vh - 32px) calc(25vh - 32px);grid-template-areas:"nav" "map" "sidebar"}.layout-standard{height:100vh;display:grid;grid-template-rows:64px calc(100vh - 64px)}.layout-standard.left{grid-template-columns:25vw auto;grid-template-areas:"nav nav" "sidebar mapWrapper"}.layout-standard.right{grid-template-columns:auto 25vw;grid-template-areas:"nav nav" "mapWrapper sidebar"}.layout-standard.left.footer{grid-template-columns:25vw auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "sidebar mapWrapper" "footer footer"}.layout-standard.right.footer{grid-template-columns:auto 25vw;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav nav" "mapWrapper sidebar" "footer footer"}.layout-fullscreen{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 64px);grid-template-areas:"nav" "mapWrapper" "footer"}.layout-fullscreen-footer{height:100vh;display:grid;grid-template-columns:auto;grid-template-rows:64px calc(100vh - 96px) 32px;grid-template-areas:"nav" "mapWrapper" "footer"}._sliderControlWrapper_2tznx_1{display:grid;grid-template-columns:max-content auto;grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;align-items:center}._sliderLabel_2tznx_9{grid-column-start:1;align-items:center} +/*$vite$:1*/`,document.head.appendChild(rr);function Jr(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Ne={exports:{}},ke={};/** * @license React * react-jsx-runtime.production.min.js * @@ -7,7 +7,7 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function y(h,b,s){var m,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(m in b)c.call(b,m)&&!g.hasOwnProperty(m)&&(_[m]=b[m]);if(h&&h.defaultProps)for(m in b=h.defaultProps,b)_[m]===void 0&&(_[m]=b[m]);return{$$typeof:r,type:h,key:P,ref:G,props:_,_owner:v.current}}return ke.Fragment=i,ke.jsx=y,ke.jsxs=y,ke}var Se={};/** + */var ar;function Xr(){if(ar)return ke;ar=1;var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,h=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};function m(v,b,s){var y,_={},P=null,G=null;s!==void 0&&(P=""+s),b.key!==void 0&&(P=""+b.key),b.ref!==void 0&&(G=b.ref);for(y in b)c.call(b,y)&&!g.hasOwnProperty(y)&&(_[y]=b[y]);if(v&&v.defaultProps)for(y in b=v.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:r,type:v,key:P,ref:G,props:_,_owner:h.current}}return ke.Fragment=i,ke.jsx=m,ke.jsxs=m,ke}var Se={};/** * @license React * react-jsx-runtime.development.js * @@ -15,36 +15,36 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var tr;function Kr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var a=U,r=Symbol.for("react.element"),i=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),y=Symbol.for("react.provider"),h=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),G=Symbol.for("react.offscreen"),X=Symbol.iterator,$="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var n=X&&e[X]||e[$];return typeof n=="function"?n:null}var V=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var n=arguments.length,u=new Array(n>1?n-1:0),x=1;x1?n-1:0),x=1;x=1&&ee>=0&&O[Q]!==ae[ee];)ee--;for(;Q>=1&&ee>=0;Q--,ee--)if(O[Q]!==ae[ee]){if(Q!==1||ee!==1)do if(Q--,ee--,ee<0||O[Q]!==ae[ee]){var ce=` -`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&j.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",ye=Te?R(Te):"";return typeof e=="function"&&j.set(e,ye),ye}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function me(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return R(e);switch(e){case s:return R("Suspense");case m:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return me(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return me(Y(z),n,u)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ne(e){if(e){var n=e._owner,u=me(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function va(e,n,u,x,z){{var Y=Function.call.bind(je);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ne(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ne(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ne(z),H("Failed %s type: %s",u,O.message),Ne(null))}}}var ha=Array.isArray;function Je(e){return ha(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ma(e){try{return Nr(e),!1}catch{return!0}}function Nr(e){return""+e}function Ar(e){if(ma(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Nr(e)}var Pe=V.ReactCurrentOwner,ya={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(je.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(je.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function Sa(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Ar(u),O=""+u),xa(n)&&(Ar(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)je.call(n,Y)&&!ya.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=me(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` +`+O[Q].replace(" at new "," at ");return e.displayName&&ce.includes("")&&(ce=ce.replace("",e.displayName)),typeof e=="function"&&j.set(e,ce),ce}while(Q>=1&&ee>=0);break}}}finally{I=!1,T.current=Y,D(),Error.prepareStackTrace=z}var Te=e?e.displayName||e.name:"",me=Te?R(Te):"";return typeof e=="function"&&j.set(e,me),me}function se(e,n,u){return d(e,!1)}function xe(e){var n=e.prototype;return!!(n&&n.isReactComponent)}function ye(e,n,u){if(e==null)return"";if(typeof e=="function")return d(e,xe(e));if(typeof e=="string")return R(e);switch(e){case s:return R("Suspense");case y:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return se(e.render);case _:return ye(e.type,n,u);case P:{var x=e,z=x._payload,Y=x._init;try{return ye(Y(z),n,u)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Ir={},Mr=V.ReactDebugCurrentFrame;function Ae(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Mr.setExtraStackFrame(u)}else Mr.setExtraStackFrame(null)}function ha(e,n,u,x,z){{var Y=Function.call.bind(je);for(var L in e)if(Y(e,L)){var O=void 0;try{if(typeof e[L]!="function"){var ae=Error((x||"React class")+": "+u+" type `"+L+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[L]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ae.name="Invariant Violation",ae}O=e[L](n,L,x,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Q){O=Q}O&&!(O instanceof Error)&&(Ae(z),H("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",x||"React class",u,L,typeof O),Ae(null)),O instanceof Error&&!(O.message in Ir)&&(Ir[O.message]=!0,Ae(z),H("Failed %s type: %s",u,O.message),Ae(null))}}}var va=Array.isArray;function Je(e){return va(e)}function ba(e){{var n=typeof Symbol=="function"&&Symbol.toStringTag,u=n&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u}}function ya(e){try{return Ar(e),!1}catch{return!0}}function Ar(e){return""+e}function Nr(e){if(ya(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ba(e)),Ar(e)}var Pe=V.ReactCurrentOwner,ma={key:!0,ref:!0,__self:!0,__source:!0},Fr,zr,Xe;Xe={};function _a(e){if(je.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return e.ref!==void 0}function xa(e){if(je.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function wa(e,n){if(typeof e.ref=="string"&&Pe.current&&n&&Pe.current.stateNode!==n){var u=K(Pe.current.type);Xe[u]||(H('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',K(Pe.current.type),e.ref),Xe[u]=!0)}}function Ta(e,n){{var u=function(){Fr||(Fr=!0,H("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}}function Ca(e,n){{var u=function(){zr||(zr=!0,H("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};u.isReactWarning=!0,Object.defineProperty(e,"ref",{get:u,configurable:!0})}}var ka=function(e,n,u,x,z,Y,L){var O={$$typeof:r,type:e,key:n,ref:u,props:L,_owner:Y};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:x}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:z}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function Sa(e,n,u,x,z){{var Y,L={},O=null,ae=null;u!==void 0&&(Nr(u),O=""+u),xa(n)&&(Nr(n.key),O=""+n.key),_a(n)&&(ae=n.ref,wa(n,z));for(Y in n)je.call(n,Y)&&!ma.hasOwnProperty(Y)&&(L[Y]=n[Y]);if(e&&e.defaultProps){var Q=e.defaultProps;for(Y in Q)L[Y]===void 0&&(L[Y]=Q[Y])}if(O||ae){var ee=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&Ta(L,ee),ae&&Ca(L,ee)}return ka(e,O,ae,z,x,Pe.current,L)}}var Ke=V.ReactCurrentOwner,Wr=V.ReactDebugCurrentFrame;function we(e){if(e){var n=e._owner,u=ye(e.type,e._source,n?n.type:null);Wr.setExtraStackFrame(u)}else Wr.setExtraStackFrame(null)}var Ze;Ze=!1;function Qe(e){return typeof e=="object"&&e!==null&&e.$$typeof===r}function Br(){{if(Ke.current){var e=K(Ke.current.type);if(e)return` Check the render method of \``+e+"`."}return""}}function Ea(e){return""}var $r={};function Ra(e){{var n=Br();if(!n){var u=typeof e=="string"?e:e.displayName||e.name;u&&(n=` -Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ra(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=Sa(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[ye+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: +Check the top-level render call using <`+u+">.")}return n}}function Gr(e,n){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var u=Ra(n);if($r[u])return;$r[u]=!0;var x="";e&&e._owner&&e._owner!==Ke.current&&(x=" It was passed a child from "+K(e._owner.type)+"."),we(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,x),we(null)}}function Hr(e,n){{if(typeof e!="object")return;if(Je(e))for(var u=0;u",O=" Did you accidentally export a JSX literal instead of a component?"):Q=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Q,O)}var ee=Sa(e,n,u,z,Y);if(ee==null)return ee;if(L){var ce=n.children;if(ce!==void 0)if(x)if(Je(ce)){for(var Te=0;Te0?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}";if(!Yr[me+er]){var Ma=ne.length>0?"{"+ne.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; - <%s key={someKey} {...props} />`,er,ye,Ma,ye),Yr[ye+er]=!0}}return e===c?Pa(ee):ja(ee),ee}}function Oa(e,n,u){return Vr(e,n,u,!0)}function Da(e,n,u){return Vr(e,n,u,!1)}var La=Da,Ia=Oa;Se.Fragment=c,Se.jsx=La,Se.jsxs=Ia}()),Se}process.env.NODE_ENV==="production"?Ae.exports=Xr():Ae.exports=Kr();var t=Ae.exports,Fe={exports:{}},Oe={exports:{}},A={};/** @license React v16.13.1 + <%s key={someKey} {...props} />`,er,me,Ma,me),Yr[me+er]=!0}}return e===c?Pa(ee):ja(ee),ee}}function Oa(e,n,u){return Vr(e,n,u,!0)}function Da(e,n,u){return Vr(e,n,u,!1)}var La=Da,Ia=Oa;Se.Fragment=c,Se.jsx=La,Se.jsxs=Ia}()),Se}process.env.NODE_ENV==="production"?Ne.exports=Xr():Ne.exports=Kr();var t=Ne.exports,Fe={exports:{}},Oe={exports:{}},N={};/** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var nr;function Zr(){if(nr)return A;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,y=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,m=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case s:case c:case g:case v:case _:return f;default:switch(f=f&&f.$$typeof,f){case h:case m:case X:case G:case y:return f;default:return le}}case i:return le}}}function q(f){return M(f)===s}return A.AsyncMode=b,A.ConcurrentMode=s,A.ContextConsumer=h,A.ContextProvider=y,A.Element=r,A.ForwardRef=m,A.Fragment=c,A.Lazy=X,A.Memo=G,A.Portal=i,A.Profiler=g,A.StrictMode=v,A.Suspense=_,A.isAsyncMode=function(f){return q(f)||M(f)===b},A.isConcurrentMode=q,A.isContextConsumer=function(f){return M(f)===h},A.isContextProvider=function(f){return M(f)===y},A.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},A.isForwardRef=function(f){return M(f)===m},A.isFragment=function(f){return M(f)===c},A.isLazy=function(f){return M(f)===X},A.isMemo=function(f){return M(f)===G},A.isPortal=function(f){return M(f)===i},A.isProfiler=function(f){return M(f)===g},A.isStrictMode=function(f){return M(f)===v},A.isSuspense=function(f){return M(f)===_},A.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===s||f===g||f===v||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===y||f.$$typeof===h||f.$$typeof===m||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},A.typeOf=M,A}var F={};/** @license React v16.13.1 + */var nr;function Zr(){if(nr)return N;nr=1;var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var le=f.$$typeof;switch(le){case r:switch(f=f.type,f){case b:case s:case c:case g:case h:case _:return f;default:switch(f=f&&f.$$typeof,f){case v:case y:case X:case G:case m:return f;default:return le}}case i:return le}}}function q(f){return M(f)===s}return N.AsyncMode=b,N.ConcurrentMode=s,N.ContextConsumer=v,N.ContextProvider=m,N.Element=r,N.ForwardRef=y,N.Fragment=c,N.Lazy=X,N.Memo=G,N.Portal=i,N.Profiler=g,N.StrictMode=h,N.Suspense=_,N.isAsyncMode=function(f){return q(f)||M(f)===b},N.isConcurrentMode=q,N.isContextConsumer=function(f){return M(f)===v},N.isContextProvider=function(f){return M(f)===m},N.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},N.isForwardRef=function(f){return M(f)===y},N.isFragment=function(f){return M(f)===c},N.isLazy=function(f){return M(f)===X},N.isMemo=function(f){return M(f)===G},N.isPortal=function(f){return M(f)===i},N.isProfiler=function(f){return M(f)===g},N.isStrictMode=function(f){return M(f)===h},N.isSuspense=function(f){return M(f)===_},N.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===c||f===s||f===g||f===h||f===_||f===P||typeof f=="object"&&f!==null&&(f.$$typeof===X||f.$$typeof===G||f.$$typeof===m||f.$$typeof===v||f.$$typeof===y||f.$$typeof===B||f.$$typeof===V||f.$$typeof===H||f.$$typeof===$)},N.typeOf=M,N}var F={};/** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,v=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,y=a?Symbol.for("react.provider"):60109,h=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,m=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===v||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===y||d.$$typeof===h||d.$$typeof===m||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case v:case _:return xe;default:var me=xe&&xe.$$typeof;switch(me){case h:case m:case X:case G:case y:return me;default:return se}}case i:return se}}}var f=b,le=s,ge=h,ue=y,de=r,he=m,J=c,E=X,K=G,Z=i,ve=g,oe=v,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===h}function S(d){return q(d)===y}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===m}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function R(d){return q(d)===i}function I(d){return q(d)===g}function j(d){return q(d)===v}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=he,F.Fragment=J,F.Lazy=E,F.Memo=K,F.Portal=Z,F.Profiler=ve,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=S,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=R,F.isProfiler=I,F.isStrictMode=j,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* + */var or;function Qr(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){var a=typeof Symbol=="function"&&Symbol.for,r=a?Symbol.for("react.element"):60103,i=a?Symbol.for("react.portal"):60106,c=a?Symbol.for("react.fragment"):60107,h=a?Symbol.for("react.strict_mode"):60108,g=a?Symbol.for("react.profiler"):60114,m=a?Symbol.for("react.provider"):60109,v=a?Symbol.for("react.context"):60110,b=a?Symbol.for("react.async_mode"):60111,s=a?Symbol.for("react.concurrent_mode"):60111,y=a?Symbol.for("react.forward_ref"):60112,_=a?Symbol.for("react.suspense"):60113,P=a?Symbol.for("react.suspense_list"):60120,G=a?Symbol.for("react.memo"):60115,X=a?Symbol.for("react.lazy"):60116,$=a?Symbol.for("react.block"):60121,B=a?Symbol.for("react.fundamental"):60117,V=a?Symbol.for("react.responder"):60118,H=a?Symbol.for("react.scope"):60119;function M(d){return typeof d=="string"||typeof d=="function"||d===c||d===s||d===g||d===h||d===_||d===P||typeof d=="object"&&d!==null&&(d.$$typeof===X||d.$$typeof===G||d.$$typeof===m||d.$$typeof===v||d.$$typeof===y||d.$$typeof===B||d.$$typeof===V||d.$$typeof===H||d.$$typeof===$)}function q(d){if(typeof d=="object"&&d!==null){var se=d.$$typeof;switch(se){case r:var xe=d.type;switch(xe){case b:case s:case c:case g:case h:case _:return xe;default:var ye=xe&&xe.$$typeof;switch(ye){case v:case y:case X:case G:case m:return ye;default:return se}}case i:return se}}}var f=b,le=s,ge=v,ue=m,de=r,ve=y,J=c,E=X,K=G,Z=i,he=g,oe=h,fe=_,be=!1;function _e(d){return be||(be=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),o(d)||q(d)===b}function o(d){return q(d)===s}function p(d){return q(d)===v}function S(d){return q(d)===m}function k(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function w(d){return q(d)===y}function D(d){return q(d)===c}function T(d){return q(d)===X}function C(d){return q(d)===G}function R(d){return q(d)===i}function I(d){return q(d)===g}function j(d){return q(d)===h}function re(d){return q(d)===_}F.AsyncMode=f,F.ConcurrentMode=le,F.ContextConsumer=ge,F.ContextProvider=ue,F.Element=de,F.ForwardRef=ve,F.Fragment=J,F.Lazy=E,F.Memo=K,F.Portal=Z,F.Profiler=he,F.StrictMode=oe,F.Suspense=fe,F.isAsyncMode=_e,F.isConcurrentMode=o,F.isContextConsumer=p,F.isContextProvider=S,F.isElement=k,F.isForwardRef=w,F.isFragment=D,F.isLazy=T,F.isMemo=C,F.isPortal=R,F.isProfiler=I,F.isStrictMode=j,F.isSuspense=re,F.isValidElementType=M,F.typeOf=q}()),F}var ir;function lr(){return ir||(ir=1,process.env.NODE_ENV==="production"?Oe.exports=Zr():Oe.exports=Qr()),Oe.exports}/* object-assign (c) Sindre Sorhus @license MIT -*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function v(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var y={},h=0;h<10;h++)y["_"+String.fromCharCode(h)]=h;var b=Object.getOwnPropertyNames(y).map(function(m){return y[m]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(m){s[m]=m}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=v()?Object.assign:function(g,y){for(var h,b=c(g),s,m=1;m1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),y;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function he(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||h(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function ve(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":ve(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=v,G.resetWarningCache=v.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(y,h,b,s,m,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function v(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:v,element:c,elementType:c,instanceOf:v,node:c,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},vr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});vr.propTypes={buttons:l.objectOf(l.func)};const hr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:hr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:hr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_mw8v9_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_mw8v9_11",layerCardAttribution:"_layerCardAttribution_mw8v9_11",layerCardHeader:"_layerCardHeader_mw8v9_25",layerCardTextWrapper:"_layerCardTextWrapper_mw8v9_34",layerCardTitle:"_layerCardTitle_mw8v9_42",layerCardDescription:"_layerCardDescription_mw8v9_50",layerCardControls:"_layerCardControls_mw8v9_59",layerCardToggle:"_layerCardToggle_mw8v9_64",layerCardContent:"_layerCardContent_mw8v9_69",layerCardInfoIcon:"_layerCardInfoIcon_mw8v9_85"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:v,children:g})=>{const[y,h]=U.useState(!1),b=c&&!!c.text&&(r||y);return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>h(!y),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),t.jsxs("div",{className:pe.layerCardContent,children:[v&&y&&t.jsx("span",{className:pe.layerCardDescription,children:v}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source: ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},mr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},yr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:v,units:g}=r;return t.jsx(mr,{label:c,color:i,value:v,units:g},c)})});yr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...v})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...v,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:v,"aria-label":g,"aria-labelledby":y,className:h,maxValue:b,minValue:s,...m})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());v(q)}else v(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${h||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":y,maxValue:B,minValue:V,...m,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:v,titleBelow:g=!1,bins:y=0,precision:h=2,units:b})=>{const s=y>0?Array(y-1).fill(0).map((m,_)=>{const P=(c+(v-c)/y*(_+1)).toPrecision(h);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[v," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:v,step:g,value:y=0,showLabel:h,...b})=>t.jsxs(W.Slider,{maxValue:v,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!h&&typeof r=="string"?r:void 0,onChange:i,value:y,...b,children:[h&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),v=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:v,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:v,currentValues:g={},showValues:y})=>{const h=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,m]=U.useReducer(pa,{lower:h,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{m({type:"ChangeStep",callback:v,step:i,bounds:r})},[i,v,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),v&&v(s)},[s,v]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Es.upper?(V("right"),K=[s.lower,s.lower+E]):K=[s.lower+E,s.upper];else if(B==="right")s.upper+E>r.max&&(E=r.max-s.upper),s.upper+Er.max&&(E=r.max-s.upper),K=[s.lower+E,s.upper+E];else throw Error(`Unknown handle: ${B}`);m({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const he=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);Es.upper&&m({type:"ChangeValues",values:[s.lower,E],bounds:r,step:i,callback:v})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:he}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[y&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),v=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:v,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:v}=c;return t.jsx("div",{className:Dr.sliderLabel,children:v})}),i&&i.map(c=>{const{onChange:v,min:g,max:y,step:h,value:b}=c;return t.jsx(xr,{onChange:v,units:r,min:g,max:y,step:h,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},N.ComparisonControl=ua,N.DatePicker=fa,N.FullScreen=Or,N.GradientLegend=_r,N.IconButton=De,N.InfoPanelContainer=ga,N.LayerButtonReel=vr,N.LayerCard=br,N.LayerGroup=wr,N.LayerToggle=Ve,N.MapContainer=kr,N.NavContainer=Sr,N.RangeSlider=Tr,N.SidebarContainer=Rr,N.SimpleSlider=xr,N.SliderControl=Lr,N.Stacked=jr,N.Standard=Pr,N.Swatch=mr,N.SwatchLegend=yr,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})}); +*/var ze,sr;function ea(){if(sr)return ze;sr=1;var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function c(g){if(g==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(g)}function h(){try{if(!Object.assign)return!1;var g=new String("abc");if(g[5]="de",Object.getOwnPropertyNames(g)[0]==="5")return!1;for(var m={},v=0;v<10;v++)m["_"+String.fromCharCode(v)]=v;var b=Object.getOwnPropertyNames(m).map(function(y){return m[y]});if(b.join("")!=="0123456789")return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(y){s[y]=y}),Object.keys(Object.assign({},s)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=h()?Object.assign:function(g,m){for(var v,b=c(g),s,y=1;y1?g("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):g("Invalid argument supplied to oneOf, expected an array.")),m;function p(S,k,w,D,T){for(var C=S[k],R=0;R0?", expected one of type ["+I.join(", ")+"]":"";return new $("Invalid "+C+" `"+R+"` supplied to "+("`"+T+"`"+se+"."))}return B(k)}function ve(){function o(p,S,k,w,D){return Z(p[S])?null:new $("Invalid "+w+" `"+D+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return B(o)}function J(o,p,S,k,w){return new $((o||"React class")+": "+p+" type `"+S+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function E(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));for(var I in o){var j=o[I];if(typeof j!="function")return J(w,D,T,I,fe(j));var re=j(C,I,w,D,T+"."+I,i);if(re)return re}return null}return B(p)}function K(o){function p(S,k,w,D,T){var C=S[k],R=oe(C);if(R!=="object")return new $("Invalid "+D+" `"+T+"` of type `"+R+"` "+("supplied to `"+w+"`, expected `object`."));var I=r({},S[k],o);for(var j in I){var re=o[j];if(c(o,j)&&typeof re!="function")return J(w,D,T,j,fe(re));if(!re)return new $("Invalid "+D+" `"+T+"` key `"+j+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(S[k],null," ")+` +Valid keys: `+JSON.stringify(Object.keys(o),null," "));var d=re(C,j,w,D,T+"."+j,i);if(d)return d}return null}return B(p)}function Z(o){switch(typeof o){case"number":case"string":case"undefined":return!0;case"boolean":return!o;case"object":if(Array.isArray(o))return o.every(Z);if(o===null||v(o))return!0;var p=_(o);if(p){var S=p.call(o),k;if(p!==o.entries){for(;!(k=S.next()).done;)if(!Z(k.value))return!1}else for(;!(k=S.next()).done;){var w=k.value;if(w&&!Z(w[1]))return!1}}else return!1;return!0;default:return!1}}function he(o,p){return o==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function oe(o){var p=typeof o;return Array.isArray(o)?"array":o instanceof RegExp?"object":he(p,o)?"symbol":p}function fe(o){if(typeof o>"u"||o===null)return""+o;var p=oe(o);if(p==="object"){if(o instanceof Date)return"date";if(o instanceof RegExp)return"regexp"}return p}function be(o){var p=fe(o);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function _e(o){return!o.constructor||!o.constructor.name?P:o.constructor.name}return G.checkPropTypes=h,G.resetWarningCache=h.resetWarningCache,G.PropTypes=G,G},He}var Ye,gr;function ta(){if(gr)return Ye;gr=1;var a=Be();function r(){}function i(){}return i.resetWarningCache=r,Ye=function(){function c(m,v,b,s,y,_){if(_!==a){var P=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw P.name="Invariant Violation",P}}c.isRequired=c;function h(){return c}var g={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:h,element:c,elementType:c,instanceOf:h,node:c,objectOf:h,oneOf:h,oneOfType:h,shape:h,exact:h,checkPropTypes:i,resetWarningCache:r};return g.PropTypes=g,g},Ye}if(process.env.NODE_ENV!=="production"){var na=lr(),oa=!0;Fe.exports=aa()(na.isElement,oa)}else Fe.exports=ta()();var ia=Fe.exports;const l=Jr(ia),la={iconButton:"_iconButton_1963e_1"},sa={trash:ie.faTrash,filter:ie.faFilter,info:ie.faInfo,fill:ie.faFillDrip,ellipsis:ie.faEllipsisVertical,chevronRight:ie.faChevronRight,chevronLeft:ie.faChevronLeft},De=({onClick:a,iconName:r})=>t.jsx("div",{className:la.iconButton,children:t.jsx("button",{"aria-label":r,type:"button",onClick:a,children:t.jsx(Ce.FontAwesomeIcon,{icon:sa[r]})})});De.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired};const ca={layerButtonReel:"_layerButtonReel_1o59k_1"},hr=({buttons:a})=>t.jsx("div",{className:ca.layerButtonReel,children:a&&Object.keys(a).map(r=>t.jsx(De,{iconName:r,onClick:a[r]}))});hr.propTypes={buttons:l.objectOf(l.func)};const vr={switch:"_switch_1wt51_7",indicator:"_indicator_1wt51_19"},Ve=({layerName:a,isActive:r=!1,onChange:i,...c})=>t.jsx(W.Switch,{...c,className:vr.switch,isSelected:r,onChange:i,"aria-label":a,value:a,children:t.jsx("div",{className:vr.indicator})});Ve.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired,disabled:l.bool};const pe={layerCard:"_layerCard_1hhfw_1",layerCardAttributionWrapper:"_layerCardAttributionWrapper_1hhfw_11",layerCardAttribution:"_layerCardAttribution_1hhfw_11",layerCardHeader:"_layerCardHeader_1hhfw_23",layerCardTextWrapper:"_layerCardTextWrapper_1hhfw_32",layerCardTitle:"_layerCardTitle_1hhfw_40",layerCardDescription:"_layerCardDescription_1hhfw_48",layerCardControls:"_layerCardControls_1hhfw_55",layerCardToggle:"_layerCardToggle_1hhfw_60",layerCardContent:"_layerCardContent_1hhfw_65",layerCardInfoIcon:"_layerCardInfoIcon_1hhfw_83"},br=({layerName:a,isActive:r,onChange:i,attribution:c,description:h,children:g})=>{const[m,v]=U.useState(!1),b=c&&!!c.text;return t.jsxs("div",{className:pe.layerCard,children:[t.jsxs("div",{className:pe.layerCardHeader,children:[t.jsx("div",{className:pe.layerCardTextWrapper,children:t.jsx("span",{className:pe.layerCardTitle,children:a})}),t.jsxs(W.TooltipTrigger,{delay:300,children:[t.jsx(W.Tooltip,{children:"Toggle layer description"}),(h||b)&&t.jsx(W.Button,{className:pe.layerCardInfoIcon,onClick:()=>v(!m),children:t.jsx(Ce.FontAwesomeIcon,{size:"xs",fontWeight:"bold",icon:ie.faInfo})})]}),i&&t.jsx(Ve,{layerName:a,isActive:r,onChange:i})]}),m&&t.jsxs("div",{className:pe.layerCardContent,children:[h&&t.jsx("span",{className:pe.layerCardDescription,children:h}),b&&t.jsx("div",{className:pe.layerCardAttributionWrapper,children:t.jsxs("span",{className:pe.layerCardAttribution,children:["Source:"," ",t.jsx("a",{href:c.url,children:c.text})]})}),g&&g]})]})};br.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,description:l.string,attribution:l.objectOf({url:l.string,text:l.string}),children:l.oneOfType([l.arrayOf(l.node),l.node])};const Le={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:a,label:r="",value:i,units:c=""})=>t.jsxs("div",{className:Le.swatchContainer,children:[t.jsx("div",{"data-testid":"swatch",className:Le.swatch,style:{backgroundColor:a}}),t.jsx("div",{"data-testid":"swatch-label",className:Le.swatchLabel,children:r}),t.jsx("div",{"data-testid":"swatch-value",className:Le.swatchValue,children:i!==void 0&&`${i}${c}`})]}),da={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:a})=>t.jsx("div",{className:da.swatchLegend,children:a&&a.map(r=>{const{color:i,label:c,value:h,units:g}=r;return t.jsx(yr,{label:c,color:i,value:h,units:g},c)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Ee={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},ua=({label:a,showLabel:r=!0,onChange:i,value:c=50,...h})=>t.jsx("div",{className:Ee.comparisonControl,children:t.jsxs(W.Slider,{maxValue:94,minValue:6,step:.1,className:Ee.slider,"aria-label":!r&&typeof a=="string"?a:void 0,onChange:i,value:c,...h,children:[r&&t.jsx(W.Label,{className:Ee.sliderLabel,children:a}),t.jsx(W.SliderTrack,{className:Ee.sliderTrack,children:t.jsx(W.SliderThumb,{className:Ee.sliderThumb,children:t.jsx(Ce.FontAwesomeIcon,{color:"white",icon:ie.faArrowsLeftRight})})})]})}),qe={datePicker:"_datePicker_ywin1_1 react-aria-DatePicker",dateInput:"_dateInput_ywin1_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_ywin1_17"},Ue=a=>new Ur.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate()),fa=({label:a,helperText:r,errorMessage:i,value:c,onChange:h,"aria-label":g,"aria-labelledby":m,className:v,maxValue:b,minValue:s,...y})=>{const[_,P]=U.useState(!1),{hoverProps:G,isHovered:X}=qr.useHover({}),$=c?Ue(c):null,B=b?Ue(b):null,V=s?Ue(s):null,H=M=>{if(M){const q=new Date(M.toString());h(q)}else h(null)};return t.jsxs(W.DatePicker,{className:`${qe.datePicker} ${v||""}`.trim(),value:$,onChange:H,"aria-label":g,"aria-labelledby":m,maxValue:B,minValue:V,...y,children:[a&&t.jsx(W.Label,{children:a}),t.jsxs(W.Group,{children:[t.jsx(W.DateInput,{className:`${X||_?qe.hoverDatepicker:""} ${qe.dateInput}`.trim(),...G,children:M=>t.jsx(W.DateSegment,{segment:M})}),t.jsx(W.Button,{"aria-label":"Open calendar",onHoverChange:M=>P(M),children:t.jsx(Ce.FontAwesomeIcon,{icon:ie.faCalendar})})]}),r&&t.jsx(W.Text,{slot:"description",children:r}),i?t.jsx(W.FieldError,{children:i}):t.jsx(W.FieldError,{}),t.jsx(W.Popover,{children:t.jsx(W.Dialog,{children:t.jsxs(W.Calendar,{children:[t.jsxs("header",{children:[t.jsx(W.Button,{slot:"previous",children:"◀"}),t.jsx(W.Heading,{}),t.jsx(W.Button,{slot:"next",children:"▶"})]}),t.jsx(W.CalendarGrid,{children:M=>t.jsx(W.CalendarCell,{date:M})})]})})})]})},Ie={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},_r=({title:a,startColor:r="red",endColor:i="yellow",startNo:c,endNo:h,titleBelow:g=!1,bins:m=0,precision:v=2,units:b})=>{const s=m>0?Array(m-1).fill(0).map((y,_)=>{const P=(c+(h-c)/m*(_+1)).toPrecision(v);return t.jsx("span",{children:P},P)}):[];return t.jsxs("div",{className:"gradient-box",children:[!g&&t.jsxs("div",{className:"ui-title",children:[" ",a]}),t.jsxs("div",{className:Ie.gradientLegend,children:[t.jsx("div",{className:Ie.gradient,style:{background:`linear-gradient(to right, ${r} , ${i})`}}),t.jsxs("div",{className:Ie.gradientNumbers,children:[t.jsxs("span",{children:[c," ",b]}),s,t.jsxs("span",{children:[h," ",b]})]}),g&&t.jsxs("div",{className:Ie.uiTitle,children:[" ",a]})]})]})};_r.propTypes={title:l.string,startColor:l.string,endColor:l.string,startNo:l.number,endNo:l.number,titleBelow:l.bool,bins:l.number,precision:l.number,units:l.string};const Me={slider:"_slider_108mp_1",sliderLabel:"_sliderLabel_108mp_16",sliderThumb:"_sliderThumb_108mp_20",sliderTrack:"_sliderTrack_108mp_41"},xr=({className:a,label:r="",onChange:i,minValue:c,maxValue:h,step:g,value:m=0,showLabel:v,...b})=>t.jsxs(W.Slider,{maxValue:h,minValue:c,step:g,className:`${Me.slider} ${a||""}`.trim(),"aria-label":!v&&typeof r=="string"?r:void 0,onChange:i,value:m,...b,children:[v&&t.jsx(W.Label,{className:Me.sliderLabel,children:r}),t.jsx(W.SliderTrack,{className:Me.sliderTrack,children:t.jsx(W.SliderThumb,{className:Me.sliderThumb})})]}),Re={layerGroupWrapper:"_layerGroupWrapper_1p831_1",layerGroupButton:"_layerGroupButton_1p831_5",layerGroupChevron:"_layerGroupChevron_1p831_17",layerGroupName:"_layerGroupName_1p831_30",layerGroupChildren:"_layerGroupChildren_1p831_42"},wr=({groupName:a,children:r})=>{const[i,c]=U.useState(!1),h=()=>{c(!i)};return t.jsxs("div",{className:Re.layerGroupWrapper,children:[t.jsxs("button",{type:"button",className:Re.layerGroupButton,onClick:h,children:[t.jsx("div",{className:Re.layerGroupChevron,children:t.jsx(Ce.FontAwesomeIcon,{size:"sm",fixedWidth:!0,icon:i?ie.faChevronDown:ie.faChevronRight})}),t.jsx("span",{className:Re.layerGroupName,children:a})]}),i&&t.jsx("div",{className:Re.layerGroupChildren,children:r})]})};wr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const te={rangeSlider:"_rangeSlider_1wewu_1",rangeSliderLabel:"_rangeSliderLabel_1wewu_14",rangeSliderValues:"_rangeSliderValues_1wewu_19",rangeSliderMin:"_rangeSliderMin_1wewu_28",rangeSliderMax:"_rangeSliderMax_1wewu_32",rangeSliderContainer:"_rangeSliderContainer_1wewu_36",rangeSliderTrack:"_rangeSliderTrack_1wewu_46",rangeSliderHandleBar:"_rangeSliderHandleBar_1wewu_55",rangeSliderHandleGroup:"_rangeSliderHandleGroup_1wewu_65",rangeSliderHandleLeft:"_rangeSliderHandleLeft_1wewu_75",rangeSliderHandleRight:"_rangeSliderHandleRight_1wewu_76",rangeSliderValue:"_rangeSliderValue_1wewu_19"};function pa(a,r){switch(r.type){case"ChangeStep":{let i={lower:Math.max(r.bounds.min,a.lower),upper:Math.min(r.bounds.max,a.upper)};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(a.lower/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(a.upper/r.step)*r.step)}),r.callback&&r.callback(i),i}case"ChangeValues":{let i={lower:Math.max(r.bounds.min,r.values[0]),upper:Math.min(r.bounds.max,r.values[1])};return r.step>0&&(i={lower:Math.max(r.bounds.min,Math.floor(r.values[0]/r.step)*r.step),upper:Math.min(r.bounds.max,Math.ceil(r.values[1]/r.step)*r.step)}),r.callback&&r.callback(i),i}default:throw Error(`Unknown action: ${r.type}`)}}const Tr=({label:a,bounds:r,step:i=0,valuesChanging:c,valuesChanged:h,currentValues:g={},showValues:m})=>{const v=Math.max(isNaN(g.lower)?-1/0:g.lower,r.min),b=Math.min(isNaN(g.upper)?1/0:g.upper,r.max),[s,y]=U.useReducer(pa,{lower:v,upper:b}),_=U.useRef(null),[P,G]=U.useState(0),[X,$]=U.useState(0),[B,V]=U.useState("none"),[H,M]=U.useState(0),q=U.useCallback(J=>{const E=(J-r.min)/(r.max-r.min);return _.current.clientWidth*E},[r]),f=U.useCallback(J=>{const E=J/_.current.clientWidth;return r.min+(r.max-r.min)*E},[r]),le=U.useCallback(J=>{const E=J/_.current.clientWidth;return(r.max-r.min)*E},[r]);U.useEffect(()=>{G(q(s.lower)),$(q(s.upper))},[q,s]),U.useEffect(()=>{c&&c(s)},[s,c]),U.useEffect(()=>{y({type:"ChangeStep",callback:h,step:i,bounds:r})},[i,h,r]);const ge=J=>{J.preventDefault(),V(J.target.getAttribute("data-handle-id")),M(0)},ue=U.useCallback(J=>{J.preventDefault(),V("none"),h&&h(s)},[s,h]),de=U.useCallback(J=>{if(B==="none"||J.buttons===0)return;J.preventDefault();let E=le(J.movementX);if(i!==0){let Z=H+E;if(M(Z),Math.abs(Z)0?(Z-=Math.abs(i),E=Math.abs(i)):(Z+=Math.abs(i),E=-Math.abs(i)),M(Z)}let K=[s.lower,s.upper];if(B==="left")s.lower+Es.upper?(V("right"),K=[s.lower,s.lower+E]):K=[s.lower+E,s.upper];else if(B==="right")s.upper+E>r.max&&(E=r.max-s.upper),s.upper+Er.max&&(E=r.max-s.upper),K=[s.lower+E,s.upper+E];else throw Error(`Unknown handle: ${B}`);y({type:"ChangeValues",values:K,bounds:r,step:i})},[B,r,le,s,H,i]);U.useEffect(()=>(B!=="none"?(window.addEventListener("mousemove",de),window.addEventListener("mouseup",ue)):(window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)),()=>{window.removeEventListener("mousemove",de),window.removeEventListener("mouseup",ue)}),[B,de,ue]);const ve=J=>{J.preventDefault();const E=f(J.nativeEvent.offsetX);Es.upper&&y({type:"ChangeValues",values:[s.lower,E],bounds:r,step:i,callback:h})};return t.jsxs("div",{className:te.rangeSlider,children:[t.jsx("div",{className:te.rangeSliderLabel,children:a}),t.jsxs("div",{className:te.rangeSliderContainer,children:[t.jsx("div",{className:te.rangeSliderTrack,ref:_,role:"none",tabIndex:"-1",onClick:ve}),t.jsx("div",{className:te.rangeSliderHandleBar,role:"slider",tabIndex:"0","aria-label":a,"aria-valuenow":(s.lower+s.upper)/2,"aria-valuetext":"from {values.lower} to {values.upper}","aria-valuemin":r.min,"aria-valuemax":r.max,"data-handle-id":"bar",onMouseDown:ge,style:{left:`${P}px`,width:`${X-P}px`}}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${P-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.lower)}),t.jsx("div",{className:te.rangeSliderHandleLeft,role:"button",tabIndex:"0","aria-label":`${a} lower handle`,"data-handle-id":"left",onMouseDown:ge})]}),t.jsxs("div",{className:te.rangeSliderHandleGroup,style:{left:`${X-10}px`},children:[m&&t.jsx("span",{className:te.rangeSliderValue,children:Math.round(s.upper)}),t.jsx("div",{className:te.rangeSliderHandleRight,role:"button",tabIndex:"0","aria-label":`${a} upper handle`,"data-handle-id":"right",onMouseDown:ge})]})]}),t.jsxs("div",{className:te.rangeSliderValues,children:[t.jsx("span",{className:te.rangeSliderMin,children:r.min}),t.jsx("span",{className:te.rangeSliderMax,children:r.max})]})]})};Tr.propTypes={label:l.string.isRequired,bounds:l.shape({min:l.number.isRequired,max:l.number.isRequired}),step:l.number,valuesChanging:l.func,valuesChanged:l.func,currentValues:l.shape({lower:l.number,upper:l.number}),showValues:l.bool};const Cr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},kr=({mapContainer:a,id:r,children:i})=>t.jsxs("div",{className:Cr.mapWrapper,children:[t.jsx("div",{className:Cr.mapContainer,id:r,ref:a}),i]});kr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Sr=({children:a})=>t.jsx("div",{className:"nav-container",children:a});Sr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er={infoPanelContainer:"_infoPanelContainer_gnoj6_1",topLeft:"_topLeft_gnoj6_13",topRight:"_topRight_gnoj6_18",centerLeft:"_centerLeft_gnoj6_23",centerRight:"_centerRight_gnoj6_28",bottomLeft:"_bottomLeft_gnoj6_33",bottomRight:"_bottomRight_gnoj6_38"},ga=({children:a,position:r="centerRight"})=>t.jsx("aside",{className:`${Er.infoPanelContainer} ${Er[r]}`,children:a}),Rr=({showToggle:a,children:r})=>{const[i,c]=U.useState(!1),h=`sidebar ${i?"closed":""}`,g=()=>{c(!i)};return t.jsxs("div",{className:"sidebarContainer",children:[t.jsx("div",{className:h,children:r}),a&&t.jsx("div",{className:"sidebarToggle",children:t.jsx(De,{onClick:g,iconName:i?"chevronRight":"chevronLeft"})})]})};Rr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr=({children:a})=>t.jsx("div",{className:"layout-stacked",children:a});jr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Pr=({align:a="left",hasFooter:r=!1,children:i})=>t.jsx("div",{className:`layout-standard ${a}${r?" footer":""}`,children:i});Pr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Or=({hasFooter:a=!1,children:r})=>t.jsx("div",{className:a?"layout-fullscreen-footer":"layout-fullscreen",children:r});Or.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired,hasFooter:l.bool};const Dr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Lr=({title:a,units:r,sliderConfig:i})=>t.jsxs("div",{className:Dr.sliderControlWrapper,children:[t.jsx("div",{className:"ui-label",children:a}),t.jsx("div",{}),i&&i.map(c=>{const{label:h}=c;return t.jsx("div",{className:Dr.sliderLabel,children:h})}),i&&i.map(c=>{const{onChange:h,min:g,max:m,step:v,value:b}=c;return t.jsx(xr,{onChange:h,units:r,min:g,max:m,step:v,value:b})})]});Lr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},A.ComparisonControl=ua,A.DatePicker=fa,A.FullScreen=Or,A.GradientLegend=_r,A.IconButton=De,A.InfoPanelContainer=ga,A.LayerButtonReel=hr,A.LayerCard=br,A.LayerGroup=wr,A.LayerToggle=Ve,A.MapContainer=kr,A.NavContainer=Sr,A.RangeSlider=Tr,A.SidebarContainer=Rr,A.SimpleSlider=xr,A.SliderControl=Lr,A.Stacked=jr,A.Standard=Pr,A.Swatch=yr,A.SwatchLegend=mr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});