From 465ab1cef0c9808cb87830136495fd93f8b723e6 Mon Sep 17 00:00:00 2001 From: Joe Burkinshaw <1443875+JBurkinshaw@users.noreply.github.com> Date: Tue, 4 Feb 2025 17:48:20 -0800 Subject: [PATCH] fix: Update datepicker css module to use :global() syntax This replaces the CSS modules `composes` syntax that was previously in use. This allows all of the CSS rules to make it to the build version of the component library. Update contributing file to document preferred approach. --- CONTRIBUTING.md | 10 +- dist/index.css | 2 +- dist/spk-library.es.js | 1340 +++++++++++---------- dist/spk-library.umd.js | 28 +- src/components/core/DatePicker.module.css | 24 +- 5 files changed, 712 insertions(+), 692 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 8905c0d..2f61098 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -26,8 +26,14 @@ Components are organized in the [components](src/components/) directory into: - Follow React Aria styling conventions: - Default styles are in [src/components/styles/react-aria](src/components/styles/react-aria) (do not modify) - To customize React Aria styles: - 1. Preferred: Use [`composes`](https://github.com/css-modules/css-modules/blob/master/docs/composition.md) to apply default styles within a CSS module. Relevant default CSS files must be imported into [theme.css](src/components/styles/theme.css) - 2. Alternative: If composing isn't practical, copy and modify React Aria styles directly in the component's CSS Module + 1. Preferred: Use `:global()` selector in your CSS module to combine React Aria styles with your local styles. For example: + ```css + .myComponent:global(.react-aria-Component) { + /* Your styles here will apply when both classes are present */ + } + ``` + Relevant default CSS files must be imported into [theme.css](src/components/styles/theme.css) + 2. Alternative: If extending React Aria styles isn't practical, copy and modify React Aria styles directly in the component's CSS Module 3. For global style overrides: Add to the bottom of [theme.css](src/components/styles/theme.css) (e.g., adding hover states or applying font properties using CSS variables) ### Documentation diff --git a/dist/index.css b/dist/index.css index 61a8c4d..4bc1886 100644 --- a/dist/index.css +++ b/dist/index.css @@ -1 +1 @@ -._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: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._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_15zo5_1{display:flex;flex-direction:column}._hoverDatepicker_15zo5_16{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%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-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}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;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;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}: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)} +.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: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}: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: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._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_72xgm_1.react-aria-DatePicker{display:flex;flex-direction:column}._dateInput_72xgm_11.react-aria-DateInput{border-radius:var(--border-radius-input)}._hoverDatepicker_72xgm_19{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%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-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}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;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 30aa2d7..fdf077f 100644 --- a/dist/spk-library.es.js +++ b/dist/spk-library.es.js @@ -1,12 +1,13 @@ -import jr, { useState as Je } from "react"; +import Or, { useState as Ke } from "react"; import { FontAwesomeIcon as we } from "@fortawesome/react-fontawesome"; -import { faTrash as Qr, faFilter as et, faInfo as rt, faFillDrip as tt, faEllipsisVertical as nt, faChevronRight as Or, faChevronLeft as at, faArrowsLeftRight as ot, faCalendar as it, faChevronDown as st } from "@fortawesome/free-solid-svg-icons"; -import { Slider as ct, Label as Sr, SliderTrack as lt, SliderThumb as ut, DatePicker as ft, Group as dt, DateInput as pt, DateSegment as vt, Button as Le, Text as yt, FieldError as ht, Popover as mt, Dialog as _t, Calendar as bt, Heading as gt, CalendarGrid as Tt, CalendarCell as Et } from "react-aria-components"; +import { faTrash as rt, faFilter as tt, faInfo as nt, faFillDrip as at, faEllipsisVertical as ot, faChevronRight as wr, faChevronLeft as it, faArrowsLeftRight as st, faCalendar as ct, faChevronDown as lt } from "@fortawesome/free-solid-svg-icons"; +import { Slider as ut, Label as Pr, SliderTrack as ft, SliderThumb as dt, DatePicker as pt, Group as vt, DateInput as yt, DateSegment as ht, Button as Me, Text as mt, FieldError as vr, Popover as _t, Dialog as bt, Calendar as gt, Heading as Tt, CalendarGrid as xt, CalendarCell as Et } from "react-aria-components"; import { useHover as Ct } from "react-aria"; -import './index.css';function xt(r) { +import { CalendarDate as Rt } from "@internationalized/date"; +import './index.css';function jt(r) { return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r; } -var ze = { exports: {} }, Te = {}; +var He = { exports: {} }, Te = {}; /** * @license React * react-jsx-runtime.production.min.js @@ -16,21 +17,21 @@ var ze = { exports: {} }, Te = {}; * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -var pr; -function Rt() { - if (pr) return Te; - pr = 1; - var r = jr, d = Symbol.for("react.element"), f = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, v = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 }; - function g(y, m, j) { - var h, T = {}, w = null, W = null; - j !== void 0 && (w = "" + j), m.key !== void 0 && (w = "" + m.key), m.ref !== void 0 && (W = m.ref); - for (h in m) l.call(m, h) && !p.hasOwnProperty(h) && (T[h] = m[h]); - if (y && y.defaultProps) for (h in m = y.defaultProps, m) T[h] === void 0 && (T[h] = m[h]); - return { $$typeof: d, type: y, key: w, ref: W, props: T, _owner: v.current }; +var yr; +function St() { + if (yr) return Te; + yr = 1; + var r = Or, d = Symbol.for("react.element"), f = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, v = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 }; + function g(y, h, R) { + var m, T = {}, $ = null, q = null; + R !== void 0 && ($ = "" + R), h.key !== void 0 && ($ = "" + h.key), h.ref !== void 0 && (q = h.ref); + for (m in h) c.call(h, m) && !p.hasOwnProperty(m) && (T[m] = h[m]); + if (y && y.defaultProps) for (m in h = y.defaultProps, h) T[m] === void 0 && (T[m] = h[m]); + return { $$typeof: d, type: y, key: $, ref: q, props: T, _owner: v.current }; } return Te.Fragment = f, Te.jsx = g, Te.jsxs = g, Te; } -var Ee = {}; +var xe = {}; /** * @license React * react-jsx-runtime.development.js @@ -40,38 +41,38 @@ var Ee = {}; * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -var vr; -function jt() { - return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() { - var r = jr, d = Symbol.for("react.element"), f = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), y = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), z = Symbol.iterator, M = "@@iterator"; - function U(e) { +var hr; +function Ot() { + return hr || (hr = 1, process.env.NODE_ENV !== "production" && function() { + var r = Or, d = Symbol.for("react.element"), f = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), y = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), q = Symbol.for("react.offscreen"), z = Symbol.iterator, W = "@@iterator"; + function V(e) { if (e === null || typeof e != "object") return null; - var t = z && e[z] || e[M]; + var t = z && e[z] || e[W]; return typeof t == "function" ? t : null; } - var G = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; - function q(e) { + var B = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; + function F(e) { { for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), _ = 1; _ < t; _++) i[_ - 1] = arguments[_]; - V("error", e, i); + M("error", e, i); } } - function V(e, t, i) { + function M(e, t, i) { { - var _ = G.ReactDebugCurrentFrame, I = _.getStackAddendum(); + var _ = B.ReactDebugCurrentFrame, I = _.getStackAddendum(); I !== "" && (t += "%s", i = i.concat([I])); - var L = i.map(function(k) { - return String(k); + var L = i.map(function(A) { + return String(A); }); L.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, L); } } - var Y = !1, c = !1, ne = !1, he = !1, me = !1, ce; + var Y = !1, l = !1, ne = !1, he = !1, me = !1, ce; ce = Symbol.for("react.module.reference"); function _e(e) { - return !!(typeof e == "string" || typeof e == "function" || e === l || e === p || me || e === v || e === j || e === h || he || e === W || Y || c || ne || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === T || e.$$typeof === g || e.$$typeof === y || e.$$typeof === m || // This needs to include all possible module reference object + return !!(typeof e == "string" || typeof e == "function" || e === c || e === p || me || e === v || e === R || e === m || he || e === q || Y || l || ne || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === T || e.$$typeof === g || e.$$typeof === y || e.$$typeof === h || // 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. @@ -90,12 +91,12 @@ function jt() { function K(e) { if (e == null) return null; - if (typeof e.tag == "number" && q("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function") + if (typeof e.tag == "number" && F("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function") return e.displayName || e.name || null; if (typeof e == "string") return e; switch (e) { - case l: + case c: return "Fragment"; case f: return "Portal"; @@ -103,9 +104,9 @@ function jt() { return "Profiler"; case v: return "StrictMode"; - case j: + case R: return "Suspense"; - case h: + case m: return "SuspenseList"; } if (typeof e == "object") @@ -116,15 +117,15 @@ function jt() { case g: var i = e; return ue(i._context) + ".Provider"; - case m: + case h: return le(e, e.render, "ForwardRef"); case T: var _ = e.displayName || null; return _ !== null ? _ : K(e.type) || "Memo"; - case w: { - var I = e, L = I._payload, k = I._init; + case $: { + var I = e, L = I._payload, A = I._init; try { - return K(k(L)); + return K(A(L)); } catch { return null; } @@ -132,18 +133,18 @@ function jt() { } return null; } - var X = Object.assign, ae = 0, Q, te, oe, fe, n, u, R; - function x() { + var X = Object.assign, ae = 0, Q, te, oe, fe, n, u, j; + function C() { } - x.__reactDisabledLog = !0; + C.__reactDisabledLog = !0; function b() { { if (ae === 0) { - Q = console.log, te = console.info, oe = console.warn, fe = console.error, n = console.group, u = console.groupCollapsed, R = console.groupEnd; + Q = console.log, te = console.info, oe = console.warn, fe = console.error, n = console.group, u = console.groupCollapsed, j = console.groupEnd; var e = { configurable: !0, enumerable: !0, - value: x, + value: C, writable: !0 }; Object.defineProperties(console, { @@ -159,7 +160,7 @@ function jt() { ae++; } } - function A() { + function P() { { if (ae--, ae === 0) { var e = { @@ -187,69 +188,69 @@ function jt() { value: u }), groupEnd: X({}, e, { - value: R + value: j }) }); } - ae < 0 && q("disabledDepth fell below zero. This is a bug in React. Please file an issue."); + ae < 0 && F("disabledDepth fell below zero. This is a bug in React. Please file an issue."); } } - var E = G.ReactCurrentDispatcher, C; - function O(e, t, i) { + var x = B.ReactCurrentDispatcher, E; + function S(e, t, i) { { - if (C === void 0) + if (E === void 0) try { throw Error(); } catch (I) { var _ = I.stack.trim().match(/\n( *(at )?)/); - C = _ && _[1] || ""; + E = _ && _[1] || ""; } return ` -` + C + e; +` + E + e; } } - var $ = !1, S; + var k = !1, O; { var H = typeof WeakMap == "function" ? WeakMap : Map; - S = new H(); + O = new H(); } function o(e, t) { - if (!e || $) + if (!e || k) return ""; { - var i = S.get(e); + var i = O.get(e); if (i !== void 0) return i; } var _; - $ = !0; + k = !0; var I = Error.prepareStackTrace; Error.prepareStackTrace = void 0; var L; - L = E.current, E.current = null, b(); + L = x.current, x.current = null, b(); try { if (t) { - var k = function() { + var A = function() { throw Error(); }; - if (Object.defineProperty(k.prototype, "props", { + if (Object.defineProperty(A.prototype, "props", { set: function() { throw Error(); } }), typeof Reflect == "object" && Reflect.construct) { try { - Reflect.construct(k, []); + Reflect.construct(A, []); } catch (Z) { _ = Z; } - Reflect.construct(e, [], k); + Reflect.construct(e, [], A); } else { try { - k.call(); + A.call(); } catch (Z) { _ = Z; } - e.call(k.prototype); + e.call(A.prototype); } } else { try { @@ -261,28 +262,28 @@ function jt() { } } catch (Z) { if (Z && _ && typeof Z.stack == "string") { - for (var P = Z.stack.split(` + for (var w = Z.stack.split(` `), J = _.stack.split(` -`), F = P.length - 1, B = J.length - 1; F >= 1 && B >= 0 && P[F] !== J[B]; ) - B--; - for (; F >= 1 && B >= 0; F--, B--) - if (P[F] !== J[B]) { - if (F !== 1 || B !== 1) +`), G = w.length - 1, U = J.length - 1; G >= 1 && U >= 0 && w[G] !== J[U]; ) + U--; + for (; G >= 1 && U >= 0; G--, U--) + if (w[G] !== J[U]) { + if (G !== 1 || U !== 1) do - if (F--, B--, B < 0 || P[F] !== J[B]) { + if (G--, U--, U < 0 || w[G] !== J[U]) { var re = ` -` + P[F].replace(" at new ", " at "); - return e.displayName && re.includes("") && (re = re.replace("", e.displayName)), typeof e == "function" && S.set(e, re), re; +` + w[G].replace(" at new ", " at "); + return e.displayName && re.includes("") && (re = re.replace("", e.displayName)), typeof e == "function" && O.set(e, re), re; } - while (F >= 1 && B >= 0); + while (G >= 1 && U >= 0); break; } } } finally { - $ = !1, E.current = L, A(), Error.prepareStackTrace = I; + k = !1, x.current = L, P(), Error.prepareStackTrace = I; } - var ve = e ? e.displayName || e.name : "", se = ve ? O(ve) : ""; - return typeof e == "function" && S.set(e, se), se; + var ve = e ? e.displayName || e.name : "", se = ve ? S(ve) : ""; + return typeof e == "function" && O.set(e, se), se; } function ee(e, t, i) { return o(e, !1); @@ -297,20 +298,20 @@ function jt() { if (typeof e == "function") return o(e, de(e)); if (typeof e == "string") - return O(e); + return S(e); switch (e) { - case j: - return O("Suspense"); - case h: - return O("SuspenseList"); + case R: + return S("Suspense"); + case m: + return S("SuspenseList"); } if (typeof e == "object") switch (e.$$typeof) { - case m: + case h: return ee(e.render); case T: return ie(e.type, t, i); - case w: { + case $: { var _ = e, I = _._payload, L = _._init; try { return ie(L(I), t, i); @@ -320,65 +321,65 @@ function jt() { } return ""; } - var be = Object.prototype.hasOwnProperty, er = {}, rr = G.ReactDebugCurrentFrame; + var be = Object.prototype.hasOwnProperty, rr = {}, tr = B.ReactDebugCurrentFrame; function Re(e) { if (e) { var t = e._owner, i = ie(e.type, e._source, t ? t.type : null); - rr.setExtraStackFrame(i); + tr.setExtraStackFrame(i); } else - rr.setExtraStackFrame(null); + tr.setExtraStackFrame(null); } - function Ar(e, t, i, _, I) { + function $r(e, t, i, _, I) { { var L = Function.call.bind(be); - for (var k in e) - if (L(e, k)) { - var P = void 0; + for (var A in e) + if (L(e, A)) { + var w = void 0; try { - if (typeof e[k] != "function") { - var J = Error((_ || "React class") + ": " + i + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); + if (typeof e[A] != "function") { + var J = Error((_ || "React class") + ": " + i + " 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 J.name = "Invariant Violation", J; } - P = e[k](t, k, _, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); - } catch (F) { - P = F; + w = e[A](t, A, _, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); + } catch (G) { + w = G; } - P && !(P instanceof Error) && (Re(I), q("%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).", _ || "React class", i, k, typeof P), Re(null)), P instanceof Error && !(P.message in er) && (er[P.message] = !0, Re(I), q("Failed %s type: %s", i, P.message), Re(null)); + w && !(w instanceof Error) && (Re(I), F("%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).", _ || "React class", i, A, typeof w), Re(null)), w instanceof Error && !(w.message in rr) && (rr[w.message] = !0, Re(I), F("Failed %s type: %s", i, w.message), Re(null)); } } } - var kr = Array.isArray; + var Ir = Array.isArray; function Ae(e) { - return kr(e); + return Ir(e); } - function $r(e) { + function Nr(e) { { var t = typeof Symbol == "function" && Symbol.toStringTag, i = t && e[Symbol.toStringTag] || e.constructor.name || "Object"; return i; } } - function Ir(e) { + function Dr(e) { try { - return tr(e), !1; + return nr(e), !1; } catch { return !0; } } - function tr(e) { + function nr(e) { return "" + e; } - function nr(e) { - if (Ir(e)) - return q("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $r(e)), tr(e); + function ar(e) { + if (Dr(e)) + return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Nr(e)), nr(e); } - var ge = G.ReactCurrentOwner, Nr = { + var ge = B.ReactCurrentOwner, Mr = { key: !0, ref: !0, __self: !0, __source: !0 - }, ar, or, ke; + }, or, ir, ke; ke = {}; - function Dr(e) { + function Lr(e) { if (be.call(e, "ref")) { var t = Object.getOwnPropertyDescriptor(e, "ref").get; if (t && t.isReactWarning) @@ -386,7 +387,7 @@ function jt() { } return e.ref !== void 0; } - function Lr(e) { + function Wr(e) { if (be.call(e, "key")) { var t = Object.getOwnPropertyDescriptor(e, "key").get; if (t && t.isReactWarning) @@ -394,16 +395,16 @@ function jt() { } return e.key !== void 0; } - function Mr(e, t) { + function qr(e, t) { if (typeof e.ref == "string" && ge.current && t && ge.current.stateNode !== t) { var i = K(ge.current.type); - ke[i] || (q('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(ge.current.type), e.ref), ke[i] = !0); + ke[i] || (F('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(ge.current.type), e.ref), ke[i] = !0); } } - function Wr(e, t) { + function Fr(e, t) { { var i = function() { - ar || (ar = !0, q("%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)", t)); + or || (or = !0, F("%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)", t)); }; i.isReactWarning = !0, Object.defineProperty(e, "key", { get: i, @@ -411,10 +412,10 @@ function jt() { }); } } - function qr(e, t) { + function Yr(e, t) { { var i = function() { - or || (or = !0, q("%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)", t)); + ir || (ir = !0, F("%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)", t)); }; i.isReactWarning = !0, Object.defineProperty(e, "ref", { get: i, @@ -422,67 +423,67 @@ function jt() { }); } } - var Fr = function(e, t, i, _, I, L, k) { - var P = { + var Br = function(e, t, i, _, I, L, A) { + var w = { // This tag allows us to uniquely identify this as a React Element $$typeof: d, // Built-in properties that belong on the element type: e, key: t, ref: i, - props: k, + props: A, // Record the component responsible for creating this element. _owner: L }; - return P._store = {}, Object.defineProperty(P._store, "validated", { + return w._store = {}, Object.defineProperty(w._store, "validated", { configurable: !1, enumerable: !1, writable: !0, value: !1 - }), Object.defineProperty(P, "_self", { + }), Object.defineProperty(w, "_self", { configurable: !1, enumerable: !1, writable: !1, value: _ - }), Object.defineProperty(P, "_source", { + }), Object.defineProperty(w, "_source", { configurable: !1, enumerable: !1, writable: !1, value: I - }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P; + }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w; }; - function Yr(e, t, i, _, I) { + function Gr(e, t, i, _, I) { { - var L, k = {}, P = null, J = null; - i !== void 0 && (nr(i), P = "" + i), Lr(t) && (nr(t.key), P = "" + t.key), Dr(t) && (J = t.ref, Mr(t, I)); + var L, A = {}, w = null, J = null; + i !== void 0 && (ar(i), w = "" + i), Wr(t) && (ar(t.key), w = "" + t.key), Lr(t) && (J = t.ref, qr(t, I)); for (L in t) - be.call(t, L) && !Nr.hasOwnProperty(L) && (k[L] = t[L]); + be.call(t, L) && !Mr.hasOwnProperty(L) && (A[L] = t[L]); if (e && e.defaultProps) { - var F = e.defaultProps; - for (L in F) - k[L] === void 0 && (k[L] = F[L]); + var G = e.defaultProps; + for (L in G) + A[L] === void 0 && (A[L] = G[L]); } - if (P || J) { - var B = typeof e == "function" ? e.displayName || e.name || "Unknown" : e; - P && Wr(k, B), J && qr(k, B); + if (w || J) { + var U = typeof e == "function" ? e.displayName || e.name || "Unknown" : e; + w && Fr(A, U), J && Yr(A, U); } - return Fr(e, P, J, I, _, ge.current, k); + return Br(e, w, J, I, _, ge.current, A); } } - var $e = G.ReactCurrentOwner, ir = G.ReactDebugCurrentFrame; + var $e = B.ReactCurrentOwner, sr = B.ReactDebugCurrentFrame; function pe(e) { if (e) { var t = e._owner, i = ie(e.type, e._source, t ? t.type : null); - ir.setExtraStackFrame(i); + sr.setExtraStackFrame(i); } else - ir.setExtraStackFrame(null); + sr.setExtraStackFrame(null); } var Ie; Ie = !1; function Ne(e) { return typeof e == "object" && e !== null && e.$$typeof === d; } - function sr() { + function cr() { { if ($e.current) { var e = K($e.current.type); @@ -494,13 +495,13 @@ Check the render method of \`` + e + "`."; return ""; } } - function Br(e) { + function Vr(e) { return ""; } - var cr = {}; - function Gr(e) { + var lr = {}; + function Ur(e) { { - var t = sr(); + var t = cr(); if (!t) { var i = typeof e == "string" ? e : e.displayName || e.name; i && (t = ` @@ -510,39 +511,39 @@ Check the top-level render call using <` + i + ">."); return t; } } - function lr(e, t) { + function ur(e, t) { { if (!e._store || e._store.validated || e.key != null) return; e._store.validated = !0; - var i = Gr(t); - if (cr[i]) + var i = Ur(t); + if (lr[i]) return; - cr[i] = !0; + lr[i] = !0; var _ = ""; - e && e._owner && e._owner !== $e.current && (_ = " It was passed a child from " + K(e._owner.type) + "."), pe(e), q('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, _), pe(null); + e && e._owner && e._owner !== $e.current && (_ = " It was passed a child from " + K(e._owner.type) + "."), pe(e), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, _), pe(null); } } - function ur(e, t) { + function fr(e, t) { { if (typeof e != "object") return; if (Ae(e)) for (var i = 0; i < e.length; i++) { var _ = e[i]; - Ne(_) && lr(_, t); + Ne(_) && ur(_, t); } else if (Ne(e)) e._store && (e._store.validated = !0); else if (e) { - var I = U(e); + var I = V(e); if (typeof I == "function" && I !== e.entries) - for (var L = I.call(e), k; !(k = L.next()).done; ) - Ne(k.value) && lr(k.value, t); + for (var L = I.call(e), A; !(A = L.next()).done; ) + Ne(A.value) && ur(A.value, t); } } } - function Vr(e) { + function zr(e) { { var t = e.type; if (t == null || typeof t == "string") @@ -550,7 +551,7 @@ Check the top-level render call using <` + i + ">."); var i; if (typeof t == "function") i = t.propTypes; - else if (typeof t == "object" && (t.$$typeof === m || // Note: Memo only checks outer props here. + else if (typeof t == "object" && (t.$$typeof === h || // Note: Memo only checks outer props here. // Inner props are checked in the reconciler. t.$$typeof === T)) i = t.propTypes; @@ -558,84 +559,84 @@ Check the top-level render call using <` + i + ">."); return; if (i) { var _ = K(t); - Ar(i, e.props, "prop", _, e); + $r(i, e.props, "prop", _, e); } else if (t.PropTypes !== void 0 && !Ie) { Ie = !0; var I = K(t); - q("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown"); + F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown"); } - typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && q("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."); + typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."); } } - function Ur(e) { + function Hr(e) { { for (var t = Object.keys(e.props), i = 0; i < t.length; i++) { var _ = t[i]; if (_ !== "children" && _ !== "key") { - pe(e), q("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), pe(null); + pe(e), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), pe(null); break; } } - e.ref !== null && (pe(e), q("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null)); + e.ref !== null && (pe(e), F("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null)); } } - var fr = {}; - function dr(e, t, i, _, I, L) { + var dr = {}; + function pr(e, t, i, _, I, L) { { - var k = _e(e); - if (!k) { - var P = ""; - (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (P += " 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 J = Br(); - J ? P += J : P += sr(); - var F; - e === null ? F = "null" : Ae(e) ? F = "array" : e !== void 0 && e.$$typeof === d ? (F = "<" + (K(e.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, q("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, P); + var A = _e(e); + if (!A) { + var w = ""; + (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " 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 J = Vr(); + J ? w += J : w += cr(); + var G; + e === null ? G = "null" : Ae(e) ? G = "array" : e !== void 0 && e.$$typeof === d ? (G = "<" + (K(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : G = typeof e, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, w); } - var B = Yr(e, t, i, I, L); - if (B == null) - return B; - if (k) { + var U = Gr(e, t, i, I, L); + if (U == null) + return U; + if (A) { var re = t.children; if (re !== void 0) if (_) if (Ae(re)) { for (var ve = 0; ve < re.length; ve++) - ur(re[ve], e); + fr(re[ve], e); Object.freeze && Object.freeze(re); } else - q("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."); + F("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."); else - ur(re, e); + fr(re, e); } if (be.call(t, "key")) { - var se = K(e), Z = Object.keys(t).filter(function(Zr) { - return Zr !== "key"; + var se = K(e), Z = Object.keys(t).filter(function(et) { + return et !== "key"; }), De = Z.length > 0 ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}"; - if (!fr[se + De]) { - var Xr = Z.length > 0 ? "{" + Z.join(": ..., ") + ": ...}" : "{}"; - q(`A props object containing a "key" prop is being spread into JSX: + if (!dr[se + De]) { + var Qr = Z.length > 0 ? "{" + Z.join(": ..., ") + ": ...}" : "{}"; + F(`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} />`, De, se, Xr, se), fr[se + De] = !0; + <%s key={someKey} {...props} />`, De, se, Qr, se), dr[se + De] = !0; } } - return e === l ? Ur(B) : Vr(B), B; + return e === c ? Hr(U) : zr(U), U; } } - function zr(e, t, i) { - return dr(e, t, i, !0); + function Jr(e, t, i) { + return pr(e, t, i, !0); } - function Hr(e, t, i) { - return dr(e, t, i, !1); + function Kr(e, t, i) { + return pr(e, t, i, !1); } - var Jr = Hr, Kr = zr; - Ee.Fragment = l, Ee.jsx = Jr, Ee.jsxs = Kr; - }()), Ee; + var Xr = Kr, Zr = Jr; + xe.Fragment = c, xe.jsx = Xr, xe.jsxs = Zr; + }()), xe; } -process.env.NODE_ENV === "production" ? ze.exports = Rt() : ze.exports = jt(); -var a = ze.exports, He = { exports: {} }, je = { exports: {} }, N = {}; +process.env.NODE_ENV === "production" ? He.exports = St() : He.exports = Ot(); +var a = He.exports, Je = { exports: {} }, je = { exports: {} }, N = {}; /** @license React v16.13.1 * react-is.production.min.js * @@ -644,32 +645,32 @@ var a = ze.exports, He = { exports: {} }, je = { exports: {} }, N = {}; * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -var yr; -function Ot() { - if (yr) return N; - yr = 1; - var r = typeof Symbol == "function" && Symbol.for, d = r ? Symbol.for("react.element") : 60103, f = r ? Symbol.for("react.portal") : 60106, l = r ? Symbol.for("react.fragment") : 60107, v = r ? Symbol.for("react.strict_mode") : 60108, p = r ? Symbol.for("react.profiler") : 60114, g = r ? Symbol.for("react.provider") : 60109, y = r ? Symbol.for("react.context") : 60110, m = r ? Symbol.for("react.async_mode") : 60111, j = r ? Symbol.for("react.concurrent_mode") : 60111, h = r ? Symbol.for("react.forward_ref") : 60112, T = r ? Symbol.for("react.suspense") : 60113, w = r ? Symbol.for("react.suspense_list") : 60120, W = r ? Symbol.for("react.memo") : 60115, z = r ? Symbol.for("react.lazy") : 60116, M = r ? Symbol.for("react.block") : 60121, U = r ? Symbol.for("react.fundamental") : 60117, G = r ? Symbol.for("react.responder") : 60118, q = r ? Symbol.for("react.scope") : 60119; - function V(c) { - if (typeof c == "object" && c !== null) { - var ne = c.$$typeof; +var mr; +function wt() { + if (mr) return N; + mr = 1; + var r = typeof Symbol == "function" && Symbol.for, d = r ? Symbol.for("react.element") : 60103, f = r ? Symbol.for("react.portal") : 60106, c = r ? Symbol.for("react.fragment") : 60107, v = r ? Symbol.for("react.strict_mode") : 60108, p = r ? Symbol.for("react.profiler") : 60114, g = r ? Symbol.for("react.provider") : 60109, y = r ? Symbol.for("react.context") : 60110, h = r ? Symbol.for("react.async_mode") : 60111, R = r ? Symbol.for("react.concurrent_mode") : 60111, m = r ? Symbol.for("react.forward_ref") : 60112, T = r ? Symbol.for("react.suspense") : 60113, $ = r ? Symbol.for("react.suspense_list") : 60120, q = r ? Symbol.for("react.memo") : 60115, z = r ? Symbol.for("react.lazy") : 60116, W = r ? Symbol.for("react.block") : 60121, V = r ? Symbol.for("react.fundamental") : 60117, B = r ? Symbol.for("react.responder") : 60118, F = r ? Symbol.for("react.scope") : 60119; + function M(l) { + if (typeof l == "object" && l !== null) { + var ne = l.$$typeof; switch (ne) { case d: - switch (c = c.type, c) { - case m: - case j: - case l: + switch (l = l.type, l) { + case h: + case R: + case c: case p: case v: case T: - return c; + return l; default: - switch (c = c && c.$$typeof, c) { + switch (l = l && l.$$typeof, l) { case y: - case h: + case m: case z: - case W: + case q: case g: - return c; + return l; default: return ne; } @@ -679,36 +680,36 @@ function Ot() { } } } - function Y(c) { - return V(c) === j; + function Y(l) { + return M(l) === R; } - return N.AsyncMode = m, N.ConcurrentMode = j, N.ContextConsumer = y, N.ContextProvider = g, N.Element = d, N.ForwardRef = h, N.Fragment = l, N.Lazy = z, N.Memo = W, N.Portal = f, N.Profiler = p, N.StrictMode = v, N.Suspense = T, N.isAsyncMode = function(c) { - return Y(c) || V(c) === m; - }, N.isConcurrentMode = Y, N.isContextConsumer = function(c) { - return V(c) === y; - }, N.isContextProvider = function(c) { - return V(c) === g; - }, N.isElement = function(c) { - return typeof c == "object" && c !== null && c.$$typeof === d; - }, N.isForwardRef = function(c) { - return V(c) === h; - }, N.isFragment = function(c) { - return V(c) === l; - }, N.isLazy = function(c) { - return V(c) === z; - }, N.isMemo = function(c) { - return V(c) === W; - }, N.isPortal = function(c) { - return V(c) === f; - }, N.isProfiler = function(c) { - return V(c) === p; - }, N.isStrictMode = function(c) { - return V(c) === v; - }, N.isSuspense = function(c) { - return V(c) === T; - }, N.isValidElementType = function(c) { - return typeof c == "string" || typeof c == "function" || c === l || c === j || c === p || c === v || c === T || c === w || typeof c == "object" && c !== null && (c.$$typeof === z || c.$$typeof === W || c.$$typeof === g || c.$$typeof === y || c.$$typeof === h || c.$$typeof === U || c.$$typeof === G || c.$$typeof === q || c.$$typeof === M); - }, N.typeOf = V, N; + return N.AsyncMode = h, N.ConcurrentMode = R, N.ContextConsumer = y, N.ContextProvider = g, N.Element = d, N.ForwardRef = m, N.Fragment = c, N.Lazy = z, N.Memo = q, N.Portal = f, N.Profiler = p, N.StrictMode = v, N.Suspense = T, N.isAsyncMode = function(l) { + return Y(l) || M(l) === h; + }, N.isConcurrentMode = Y, N.isContextConsumer = function(l) { + return M(l) === y; + }, N.isContextProvider = function(l) { + return M(l) === g; + }, N.isElement = function(l) { + return typeof l == "object" && l !== null && l.$$typeof === d; + }, N.isForwardRef = function(l) { + return M(l) === m; + }, N.isFragment = function(l) { + return M(l) === c; + }, N.isLazy = function(l) { + return M(l) === z; + }, N.isMemo = function(l) { + return M(l) === q; + }, N.isPortal = function(l) { + return M(l) === f; + }, N.isProfiler = function(l) { + return M(l) === p; + }, N.isStrictMode = function(l) { + return M(l) === v; + }, N.isSuspense = function(l) { + return M(l) === T; + }, N.isValidElementType = function(l) { + return typeof l == "string" || typeof l == "function" || l === c || l === R || l === p || l === v || l === T || l === $ || typeof l == "object" && l !== null && (l.$$typeof === z || l.$$typeof === q || l.$$typeof === g || l.$$typeof === y || l.$$typeof === m || l.$$typeof === V || l.$$typeof === B || l.$$typeof === F || l.$$typeof === W); + }, N.typeOf = M, N; } var D = {}; /** @license React v16.13.1 @@ -719,13 +720,13 @@ var D = {}; * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ -var hr; -function St() { - return hr || (hr = 1, process.env.NODE_ENV !== "production" && function() { - var r = typeof Symbol == "function" && Symbol.for, d = r ? Symbol.for("react.element") : 60103, f = r ? Symbol.for("react.portal") : 60106, l = r ? Symbol.for("react.fragment") : 60107, v = r ? Symbol.for("react.strict_mode") : 60108, p = r ? Symbol.for("react.profiler") : 60114, g = r ? Symbol.for("react.provider") : 60109, y = r ? Symbol.for("react.context") : 60110, m = r ? Symbol.for("react.async_mode") : 60111, j = r ? Symbol.for("react.concurrent_mode") : 60111, h = r ? Symbol.for("react.forward_ref") : 60112, T = r ? Symbol.for("react.suspense") : 60113, w = r ? Symbol.for("react.suspense_list") : 60120, W = r ? Symbol.for("react.memo") : 60115, z = r ? Symbol.for("react.lazy") : 60116, M = r ? Symbol.for("react.block") : 60121, U = r ? Symbol.for("react.fundamental") : 60117, G = r ? Symbol.for("react.responder") : 60118, q = r ? Symbol.for("react.scope") : 60119; - function V(o) { +var _r; +function Pt() { + return _r || (_r = 1, process.env.NODE_ENV !== "production" && function() { + var r = typeof Symbol == "function" && Symbol.for, d = r ? Symbol.for("react.element") : 60103, f = r ? Symbol.for("react.portal") : 60106, c = r ? Symbol.for("react.fragment") : 60107, v = r ? Symbol.for("react.strict_mode") : 60108, p = r ? Symbol.for("react.profiler") : 60114, g = r ? Symbol.for("react.provider") : 60109, y = r ? Symbol.for("react.context") : 60110, h = r ? Symbol.for("react.async_mode") : 60111, R = r ? Symbol.for("react.concurrent_mode") : 60111, m = r ? Symbol.for("react.forward_ref") : 60112, T = r ? Symbol.for("react.suspense") : 60113, $ = r ? Symbol.for("react.suspense_list") : 60120, q = r ? Symbol.for("react.memo") : 60115, z = r ? Symbol.for("react.lazy") : 60116, W = r ? Symbol.for("react.block") : 60121, V = r ? Symbol.for("react.fundamental") : 60117, B = r ? Symbol.for("react.responder") : 60118, F = r ? Symbol.for("react.scope") : 60119; + function M(o) { return typeof o == "string" || typeof o == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. - o === l || o === j || o === p || o === v || o === T || o === w || typeof o == "object" && o !== null && (o.$$typeof === z || o.$$typeof === W || o.$$typeof === g || o.$$typeof === y || o.$$typeof === h || o.$$typeof === U || o.$$typeof === G || o.$$typeof === q || o.$$typeof === M); + o === c || o === R || o === p || o === v || o === T || o === $ || typeof o == "object" && o !== null && (o.$$typeof === z || o.$$typeof === q || o.$$typeof === g || o.$$typeof === y || o.$$typeof === m || o.$$typeof === V || o.$$typeof === B || o.$$typeof === F || o.$$typeof === W); } function Y(o) { if (typeof o == "object" && o !== null) { @@ -734,9 +735,9 @@ function St() { case d: var de = o.type; switch (de) { - case m: - case j: - case l: + case h: + case R: + case c: case p: case v: case T: @@ -745,9 +746,9 @@ function St() { var ie = de && de.$$typeof; switch (ie) { case y: - case h: + case m: case z: - case W: + case q: case g: return ie; default: @@ -759,64 +760,64 @@ function St() { } } } - var c = m, ne = j, he = y, me = g, ce = d, _e = h, le = l, ue = z, K = W, X = f, ae = p, Q = v, te = T, oe = !1; + var l = h, ne = R, he = y, me = g, ce = d, _e = m, le = c, ue = z, K = q, X = f, ae = p, Q = v, te = T, oe = !1; function fe(o) { - return oe || (oe = !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.")), n(o) || Y(o) === m; + return oe || (oe = !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.")), n(o) || Y(o) === h; } function n(o) { - return Y(o) === j; + return Y(o) === R; } function u(o) { return Y(o) === y; } - function R(o) { + function j(o) { return Y(o) === g; } - function x(o) { + function C(o) { return typeof o == "object" && o !== null && o.$$typeof === d; } function b(o) { - return Y(o) === h; + return Y(o) === m; } - function A(o) { - return Y(o) === l; + function P(o) { + return Y(o) === c; } - function E(o) { + function x(o) { return Y(o) === z; } - function C(o) { - return Y(o) === W; + function E(o) { + return Y(o) === q; } - function O(o) { + function S(o) { return Y(o) === f; } - function $(o) { + function k(o) { return Y(o) === p; } - function S(o) { + function O(o) { return Y(o) === v; } function H(o) { return Y(o) === T; } - D.AsyncMode = c, D.ConcurrentMode = ne, D.ContextConsumer = he, D.ContextProvider = me, D.Element = ce, D.ForwardRef = _e, D.Fragment = le, D.Lazy = ue, D.Memo = K, D.Portal = X, D.Profiler = ae, D.StrictMode = Q, D.Suspense = te, D.isAsyncMode = fe, D.isConcurrentMode = n, D.isContextConsumer = u, D.isContextProvider = R, D.isElement = x, D.isForwardRef = b, D.isFragment = A, D.isLazy = E, D.isMemo = C, D.isPortal = O, D.isProfiler = $, D.isStrictMode = S, D.isSuspense = H, D.isValidElementType = V, D.typeOf = Y; + D.AsyncMode = l, D.ConcurrentMode = ne, D.ContextConsumer = he, D.ContextProvider = me, D.Element = ce, D.ForwardRef = _e, D.Fragment = le, D.Lazy = ue, D.Memo = K, D.Portal = X, D.Profiler = ae, D.StrictMode = Q, D.Suspense = te, D.isAsyncMode = fe, D.isConcurrentMode = n, D.isContextConsumer = u, D.isContextProvider = j, D.isElement = C, D.isForwardRef = b, D.isFragment = P, D.isLazy = x, D.isMemo = E, D.isPortal = S, D.isProfiler = k, D.isStrictMode = O, D.isSuspense = H, D.isValidElementType = M, D.typeOf = Y; }()), D; } -var mr; -function wr() { - return mr || (mr = 1, process.env.NODE_ENV === "production" ? je.exports = Ot() : je.exports = St()), je.exports; +var br; +function Ar() { + return br || (br = 1, process.env.NODE_ENV === "production" ? je.exports = wt() : je.exports = Pt()), je.exports; } /* object-assign (c) Sindre Sorhus @license MIT */ -var Me, _r; -function wt() { - if (_r) return Me; - _r = 1; +var Le, gr; +function At() { + if (gr) return Le; + gr = 1; var r = Object.getOwnPropertySymbols, d = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable; - function l(p) { + function c(p) { if (p == null) throw new TypeError("Object.assign cannot be called with null or undefined"); return Object(p); @@ -830,52 +831,52 @@ function wt() { return !1; for (var g = {}, y = 0; y < 10; y++) g["_" + String.fromCharCode(y)] = y; - var m = Object.getOwnPropertyNames(g).map(function(h) { - return g[h]; + var h = Object.getOwnPropertyNames(g).map(function(m) { + return g[m]; }); - if (m.join("") !== "0123456789") + if (h.join("") !== "0123456789") return !1; - var j = {}; - return "abcdefghijklmnopqrst".split("").forEach(function(h) { - j[h] = h; - }), Object.keys(Object.assign({}, j)).join("") === "abcdefghijklmnopqrst"; + var R = {}; + return "abcdefghijklmnopqrst".split("").forEach(function(m) { + R[m] = m; + }), Object.keys(Object.assign({}, R)).join("") === "abcdefghijklmnopqrst"; } catch { return !1; } } - return Me = v() ? Object.assign : function(p, g) { - for (var y, m = l(p), j, h = 1; h < arguments.length; h++) { - y = Object(arguments[h]); + return Le = v() ? Object.assign : function(p, g) { + for (var y, h = c(p), R, m = 1; m < arguments.length; m++) { + y = Object(arguments[m]); for (var T in y) - d.call(y, T) && (m[T] = y[T]); + d.call(y, T) && (h[T] = y[T]); if (r) { - j = r(y); - for (var w = 0; w < j.length; w++) - f.call(y, j[w]) && (m[j[w]] = y[j[w]]); + R = r(y); + for (var $ = 0; $ < R.length; $++) + f.call(y, R[$]) && (h[R[$]] = y[R[$]]); } } - return m; - }, Me; + return h; + }, Le; } -var We, br; -function Ke() { - if (br) return We; - br = 1; +var We, Tr; +function Xe() { + if (Tr) return We; + Tr = 1; var r = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; return We = r, We; } -var qe, gr; -function Pr() { - return gr || (gr = 1, qe = Function.call.bind(Object.prototype.hasOwnProperty)), qe; +var qe, xr; +function kr() { + return xr || (xr = 1, qe = Function.call.bind(Object.prototype.hasOwnProperty)), qe; } -var Fe, Tr; -function Pt() { - if (Tr) return Fe; - Tr = 1; +var Fe, Er; +function kt() { + if (Er) return Fe; + Er = 1; var r = function() { }; if (process.env.NODE_ENV !== "production") { - var d = Ke(), f = {}, l = Pr(); + var d = Xe(), f = {}, c = kr(); r = function(p) { var g = "Warning: " + p; typeof console < "u" && console.error(g); @@ -885,29 +886,29 @@ function Pt() { } }; } - function v(p, g, y, m, j) { + function v(p, g, y, h, R) { if (process.env.NODE_ENV !== "production") { - for (var h in p) - if (l(p, h)) { + for (var m in p) + if (c(p, m)) { var T; try { - if (typeof p[h] != "function") { - var w = Error( - (m || "React class") + ": " + y + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof p[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`." + if (typeof p[m] != "function") { + var $ = Error( + (h || "React class") + ": " + y + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof p[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`." ); - throw w.name = "Invariant Violation", w; + throw $.name = "Invariant Violation", $; } - T = p[h](g, h, m, y, null, d); + T = p[m](g, m, h, y, null, d); } catch (z) { T = z; } if (T && !(T instanceof Error) && r( - (m || "React class") + ": type specification of " + y + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof T + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)." + (h || "React class") + ": type specification of " + y + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof T + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)." ), T instanceof Error && !(T.message in f)) { f[T.message] = !0; - var W = j ? j() : ""; + var q = R ? R() : ""; r( - "Failed " + y + " type: " + T.message + (W ?? "") + "Failed " + y + " type: " + T.message + (q ?? "") ); } } @@ -917,43 +918,43 @@ function Pt() { process.env.NODE_ENV !== "production" && (f = {}); }, Fe = v, Fe; } -var Ye, Er; -function At() { - if (Er) return Ye; - Er = 1; - var r = wr(), d = wt(), f = Ke(), l = Pr(), v = Pt(), p = function() { +var Ye, Cr; +function $t() { + if (Cr) return Ye; + Cr = 1; + var r = Ar(), d = At(), f = Xe(), c = kr(), v = kt(), p = function() { }; process.env.NODE_ENV !== "production" && (p = function(y) { - var m = "Warning: " + y; - typeof console < "u" && console.error(m); + var h = "Warning: " + y; + typeof console < "u" && console.error(h); try { - throw new Error(m); + throw new Error(h); } catch { } }); function g() { return null; } - return Ye = function(y, m) { - var j = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator"; + return Ye = function(y, h) { + var R = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator"; function T(n) { - var u = n && (j && n[j] || n[h]); + var u = n && (R && n[R] || n[m]); if (typeof u == "function") return u; } - var w = "<>", W = { - array: G("array"), - bigint: G("bigint"), - bool: G("boolean"), - func: G("function"), - number: G("number"), - object: G("object"), - string: G("string"), - symbol: G("symbol"), - any: q(), - arrayOf: V, + var $ = "<>", q = { + array: B("array"), + bigint: B("bigint"), + bool: B("boolean"), + func: B("function"), + number: B("number"), + object: B("object"), + string: B("string"), + symbol: B("symbol"), + any: F(), + arrayOf: M, element: Y(), - elementType: c(), + elementType: l(), instanceOf: ne, node: _e(), objectOf: me, @@ -965,206 +966,206 @@ function At() { function z(n, u) { return n === u ? n !== 0 || 1 / n === 1 / u : n !== n && u !== u; } - function M(n, u) { + function W(n, u) { this.message = n, this.data = u && typeof u == "object" ? u : {}, this.stack = ""; } - M.prototype = Error.prototype; - function U(n) { + W.prototype = Error.prototype; + function V(n) { if (process.env.NODE_ENV !== "production") - var u = {}, R = 0; - function x(A, E, C, O, $, S, H) { - if (O = O || w, S = S || C, H !== f) { - if (m) { + var u = {}, j = 0; + function C(P, x, E, S, k, O, H) { + if (S = S || $, O = O || E, H !== f) { + if (h) { var o = 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 o.name = "Invariant Violation", o; } else if (process.env.NODE_ENV !== "production" && typeof console < "u") { - var ee = O + ":" + C; + var ee = S + ":" + E; !u[ee] && // Avoid spamming the console because they are often not actionable except for lib authors - R < 3 && (p( - "You are manually calling a React.PropTypes validation function for the `" + S + "` prop on `" + O + "`. 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." - ), u[ee] = !0, R++); + j < 3 && (p( + "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + S + "`. 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." + ), u[ee] = !0, j++); } } - return E[C] == null ? A ? E[C] === null ? new M("The " + $ + " `" + S + "` is marked as required " + ("in `" + O + "`, but its value is `null`.")) : new M("The " + $ + " `" + S + "` is marked as required in " + ("`" + O + "`, but its value is `undefined`.")) : null : n(E, C, O, $, S); + return x[E] == null ? P ? x[E] === null ? new W("The " + k + " `" + O + "` is marked as required " + ("in `" + S + "`, but its value is `null`.")) : new W("The " + k + " `" + O + "` is marked as required in " + ("`" + S + "`, but its value is `undefined`.")) : null : n(x, E, S, k, O); } - var b = x.bind(null, !1); - return b.isRequired = x.bind(null, !0), b; - } - function G(n) { - function u(R, x, b, A, E, C) { - var O = R[x], $ = Q(O); - if ($ !== n) { - var S = te(O); - return new M( - "Invalid " + A + " `" + E + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected ") + ("`" + n + "`."), + var b = C.bind(null, !1); + return b.isRequired = C.bind(null, !0), b; + } + function B(n) { + function u(j, C, b, P, x, E) { + var S = j[C], k = Q(S); + if (k !== n) { + var O = te(S); + return new W( + "Invalid " + P + " `" + x + "` of type " + ("`" + O + "` supplied to `" + b + "`, expected ") + ("`" + n + "`."), { expectedType: n } ); } return null; } - return U(u); + return V(u); } - function q() { - return U(g); + function F() { + return V(g); } - function V(n) { - function u(R, x, b, A, E) { + function M(n) { + function u(j, C, b, P, x) { if (typeof n != "function") - return new M("Property `" + E + "` of component `" + b + "` has invalid PropType notation inside arrayOf."); - var C = R[x]; - if (!Array.isArray(C)) { - var O = Q(C); - return new M("Invalid " + A + " `" + E + "` of type " + ("`" + O + "` supplied to `" + b + "`, expected an array.")); + return new W("Property `" + x + "` of component `" + b + "` has invalid PropType notation inside arrayOf."); + var E = j[C]; + if (!Array.isArray(E)) { + var S = Q(E); + return new W("Invalid " + P + " `" + x + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected an array.")); } - for (var $ = 0; $ < C.length; $++) { - var S = n(C, $, b, A, E + "[" + $ + "]", f); - if (S instanceof Error) - return S; + for (var k = 0; k < E.length; k++) { + var O = n(E, k, b, P, x + "[" + k + "]", f); + if (O instanceof Error) + return O; } return null; } - return U(u); + return V(u); } function Y() { - function n(u, R, x, b, A) { - var E = u[R]; - if (!y(E)) { - var C = Q(E); - return new M("Invalid " + b + " `" + A + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement.")); + function n(u, j, C, b, P) { + var x = u[j]; + if (!y(x)) { + var E = Q(x); + return new W("Invalid " + b + " `" + P + "` of type " + ("`" + E + "` supplied to `" + C + "`, expected a single ReactElement.")); } return null; } - return U(n); - } - function c() { - function n(u, R, x, b, A) { - var E = u[R]; - if (!r.isValidElementType(E)) { - var C = Q(E); - return new M("Invalid " + b + " `" + A + "` of type " + ("`" + C + "` supplied to `" + x + "`, expected a single ReactElement type.")); + return V(n); + } + function l() { + function n(u, j, C, b, P) { + var x = u[j]; + if (!r.isValidElementType(x)) { + var E = Q(x); + return new W("Invalid " + b + " `" + P + "` of type " + ("`" + E + "` supplied to `" + C + "`, expected a single ReactElement type.")); } return null; } - return U(n); + return V(n); } function ne(n) { - function u(R, x, b, A, E) { - if (!(R[x] instanceof n)) { - var C = n.name || w, O = fe(R[x]); - return new M("Invalid " + A + " `" + E + "` of type " + ("`" + O + "` supplied to `" + b + "`, expected ") + ("instance of `" + C + "`.")); + function u(j, C, b, P, x) { + if (!(j[C] instanceof n)) { + var E = n.name || $, S = fe(j[C]); + return new W("Invalid " + P + " `" + x + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected ") + ("instance of `" + E + "`.")); } return null; } - return U(u); + return V(u); } function he(n) { if (!Array.isArray(n)) return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? p( "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])." ) : p("Invalid argument supplied to oneOf, expected an array.")), g; - function u(R, x, b, A, E) { - for (var C = R[x], O = 0; O < n.length; O++) - if (z(C, n[O])) + function u(j, C, b, P, x) { + for (var E = j[C], S = 0; S < n.length; S++) + if (z(E, n[S])) return null; - var $ = JSON.stringify(n, function(H, o) { + var k = JSON.stringify(n, function(H, o) { var ee = te(o); return ee === "symbol" ? String(o) : o; }); - return new M("Invalid " + A + " `" + E + "` of value `" + String(C) + "` " + ("supplied to `" + b + "`, expected one of " + $ + ".")); + return new W("Invalid " + P + " `" + x + "` of value `" + String(E) + "` " + ("supplied to `" + b + "`, expected one of " + k + ".")); } - return U(u); + return V(u); } function me(n) { - function u(R, x, b, A, E) { + function u(j, C, b, P, x) { if (typeof n != "function") - return new M("Property `" + E + "` of component `" + b + "` has invalid PropType notation inside objectOf."); - var C = R[x], O = Q(C); - if (O !== "object") - return new M("Invalid " + A + " `" + E + "` of type " + ("`" + O + "` supplied to `" + b + "`, expected an object.")); - for (var $ in C) - if (l(C, $)) { - var S = n(C, $, b, A, E + "." + $, f); - if (S instanceof Error) - return S; + return new W("Property `" + x + "` of component `" + b + "` has invalid PropType notation inside objectOf."); + var E = j[C], S = Q(E); + if (S !== "object") + return new W("Invalid " + P + " `" + x + "` of type " + ("`" + S + "` supplied to `" + b + "`, expected an object.")); + for (var k in E) + if (c(E, k)) { + var O = n(E, k, b, P, x + "." + k, f); + if (O instanceof Error) + return O; } return null; } - return U(u); + return V(u); } function ce(n) { if (!Array.isArray(n)) return process.env.NODE_ENV !== "production" && p("Invalid argument supplied to oneOfType, expected an instance of array."), g; for (var u = 0; u < n.length; u++) { - var R = n[u]; - if (typeof R != "function") + var j = n[u]; + if (typeof j != "function") return p( - "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(R) + " at index " + u + "." + "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(j) + " at index " + u + "." ), g; } - function x(b, A, E, C, O) { - for (var $ = [], S = 0; S < n.length; S++) { - var H = n[S], o = H(b, A, E, C, O, f); + function C(b, P, x, E, S) { + for (var k = [], O = 0; O < n.length; O++) { + var H = n[O], o = H(b, P, x, E, S, f); if (o == null) return null; - o.data && l(o.data, "expectedType") && $.push(o.data.expectedType); + o.data && c(o.data, "expectedType") && k.push(o.data.expectedType); } - var ee = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : ""; - return new M("Invalid " + C + " `" + O + "` supplied to " + ("`" + E + "`" + ee + ".")); + var ee = k.length > 0 ? ", expected one of type [" + k.join(", ") + "]" : ""; + return new W("Invalid " + E + " `" + S + "` supplied to " + ("`" + x + "`" + ee + ".")); } - return U(x); + return V(C); } function _e() { - function n(u, R, x, b, A) { - return X(u[R]) ? null : new M("Invalid " + b + " `" + A + "` supplied to " + ("`" + x + "`, expected a ReactNode.")); + function n(u, j, C, b, P) { + return X(u[j]) ? null : new W("Invalid " + b + " `" + P + "` supplied to " + ("`" + C + "`, expected a ReactNode.")); } - return U(n); + return V(n); } - function le(n, u, R, x, b) { - return new M( - (n || "React class") + ": " + u + " type `" + R + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + b + "`." + function le(n, u, j, C, b) { + return new W( + (n || "React class") + ": " + u + " type `" + j + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + b + "`." ); } function ue(n) { - function u(R, x, b, A, E) { - var C = R[x], O = Q(C); - if (O !== "object") - return new M("Invalid " + A + " `" + E + "` of type `" + O + "` " + ("supplied to `" + b + "`, expected `object`.")); - for (var $ in n) { - var S = n[$]; - if (typeof S != "function") - return le(b, A, E, $, te(S)); - var H = S(C, $, b, A, E + "." + $, f); + function u(j, C, b, P, x) { + var E = j[C], S = Q(E); + if (S !== "object") + return new W("Invalid " + P + " `" + x + "` of type `" + S + "` " + ("supplied to `" + b + "`, expected `object`.")); + for (var k in n) { + var O = n[k]; + if (typeof O != "function") + return le(b, P, x, k, te(O)); + var H = O(E, k, b, P, x + "." + k, f); if (H) return H; } return null; } - return U(u); + return V(u); } function K(n) { - function u(R, x, b, A, E) { - var C = R[x], O = Q(C); - if (O !== "object") - return new M("Invalid " + A + " `" + E + "` of type `" + O + "` " + ("supplied to `" + b + "`, expected `object`.")); - var $ = d({}, R[x], n); - for (var S in $) { - var H = n[S]; - if (l(n, S) && typeof H != "function") - return le(b, A, E, S, te(H)); + function u(j, C, b, P, x) { + var E = j[C], S = Q(E); + if (S !== "object") + return new W("Invalid " + P + " `" + x + "` of type `" + S + "` " + ("supplied to `" + b + "`, expected `object`.")); + var k = d({}, j[C], n); + for (var O in k) { + var H = n[O]; + if (c(n, O) && typeof H != "function") + return le(b, P, x, O, te(H)); if (!H) - return new M( - "Invalid " + A + " `" + E + "` key `" + S + "` supplied to `" + b + "`.\nBad object: " + JSON.stringify(R[x], null, " ") + ` + return new W( + "Invalid " + P + " `" + x + "` key `" + O + "` supplied to `" + b + "`.\nBad object: " + JSON.stringify(j[C], null, " ") + ` Valid keys: ` + JSON.stringify(Object.keys(n), null, " ") ); - var o = H(C, S, b, A, E + "." + S, f); + var o = H(E, O, b, P, x + "." + O, f); if (o) return o; } return null; } - return U(u); + return V(u); } function X(n) { switch (typeof n) { @@ -1181,14 +1182,14 @@ Valid keys: ` + JSON.stringify(Object.keys(n), null, " ") return !0; var u = T(n); if (u) { - var R = u.call(n), x; + var j = u.call(n), C; if (u !== n.entries) { - for (; !(x = R.next()).done; ) - if (!X(x.value)) + for (; !(C = j.next()).done; ) + if (!X(C.value)) return !1; } else - for (; !(x = R.next()).done; ) { - var b = x.value; + for (; !(C = j.next()).done; ) { + var b = C.value; if (b && !X(b[1])) return !1; } @@ -1233,48 +1234,48 @@ Valid keys: ` + JSON.stringify(Object.keys(n), null, " ") } } function fe(n) { - return !n.constructor || !n.constructor.name ? w : n.constructor.name; + return !n.constructor || !n.constructor.name ? $ : n.constructor.name; } - return W.checkPropTypes = v, W.resetWarningCache = v.resetWarningCache, W.PropTypes = W, W; + return q.checkPropTypes = v, q.resetWarningCache = v.resetWarningCache, q.PropTypes = q, q; }, Ye; } -var Be, Cr; -function kt() { - if (Cr) return Be; - Cr = 1; - var r = Ke(); +var Be, Rr; +function It() { + if (Rr) return Be; + Rr = 1; + var r = Xe(); function d() { } function f() { } return f.resetWarningCache = d, Be = function() { - function l(g, y, m, j, h, T) { + function c(g, y, h, R, m, T) { if (T !== r) { - var w = new Error( + var $ = 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 w.name = "Invariant Violation", w; + throw $.name = "Invariant Violation", $; } } - l.isRequired = l; + c.isRequired = c; function v() { - return l; + return c; } var p = { - array: l, - bigint: l, - bool: l, - func: l, - number: l, - object: l, - string: l, - symbol: l, - any: l, + array: c, + bigint: c, + bool: c, + func: c, + number: c, + object: c, + string: c, + symbol: c, + any: c, arrayOf: v, - element: l, - elementType: l, + element: c, + elementType: c, instanceOf: v, - node: l, + node: c, objectOf: v, oneOf: v, oneOfType: v, @@ -1287,22 +1288,22 @@ function kt() { }, Be; } if (process.env.NODE_ENV !== "production") { - var $t = wr(), It = !0; - He.exports = At()($t.isElement, It); + var Nt = Ar(), Dt = !0; + Je.exports = $t()(Nt.isElement, Dt); } else - He.exports = kt()(); -var Nt = He.exports; -const s = /* @__PURE__ */ xt(Nt), Dt = "_iconButton_1963e_1", Lt = { - iconButton: Dt -}, Mt = { - trash: Qr, - filter: et, - info: rt, - fill: tt, - ellipsis: nt, - chevronRight: Or, - chevronLeft: at -}, Pe = ({ onClick: r, iconName: d }) => /* @__PURE__ */ a.jsx("div", { className: Lt.iconButton, children: /* @__PURE__ */ a.jsx("button", { "aria-label": d, type: "button", onClick: r, children: /* @__PURE__ */ a.jsx(we, { icon: Mt[d] }) }) }); + Je.exports = It()(); +var Mt = Je.exports; +const s = /* @__PURE__ */ jt(Mt), Lt = "_iconButton_1963e_1", Wt = { + iconButton: Lt +}, qt = { + trash: rt, + filter: tt, + info: nt, + fill: at, + ellipsis: ot, + chevronRight: wr, + chevronLeft: it +}, Pe = ({ onClick: r, iconName: d }) => /* @__PURE__ */ a.jsx("div", { className: Wt.iconButton, children: /* @__PURE__ */ a.jsx("button", { "aria-label": d, type: "button", onClick: r, children: /* @__PURE__ */ a.jsx(we, { icon: qt[d] }) }) }); Pe.propTypes = { iconName: s.oneOf([ "trash", @@ -1318,20 +1319,20 @@ Pe.propTypes = { Pe.defaultProps = { iconName: "ellipsis" }; -const Wt = "_layerButtonReel_1o59k_1", qt = { - layerButtonReel: Wt -}, Xe = ({ buttons: r }) => /* @__PURE__ */ a.jsx("div", { className: qt.layerButtonReel, children: r && Object.keys(r).map((d) => /* @__PURE__ */ a.jsx(Pe, { iconName: d, onClick: r[d] })) }); -Xe.propTypes = { +const Ft = "_layerButtonReel_1o59k_1", Yt = { + layerButtonReel: Ft +}, Ze = ({ buttons: r }) => /* @__PURE__ */ a.jsx("div", { className: Yt.layerButtonReel, children: r && Object.keys(r).map((d) => /* @__PURE__ */ a.jsx(Pe, { iconName: d, onClick: r[d] })) }); +Ze.propTypes = { buttons: s.objectOf(s.func) }; -Xe.defaultProps = { +Ze.defaultProps = { buttons: null }; -const Ft = "_layerToggle_gvlf4_7", Yt = "_slider_gvlf4_29", Ge = { - layerToggle: Ft, +const Bt = "_layerToggle_gvlf4_7", Gt = "_slider_gvlf4_29", Ge = { + layerToggle: Bt, switch: "_switch_gvlf4_12", - slider: Yt -}, Ze = ({ layerName: r, isActive: d, onChange: f }) => /* @__PURE__ */ a.jsx("div", { className: Ge.layerToggle, children: /* @__PURE__ */ a.jsxs("div", { className: Ge.switch, children: [ + slider: Gt +}, Qe = ({ layerName: r, isActive: d, onChange: f }) => /* @__PURE__ */ a.jsx("div", { className: Ge.layerToggle, children: /* @__PURE__ */ a.jsxs("div", { className: Ge.switch, children: [ /* @__PURE__ */ a.jsx( "input", { @@ -1343,33 +1344,33 @@ const Ft = "_layerToggle_gvlf4_7", Yt = "_slider_gvlf4_29", Ge = { ), /* @__PURE__ */ a.jsx("span", { className: Ge.slider }) ] }) }); -Ze.propTypes = { +Qe.propTypes = { layerName: s.string, isActive: s.bool, onChange: s.func.isRequired }; -Ze.defaultProps = { +Qe.defaultProps = { layerName: "Example Layer", isActive: !1 }; -const Bt = "_layerCard_mism4_1", Gt = "_layerCardWrapper_mism4_11", Vt = "_layerCardTextWrapper_mism4_20", Ut = "_layerCardTitle_mism4_28", zt = "_layerCardDescription_mism4_32", Ht = "_layerCardControls_mism4_37", Jt = "_layerCardToggle_mism4_42", Kt = "_layerCardChildren_mism4_47", ye = { - layerCard: Bt, - layerCardWrapper: Gt, - layerCardTextWrapper: Vt, - layerCardTitle: Ut, - layerCardDescription: zt, - layerCardControls: Ht, - layerCardToggle: Jt, - layerCardChildren: Kt -}, Xt = ({ layerName: r, isActive: d, onChange: f, buttons: l, description: v, children: p }) => /* @__PURE__ */ a.jsxs("div", { className: ye.layerCard, children: [ +const Vt = "_layerCard_mism4_1", Ut = "_layerCardWrapper_mism4_11", zt = "_layerCardTextWrapper_mism4_20", Ht = "_layerCardTitle_mism4_28", Jt = "_layerCardDescription_mism4_32", Kt = "_layerCardControls_mism4_37", Xt = "_layerCardToggle_mism4_42", Zt = "_layerCardChildren_mism4_47", ye = { + layerCard: Vt, + layerCardWrapper: Ut, + layerCardTextWrapper: zt, + layerCardTitle: Ht, + layerCardDescription: Jt, + layerCardControls: Kt, + layerCardToggle: Xt, + layerCardChildren: Zt +}, Qt = ({ layerName: r, isActive: d, onChange: f, buttons: c, description: v, children: p }) => /* @__PURE__ */ a.jsxs("div", { className: ye.layerCard, children: [ /* @__PURE__ */ a.jsxs("div", { className: ye.layerCardWrapper, children: [ /* @__PURE__ */ a.jsxs("div", { className: ye.layerCardTextWrapper, children: [ /* @__PURE__ */ a.jsx("span", { className: ye.layerCardTitle, children: r }), /* @__PURE__ */ a.jsx("span", { className: ye.layerCardDescription, children: v }) ] }), - /* @__PURE__ */ a.jsx(Xe, { buttons: l }), + /* @__PURE__ */ a.jsx(Ze, { buttons: c }), f && /* @__PURE__ */ a.jsx( - Ze, + Qe, { layerName: r, isActive: d, @@ -1379,7 +1380,7 @@ const Bt = "_layerCard_mism4_1", Gt = "_layerCardWrapper_mism4_11", Vt = "_layer ] }), /* @__PURE__ */ a.jsx("div", { className: ye.layerCardChildren, children: p }) ] }); -Xt.propTypes = { +Qt.propTypes = { layerName: s.string.isRequired, isActive: s.bool, onChange: s.func.isRequired, @@ -1390,167 +1391,178 @@ Xt.propTypes = { s.node ]) }; -const Zt = "_swatchContainer_771fp_2", Qt = "_swatch_771fp_2", en = "_swatchLabel_771fp_18", rn = "_swatchValue_771fp_24", Oe = { - swatchContainer: Zt, - swatch: Qt, - swatchLabel: en, - swatchValue: rn -}, tn = ({ color: r, label: d = "", value: f, units: l = "" }) => /* @__PURE__ */ a.jsxs("div", { className: Oe.swatchContainer, children: [ +const en = "_swatchContainer_771fp_2", rn = "_swatch_771fp_2", tn = "_swatchLabel_771fp_18", nn = "_swatchValue_771fp_24", Se = { + swatchContainer: en, + swatch: rn, + swatchLabel: tn, + swatchValue: nn +}, an = ({ color: r, label: d = "", value: f, units: c = "" }) => /* @__PURE__ */ a.jsxs("div", { className: Se.swatchContainer, children: [ /* @__PURE__ */ a.jsx( "div", { "data-testid": "swatch", - className: Oe.swatch, + className: Se.swatch, style: { backgroundColor: r } } ), - /* @__PURE__ */ a.jsx("div", { "data-testid": "swatch-label", className: Oe.swatchLabel, children: d }), - /* @__PURE__ */ a.jsx("div", { "data-testid": "swatch-value", className: Oe.swatchValue, children: f !== void 0 && `${f}${l}` }) -] }), nn = "_swatchLegend_qiaru_1", an = { - swatchLegend: nn -}, on = ({ swatches: r }) => /* @__PURE__ */ a.jsx("div", { className: an.swatchLegend, children: r && r.map((d) => { - const { color: f, label: l, value: v, units: p } = d; + /* @__PURE__ */ a.jsx("div", { "data-testid": "swatch-label", className: Se.swatchLabel, children: d }), + /* @__PURE__ */ a.jsx("div", { "data-testid": "swatch-value", className: Se.swatchValue, children: f !== void 0 && `${f}${c}` }) +] }), on = "_swatchLegend_qiaru_1", sn = { + swatchLegend: on +}, cn = ({ swatches: r }) => /* @__PURE__ */ a.jsx("div", { className: sn.swatchLegend, children: r && r.map((d) => { + const { color: f, label: c, value: v, units: p } = d; return /* @__PURE__ */ a.jsx( - tn, + an, { - label: l, + label: c, color: f, value: v, units: p }, - l + c ); }) }); -on.propTypes = { +cn.propTypes = { swatches: s.arrayOf(s.objectOf(s.string)).isRequired }; -const sn = "_slider_1bnet_1", cn = "_sliderLabel_1bnet_16", ln = "_sliderThumb_1bnet_20", un = "_sliderTrack_1bnet_41", fn = "_comparisonControl_1bnet_66", Ce = { - slider: sn, - sliderLabel: cn, - sliderThumb: ln, - sliderTrack: un, - comparisonControl: fn -}, Bn = ({ +const ln = "_slider_1bnet_1", un = "_sliderLabel_1bnet_16", fn = "_sliderThumb_1bnet_20", dn = "_sliderTrack_1bnet_41", pn = "_comparisonControl_1bnet_66", Ee = { + slider: ln, + sliderLabel: un, + sliderThumb: fn, + sliderTrack: dn, + comparisonControl: pn +}, Un = ({ label: r, showLabel: d = !0, onChange: f, - value: l = 50, + value: c = 50, ...v -}) => /* @__PURE__ */ a.jsx("div", { className: Ce.comparisonControl, children: /* @__PURE__ */ a.jsxs(ct, { maxValue: 94, minValue: 6, step: 0.1, className: Ce.slider, "aria-label": !d && typeof r == "string" ? r : void 0, onChange: f, value: l, ...v, children: [ - d && /* @__PURE__ */ a.jsx(Sr, { className: Ce.sliderLabel, children: r }), - /* @__PURE__ */ a.jsx(lt, { className: Ce.sliderTrack, children: /* @__PURE__ */ a.jsx(ut, { className: Ce.sliderThumb, children: /* @__PURE__ */ a.jsx(we, { color: "white", icon: ot }) }) }) -] }) }), dn = "_datePicker_15zo5_1 react-aria-DatePicker", pn = "_dateInput_15zo5_12 react-aria-DateInput", vn = "_hoverDatepicker_15zo5_16", Ve = { - datePicker: dn, - dateInput: pn, - hoverDatepicker: vn -}, Gn = ({ +}) => /* @__PURE__ */ a.jsx("div", { className: Ee.comparisonControl, children: /* @__PURE__ */ a.jsxs(ut, { maxValue: 94, minValue: 6, step: 0.1, className: Ee.slider, "aria-label": !d && typeof r == "string" ? r : void 0, onChange: f, value: c, ...v, children: [ + d && /* @__PURE__ */ a.jsx(Pr, { className: Ee.sliderLabel, children: r }), + /* @__PURE__ */ a.jsx(ft, { className: Ee.sliderTrack, children: /* @__PURE__ */ a.jsx(dt, { className: Ee.sliderThumb, children: /* @__PURE__ */ a.jsx(we, { color: "white", icon: st }) }) }) +] }) }), vn = "_datePicker_72xgm_1", yn = "_dateInput_72xgm_11", hn = "_hoverDatepicker_72xgm_19", Ve = { + datePicker: vn, + dateInput: yn, + hoverDatepicker: hn +}, Ue = (r) => new Rt(r.getFullYear(), r.getMonth() + 1, r.getDate()), zn = ({ label: r, helperText: d, errorMessage: f, - value: l, + value: c, onChange: v, "aria-label": p, "aria-labelledby": g, - ...y + className: y, + maxValue: h, + minValue: R, + ...m }) => { - const [m, j] = Je(!1), { hoverProps: h, isHovered: T } = Ct({}); + const [T, $] = Ke(!1), { hoverProps: q, isHovered: z } = Ct({}), W = c ? Ue(c) : null, V = h ? Ue(h) : null, B = R ? Ue(R) : null, F = (M) => { + if (M) { + const Y = new Date(M.toString()); + v(Y); + } else + v(null); + }; return /* @__PURE__ */ a.jsxs( - ft, + pt, { - className: Ve.datePicker, - value: l, - onChange: v, + className: `${Ve.datePicker} ${y || ""}`.trim(), + value: W, + onChange: F, "aria-label": p, "aria-labelledby": g, - ...y, + maxValue: V, + minValue: B, + ...m, children: [ - r && /* @__PURE__ */ a.jsx(Sr, { children: r }), - /* @__PURE__ */ a.jsxs(dt, { children: [ + r && /* @__PURE__ */ a.jsx(Pr, { children: r }), + /* @__PURE__ */ a.jsxs(vt, { children: [ /* @__PURE__ */ a.jsx( - pt, + yt, { - className: `${Ve.dateInput} ${T || m ? Ve.hoverDatepicker : ""}`, - ...h, - children: (w) => /* @__PURE__ */ a.jsx(vt, { segment: w }) + className: `${z || T ? Ve.hoverDatepicker : ""} ${Ve.dateInput}`.trim(), + ...q, + children: (M) => /* @__PURE__ */ a.jsx(ht, { segment: M }) } ), /* @__PURE__ */ a.jsx( - Le, + Me, { "aria-label": "Open calendar", - onHoverChange: (w) => j(w), - children: /* @__PURE__ */ a.jsx(we, { icon: it }) + onHoverChange: (M) => $(M), + children: /* @__PURE__ */ a.jsx(we, { icon: ct }) } ) ] }), - d && /* @__PURE__ */ a.jsx(yt, { slot: "description", children: d }), - /* @__PURE__ */ a.jsx(ht, { children: f }), - /* @__PURE__ */ a.jsx(mt, { children: /* @__PURE__ */ a.jsx(_t, { children: /* @__PURE__ */ a.jsxs(bt, { children: [ + d && /* @__PURE__ */ a.jsx(mt, { slot: "description", children: d }), + f ? /* @__PURE__ */ a.jsx(vr, { children: f }) : /* @__PURE__ */ a.jsx(vr, {}), + /* @__PURE__ */ a.jsx(_t, { children: /* @__PURE__ */ a.jsx(bt, { children: /* @__PURE__ */ a.jsxs(gt, { children: [ /* @__PURE__ */ a.jsxs("header", { children: [ - /* @__PURE__ */ a.jsx(Le, { slot: "previous", children: "◀" }), - /* @__PURE__ */ a.jsx(gt, {}), - /* @__PURE__ */ a.jsx(Le, { slot: "next", children: "▶" }) + /* @__PURE__ */ a.jsx(Me, { slot: "previous", children: "◀" }), + /* @__PURE__ */ a.jsx(Tt, {}), + /* @__PURE__ */ a.jsx(Me, { slot: "next", children: "▶" }) ] }), - /* @__PURE__ */ a.jsx(Tt, { children: (w) => /* @__PURE__ */ a.jsx(Et, { date: w }) }) + /* @__PURE__ */ a.jsx(xt, { children: (M) => /* @__PURE__ */ a.jsx(Et, { date: M }) }) ] }) }) }) ] } ); -}, yn = "_gradient_1w8qh_1", hn = "_gradientNumbers_1w8qh_6", mn = "_gradientLegend_1w8qh_11", Se = { - gradient: yn, - gradientNumbers: hn, - gradientLegend: mn -}, _n = ({ +}, mn = "_gradient_1w8qh_1", _n = "_gradientNumbers_1w8qh_6", bn = "_gradientLegend_1w8qh_11", Oe = { + gradient: mn, + gradientNumbers: _n, + gradientLegend: bn +}, gn = ({ title: r, startColor: d = "red", endColor: f = "yellow", - startNo: l, + startNo: c, endNo: v, titleBelow: p = !1, bins: g = 0, precision: y = 2, - units: m + units: h }) => { - const j = g > 0 ? Array(g - 1).fill(0).map((h, T) => { - const w = (l + (v - l) / g * (T + 1)).toPrecision(y); - return /* @__PURE__ */ a.jsx("span", { children: w }, w); + const R = g > 0 ? Array(g - 1).fill(0).map((m, T) => { + const $ = (c + (v - c) / g * (T + 1)).toPrecision(y); + return /* @__PURE__ */ a.jsx("span", { children: $ }, $); }) : []; return /* @__PURE__ */ a.jsxs("div", { className: "gradient-box", children: [ !p && /* @__PURE__ */ a.jsxs("div", { className: "ui-title", children: [ " ", r ] }), - /* @__PURE__ */ a.jsxs("div", { className: Se.gradientLegend, children: [ + /* @__PURE__ */ a.jsxs("div", { className: Oe.gradientLegend, children: [ /* @__PURE__ */ a.jsx( "div", { - className: Se.gradient, + className: Oe.gradient, style: { background: `linear-gradient(to right, ${d} , ${f})` } } ), - /* @__PURE__ */ a.jsxs("div", { className: Se.gradientNumbers, children: [ + /* @__PURE__ */ a.jsxs("div", { className: Oe.gradientNumbers, children: [ /* @__PURE__ */ a.jsxs("span", { children: [ - l, + c, " ", - m + h ] }), - j, + R, /* @__PURE__ */ a.jsxs("span", { children: [ v, " ", - m + h ] }) ] }), - p && /* @__PURE__ */ a.jsxs("div", { className: Se.uiTitle, children: [ + p && /* @__PURE__ */ a.jsxs("div", { className: Oe.uiTitle, children: [ " ", r ] }) ] }) ] }); }; -_n.propTypes = { +gn.propTypes = { title: s.string, startColor: s.string, endColor: s.string, @@ -1561,37 +1573,37 @@ _n.propTypes = { precision: s.number, units: s.string }; -const bn = "_simpleSlider_qj292_1", gn = "_simpleSliderInput_qj292_7", Tn = "_simpleSliderMinMaxContainer_qj292_11", Ue = { - simpleSlider: bn, - simpleSliderInput: gn, - simpleSliderMinMaxContainer: Tn -}, Qe = ({ +const Tn = "_simpleSlider_qj292_1", xn = "_simpleSliderInput_qj292_7", En = "_simpleSliderMinMaxContainer_qj292_11", ze = { + simpleSlider: Tn, + simpleSliderInput: xn, + simpleSliderMinMaxContainer: En +}, er = ({ units: r, label: d, onChange: f, - min: l, + min: c, max: v, step: p, value: g -}) => /* @__PURE__ */ a.jsxs("div", { className: Ue.simpleSlider, children: [ +}) => /* @__PURE__ */ a.jsxs("div", { className: ze.simpleSlider, children: [ /* @__PURE__ */ a.jsxs("div", { children: [ d && /* @__PURE__ */ a.jsx("div", { className: "ui-label", children: d }), /* @__PURE__ */ a.jsx( "input", { onChange: f, - className: Ue.simpleSliderInput, + className: ze.simpleSliderInput, type: "range", value: g, - min: l, + min: c, max: v, step: p } ) ] }), - /* @__PURE__ */ a.jsxs("div", { className: Ue.simpleSliderMinMaxContainer, children: [ + /* @__PURE__ */ a.jsxs("div", { className: ze.simpleSliderMinMaxContainer, children: [ /* @__PURE__ */ a.jsxs("div", { className: "ui-label", children: [ - l, + c, r ] }), /* @__PURE__ */ a.jsxs("div", { className: "ui-label", children: [ @@ -1600,7 +1612,7 @@ const bn = "_simpleSlider_qj292_1", gn = "_simpleSliderInput_qj292_7", Tn = "_si ] }) ] }) ] }); -Qe.propTypes = { +er.propTypes = { onChange: s.func.isRequired, min: s.number.isRequired, max: s.number.isRequired, @@ -1609,44 +1621,44 @@ Qe.propTypes = { label: s.string, units: s.string }; -Qe.defaultProps = { +er.defaultProps = { value: 0, units: "", label: "" }; -const En = "_layerGroupButton_1twxx_1", Cn = "_layerGroupChevron_1twxx_12", xn = "_layerGroupName_1twxx_25", Rn = "_layerGroupWrapper_1twxx_32", jn = "_layerGroupChildren_1twxx_32", xe = { - layerGroupButton: En, - layerGroupChevron: Cn, - layerGroupName: xn, - layerGroupWrapper: Rn, - layerGroupChildren: jn -}, On = ({ groupName: r, children: d }) => { - const [f, l] = Je(!1), v = () => { - l(!f); +const Cn = "_layerGroupButton_1twxx_1", Rn = "_layerGroupChevron_1twxx_12", jn = "_layerGroupName_1twxx_25", Sn = "_layerGroupWrapper_1twxx_32", On = "_layerGroupChildren_1twxx_32", Ce = { + layerGroupButton: Cn, + layerGroupChevron: Rn, + layerGroupName: jn, + layerGroupWrapper: Sn, + layerGroupChildren: On +}, wn = ({ groupName: r, children: d }) => { + const [f, c] = Ke(!1), v = () => { + c(!f); }; - return /* @__PURE__ */ a.jsxs("div", { className: xe.layerGroupWrapper, children: [ - /* @__PURE__ */ a.jsxs("button", { type: "button", className: xe.layerGroupButton, onClick: v, children: [ - /* @__PURE__ */ a.jsx("div", { className: xe.layerGroupChevron, children: /* @__PURE__ */ a.jsx(we, { size: "md", fixedWidth: !0, icon: f ? st : Or }) }), - /* @__PURE__ */ a.jsx("span", { className: xe.layerGroupName, children: r }) + return /* @__PURE__ */ a.jsxs("div", { className: Ce.layerGroupWrapper, children: [ + /* @__PURE__ */ a.jsxs("button", { type: "button", className: Ce.layerGroupButton, onClick: v, children: [ + /* @__PURE__ */ a.jsx("div", { className: Ce.layerGroupChevron, children: /* @__PURE__ */ a.jsx(we, { size: "md", fixedWidth: !0, icon: f ? lt : wr }) }), + /* @__PURE__ */ a.jsx("span", { className: Ce.layerGroupName, children: r }) ] }), - f && /* @__PURE__ */ a.jsx("div", { className: xe.layerGroupChildren, children: d }) + f && /* @__PURE__ */ a.jsx("div", { className: Ce.layerGroupChildren, children: d }) ] }); }; -On.propTypes = { +wn.propTypes = { groupName: s.string, children: s.oneOfType([ s.arrayOf(s.node), s.node ]).isRequired }; -const Sn = "_mapWrapper_1gyf5_1", wn = "_mapContainer_1gyf5_10", xr = { - mapWrapper: Sn, - mapContainer: wn -}, Pn = ({ mapContainer: r, id: d, children: f }) => /* @__PURE__ */ a.jsxs("div", { className: xr.mapWrapper, children: [ - /* @__PURE__ */ a.jsx("div", { className: xr.mapContainer, id: d, ref: r }), +const Pn = "_mapWrapper_1gyf5_1", An = "_mapContainer_1gyf5_10", jr = { + mapWrapper: Pn, + mapContainer: An +}, kn = ({ mapContainer: r, id: d, children: f }) => /* @__PURE__ */ a.jsxs("div", { className: jr.mapWrapper, children: [ + /* @__PURE__ */ a.jsx("div", { className: jr.mapContainer, id: d, ref: r }), f ] }); -Pn.propTypes = { +kn.propTypes = { mapContainer: s.oneOfType([ s.func, s.shape({ current: s.instanceOf(Element) }) @@ -1654,16 +1666,16 @@ Pn.propTypes = { children: s.node, id: s.string }; -const An = ({ children: r }) => /* @__PURE__ */ a.jsx("div", { className: "nav-container", children: r }); -An.propTypes = { +const $n = ({ children: r }) => /* @__PURE__ */ a.jsx("div", { className: "nav-container", children: r }); +$n.propTypes = { children: s.oneOfType([ s.arrayOf(s.node), s.node ]).isRequired }; -const kn = ({ showToggle: r, children: d }) => { - const [f, l] = Je(!1), v = `sidebar ${f ? "closed" : ""}`, p = () => { - l(!f); +const In = ({ showToggle: r, children: d }) => { + const [f, c] = Ke(!1), v = `sidebar ${f ? "closed" : ""}`, p = () => { + c(!f); }; return /* @__PURE__ */ a.jsxs("div", { className: "sidebarContainer", children: [ /* @__PURE__ */ a.jsx("div", { className: v, children: d }), @@ -1676,74 +1688,74 @@ const kn = ({ showToggle: r, children: d }) => { ) }) ] }); }; -kn.propTypes = { +In.propTypes = { showToggle: s.bool, children: s.oneOfType([ s.arrayOf(s.node), s.node ]).isRequired }; -const $n = ({ children: r }) => /* @__PURE__ */ a.jsx("div", { className: "layout-stacked", children: r }); -$n.propTypes = { +const Nn = ({ children: r }) => /* @__PURE__ */ a.jsx("div", { className: "layout-stacked", children: r }); +Nn.propTypes = { children: s.oneOfType([ s.arrayOf(s.node), s.node ]).isRequired }; -const In = ({ align: r = "left", children: d }) => /* @__PURE__ */ a.jsx("div", { className: `layout-standard ${r}`, children: d }); -In.propTypes = { +const Dn = ({ align: r = "left", children: d }) => /* @__PURE__ */ a.jsx("div", { className: `layout-standard ${r}`, children: d }); +Dn.propTypes = { align: s.oneOf(["left", "right"]), children: s.oneOfType([ s.arrayOf(s.node), s.node ]).isRequired }; -const Nn = "_sliderControlWrapper_2tznx_1", Dn = "_sliderLabel_2tznx_9", Rr = { - sliderControlWrapper: Nn, - sliderLabel: Dn -}, Ln = ({ title: r, units: d, sliderConfig: f }) => /* @__PURE__ */ a.jsxs("div", { className: Rr.sliderControlWrapper, children: [ +const Mn = "_sliderControlWrapper_2tznx_1", Ln = "_sliderLabel_2tznx_9", Sr = { + sliderControlWrapper: Mn, + sliderLabel: Ln +}, Wn = ({ title: r, units: d, sliderConfig: f }) => /* @__PURE__ */ a.jsxs("div", { className: Sr.sliderControlWrapper, children: [ /* @__PURE__ */ a.jsx("div", { className: "ui-label", children: r }), /* @__PURE__ */ a.jsx("div", {}), - f && f.map((l) => { - const { label: v } = l; - return /* @__PURE__ */ a.jsx("div", { className: Rr.sliderLabel, children: v }); + f && f.map((c) => { + const { label: v } = c; + return /* @__PURE__ */ a.jsx("div", { className: Sr.sliderLabel, children: v }); }), - f && f.map((l) => { - const { onChange: v, min: p, max: g, step: y, value: m } = l; + f && f.map((c) => { + const { onChange: v, min: p, max: g, step: y, value: h } = c; return /* @__PURE__ */ a.jsx( - Qe, + er, { onChange: v, units: d, min: p, max: g, step: y, - value: m + value: h } ); }) ] }); -Ln.propTypes = { +Wn.propTypes = { title: s.string.isRequired, units: s.string.isRequired, sliderConfig: s.arrayOf(s.objectOf(s.string)).isRequired }; export { - Bn as ComparisonControl, - Gn as DatePicker, - _n as GradientLegend, + Un as ComparisonControl, + zn as DatePicker, + gn as GradientLegend, Pe as IconButton, - Xe as LayerButtonReel, - Xt as LayerCard, - On as LayerGroup, - Ze as LayerToggle, - Pn as MapContainer, - An as NavContainer, - kn as SidebarContainer, - Qe as SimpleSlider, - Ln as SliderControl, - $n as Stacked, - In as Standard, - tn as Swatch, - on as SwatchLegend + Ze as LayerButtonReel, + Qt as LayerCard, + wn as LayerGroup, + Qe as LayerToggle, + kn as MapContainer, + $n as NavContainer, + In as SidebarContainer, + er as SimpleSlider, + Wn as SliderControl, + Nn as Stacked, + Dn as Standard, + an as Swatch, + cn as SwatchLegend }; diff --git a/dist/spk-library.umd.js b/dist/spk-library.umd.js index ad80eca..2b59898 100644 --- a/dist/spk-library.umd.js +++ b/dist/spk-library.umd.js @@ -1,5 +1,5 @@ -(function(N,ie){typeof exports=="object"&&typeof module<"u"?ie(exports,require("react"),require("@fortawesome/react-fontawesome"),require("@fortawesome/free-solid-svg-icons"),require("react-aria-components"),require("react-aria")):typeof define=="function"&&define.amd?define(["exports","react","@fortawesome/react-fontawesome","@fortawesome/free-solid-svg-icons","react-aria-components","react-aria"],ie):(N=typeof globalThis<"u"?globalThis:N||self,ie(N.SpkLibrary={},N.React,N.FontAwesome,N.FreeSolidSvgIcons,N.reactAriaComponents,N.reactAria))})(this,function(N,ie,Pe,ne,q,Br){"use strict";var ar=document.createElement("style");ar.textContent=`._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: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._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_15zo5_1{display:flex;flex-direction:column}._hoverDatepicker_15zo5_16{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%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-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}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;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;--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}: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)} -/*$vite$:1*/`,document.head.appendChild(ar);function qr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var $e={exports:{}},xe={};/** +(function(N,ie){typeof exports=="object"&&typeof module<"u"?ie(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"],ie):(N=typeof globalThis<"u"?globalThis:N||self,ie(N.SpkLibrary={},N.React,N.FontAwesome,N.FreeSolidSvgIcons,N.reactAriaComponents,N.reactAria,N.date))})(this,function(N,ie,Pe,ne,Y,qr,Yr){"use strict";var tr=document.createElement("style");tr.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: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f8f8;--foreground-color: #ffffff;--text-color-primary: #3b3b50;--text-color-secondary: #ededed;--border-color: #dddddd}: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: 1.5rem;--padding: calc(var(--width) / 10);--height: calc(var(--width) / 2)}._layerToggle_gvlf4_7{align-items:center;padding:0 8px}._switch_gvlf4_12{cursor:pointer;background:#dbdbdb;padding:var(--padding);width:var(--width);height:var(--height);border-radius:calc(var(--height) - var(--padding))}._switch_gvlf4_12 input{position:absolute;opacity:0;width:var(--width);height:var(--height);margin:0}._slider_gvlf4_29{height:100%;display:grid;grid-template-columns:0fr 1fr 1fr;transition:.2s}._slider_gvlf4_29:after{content:"";border-radius:50%;background:#fff;grid-column:2;transition:background .2s}input:checked+._slider_gvlf4_29{grid-template-columns:1fr 1fr 0fr}input:checked+._slider_gvlf4_29:after{background-color:var(--tertiary-color)}._layerCard_mism4_1{color:var(--text-color-primary);display:flex;flex-direction:column;align-items:start;border-bottom:1px solid var(--border-color);background-color:var(--secondary-color);position:relative}._layerCardWrapper_mism4_11{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-areas:"text controls toggle";padding:var(--spacing-medium) 0}._layerCardTextWrapper_mism4_20{display:flex;flex-direction:column;grid-area:text;justify-self:stretch;padding:var(--spacing-medium)}._layerCardTitle_mism4_28{padding-bottom:var(--spacing-small)}._layerCardDescription_mism4_32{font-size:var(--font-size-small);filter:brightness(80%)}._layerCardControls_mism4_37{grid-area:controls;justify-self:end}._layerCardToggle_mism4_42{grid-area:toggle;justify-self:end}._layerCardChildren_mism4_47{display:flex;flex-direction:column;align-items:start;width:100%;background-color:var(--background-color);color:var(--text-color-secondary)}._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_72xgm_1.react-aria-DatePicker{display:flex;flex-direction:column}._dateInput_72xgm_11.react-aria-DateInput{border-radius:var(--border-radius-input)}._hoverDatepicker_72xgm_19{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%}._simpleSlider_qj292_1{grid-column-start:2;padding:4px;align-items:center}._simpleSliderInput_qj292_7{width:100%}._simpleSliderMinMaxContainer_qj292_11{display:flex;justify-content:space-between}._layerGroupButton_1twxx_1{border-radius:0;box-sizing:border-box;background-color:var(--primary-color);color:var(--text-color-primary);display:flex;width:100%;justify-content:start;align-items:center}._layerGroupChevron_1twxx_12{padding:8px}._layerGroupButton_1twxx_1:hover{border-color:var(--accent-color)}._layerGroupButton_1twxx_1:focus,._layerGroupButton_1twxx_1:focus-visible{outline:none;border-color:var(--accent-color)}._layerGroupName_1twxx_25{padding:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}:nth-last-child(1 of._layerGroupWrapper_1twxx_32) ._layerGroupChildren_1twxx_32{border-bottom:8px solid var(--primary-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}.sidebarContainer{grid-area:sidebar;width:100%;height:100%}.sidebar{height:100%;min-width:200px;background-color:var(--secondary-color);overflow-y:auto;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(tr);function Gr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var $e={exports:{}},xe={};/** * @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 tr;function Yr(){if(tr)return xe;tr=1;var r=ie,f=Symbol.for("react.element"),u=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,v=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function x(g,y,E){var h,_={},S=null,W=null;E!==void 0&&(S=""+E),y.key!==void 0&&(S=""+y.key),y.ref!==void 0&&(W=y.ref);for(h in y)c.call(y,h)&&!p.hasOwnProperty(h)&&(_[h]=y[h]);if(g&&g.defaultProps)for(h in y=g.defaultProps,y)_[h]===void 0&&(_[h]=y[h]);return{$$typeof:f,type:g,key:S,ref:W,props:_,_owner:v.current}}return xe.Fragment=u,xe.jsx=x,xe.jsxs=x,xe}var _e={};/** + */var nr;function Vr(){if(nr)return xe;nr=1;var r=ie,f=Symbol.for("react.element"),u=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,v=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function x(g,h,k){var y,_={},A=null,B=null;k!==void 0&&(A=""+k),h.key!==void 0&&(A=""+h.key),h.ref!==void 0&&(B=h.ref);for(y in h)s.call(h,y)&&!p.hasOwnProperty(y)&&(_[y]=h[y]);if(g&&g.defaultProps)for(y in h=g.defaultProps,h)_[y]===void 0&&(_[y]=h[y]);return{$$typeof:f,type:g,key:A,ref:B,props:_,_owner:v.current}}return xe.Fragment=u,xe.jsx=x,xe.jsxs=x,xe}var _e={};/** * @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 nr;function Gr(){return nr||(nr=1,process.env.NODE_ENV!=="production"&&function(){var r=ie,f=Symbol.for("react.element"),u=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),x=Symbol.for("react.provider"),g=Symbol.for("react.context"),y=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),W=Symbol.for("react.offscreen"),J=Symbol.iterator,M="@@iterator";function H(e){if(e===null||typeof e!="object")return null;var a=J&&e[J]||e[M];return typeof a=="function"?a:null}var V=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function z(e){{for(var a=arguments.length,i=new Array(a>1?a-1:0),b=1;b1?a-1:0),b=1;b=1&&G>=0&&P[B]!==X[G];)G--;for(;B>=1&&G>=0;B--,G--)if(P[B]!==X[G]){if(B!==1||G!==1)do if(B--,G--,G<0||P[B]!==X[G]){var te=` -`+P[B].replace(" at new "," at ");return e.displayName&&te.includes("")&&(te=te.replace("",e.displayName)),typeof e=="function"&&j.set(e,te),te}while(B>=1&&G>=0);break}}}finally{A=!1,w.current=$,O(),Error.prepareStackTrace=L}var me=e?e.displayName||e.name:"",ue=me?R(me):"";return typeof e=="function"&&j.set(e,ue),ue}function ae(e,a,i){return o(e,!1)}function ye(e){var a=e.prototype;return!!(a&&a.isReactComponent)}function de(e,a,i){if(e==null)return"";if(typeof e=="function")return o(e,ye(e));if(typeof e=="string")return R(e);switch(e){case E:return R("Suspense");case h:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case y:return ae(e.render);case _:return de(e.type,a,i);case S:{var b=e,L=b._payload,$=b._init;try{return de($(L),a,i)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Sr={},Pr=V.ReactDebugCurrentFrame;function Ne(e){if(e){var a=e._owner,i=de(e.type,e._source,a?a.type:null);Pr.setExtraStackFrame(i)}else Pr.setExtraStackFrame(null)}function la(e,a,i,b,L){{var $=Function.call.bind(je);for(var D in e)if($(e,D)){var P=void 0;try{if(typeof e[D]!="function"){var X=Error((b||"React class")+": "+i+" type `"+D+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[D]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw X.name="Invariant Violation",X}P=e[D](a,D,b,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(B){P=B}P&&!(P instanceof Error)&&(Ne(L),z("%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).",b||"React class",i,D,typeof P),Ne(null)),P instanceof Error&&!(P.message in Sr)&&(Sr[P.message]=!0,Ne(L),z("Failed %s type: %s",i,P.message),Ne(null))}}}var sa=Array.isArray;function Ke(e){return sa(e)}function ca(e){{var a=typeof Symbol=="function"&&Symbol.toStringTag,i=a&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function da(e){try{return Or(e),!1}catch{return!0}}function Or(e){return""+e}function Dr(e){if(da(e))return z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ca(e)),Or(e)}var Se=V.ReactCurrentOwner,ua={key:!0,ref:!0,__self:!0,__source:!0},Ar,Ir,Xe;Xe={};function fa(e){if(je.call(e,"ref")){var a=Object.getOwnPropertyDescriptor(e,"ref").get;if(a&&a.isReactWarning)return!1}return e.ref!==void 0}function pa(e){if(je.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function va(e,a){if(typeof e.ref=="string"&&Se.current&&a&&Se.current.stateNode!==a){var i=Z(Se.current.type);Xe[i]||(z('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',Z(Se.current.type),e.ref),Xe[i]=!0)}}function ga(e,a){{var i=function(){Ar||(Ar=!0,z("%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)",a))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function ha(e,a){{var i=function(){Ir||(Ir=!0,z("%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)",a))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var ya=function(e,a,i,b,L,$,D){var P={$$typeof:f,type:e,key:a,ref:i,props:D,_owner:$};return P._store={},Object.defineProperty(P._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(P,"_self",{configurable:!1,enumerable:!1,writable:!1,value:b}),Object.defineProperty(P,"_source",{configurable:!1,enumerable:!1,writable:!1,value:L}),Object.freeze&&(Object.freeze(P.props),Object.freeze(P)),P};function ba(e,a,i,b,L){{var $,D={},P=null,X=null;i!==void 0&&(Dr(i),P=""+i),pa(a)&&(Dr(a.key),P=""+a.key),fa(a)&&(X=a.ref,va(a,L));for($ in a)je.call(a,$)&&!ua.hasOwnProperty($)&&(D[$]=a[$]);if(e&&e.defaultProps){var B=e.defaultProps;for($ in B)D[$]===void 0&&(D[$]=B[$])}if(P||X){var G=typeof e=="function"?e.displayName||e.name||"Unknown":e;P&&ga(D,G),X&&ha(D,G)}return ya(e,P,X,L,b,Se.current,D)}}var Ze=V.ReactCurrentOwner,Fr=V.ReactDebugCurrentFrame;function be(e){if(e){var a=e._owner,i=de(e.type,e._source,a?a.type:null);Fr.setExtraStackFrame(i)}else Fr.setExtraStackFrame(null)}var Qe;Qe=!1;function er(e){return typeof e=="object"&&e!==null&&e.$$typeof===f}function Lr(){{if(Ze.current){var e=Z(Ze.current.type);if(e)return` +`),V=S.length-1,H=X.length-1;V>=1&&H>=0&&S[V]!==X[H];)H--;for(;V>=1&&H>=0;V--,H--)if(S[V]!==X[H]){if(V!==1||H!==1)do if(V--,H--,H<0||S[V]!==X[H]){var te=` +`+S[V].replace(" at new "," at ");return e.displayName&&te.includes("")&&(te=te.replace("",e.displayName)),typeof e=="function"&&j.set(e,te),te}while(V>=1&&H>=0);break}}}finally{D=!1,w.current=M,P(),Error.prepareStackTrace=L}var me=e?e.displayName||e.name:"",ue=me?R(me):"";return typeof e=="function"&&j.set(e,ue),ue}function ae(e,a,i){return o(e,!1)}function ye(e){var a=e.prototype;return!!(a&&a.isReactComponent)}function de(e,a,i){if(e==null)return"";if(typeof e=="function")return o(e,ye(e));if(typeof e=="string")return R(e);switch(e){case k:return R("Suspense");case y:return R("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case h:return ae(e.render);case _:return de(e.type,a,i);case A:{var b=e,L=b._payload,M=b._init;try{return de(M(L),a,i)}catch{}}}return""}var je=Object.prototype.hasOwnProperty,Pr={},Or=G.ReactDebugCurrentFrame;function Ne(e){if(e){var a=e._owner,i=de(e.type,e._source,a?a.type:null);Or.setExtraStackFrame(i)}else Or.setExtraStackFrame(null)}function ca(e,a,i,b,L){{var M=Function.call.bind(je);for(var O in e)if(M(e,O)){var S=void 0;try{if(typeof e[O]!="function"){var X=Error((b||"React class")+": "+i+" type `"+O+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[O]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw X.name="Invariant Violation",X}S=e[O](a,O,b,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(V){S=V}S&&!(S instanceof Error)&&(Ne(L),z("%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).",b||"React class",i,O,typeof S),Ne(null)),S instanceof Error&&!(S.message in Pr)&&(Pr[S.message]=!0,Ne(L),z("Failed %s type: %s",i,S.message),Ne(null))}}}var da=Array.isArray;function Xe(e){return da(e)}function ua(e){{var a=typeof Symbol=="function"&&Symbol.toStringTag,i=a&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function fa(e){try{return Dr(e),!1}catch{return!0}}function Dr(e){return""+e}function Ar(e){if(fa(e))return z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ua(e)),Dr(e)}var Se=G.ReactCurrentOwner,pa={key:!0,ref:!0,__self:!0,__source:!0},Ir,Fr,Ze;Ze={};function va(e){if(je.call(e,"ref")){var a=Object.getOwnPropertyDescriptor(e,"ref").get;if(a&&a.isReactWarning)return!1}return e.ref!==void 0}function ga(e){if(je.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function ha(e,a){if(typeof e.ref=="string"&&Se.current&&a&&Se.current.stateNode!==a){var i=Z(Se.current.type);Ze[i]||(z('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',Z(Se.current.type),e.ref),Ze[i]=!0)}}function ya(e,a){{var i=function(){Ir||(Ir=!0,z("%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)",a))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function ba(e,a){{var i=function(){Fr||(Fr=!0,z("%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)",a))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var ma=function(e,a,i,b,L,M,O){var S={$$typeof:f,type:e,key:a,ref:i,props:O,_owner:M};return S._store={},Object.defineProperty(S._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(S,"_self",{configurable:!1,enumerable:!1,writable:!1,value:b}),Object.defineProperty(S,"_source",{configurable:!1,enumerable:!1,writable:!1,value:L}),Object.freeze&&(Object.freeze(S.props),Object.freeze(S)),S};function xa(e,a,i,b,L){{var M,O={},S=null,X=null;i!==void 0&&(Ar(i),S=""+i),ga(a)&&(Ar(a.key),S=""+a.key),va(a)&&(X=a.ref,ha(a,L));for(M in a)je.call(a,M)&&!pa.hasOwnProperty(M)&&(O[M]=a[M]);if(e&&e.defaultProps){var V=e.defaultProps;for(M in V)O[M]===void 0&&(O[M]=V[M])}if(S||X){var H=typeof e=="function"?e.displayName||e.name||"Unknown":e;S&&ya(O,H),X&&ba(O,H)}return ma(e,S,X,L,b,Se.current,O)}}var Qe=G.ReactCurrentOwner,Lr=G.ReactDebugCurrentFrame;function be(e){if(e){var a=e._owner,i=de(e.type,e._source,a?a.type:null);Lr.setExtraStackFrame(i)}else Lr.setExtraStackFrame(null)}var er;er=!1;function rr(e){return typeof e=="object"&&e!==null&&e.$$typeof===f}function Nr(){{if(Qe.current){var e=Z(Qe.current.type);if(e)return` -Check the render method of \``+e+"`."}return""}}function ma(e){return""}var Nr={};function xa(e){{var a=Lr();if(!a){var i=typeof e=="string"?e:e.displayName||e.name;i&&(a=` +Check the render method of \``+e+"`."}return""}}function _a(e){return""}var $r={};function wa(e){{var a=Nr();if(!a){var i=typeof e=="string"?e:e.displayName||e.name;i&&(a=` -Check the top-level render call using <`+i+">.")}return a}}function $r(e,a){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=xa(a);if(Nr[i])return;Nr[i]=!0;var b="";e&&e._owner&&e._owner!==Ze.current&&(b=" It was passed a child from "+Z(e._owner.type)+"."),be(e),z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,b),be(null)}}function Mr(e,a){{if(typeof e!="object")return;if(Ke(e))for(var i=0;i",P=" Did you accidentally export a JSX literal instead of a component?"):B=typeof e,z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",B,P)}var G=ba(e,a,i,L,$);if(G==null)return G;if(D){var te=a.children;if(te!==void 0)if(b)if(Ke(te)){for(var me=0;me0?"{key: someKey, "+ee.join(": ..., ")+": ...}":"{key: someKey}";if(!Wr[ue+rr]){var Ra=ee.length>0?"{"+ee.join(": ..., ")+": ...}":"{}";z(`A props object containing a "key" prop is being spread into JSX: +Check the top-level render call using <`+i+">.")}return a}}function Mr(e,a){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=wa(a);if($r[i])return;$r[i]=!0;var b="";e&&e._owner&&e._owner!==Qe.current&&(b=" It was passed a child from "+Z(e._owner.type)+"."),be(e),z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,b),be(null)}}function Wr(e,a){{if(typeof e!="object")return;if(Xe(e))for(var i=0;i",S=" Did you accidentally export a JSX literal instead of a component?"):V=typeof e,z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",V,S)}var H=xa(e,a,i,L,M);if(H==null)return H;if(O){var te=a.children;if(te!==void 0)if(b)if(Xe(te)){for(var me=0;me0?"{key: someKey, "+ee.join(": ..., ")+": ...}":"{key: someKey}";if(!Br[ue+ar]){var Sa=ee.length>0?"{"+ee.join(": ..., ")+": ...}":"{}";z(`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} />`,rr,ue,Ra,ue),Wr[ue+rr]=!0}}return e===c?wa(G):_a(G),G}}function Ta(e,a,i){return zr(e,a,i,!0)}function Ca(e,a,i){return zr(e,a,i,!1)}var ka=Ca,Ea=Ta;_e.Fragment=c,_e.jsx=ka,_e.jsxs=Ea}()),_e}process.env.NODE_ENV==="production"?$e.exports=Yr():$e.exports=Gr();var n=$e.exports,Me={exports:{}},Oe={exports:{}},I={};/** @license React v16.13.1 + <%s key={someKey} {...props} />`,ar,ue,Sa,ue),Br[ue+ar]=!0}}return e===s?Ca(H):Ta(H),H}}function ka(e,a,i){return zr(e,a,i,!0)}function Ea(e,a,i){return zr(e,a,i,!1)}var Ra=Ea,ja=ka;_e.Fragment=s,_e.jsx=Ra,_e.jsxs=ja}()),_e}process.env.NODE_ENV==="production"?$e.exports=Vr():$e.exports=Ur();var n=$e.exports,Me={exports:{}},Oe={exports:{}},I={};/** @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 or;function Vr(){if(or)return I;or=1;var r=typeof Symbol=="function"&&Symbol.for,f=r?Symbol.for("react.element"):60103,u=r?Symbol.for("react.portal"):60106,c=r?Symbol.for("react.fragment"):60107,v=r?Symbol.for("react.strict_mode"):60108,p=r?Symbol.for("react.profiler"):60114,x=r?Symbol.for("react.provider"):60109,g=r?Symbol.for("react.context"):60110,y=r?Symbol.for("react.async_mode"):60111,E=r?Symbol.for("react.concurrent_mode"):60111,h=r?Symbol.for("react.forward_ref"):60112,_=r?Symbol.for("react.suspense"):60113,S=r?Symbol.for("react.suspense_list"):60120,W=r?Symbol.for("react.memo"):60115,J=r?Symbol.for("react.lazy"):60116,M=r?Symbol.for("react.block"):60121,H=r?Symbol.for("react.fundamental"):60117,V=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function U(s){if(typeof s=="object"&&s!==null){var le=s.$$typeof;switch(le){case f:switch(s=s.type,s){case y:case E:case c:case p:case v:case _:return s;default:switch(s=s&&s.$$typeof,s){case g:case h:case J:case W:case x:return s;default:return le}}case u:return le}}}function Y(s){return U(s)===E}return I.AsyncMode=y,I.ConcurrentMode=E,I.ContextConsumer=g,I.ContextProvider=x,I.Element=f,I.ForwardRef=h,I.Fragment=c,I.Lazy=J,I.Memo=W,I.Portal=u,I.Profiler=p,I.StrictMode=v,I.Suspense=_,I.isAsyncMode=function(s){return Y(s)||U(s)===y},I.isConcurrentMode=Y,I.isContextConsumer=function(s){return U(s)===g},I.isContextProvider=function(s){return U(s)===x},I.isElement=function(s){return typeof s=="object"&&s!==null&&s.$$typeof===f},I.isForwardRef=function(s){return U(s)===h},I.isFragment=function(s){return U(s)===c},I.isLazy=function(s){return U(s)===J},I.isMemo=function(s){return U(s)===W},I.isPortal=function(s){return U(s)===u},I.isProfiler=function(s){return U(s)===p},I.isStrictMode=function(s){return U(s)===v},I.isSuspense=function(s){return U(s)===_},I.isValidElementType=function(s){return typeof s=="string"||typeof s=="function"||s===c||s===E||s===p||s===v||s===_||s===S||typeof s=="object"&&s!==null&&(s.$$typeof===J||s.$$typeof===W||s.$$typeof===x||s.$$typeof===g||s.$$typeof===h||s.$$typeof===H||s.$$typeof===V||s.$$typeof===z||s.$$typeof===M)},I.typeOf=U,I}var F={};/** @license React v16.13.1 + */var ir;function Hr(){if(ir)return I;ir=1;var r=typeof Symbol=="function"&&Symbol.for,f=r?Symbol.for("react.element"):60103,u=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,v=r?Symbol.for("react.strict_mode"):60108,p=r?Symbol.for("react.profiler"):60114,x=r?Symbol.for("react.provider"):60109,g=r?Symbol.for("react.context"):60110,h=r?Symbol.for("react.async_mode"):60111,k=r?Symbol.for("react.concurrent_mode"):60111,y=r?Symbol.for("react.forward_ref"):60112,_=r?Symbol.for("react.suspense"):60113,A=r?Symbol.for("react.suspense_list"):60120,B=r?Symbol.for("react.memo"):60115,J=r?Symbol.for("react.lazy"):60116,W=r?Symbol.for("react.block"):60121,U=r?Symbol.for("react.fundamental"):60117,G=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function $(c){if(typeof c=="object"&&c!==null){var le=c.$$typeof;switch(le){case f:switch(c=c.type,c){case h:case k:case s:case p:case v:case _:return c;default:switch(c=c&&c.$$typeof,c){case g:case y:case J:case B:case x:return c;default:return le}}case u:return le}}}function q(c){return $(c)===k}return I.AsyncMode=h,I.ConcurrentMode=k,I.ContextConsumer=g,I.ContextProvider=x,I.Element=f,I.ForwardRef=y,I.Fragment=s,I.Lazy=J,I.Memo=B,I.Portal=u,I.Profiler=p,I.StrictMode=v,I.Suspense=_,I.isAsyncMode=function(c){return q(c)||$(c)===h},I.isConcurrentMode=q,I.isContextConsumer=function(c){return $(c)===g},I.isContextProvider=function(c){return $(c)===x},I.isElement=function(c){return typeof c=="object"&&c!==null&&c.$$typeof===f},I.isForwardRef=function(c){return $(c)===y},I.isFragment=function(c){return $(c)===s},I.isLazy=function(c){return $(c)===J},I.isMemo=function(c){return $(c)===B},I.isPortal=function(c){return $(c)===u},I.isProfiler=function(c){return $(c)===p},I.isStrictMode=function(c){return $(c)===v},I.isSuspense=function(c){return $(c)===_},I.isValidElementType=function(c){return typeof c=="string"||typeof c=="function"||c===s||c===k||c===p||c===v||c===_||c===A||typeof c=="object"&&c!==null&&(c.$$typeof===J||c.$$typeof===B||c.$$typeof===x||c.$$typeof===g||c.$$typeof===y||c.$$typeof===U||c.$$typeof===G||c.$$typeof===z||c.$$typeof===W)},I.typeOf=$,I}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 ir;function Ur(){return ir||(ir=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,f=r?Symbol.for("react.element"):60103,u=r?Symbol.for("react.portal"):60106,c=r?Symbol.for("react.fragment"):60107,v=r?Symbol.for("react.strict_mode"):60108,p=r?Symbol.for("react.profiler"):60114,x=r?Symbol.for("react.provider"):60109,g=r?Symbol.for("react.context"):60110,y=r?Symbol.for("react.async_mode"):60111,E=r?Symbol.for("react.concurrent_mode"):60111,h=r?Symbol.for("react.forward_ref"):60112,_=r?Symbol.for("react.suspense"):60113,S=r?Symbol.for("react.suspense_list"):60120,W=r?Symbol.for("react.memo"):60115,J=r?Symbol.for("react.lazy"):60116,M=r?Symbol.for("react.block"):60121,H=r?Symbol.for("react.fundamental"):60117,V=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function U(o){return typeof o=="string"||typeof o=="function"||o===c||o===E||o===p||o===v||o===_||o===S||typeof o=="object"&&o!==null&&(o.$$typeof===J||o.$$typeof===W||o.$$typeof===x||o.$$typeof===g||o.$$typeof===h||o.$$typeof===H||o.$$typeof===V||o.$$typeof===z||o.$$typeof===M)}function Y(o){if(typeof o=="object"&&o!==null){var ae=o.$$typeof;switch(ae){case f:var ye=o.type;switch(ye){case y:case E:case c:case p:case v:case _:return ye;default:var de=ye&&ye.$$typeof;switch(de){case g:case h:case J:case W:case x:return de;default:return ae}}case u:return ae}}}var s=y,le=E,ke=g,Ee=x,pe=f,Re=h,ve=c,ge=J,Z=W,Q=u,se=p,re=v,oe=_,ce=!1;function he(o){return ce||(ce=!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.")),t(o)||Y(o)===y}function t(o){return Y(o)===E}function d(o){return Y(o)===g}function k(o){return Y(o)===x}function C(o){return typeof o=="object"&&o!==null&&o.$$typeof===f}function m(o){return Y(o)===h}function O(o){return Y(o)===c}function w(o){return Y(o)===J}function T(o){return Y(o)===W}function R(o){return Y(o)===u}function A(o){return Y(o)===p}function j(o){return Y(o)===v}function K(o){return Y(o)===_}F.AsyncMode=s,F.ConcurrentMode=le,F.ContextConsumer=ke,F.ContextProvider=Ee,F.Element=pe,F.ForwardRef=Re,F.Fragment=ve,F.Lazy=ge,F.Memo=Z,F.Portal=Q,F.Profiler=se,F.StrictMode=re,F.Suspense=oe,F.isAsyncMode=he,F.isConcurrentMode=t,F.isContextConsumer=d,F.isContextProvider=k,F.isElement=C,F.isForwardRef=m,F.isFragment=O,F.isLazy=w,F.isMemo=T,F.isPortal=R,F.isProfiler=A,F.isStrictMode=j,F.isSuspense=K,F.isValidElementType=U,F.typeOf=Y}()),F}var lr;function sr(){return lr||(lr=1,process.env.NODE_ENV==="production"?Oe.exports=Vr():Oe.exports=Ur()),Oe.exports}/* + */var lr;function Jr(){return lr||(lr=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,f=r?Symbol.for("react.element"):60103,u=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,v=r?Symbol.for("react.strict_mode"):60108,p=r?Symbol.for("react.profiler"):60114,x=r?Symbol.for("react.provider"):60109,g=r?Symbol.for("react.context"):60110,h=r?Symbol.for("react.async_mode"):60111,k=r?Symbol.for("react.concurrent_mode"):60111,y=r?Symbol.for("react.forward_ref"):60112,_=r?Symbol.for("react.suspense"):60113,A=r?Symbol.for("react.suspense_list"):60120,B=r?Symbol.for("react.memo"):60115,J=r?Symbol.for("react.lazy"):60116,W=r?Symbol.for("react.block"):60121,U=r?Symbol.for("react.fundamental"):60117,G=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function $(o){return typeof o=="string"||typeof o=="function"||o===s||o===k||o===p||o===v||o===_||o===A||typeof o=="object"&&o!==null&&(o.$$typeof===J||o.$$typeof===B||o.$$typeof===x||o.$$typeof===g||o.$$typeof===y||o.$$typeof===U||o.$$typeof===G||o.$$typeof===z||o.$$typeof===W)}function q(o){if(typeof o=="object"&&o!==null){var ae=o.$$typeof;switch(ae){case f:var ye=o.type;switch(ye){case h:case k:case s:case p:case v:case _:return ye;default:var de=ye&&ye.$$typeof;switch(de){case g:case y:case J:case B:case x:return de;default:return ae}}case u:return ae}}}var c=h,le=k,ke=g,Ee=x,pe=f,Re=y,ve=s,ge=J,Z=B,Q=u,se=p,re=v,oe=_,ce=!1;function he(o){return ce||(ce=!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.")),t(o)||q(o)===h}function t(o){return q(o)===k}function d(o){return q(o)===g}function E(o){return q(o)===x}function C(o){return typeof o=="object"&&o!==null&&o.$$typeof===f}function m(o){return q(o)===y}function P(o){return q(o)===s}function w(o){return q(o)===J}function T(o){return q(o)===B}function R(o){return q(o)===u}function D(o){return q(o)===p}function j(o){return q(o)===v}function K(o){return q(o)===_}F.AsyncMode=c,F.ConcurrentMode=le,F.ContextConsumer=ke,F.ContextProvider=Ee,F.Element=pe,F.ForwardRef=Re,F.Fragment=ve,F.Lazy=ge,F.Memo=Z,F.Portal=Q,F.Profiler=se,F.StrictMode=re,F.Suspense=oe,F.isAsyncMode=he,F.isConcurrentMode=t,F.isContextConsumer=d,F.isContextProvider=E,F.isElement=C,F.isForwardRef=m,F.isFragment=P,F.isLazy=w,F.isMemo=T,F.isPortal=R,F.isProfiler=D,F.isStrictMode=j,F.isSuspense=K,F.isValidElementType=$,F.typeOf=q}()),F}var sr;function cr(){return sr||(sr=1,process.env.NODE_ENV==="production"?Oe.exports=Hr():Oe.exports=Jr()),Oe.exports}/* object-assign (c) Sindre Sorhus @license MIT -*/var We,cr;function Hr(){if(cr)return We;cr=1;var r=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;function c(p){if(p==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(p)}function v(){try{if(!Object.assign)return!1;var p=new String("abc");if(p[5]="de",Object.getOwnPropertyNames(p)[0]==="5")return!1;for(var x={},g=0;g<10;g++)x["_"+String.fromCharCode(g)]=g;var y=Object.getOwnPropertyNames(x).map(function(h){return x[h]});if(y.join("")!=="0123456789")return!1;var E={};return"abcdefghijklmnopqrst".split("").forEach(function(h){E[h]=h}),Object.keys(Object.assign({},E)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return We=v()?Object.assign:function(p,x){for(var g,y=c(p),E,h=1;h1?p("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])."):p("Invalid argument supplied to oneOf, expected an array.")),x;function d(k,C,m,O,w){for(var T=k[C],R=0;R0?", expected one of type ["+A.join(", ")+"]":"";return new M("Invalid "+T+" `"+R+"` supplied to "+("`"+w+"`"+ae+"."))}return H(C)}function Re(){function t(d,k,C,m,O){return Q(d[k])?null:new M("Invalid "+m+" `"+O+"` supplied to "+("`"+C+"`, expected a ReactNode."))}return H(t)}function ve(t,d,k,C,m){return new M((t||"React class")+": "+d+" type `"+k+"."+C+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+m+"`.")}function ge(t){function d(k,C,m,O,w){var T=k[C],R=re(T);if(R!=="object")return new M("Invalid "+O+" `"+w+"` of type `"+R+"` "+("supplied to `"+m+"`, expected `object`."));for(var A in t){var j=t[A];if(typeof j!="function")return ve(m,O,w,A,oe(j));var K=j(T,A,m,O,w+"."+A,u);if(K)return K}return null}return H(d)}function Z(t){function d(k,C,m,O,w){var T=k[C],R=re(T);if(R!=="object")return new M("Invalid "+O+" `"+w+"` of type `"+R+"` "+("supplied to `"+m+"`, expected `object`."));var A=f({},k[C],t);for(var j in A){var K=t[j];if(c(t,j)&&typeof K!="function")return ve(m,O,w,j,oe(K));if(!K)return new M("Invalid "+O+" `"+w+"` key `"+j+"` supplied to `"+m+"`.\nBad object: "+JSON.stringify(k[C],null," ")+` -Valid keys: `+JSON.stringify(Object.keys(t),null," "));var o=K(T,j,m,O,w+"."+j,u);if(o)return o}return null}return H(d)}function Q(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(Q);if(t===null||g(t))return!0;var d=_(t);if(d){var k=d.call(t),C;if(d!==t.entries){for(;!(C=k.next()).done;)if(!Q(C.value))return!1}else for(;!(C=k.next()).done;){var m=C.value;if(m&&!Q(m[1]))return!1}}else return!1;return!0;default:return!1}}function se(t,d){return t==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function re(t){var d=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":se(d,t)?"symbol":d}function oe(t){if(typeof t>"u"||t===null)return""+t;var d=re(t);if(d==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return d}function ce(t){var d=oe(t);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function he(t){return!t.constructor||!t.constructor.name?S:t.constructor.name}return W.checkPropTypes=v,W.resetWarningCache=v.resetWarningCache,W.PropTypes=W,W},Ge}var Ve,gr;function Xr(){if(gr)return Ve;gr=1;var r=Be();function f(){}function u(){}return u.resetWarningCache=f,Ve=function(){function c(x,g,y,E,h,_){if(_!==r){var S=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 S.name="Invariant Violation",S}}c.isRequired=c;function v(){return c}var p={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:u,resetWarningCache:f};return p.PropTypes=p,p},Ve}if(process.env.NODE_ENV!=="production"){var Zr=sr(),Qr=!0;Me.exports=Kr()(Zr.isElement,Qr)}else Me.exports=Xr()();var ea=Me.exports;const l=qr(ea),ra={iconButton:"_iconButton_1963e_1"},aa={trash:ne.faTrash,filter:ne.faFilter,info:ne.faInfo,fill:ne.faFillDrip,ellipsis:ne.faEllipsisVertical,chevronRight:ne.faChevronRight,chevronLeft:ne.faChevronLeft},we=({onClick:r,iconName:f})=>n.jsx("div",{className:ra.iconButton,children:n.jsx("button",{"aria-label":f,type:"button",onClick:r,children:n.jsx(Pe.FontAwesomeIcon,{icon:aa[f]})})});we.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired},we.defaultProps={iconName:"ellipsis"};const ta={layerButtonReel:"_layerButtonReel_1o59k_1"},De=({buttons:r})=>n.jsx("div",{className:ta.layerButtonReel,children:r&&Object.keys(r).map(f=>n.jsx(we,{iconName:f,onClick:r[f]}))});De.propTypes={buttons:l.objectOf(l.func)},De.defaultProps={buttons:null};const Ue={layerToggle:"_layerToggle_gvlf4_7",switch:"_switch_gvlf4_12",slider:"_slider_gvlf4_29"},Ae=({layerName:r,isActive:f,onChange:u})=>n.jsx("div",{className:Ue.layerToggle,children:n.jsxs("div",{className:Ue.switch,children:[n.jsx("input",{type:"checkbox",value:r,checked:f,onChange:u}),n.jsx("span",{className:Ue.slider})]})});Ae.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired},Ae.defaultProps={layerName:"Example Layer",isActive:!1};const fe={layerCard:"_layerCard_mism4_1",layerCardWrapper:"_layerCardWrapper_mism4_11",layerCardTextWrapper:"_layerCardTextWrapper_mism4_20",layerCardTitle:"_layerCardTitle_mism4_28",layerCardDescription:"_layerCardDescription_mism4_32",layerCardControls:"_layerCardControls_mism4_37",layerCardToggle:"_layerCardToggle_mism4_42",layerCardChildren:"_layerCardChildren_mism4_47"},hr=({layerName:r,isActive:f,onChange:u,buttons:c,description:v,children:p})=>n.jsxs("div",{className:fe.layerCard,children:[n.jsxs("div",{className:fe.layerCardWrapper,children:[n.jsxs("div",{className:fe.layerCardTextWrapper,children:[n.jsx("span",{className:fe.layerCardTitle,children:r}),n.jsx("span",{className:fe.layerCardDescription,children:v})]}),n.jsx(De,{buttons:c}),u&&n.jsx(Ae,{layerName:r,isActive:f,onChange:u})]}),n.jsx("div",{className:fe.layerCardChildren,children:p})]});hr.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,buttons:l.objectOf(l.func),description:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node])};const Ie={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},yr=({color:r,label:f="",value:u,units:c=""})=>n.jsxs("div",{className:Ie.swatchContainer,children:[n.jsx("div",{"data-testid":"swatch",className:Ie.swatch,style:{backgroundColor:r}}),n.jsx("div",{"data-testid":"swatch-label",className:Ie.swatchLabel,children:f}),n.jsx("div",{"data-testid":"swatch-value",className:Ie.swatchValue,children:u!==void 0&&`${u}${c}`})]}),na={swatchLegend:"_swatchLegend_qiaru_1"},br=({swatches:r})=>n.jsx("div",{className:na.swatchLegend,children:r&&r.map(f=>{const{color:u,label:c,value:v,units:p}=f;return n.jsx(yr,{label:c,color:u,value:v,units:p},c)})});br.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Te={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},oa=({label:r,showLabel:f=!0,onChange:u,value:c=50,...v})=>n.jsx("div",{className:Te.comparisonControl,children:n.jsxs(q.Slider,{maxValue:94,minValue:6,step:.1,className:Te.slider,"aria-label":!f&&typeof r=="string"?r:void 0,onChange:u,value:c,...v,children:[f&&n.jsx(q.Label,{className:Te.sliderLabel,children:r}),n.jsx(q.SliderTrack,{className:Te.sliderTrack,children:n.jsx(q.SliderThumb,{className:Te.sliderThumb,children:n.jsx(Pe.FontAwesomeIcon,{color:"white",icon:ne.faArrowsLeftRight})})})]})}),He={datePicker:"_datePicker_15zo5_1 react-aria-DatePicker",dateInput:"_dateInput_15zo5_12 react-aria-DateInput",hoverDatepicker:"_hoverDatepicker_15zo5_16"},ia=({label:r,helperText:f,errorMessage:u,value:c,onChange:v,"aria-label":p,"aria-labelledby":x,...g})=>{const[y,E]=ie.useState(!1),{hoverProps:h,isHovered:_}=Br.useHover({});return n.jsxs(q.DatePicker,{className:He.datePicker,value:c,onChange:v,"aria-label":p,"aria-labelledby":x,...g,children:[r&&n.jsx(q.Label,{children:r}),n.jsxs(q.Group,{children:[n.jsx(q.DateInput,{className:`${He.dateInput} ${_||y?He.hoverDatepicker:""}`,...h,children:S=>n.jsx(q.DateSegment,{segment:S})}),n.jsx(q.Button,{"aria-label":"Open calendar",onHoverChange:S=>E(S),children:n.jsx(Pe.FontAwesomeIcon,{icon:ne.faCalendar})})]}),f&&n.jsx(q.Text,{slot:"description",children:f}),n.jsx(q.FieldError,{children:u}),n.jsx(q.Popover,{children:n.jsx(q.Dialog,{children:n.jsxs(q.Calendar,{children:[n.jsxs("header",{children:[n.jsx(q.Button,{slot:"previous",children:"◀"}),n.jsx(q.Heading,{}),n.jsx(q.Button,{slot:"next",children:"▶"})]}),n.jsx(q.CalendarGrid,{children:S=>n.jsx(q.CalendarCell,{date:S})})]})})})]})},Fe={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},mr=({title:r,startColor:f="red",endColor:u="yellow",startNo:c,endNo:v,titleBelow:p=!1,bins:x=0,precision:g=2,units:y})=>{const E=x>0?Array(x-1).fill(0).map((h,_)=>{const S=(c+(v-c)/x*(_+1)).toPrecision(g);return n.jsx("span",{children:S},S)}):[];return n.jsxs("div",{className:"gradient-box",children:[!p&&n.jsxs("div",{className:"ui-title",children:[" ",r]}),n.jsxs("div",{className:Fe.gradientLegend,children:[n.jsx("div",{className:Fe.gradient,style:{background:`linear-gradient(to right, ${f} , ${u})`}}),n.jsxs("div",{className:Fe.gradientNumbers,children:[n.jsxs("span",{children:[c," ",y]}),E,n.jsxs("span",{children:[v," ",y]})]}),p&&n.jsxs("div",{className:Fe.uiTitle,children:[" ",r]})]})]})};mr.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 Je={simpleSlider:"_simpleSlider_qj292_1",simpleSliderInput:"_simpleSliderInput_qj292_7",simpleSliderMinMaxContainer:"_simpleSliderMinMaxContainer_qj292_11"},Le=({units:r,label:f,onChange:u,min:c,max:v,step:p,value:x})=>n.jsxs("div",{className:Je.simpleSlider,children:[n.jsxs("div",{children:[f&&n.jsx("div",{className:"ui-label",children:f}),n.jsx("input",{onChange:u,className:Je.simpleSliderInput,type:"range",value:x,min:c,max:v,step:p})]}),n.jsxs("div",{className:Je.simpleSliderMinMaxContainer,children:[n.jsxs("div",{className:"ui-label",children:[c,r]}),n.jsxs("div",{className:"ui-label",children:[v,r]})]})]});Le.propTypes={onChange:l.func.isRequired,min:l.number.isRequired,max:l.number.isRequired,step:l.number.isRequired,value:l.number,label:l.string,units:l.string},Le.defaultProps={value:0,units:"",label:""};const Ce={layerGroupButton:"_layerGroupButton_1twxx_1",layerGroupChevron:"_layerGroupChevron_1twxx_12",layerGroupName:"_layerGroupName_1twxx_25",layerGroupWrapper:"_layerGroupWrapper_1twxx_32",layerGroupChildren:"_layerGroupChildren_1twxx_32"},xr=({groupName:r,children:f})=>{const[u,c]=ie.useState(!1),v=()=>{c(!u)};return n.jsxs("div",{className:Ce.layerGroupWrapper,children:[n.jsxs("button",{type:"button",className:Ce.layerGroupButton,onClick:v,children:[n.jsx("div",{className:Ce.layerGroupChevron,children:n.jsx(Pe.FontAwesomeIcon,{size:"md",fixedWidth:!0,icon:u?ne.faChevronDown:ne.faChevronRight})}),n.jsx("span",{className:Ce.layerGroupName,children:r})]}),u&&n.jsx("div",{className:Ce.layerGroupChildren,children:f})]})};xr.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const _r={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},wr=({mapContainer:r,id:f,children:u})=>n.jsxs("div",{className:_r.mapWrapper,children:[n.jsx("div",{className:_r.mapContainer,id:f,ref:r}),u]});wr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Tr=({children:r})=>n.jsx("div",{className:"nav-container",children:r});Tr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Cr=({showToggle:r,children:f})=>{const[u,c]=ie.useState(!1),v=`sidebar ${u?"closed":""}`,p=()=>{c(!u)};return n.jsxs("div",{className:"sidebarContainer",children:[n.jsx("div",{className:v,children:f}),r&&n.jsx("div",{className:"sidebarToggle",children:n.jsx(we,{onClick:p,iconName:u?"chevronRight":"chevronLeft"})})]})};Cr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const kr=({children:r})=>n.jsx("div",{className:"layout-stacked",children:r});kr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er=({align:r="left",children:f})=>n.jsx("div",{className:`layout-standard ${r}`,children:f});Er.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Rr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},jr=({title:r,units:f,sliderConfig:u})=>n.jsxs("div",{className:Rr.sliderControlWrapper,children:[n.jsx("div",{className:"ui-label",children:r}),n.jsx("div",{}),u&&u.map(c=>{const{label:v}=c;return n.jsx("div",{className:Rr.sliderLabel,children:v})}),u&&u.map(c=>{const{onChange:v,min:p,max:x,step:g,value:y}=c;return n.jsx(Le,{onChange:v,units:f,min:p,max:x,step:g,value:y})})]});jr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},N.ComparisonControl=oa,N.DatePicker=ia,N.GradientLegend=mr,N.IconButton=we,N.LayerButtonReel=De,N.LayerCard=hr,N.LayerGroup=xr,N.LayerToggle=Ae,N.MapContainer=wr,N.NavContainer=Tr,N.SidebarContainer=Cr,N.SimpleSlider=Le,N.SliderControl=jr,N.Stacked=kr,N.Standard=Er,N.Swatch=yr,N.SwatchLegend=br,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})}); +*/var We,dr;function Kr(){if(dr)return We;dr=1;var r=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;function s(p){if(p==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(p)}function v(){try{if(!Object.assign)return!1;var p=new String("abc");if(p[5]="de",Object.getOwnPropertyNames(p)[0]==="5")return!1;for(var x={},g=0;g<10;g++)x["_"+String.fromCharCode(g)]=g;var h=Object.getOwnPropertyNames(x).map(function(y){return x[y]});if(h.join("")!=="0123456789")return!1;var k={};return"abcdefghijklmnopqrst".split("").forEach(function(y){k[y]=y}),Object.keys(Object.assign({},k)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return We=v()?Object.assign:function(p,x){for(var g,h=s(p),k,y=1;y1?p("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])."):p("Invalid argument supplied to oneOf, expected an array.")),x;function d(E,C,m,P,w){for(var T=E[C],R=0;R0?", expected one of type ["+D.join(", ")+"]":"";return new W("Invalid "+T+" `"+R+"` supplied to "+("`"+w+"`"+ae+"."))}return U(C)}function Re(){function t(d,E,C,m,P){return Q(d[E])?null:new W("Invalid "+m+" `"+P+"` supplied to "+("`"+C+"`, expected a ReactNode."))}return U(t)}function ve(t,d,E,C,m){return new W((t||"React class")+": "+d+" type `"+E+"."+C+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+m+"`.")}function ge(t){function d(E,C,m,P,w){var T=E[C],R=re(T);if(R!=="object")return new W("Invalid "+P+" `"+w+"` of type `"+R+"` "+("supplied to `"+m+"`, expected `object`."));for(var D in t){var j=t[D];if(typeof j!="function")return ve(m,P,w,D,oe(j));var K=j(T,D,m,P,w+"."+D,u);if(K)return K}return null}return U(d)}function Z(t){function d(E,C,m,P,w){var T=E[C],R=re(T);if(R!=="object")return new W("Invalid "+P+" `"+w+"` of type `"+R+"` "+("supplied to `"+m+"`, expected `object`."));var D=f({},E[C],t);for(var j in D){var K=t[j];if(s(t,j)&&typeof K!="function")return ve(m,P,w,j,oe(K));if(!K)return new W("Invalid "+P+" `"+w+"` key `"+j+"` supplied to `"+m+"`.\nBad object: "+JSON.stringify(E[C],null," ")+` +Valid keys: `+JSON.stringify(Object.keys(t),null," "));var o=K(T,j,m,P,w+"."+j,u);if(o)return o}return null}return U(d)}function Q(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(Q);if(t===null||g(t))return!0;var d=_(t);if(d){var E=d.call(t),C;if(d!==t.entries){for(;!(C=E.next()).done;)if(!Q(C.value))return!1}else for(;!(C=E.next()).done;){var m=C.value;if(m&&!Q(m[1]))return!1}}else return!1;return!0;default:return!1}}function se(t,d){return t==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function re(t){var d=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":se(d,t)?"symbol":d}function oe(t){if(typeof t>"u"||t===null)return""+t;var d=re(t);if(d==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return d}function ce(t){var d=oe(t);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function he(t){return!t.constructor||!t.constructor.name?A:t.constructor.name}return B.checkPropTypes=v,B.resetWarningCache=v.resetWarningCache,B.PropTypes=B,B},Ge}var Ve,hr;function Qr(){if(hr)return Ve;hr=1;var r=ze();function f(){}function u(){}return u.resetWarningCache=f,Ve=function(){function s(x,g,h,k,y,_){if(_!==r){var A=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 A.name="Invariant Violation",A}}s.isRequired=s;function v(){return s}var p={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:v,element:s,elementType:s,instanceOf:v,node:s,objectOf:v,oneOf:v,oneOfType:v,shape:v,exact:v,checkPropTypes:u,resetWarningCache:f};return p.PropTypes=p,p},Ve}if(process.env.NODE_ENV!=="production"){var ea=cr(),ra=!0;Me.exports=Zr()(ea.isElement,ra)}else Me.exports=Qr()();var aa=Me.exports;const l=Gr(aa),ta={iconButton:"_iconButton_1963e_1"},na={trash:ne.faTrash,filter:ne.faFilter,info:ne.faInfo,fill:ne.faFillDrip,ellipsis:ne.faEllipsisVertical,chevronRight:ne.faChevronRight,chevronLeft:ne.faChevronLeft},we=({onClick:r,iconName:f})=>n.jsx("div",{className:ta.iconButton,children:n.jsx("button",{"aria-label":f,type:"button",onClick:r,children:n.jsx(Pe.FontAwesomeIcon,{icon:na[f]})})});we.propTypes={iconName:l.oneOf(["trash","filter","info","fill","ellipsis","chevronLeft","chevronRight"]),onClick:l.func.isRequired},we.defaultProps={iconName:"ellipsis"};const oa={layerButtonReel:"_layerButtonReel_1o59k_1"},De=({buttons:r})=>n.jsx("div",{className:oa.layerButtonReel,children:r&&Object.keys(r).map(f=>n.jsx(we,{iconName:f,onClick:r[f]}))});De.propTypes={buttons:l.objectOf(l.func)},De.defaultProps={buttons:null};const Ue={layerToggle:"_layerToggle_gvlf4_7",switch:"_switch_gvlf4_12",slider:"_slider_gvlf4_29"},Ae=({layerName:r,isActive:f,onChange:u})=>n.jsx("div",{className:Ue.layerToggle,children:n.jsxs("div",{className:Ue.switch,children:[n.jsx("input",{type:"checkbox",value:r,checked:f,onChange:u}),n.jsx("span",{className:Ue.slider})]})});Ae.propTypes={layerName:l.string,isActive:l.bool,onChange:l.func.isRequired},Ae.defaultProps={layerName:"Example Layer",isActive:!1};const fe={layerCard:"_layerCard_mism4_1",layerCardWrapper:"_layerCardWrapper_mism4_11",layerCardTextWrapper:"_layerCardTextWrapper_mism4_20",layerCardTitle:"_layerCardTitle_mism4_28",layerCardDescription:"_layerCardDescription_mism4_32",layerCardControls:"_layerCardControls_mism4_37",layerCardToggle:"_layerCardToggle_mism4_42",layerCardChildren:"_layerCardChildren_mism4_47"},yr=({layerName:r,isActive:f,onChange:u,buttons:s,description:v,children:p})=>n.jsxs("div",{className:fe.layerCard,children:[n.jsxs("div",{className:fe.layerCardWrapper,children:[n.jsxs("div",{className:fe.layerCardTextWrapper,children:[n.jsx("span",{className:fe.layerCardTitle,children:r}),n.jsx("span",{className:fe.layerCardDescription,children:v})]}),n.jsx(De,{buttons:s}),u&&n.jsx(Ae,{layerName:r,isActive:f,onChange:u})]}),n.jsx("div",{className:fe.layerCardChildren,children:p})]});yr.propTypes={layerName:l.string.isRequired,isActive:l.bool,onChange:l.func.isRequired,buttons:l.objectOf(l.func),description:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node])};const Ie={swatchContainer:"_swatchContainer_771fp_2",swatch:"_swatch_771fp_2",swatchLabel:"_swatchLabel_771fp_18",swatchValue:"_swatchValue_771fp_24"},br=({color:r,label:f="",value:u,units:s=""})=>n.jsxs("div",{className:Ie.swatchContainer,children:[n.jsx("div",{"data-testid":"swatch",className:Ie.swatch,style:{backgroundColor:r}}),n.jsx("div",{"data-testid":"swatch-label",className:Ie.swatchLabel,children:f}),n.jsx("div",{"data-testid":"swatch-value",className:Ie.swatchValue,children:u!==void 0&&`${u}${s}`})]}),ia={swatchLegend:"_swatchLegend_qiaru_1"},mr=({swatches:r})=>n.jsx("div",{className:ia.swatchLegend,children:r&&r.map(f=>{const{color:u,label:s,value:v,units:p}=f;return n.jsx(br,{label:s,color:u,value:v,units:p},s)})});mr.propTypes={swatches:l.arrayOf(l.objectOf(l.string)).isRequired};const Te={slider:"_slider_1bnet_1",sliderLabel:"_sliderLabel_1bnet_16",sliderThumb:"_sliderThumb_1bnet_20",sliderTrack:"_sliderTrack_1bnet_41",comparisonControl:"_comparisonControl_1bnet_66"},la=({label:r,showLabel:f=!0,onChange:u,value:s=50,...v})=>n.jsx("div",{className:Te.comparisonControl,children:n.jsxs(Y.Slider,{maxValue:94,minValue:6,step:.1,className:Te.slider,"aria-label":!f&&typeof r=="string"?r:void 0,onChange:u,value:s,...v,children:[f&&n.jsx(Y.Label,{className:Te.sliderLabel,children:r}),n.jsx(Y.SliderTrack,{className:Te.sliderTrack,children:n.jsx(Y.SliderThumb,{className:Te.sliderThumb,children:n.jsx(Pe.FontAwesomeIcon,{color:"white",icon:ne.faArrowsLeftRight})})})]})}),He={datePicker:"_datePicker_72xgm_1",dateInput:"_dateInput_72xgm_11",hoverDatepicker:"_hoverDatepicker_72xgm_19"},Je=r=>new Yr.CalendarDate(r.getFullYear(),r.getMonth()+1,r.getDate()),sa=({label:r,helperText:f,errorMessage:u,value:s,onChange:v,"aria-label":p,"aria-labelledby":x,className:g,maxValue:h,minValue:k,...y})=>{const[_,A]=ie.useState(!1),{hoverProps:B,isHovered:J}=qr.useHover({}),W=s?Je(s):null,U=h?Je(h):null,G=k?Je(k):null,z=$=>{if($){const q=new Date($.toString());v(q)}else v(null)};return n.jsxs(Y.DatePicker,{className:`${He.datePicker} ${g||""}`.trim(),value:W,onChange:z,"aria-label":p,"aria-labelledby":x,maxValue:U,minValue:G,...y,children:[r&&n.jsx(Y.Label,{children:r}),n.jsxs(Y.Group,{children:[n.jsx(Y.DateInput,{className:`${J||_?He.hoverDatepicker:""} ${He.dateInput}`.trim(),...B,children:$=>n.jsx(Y.DateSegment,{segment:$})}),n.jsx(Y.Button,{"aria-label":"Open calendar",onHoverChange:$=>A($),children:n.jsx(Pe.FontAwesomeIcon,{icon:ne.faCalendar})})]}),f&&n.jsx(Y.Text,{slot:"description",children:f}),u?n.jsx(Y.FieldError,{children:u}):n.jsx(Y.FieldError,{}),n.jsx(Y.Popover,{children:n.jsx(Y.Dialog,{children:n.jsxs(Y.Calendar,{children:[n.jsxs("header",{children:[n.jsx(Y.Button,{slot:"previous",children:"◀"}),n.jsx(Y.Heading,{}),n.jsx(Y.Button,{slot:"next",children:"▶"})]}),n.jsx(Y.CalendarGrid,{children:$=>n.jsx(Y.CalendarCell,{date:$})})]})})})]})},Fe={gradient:"_gradient_1w8qh_1",gradientNumbers:"_gradientNumbers_1w8qh_6",gradientLegend:"_gradientLegend_1w8qh_11"},xr=({title:r,startColor:f="red",endColor:u="yellow",startNo:s,endNo:v,titleBelow:p=!1,bins:x=0,precision:g=2,units:h})=>{const k=x>0?Array(x-1).fill(0).map((y,_)=>{const A=(s+(v-s)/x*(_+1)).toPrecision(g);return n.jsx("span",{children:A},A)}):[];return n.jsxs("div",{className:"gradient-box",children:[!p&&n.jsxs("div",{className:"ui-title",children:[" ",r]}),n.jsxs("div",{className:Fe.gradientLegend,children:[n.jsx("div",{className:Fe.gradient,style:{background:`linear-gradient(to right, ${f} , ${u})`}}),n.jsxs("div",{className:Fe.gradientNumbers,children:[n.jsxs("span",{children:[s," ",h]}),k,n.jsxs("span",{children:[v," ",h]})]}),p&&n.jsxs("div",{className:Fe.uiTitle,children:[" ",r]})]})]})};xr.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 Ke={simpleSlider:"_simpleSlider_qj292_1",simpleSliderInput:"_simpleSliderInput_qj292_7",simpleSliderMinMaxContainer:"_simpleSliderMinMaxContainer_qj292_11"},Le=({units:r,label:f,onChange:u,min:s,max:v,step:p,value:x})=>n.jsxs("div",{className:Ke.simpleSlider,children:[n.jsxs("div",{children:[f&&n.jsx("div",{className:"ui-label",children:f}),n.jsx("input",{onChange:u,className:Ke.simpleSliderInput,type:"range",value:x,min:s,max:v,step:p})]}),n.jsxs("div",{className:Ke.simpleSliderMinMaxContainer,children:[n.jsxs("div",{className:"ui-label",children:[s,r]}),n.jsxs("div",{className:"ui-label",children:[v,r]})]})]});Le.propTypes={onChange:l.func.isRequired,min:l.number.isRequired,max:l.number.isRequired,step:l.number.isRequired,value:l.number,label:l.string,units:l.string},Le.defaultProps={value:0,units:"",label:""};const Ce={layerGroupButton:"_layerGroupButton_1twxx_1",layerGroupChevron:"_layerGroupChevron_1twxx_12",layerGroupName:"_layerGroupName_1twxx_25",layerGroupWrapper:"_layerGroupWrapper_1twxx_32",layerGroupChildren:"_layerGroupChildren_1twxx_32"},_r=({groupName:r,children:f})=>{const[u,s]=ie.useState(!1),v=()=>{s(!u)};return n.jsxs("div",{className:Ce.layerGroupWrapper,children:[n.jsxs("button",{type:"button",className:Ce.layerGroupButton,onClick:v,children:[n.jsx("div",{className:Ce.layerGroupChevron,children:n.jsx(Pe.FontAwesomeIcon,{size:"md",fixedWidth:!0,icon:u?ne.faChevronDown:ne.faChevronRight})}),n.jsx("span",{className:Ce.layerGroupName,children:r})]}),u&&n.jsx("div",{className:Ce.layerGroupChildren,children:f})]})};_r.propTypes={groupName:l.string,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const wr={mapWrapper:"_mapWrapper_1gyf5_1",mapContainer:"_mapContainer_1gyf5_10"},Tr=({mapContainer:r,id:f,children:u})=>n.jsxs("div",{className:wr.mapWrapper,children:[n.jsx("div",{className:wr.mapContainer,id:f,ref:r}),u]});Tr.propTypes={mapContainer:l.oneOfType([l.func,l.shape({current:l.instanceOf(Element)})]),children:l.node,id:l.string};const Cr=({children:r})=>n.jsx("div",{className:"nav-container",children:r});Cr.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const kr=({showToggle:r,children:f})=>{const[u,s]=ie.useState(!1),v=`sidebar ${u?"closed":""}`,p=()=>{s(!u)};return n.jsxs("div",{className:"sidebarContainer",children:[n.jsx("div",{className:v,children:f}),r&&n.jsx("div",{className:"sidebarToggle",children:n.jsx(we,{onClick:p,iconName:u?"chevronRight":"chevronLeft"})})]})};kr.propTypes={showToggle:l.bool,children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Er=({children:r})=>n.jsx("div",{className:"layout-stacked",children:r});Er.propTypes={children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const Rr=({align:r="left",children:f})=>n.jsx("div",{className:`layout-standard ${r}`,children:f});Rr.propTypes={align:l.oneOf(["left","right"]),children:l.oneOfType([l.arrayOf(l.node),l.node]).isRequired};const jr={sliderControlWrapper:"_sliderControlWrapper_2tznx_1",sliderLabel:"_sliderLabel_2tznx_9"},Sr=({title:r,units:f,sliderConfig:u})=>n.jsxs("div",{className:jr.sliderControlWrapper,children:[n.jsx("div",{className:"ui-label",children:r}),n.jsx("div",{}),u&&u.map(s=>{const{label:v}=s;return n.jsx("div",{className:jr.sliderLabel,children:v})}),u&&u.map(s=>{const{onChange:v,min:p,max:x,step:g,value:h}=s;return n.jsx(Le,{onChange:v,units:f,min:p,max:x,step:g,value:h})})]});Sr.propTypes={title:l.string.isRequired,units:l.string.isRequired,sliderConfig:l.arrayOf(l.objectOf(l.string)).isRequired},N.ComparisonControl=la,N.DatePicker=sa,N.GradientLegend=xr,N.IconButton=we,N.LayerButtonReel=De,N.LayerCard=yr,N.LayerGroup=_r,N.LayerToggle=Ae,N.MapContainer=Tr,N.NavContainer=Cr,N.SidebarContainer=kr,N.SimpleSlider=Le,N.SliderControl=Sr,N.Stacked=Er,N.Standard=Rr,N.Swatch=br,N.SwatchLegend=mr,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})}); diff --git a/src/components/core/DatePicker.module.css b/src/components/core/DatePicker.module.css index 22de205..723a9c5 100644 --- a/src/components/core/DatePicker.module.css +++ b/src/components/core/DatePicker.module.css @@ -1,20 +1,22 @@ -.datePicker { - /* The 'composes' keyword allows us to extend the react-aria-DatePicker class - so we can override rules here without rewriting all of them - */ - composes: react-aria-DatePicker from global; - /* See src/components/core/DatePicker.css for ideas on customizing this component */ - +.datePicker:global(.react-aria-DatePicker) { + /* Using :global() allows us to style elements that have both: + * 1. Our local CSS Module class (.datePicker -> datePicker) + * 2. AND the global react-aria class (.react-aria-DatePicker) + * This is an alternative to CSS modules' 'composes' that works reliably in both dev and prod builds + */ display: flex; flex-direction: column; } -.dateInput { - composes: react-aria-DateInput from global; +.dateInput:global(.react-aria-DateInput) { + /* When using :global() syntax, styles only apply when both classes are present + * This ensures our styles are properly scoped while still being able to + * extend react-aria's base styles + */ border-radius: var(--border-radius-input); - } +} .hoverDatepicker { outline: 3px solid var(--highlight-hover); - outline-offset: -1px; + outline-offset: 1px; } \ No newline at end of file