@nasa-terra/components 0.0.189 → 0.0.191

package/dist/chunks/chunk.RGRNY7OY.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.NSKI4HXF.js";var o=r;r.define("terra-scroll-hint");export{o as a};

package/dist/chunks/chunk.RH5XP3UV.js

@@ -0,0 +1 @@
+import{a}from"./chunk.3F7A2YCE.js";var n=a;a.define("terra-pagination");export{n as a};

package/dist/chunks/chunk.S3A2BX4C.js

@@ -0,0 +1,144 @@
+import{css as r}from"lit";var o=r`
+    :host {
+        display: inline-block;
+    }
+
+    :host([stack]) {
+        display: block;
+    }
+
+    .tag {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--terra-spacing-x-small, 0.5rem);
+        font-family: var(--terra-tag-font-family);
+        font-size: var(--terra-tag-font-size-medium);
+        font-weight: var(--terra-tag-font-weight);
+        color: var(--terra-tag-color);
+        background-color: var(--terra-tag-background-color);
+        text-decoration: none;
+        white-space: nowrap;
+    }
+
+    .tag__icon {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        border-radius: var(--terra-border-radius-circle);
+        border: 1px solid var(--terra-tag-icon-border-color);
+        background-color: transparent;
+    }
+
+    /* Icon sizes */
+    .tag__icon--small {
+        width: var(--terra-tag-icon-size-small);
+        height: var(--terra-tag-icon-size-small);
+    }
+
+    .tag__icon--small terra-icon {
+        width: var(--terra-tag-icon-inner-size-small);
+        height: var(--terra-tag-icon-inner-size-small);
+    }
+
+    .tag__icon--medium {
+        width: var(--terra-tag-icon-size-medium);
+        height: var(--terra-tag-icon-size-medium);
+    }
+
+    .tag__icon--medium terra-icon {
+        width: var(--terra-tag-icon-inner-size-medium);
+        height: var(--terra-tag-icon-inner-size-medium);
+    }
+
+    .tag__icon--large {
+        width: var(--terra-tag-icon-size-large);
+        height: var(--terra-tag-icon-size-large);
+    }
+
+    .tag__icon--large terra-icon {
+        width: var(--terra-tag-icon-inner-size-large);
+        height: var(--terra-tag-icon-inner-size-large);
+    }
+
+    .tag__label {
+        display: inline-block;
+    }
+
+    /* Size variants */
+    .tag--small {
+        font-size: var(--terra-tag-font-size-small);
+    }
+
+    .tag--medium {
+        font-size: var(--terra-tag-font-size-medium);
+    }
+
+    .tag--large {
+        font-size: var(--terra-tag-font-size-large);
+    }
+
+    /* Content Tag Variant */
+    .tag--content {
+        /* Uses default tag colors from horizon.css */
+    }
+
+    /* Topic Tag Variant */
+    .tag--topic {
+        border: 1px solid var(--terra-tag-border-color);
+        border-radius: var(--terra-border-radius-medium, 0.25rem);
+        cursor: pointer;
+        transition:
+            border-color 0.15s ease,
+            background-color 0.15s ease;
+    }
+
+    /* Topic tag padding by size */
+    .tag--topic.tag--small {
+        padding: var(--terra-tag-padding-small);
+    }
+
+    .tag--topic.tag--medium {
+        padding: var(--terra-tag-padding-medium);
+    }
+
+    .tag--topic.tag--large {
+        padding: var(--terra-tag-padding-large);
+    }
+
+    .tag--topic:hover {
+        border-color: var(--terra-tag-border-color-hover);
+        background-color: var(--terra-tag-background-color-hover);
+        text-decoration: none;
+    }
+
+    .tag--topic:focus {
+        outline: 2px solid var(--terra-toggle-focus-ring-color);
+        outline-offset: 2px;
+    }
+
+    /* Urgent Label Variant */
+    .tag--urgent {
+        color: var(--terra-tag-urgent-color);
+        background-color: var(--terra-tag-urgent-background-color);
+        font-weight: var(--terra-tag-font-weight-urgent);
+        border-radius: var(--terra-border-radius-small, 0.125rem);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+
+    /* Urgent label padding by size */
+    .tag--urgent.tag--small {
+        padding: var(--terra-tag-padding-small);
+    }
+
+    .tag--urgent.tag--medium {
+        padding: var(--terra-tag-padding-medium);
+    }
+
+    .tag--urgent.tag--large {
+        padding: var(--terra-tag-padding-large);
+    }
+
+    /* Dark mode support - handled by horizon.css design tokens */
+`;export{o as a};

package/dist/chunks/chunk.S3L7GNQT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PPDNREE3.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

package/dist/chunks/chunk.S4TDVG2W.js

@@ -0,0 +1 @@
+import{c as et}from"./chunk.64Z5WQSA.js";import{b as Y}from"./chunk.43F6G3ZK.js";import{a as Z}from"./chunk.2K4PQYF7.js";import{b as tt}from"./chunk.PEBGUL65.js";import{b as X}from"./chunk.2O6UGT2E.js";import{c as z,e as G}from"./chunk.7SQQMJNR.js";import{a as Q}from"./chunk.3FHTK4MP.js";import{c as O}from"./chunk.BWCJXCND.js";import{a as W,f as t,g as n,h as A,i as s}from"./chunk.INFVQQSJ.js";import{Task as nt}from"@lit/task";var ht="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",ct=300,lt=1e4,e,f,J,I,d,_,rt,H,at,T,N,v,x,y,k,L,it,u,w,S,B,ot=class{constructor(r){n(this,_);n(this,H);n(this,T);n(this,v);n(this,y);n(this,L);n(this,u);n(this,S);n(this,e,void 0);n(this,f,new et);n(this,J,new G);n(this,I,void 0);n(this,d,void 0);A(this,e,r),A(this,I,new X(t(this,e),{getCollectionEntryId:()=>s(this,_,rt).call(this),getBearerToken:()=>t(this,e).bearerToken})),A(this,d,new Z(t(this,e))),this.jobStatusTask=new nt(r,{task:async([],{signal:o})=>{var V,$,q,K;let a=t(this,e).startDate,c=t(this,e).endDate,l=t(this,e).location,p=t(this,e).catalogVariable;if(!a||!c||!l||!p)return;t(this,d).reset(),t(this,e).harmonyJobId=void 0;let m=this.getCacheKey();if(t(this,e).cache){let i=await t(this,f).getValidCacheEntry(m);if(i)return console.log("Returning existing map blob from cache",m),t(this,e).harmonyJobId=i.harmonyJobId,s(this,y,k).call(this,i.blob),i.blob}if(t(this,e).jobId){console.log("Using provided jobId, waiting for harmony job...");let i=await s(this,T,N).call(this,t(this,e).jobId,o);if(i.status==="failed"){let F=i.message||(($=(V=i.errors)==null?void 0:V[0])==null?void 0:$.message)||"The subset job failed",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}if(i.status==="complete_with_errors"&&i.errors&&i.errors.length>0){let F=i.errors[0].message||"The subset job completed with errors",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}let b=await s(this,v,x).call(this,i,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:b,environment:t(this,e).environment,harmonyJobId:t(this,e).jobId}),t(this,e).harmonyJobId=t(this,e).jobId,s(this,y,k).call(this,b),b}let E=await s(this,H,at).call(this,o),[C,j,D,R]=l.split(",").map(Number),st=new Q([C,j,D,R]),M=new tt({collectionConceptId:E,location:st,environment:t(this,e).environment}).variable(`${t(this,e).collection}_${t(this,e).variable}`).dateRange(new Date(a).toISOString(),new Date(c).toISOString()).format("image/tiff").average("time").label("terra-time-average-map");t(this,e).applicationId&&M.label(t(this,e).applicationId),M.addLabelsFromVariable(p),console.log("Creating time average map job...");let U;try{let i=await t(this,d).startJob({harmonyRequest:M,options:{signal:o,bearerToken:t(this,e).bearerToken,environment:t(this,e).environment}});U=i.jobID,t(this,e).emit("terra-harmony-job-status-update",{detail:i})}catch(i){throw s(this,u,w).call(this,i),i}console.log("Waiting for harmony job...");let h=await s(this,T,N).call(this,U,o);if(h.status==="failed"){let i=h.message||((K=(q=h.errors)==null?void 0:q[0])==null?void 0:K.message)||"The subset job failed",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}if(h.status==="complete_with_errors"&&h.errors&&h.errors.length>0){let i=h.errors[0].message||"The subset job completed with errors",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}let P=await s(this,v,x).call(this,h,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:P,environment:t(this,e).environment,harmonyJobId:h.jobID}),t(this,e).harmonyJobId=h.jobID,s(this,y,k).call(this,P),P},args:()=>[],autoRun:!1})}render(r){return this.jobStatusTask.render(r)}getCacheKey(){var m,E,C,j,D,R;let r=(m=t(this,e).collection)!=null?m:"",o=(E=t(this,e).variable)!=null?E:"",a=(C=t(this,e).startDate)!=null?C:"",c=(j=t(this,e).endDate)!=null?j:"",l=(D=t(this,e).location)!=null?D:"",p=(R=t(this,e).environment)!=null?R:"prod";return t(this,f).getCacheKey(r,o,a,c,l,p)}};e=new WeakMap,f=new WeakMap,J=new WeakMap,I=new WeakMap,d=new WeakMap,_=new WeakSet,rt=function(){let r=t(this,e).collection,o=t(this,e).catalogVariable;if(!(!r||!o))return`${o.dataProductShortName}_${o.dataProductVersion}`},H=new WeakSet,at=async function(r){let o=Date.now()+lt;for(;;){if(r.aborted)throw new Error("Aborted while waiting for collection concept ID");let a=t(this,I).conceptId;if(a)return a;if(Date.now()>o)throw new Error("Timed out waiting for collection concept ID");await s(this,S,B).call(this,200,r)}},T=new WeakSet,N=async function(r,o){for(t(this,d).startPollForJobStatus(r,{bearerToken:t(this,e).bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=t(this,d).data;if(a&&t(this,e).emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===r&&z.has(a.status))return a;await s(this,S,B).call(this,ct,o)}},v=new WeakSet,x=async function(r,o){var p;let a=(p=r.links.find(m=>m.rel==="data"))==null?void 0:p.href;if(!a)throw new Error("No data link found for Harmony job");let c=`${ht}?url=${encodeURIComponent(a)}`,l=await fetch(c,{signal:o,headers:W({},t(this,e).bearerToken?{Authorization:`Bearer ${t(this,e).bearerToken}`}:{})});if(!l.ok)throw new Error(`Failed to fetch subset job data: ${l.statusText}`);return l.blob()},y=new WeakSet,k=function(r){this.blobUrl=r,t(this,e).emit("terra-time-average-map-data-change",{detail:{data:r,variable:t(this,e).catalogVariable,startDate:O(t(this,e).startDate),endDate:O(t(this,e).endDate),location:t(this,e).location,colorMap:t(this,e).colorMapName,harmonyJobId:t(this,e).harmonyJobId}}),t(this,e).updateGeoTIFFLayer(r);let o=t(this,e).harmonyJobId;o&&s(this,L,it).call(this,o).catch(console.error)},L=new WeakSet,it=async function(r,o=1500){await new Promise(c=>setTimeout(c,o));let a=await t(this,e).captureMapThumbnail();a&&await t(this,J).store(r,a)},u=new WeakSet,w=function(r,o){let a=Y(r,o);t(this,e).dispatchEvent(new CustomEvent("terra-time-average-map-error",{detail:a,bubbles:!0,composed:!0}))},S=new WeakSet,B=function(r,o){return new Promise((a,c)=>{if(o.aborted){c(new Error("Aborted"));return}let l=setTimeout(a,r);o.addEventListener("abort",()=>{clearTimeout(l),c(new Error("Aborted"))})})};export{ot as a};

package/dist/chunks/chunk.SO45NDQI.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.3TVPBDCY.js";var n=e;e.define("terra-menu");export{n as a};

package/dist/chunks/chunk.SRZGR2LP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CS34YHPW.js";var d=e;e.define("terra-slider");export{d as a};

package/dist/chunks/chunk.SU55MP2P.js

@@ -0,0 +1,27 @@
+import{a as h}from"./chunk.AGJNJSIX.js";import{a as i}from"./chunk.CUJNKBC6.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as l}from"./chunk.NAMM3J43.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as s}from"lit";import{property as r,query as m}from"lit/decorators.js";var e=class extends l{constructor(){super(...arguments);this.hasSlotController=new o(this,"icon","suffix");this.open=!1;this.closable=!1;this.variant="primary";this.sticky=!0;this.handleClose=()=>{this.hide()}}firstUpdated(){this.base.hidden=!this.open}async handleOpenChange(){this.base.hidden=!this.open,this.open?(this.emit("terra-show"),this.emit("terra-after-show")):(this.emit("terra-hide"),this.emit("terra-after-hide"))}async show(){if(!this.open)return this.open=!0,i(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,i(this,"terra-after-hide")}render(){return s`
+            <div
+                part="base"
+                class=${p({banner:!0,"banner--open":this.open,"banner--closable":this.closable,"banner--sticky":this.sticky,"banner--has-icon":this.hasSlotController.test("icon"),"banner--primary":this.variant==="primary","banner--neutral":this.variant==="neutral","banner--danger":this.variant==="danger"})}
+                role="banner"
+                aria-hidden=${this.open?"false":"true"}
+            >
+                ${this.hasSlotController.test("icon")?s`
+                          <div part="icon" class="banner__icon">
+                              <slot name="icon"></slot>
+                          </div>
+                      `:""}
+
+                <div part="message" class="banner__message" aria-live="polite">
+                    <slot></slot>
+                </div>
+
+                ${this.closable?s`
+                          <terra-icon
+                              class="banner__close"
+                              name="solid-x-mark"
+                              library="heroicons"
+                              @click=${this.handleClose}
+                          ></terra-icon>
+                      `:""}
+            </div>
+        `}};e.styles=[n,h],t([m('[part="base"]')],e.prototype,"base",2),t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closable",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"sticky",2),t([a("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1);export{e as a};

package/dist/chunks/chunk.SUNBQSGV.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.EH52QKIC.js";var i=e;e.define("terra-login");export{i as a};

package/dist/chunks/chunk.T2FIFNZX.js

@@ -0,0 +1,143 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: block;
+    }
+
+    .textarea__label {
+        display: block;
+        margin: 0 0 var(--terra-spacing-x-small, 0.5rem) 0;
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        font-weight: var(--terra-input-label-line-weight);
+        line-height: var(--terra-input-label-line-height);
+        color: var(--terra-input-label-color);
+    }
+
+    .textarea__label--hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+    }
+
+    .textarea__required-indicator {
+        color: var(--terra-input-required-content-color);
+        margin-left: var(--terra-input-required-content-offset);
+    }
+
+    .textarea {
+        position: relative;
+        display: flex;
+        width: 100%;
+        background: var(--terra-input-background-default);
+        border-width: var(--terra-input-border-width);
+        border-color: var(--terra-input-border-default);
+        border-style: solid;
+        border-radius: var(--terra-input-border-radius);
+        transition:
+            border-color var(--terra-transition-fast),
+            box-shadow var(--terra-transition-fast);
+    }
+
+    .textarea:hover:not(.textarea--disabled) {
+        border-color: var(--terra-input-border-hover);
+    }
+
+    .textarea--focused:not(.textarea--disabled) {
+        outline: none;
+        border-color: var(--terra-input-border-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-input-border-focus);
+    }
+
+    .textarea--disabled {
+        background-color: var(--terra-input-background-disabled);
+        border-color: var(--terra-input-border-disabled);
+        cursor: not-allowed;
+    }
+
+    .textarea__control {
+        flex: 1;
+        width: 100%;
+        min-height: 6rem; /* ~96px - reasonable default for textarea */
+        padding: var(--terra-input-spacing-medium) var(--terra-input-spacing-medium);
+        background: transparent;
+        border: none;
+        outline: none;
+        box-shadow: none;
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        letter-spacing: var(--terra-input-letter-spacing);
+        color: var(--terra-input-text-default);
+        resize: vertical;
+    }
+
+    .textarea--resize-none .textarea__control {
+        resize: none;
+    }
+
+    .textarea--resize-both .textarea__control {
+        resize: both;
+    }
+
+    .textarea--resize-horizontal .textarea__control {
+        resize: horizontal;
+    }
+
+    .textarea--resize-vertical .textarea__control {
+        resize: vertical;
+    }
+
+    .textarea__control::placeholder {
+        color: var(--terra-input-placeholder-default);
+    }
+
+    .textarea__control:disabled {
+        color: var(--terra-input-text-disabled);
+        cursor: not-allowed;
+    }
+
+    .textarea__control:disabled::placeholder {
+        color: var(--terra-input-placeholder-disabled);
+    }
+
+    .textarea__control:hover:not(:disabled) {
+        color: var(--terra-input-text-hover);
+    }
+
+    .textarea__control:focus:not(:disabled) {
+        color: var(--terra-input-text-focus);
+    }
+
+    .textarea__control:read-only {
+        cursor: default;
+    }
+
+    /* Error State - using data attributes from FormControlController */
+    :host([data-user-invalid]) .textarea {
+        color: var(--terra-text-on-error);
+        background-color: var(--terra-color-bg-error-subtle);
+        border-color: var(--terra-border-error-primary);
+    }
+
+    :host([data-user-invalid]) .textarea:hover:not(.textarea--disabled) {
+        color: var(--terra-text-on-error);
+        background-color: var(--terra-color-bg-error-subtle);
+        border-color: var(--terra-border-error-primary);
+    }
+
+    :host([data-user-invalid]) .textarea.textarea--focused:not(.textarea--disabled) {
+        color: var(--terra-text-on-error);
+        background-color: var(--terra-color-bg-error-subtle);
+        border-color: var(--terra-border-error-primary);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-color-nasa-red-tint);
+    }
+`;export{i as a};

package/dist/chunks/chunk.T4IJSKKI.js

@@ -0,0 +1 @@
+import{a}from"./chunk.FTS3NXLZ.js";var i=a;a.define("terra-data-grid");export{i as a};

package/dist/chunks/chunk.T7GOQZF2.js

@@ -0,0 +1,266 @@
+import{css as e}from"lit";var i=e`
+    :host {
+        display: block;
+
+        --bottom-sheet-handle-height: 5px;
+        --bottom-sheet-handle-margin: 10px;
+    }
+
+    header {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        position: relative;
+        z-index: 10;
+        padding-bottom: 10px;
+    }
+
+    .title {
+        margin: 0;
+        font-size: 1.25rem;
+    }
+
+    .subtitle {
+        font-weight: var(--terra-font-weight-normal);
+        margin: 0;
+        margin-bottom: 0.5em;
+        font-size: 0.875rem;
+    }
+
+    .toggles {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 0 1em;
+    }
+
+    .toggle {
+        position: relative;
+    }
+
+    .help-toggle {
+        display: var(--terra-plot-toolbar-help-menu-display, flex);
+    }
+
+    .toggle[aria-expanded='true']::after {
+        background-color: var(--terra-color-nasa-blue);
+        block-size: 0.125em;
+        border-radius: 0.25em;
+        bottom: -0.5em;
+        content: ' ';
+        inline-size: 100%;
+        left: 0;
+        position: absolute;
+    }
+
+    .toggles[data-mobile-view='true'] .toggle::part(base) {
+        background-color: antiquewhite;
+        border: 0;
+    }
+
+    .square-button {
+        border-radius: 0 !important; /* square corners */
+        width: 2.5em;
+        height: 2.5em;
+    }
+
+    menu {
+        all: unset;
+        position: absolute;
+        top: calc(100%);
+        right: 0;
+        z-index: 1000;
+        background: var(--terra-container-menu-bg);
+        border: 1px solid var(--terra-container-menu-border);
+        border-radius: var(--terra-container-panel-border-radius);
+        box-shadow: var(--terra-shadow-large);
+        width: max-content;
+        min-width: 20ch;
+        max-width: 100%;
+        padding: var(--terra-spacing-medium);
+        display: none;
+    }
+
+    menu[data-expanded='true'] {
+        display: block;
+    }
+
+    menu [role='menuitem'] {
+        display: block;
+        list-style: none;
+        margin: 0;
+        padding: 0.5em 0;
+    }
+
+    [role='menuitem'] p {
+        margin-block: 0.5em;
+    }
+
+    menu dt {
+        font-weight: var(--terra-font-weight-semibold);
+    }
+
+    menu dd {
+        font-style: italic;
+        text-wrap: balance;
+    }
+
+    .bottom-sheet-backdrop {
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.3);
+        transition: opacity 0.35s ease;
+        z-index: 1002;
+    }
+
+    .bottom-sheet-backdrop[data-state='close'] {
+        opacity: 0;
+        pointer-events: none;
+    }
+
+    .bottom-sheet-backdrop[data-state='open'] {
+        opacity: 1;
+        pointer-events: all;
+    }
+
+    .bottom-sheet {
+        position: fixed;
+        left: 50%;
+        bottom: 0;
+        z-index: 1003;
+        width: 100%;
+        max-width: 768px;
+        min-height: 50vh;
+        border: 0;
+        background: var(--terra-color-spacesuit-white);
+        color: var(--terra-font-color-primary);
+        transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
+        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
+        will-change: transform;
+        user-select: none;
+        pointer-events: all;
+        touch-action: pan-y;
+        overflow: auto;
+        cursor: grab;
+    }
+
+    .bottom-sheet[data-state='open'] {
+        display: flex;
+        flex-direction: column;
+
+        transform: translate(-50%, 0);
+        visibility: visible;
+    }
+
+    .bottom-sheet[data-state='close'] {
+        transform: translate(-50%, 100%);
+        visibility: hidden;
+    }
+
+    .bottom-sheet-list {
+        list-style: none;
+        padding-left: 0.5rem;
+    }
+
+    .bottom-sheet-list li {
+        padding: 0.5rem 0.3rem;
+        border-bottom: 1px solid silver;
+    }
+
+    .bottom-sheet h3:not(.sr-only) {
+        background-color: var(--terra-color-nasa-blue);
+        color: var(--terra-color-spacesuit-white);
+        padding: 0.3rem 0.7rem;
+    }
+
+    .bottom-sheet-handle {
+        width: 40px;
+        height: var(--bottom-sheet-handle-height);
+        background-color: var(--terra-color-carbon-20);
+        border-radius: 10px;
+        margin: var(--bottom-sheet-handle-margin) auto;
+    }
+
+    .bottom-sheet-content {
+        padding: 15px;
+        height: calc(
+            97vh - var(--bottom-sheet-handle-height) - var(
+                    --bottom-sheet-handle-margin
+                )
+        );
+        overflow-y: auto;
+    }
+
+    .spacer {
+        padding-block: 1.375rem;
+    }
+
+    .location-text {
+        cursor: pointer;
+        transition: color 0.2s ease;
+        display: inline-flex;
+        align-items: center;
+    }
+
+    .location-icon,
+    .date-range-icon {
+        vertical-align: middle;
+        color: var(--terra-color-nasa-blue);
+    }
+
+    .location-text:hover,
+    .date-range-text:hover {
+        color: var(--terra-color-nasa-blue);
+    }
+
+    .location-tooltip {
+        position: absolute;
+        top: 100%;
+        left: 50px;
+        z-index: 1001;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 0.5em;
+        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+        padding: 0.5em;
+        margin-top: 0.5em;
+        animation: fadeIn 0.2s ease-in-out;
+        min-width: 320px;
+    }
+
+    .location-tooltip terra-map {
+        height: auto !important;
+    }
+
+    @keyframes fadeIn {
+        from {
+            opacity: 0;
+            transform: translateY(-10px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+
+    #settings {
+        opacity: 0.75;
+        position: absolute;
+        bottom: 150px;
+        left: 10px;
+        background: var(--terra-color-spacesuit-white);
+        padding: 8px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-family: monospace;
+        box-shadow: var(--terra-shadow-large);
+        z-index: 10;
+        pointer-events: auto;
+    }
+
+    label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+`;export{i as a};