@nasa-terra/components 0.0.184 → 0.0.186

package/dist/chunks/chunk.JKKKNSOU.js

@@ -0,0 +1,22 @@
+import{a as s}from"./chunk.SUBBVKKD.js";import{a as i,b as a}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as l}from"lit";import{ifDefined as n}from"lit/directives/if-defined.js";import{property as r}from"lit/decorators.js";import{styleMap as m}from"lit/directives/style-map.js";var t=class extends a{constructor(){super(...arguments);this.value=0;this.indeterminate=!1;this.label="";this.variant="primary";this.title=""}render(){let o=getComputedStyle(this).direction==="rtl";return l`
+            <div
+                part="base"
+                class=${p({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":o,"progress-bar--default":this.variant==="default","progress-bar--primary":this.variant==="primary","progress-bar--success":this.variant==="success","progress-bar--warning":this.variant==="warning","progress-bar--danger":this.variant==="danger"})}
+                role="progressbar"
+                title=${n(this.title||void 0)}
+                aria-label=${this.label||"Progress"}
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow=${n(this.indeterminate?void 0:this.value)}
+            >
+                <div
+                    part="indicator"
+                    class="progress-bar__indicator"
+                    style=${m({width:this.indeterminate?void 0:`${this.value}%`})}
+                >
+                    ${this.indeterminate?"":l`
+                              <slot part="label" class="progress-bar__label"></slot>
+                          `}
+                </div>
+            </div>
+        `}};t.styles=[i,s],e([r({type:Number,reflect:!0})],t.prototype,"value",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),e([r()],t.prototype,"label",2),e([r({reflect:!0})],t.prototype,"variant",2),e([r()],t.prototype,"title",2);export{t as a};

package/dist/chunks/chunk.JMRQJBIJ.js

@@ -0,0 +1,39 @@
+import{a as u}from"./chunk.PJ2G5T64.js";import{a as h}from"./chunk.DZ3WN2JE.js";import{a as m,b as p}from"./chunk.IV5JC2HX.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as e}from"lit/decorators.js";import{html as s,nothing as n}from"lit";import{classMap as a}from"lit/directives/class-map.js";var t=class extends p{constructor(){super(...arguments);this.variant="content";this.size="medium";this.iconLibrary="default";this.stack=!1;this.dark=!1;this.handleClick=r=>{this.variant==="topic"&&this.emit("terra-click",{detail:{originalEvent:r}})}}render(){let r=this.variant==="topic"&&this.href,o=this.variant==="content",l={tag:!0,"tag--content":o,"tag--topic":this.variant==="topic","tag--urgent":this.variant==="urgent","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large"},c=s`
+            ${o?s`
+                      <span
+                          part="icon"
+                          class="${a({tag__icon:!0,"tag__icon--small":this.size==="small","tag__icon--medium":this.size==="medium","tag__icon--large":this.size==="large"})}"
+                      >
+                          <slot name="icon">
+                              ${this.icon?s`
+                                        <terra-icon
+                                            name="${this.icon}"
+                                            library="${this.iconLibrary}"
+                                        ></terra-icon>
+                                    `:n}
+                          </slot>
+                      </span>
+                  `:n}
+            <span part="label" class="tag__label">
+                <slot></slot>
+            </span>
+        `;return r?s`
+                <a
+                    part="base"
+                    href="${this.href}"
+                    class="${a(l)}"
+                    @click="${this.handleClick}"
+                >
+                    ${c}
+                </a>
+            `:s`
+            <div
+                part="base"
+                class="${a(l)}"
+                @click="${this.handleClick}"
+                role="${this.variant==="topic"?"button":n}"
+                tabindex="${this.variant==="topic"&&!this.href?"0":n}"
+            >
+                ${c}
+            </div>
+        `}};t.styles=[m,u],t.dependencies={"terra-icon":h},i([e({reflect:!0})],t.prototype,"variant",2),i([e({reflect:!0})],t.prototype,"size",2),i([e({reflect:!0})],t.prototype,"icon",2),i([e({reflect:!0})],t.prototype,"iconLibrary",2),i([e({type:Boolean,reflect:!0})],t.prototype,"stack",2),i([e({type:Boolean,reflect:!0})],t.prototype,"dark",2),i([e()],t.prototype,"href",2);export{t as a};

package/dist/chunks/chunk.JMWO242R.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.URW5CT6H.js";import{b as tt}from"./chunk.6LAOJZS6.js";import{b as X}from"./chunk.FJ7JMZGK.js";import{c as z,e as G}from"./chunk.7S57EA4V.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.JX4EWTQS.js

@@ -0,0 +1,41 @@
+function o(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.185" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render a time averaged map"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeAverageMap
+map = TerraTimeAverageMap()
+map.collection='${e.catalogVariable.dataFieldId.replace(`_${e.catalogVariable.dataFieldAccessName}`,"")}'
+map.variable = '${e.catalogVariable.dataFieldAccessName}'
+map.startDate = '${e.startDate}'
+map.endDate = '${e.endDate}'
+map.location = '${e.location}'
+
+map`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the map GeoTIFF bytes
+`,`
+`,"Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",`
+`,"Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:`import rasterio
+from rasterio.io import MemoryFile
+from io import BytesIO
+import matplotlib.pyplot as plt
+
+# map.data contains the rendered GeoTIFF as bytes
+# Ensure the map has rendered before accessing data
+if not map.data:
+    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
+else:
+    with MemoryFile(map.data) as memfile:
+        with memfile.open() as dataset:
+            # You can now work with the dataset as if it were opened from a file
+            print(f"Driver: {dataset.driver}")
+            print(f"CRS: {dataset.crs}")
+            print(f"Bounds: {dataset.bounds}")
+            data = dataset.read(1)
+            print(f"Data shape: {data.shape}")
+
+            # Example of creating a figure and displaying the data
+            plt.figure(figsize=(10, 8))
+            plt.imshow(data, cmap='viridis')  # You can change the colormap
+            plt.colorbar(label='Values')
+            plt.title('GeoTIFF Visualization')
+            plt.xlabel('X')
+            plt.ylabel('Y')
+            plt.show()`}]}export{o as a};

package/dist/chunks/chunk.JZBEFF5Q.js

@@ -0,0 +1,5 @@
+import{a as u}from"./chunk.KJB4OVGG.js";import{a as c}from"./chunk.IYLOXJSX.js";import{a as s}from"./chunk.BWCJXCND.js";import{a as m}from"./chunk.J5Q4TWEG.js";import{a as h,b as p}from"./chunk.IV5JC2HX.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as a,query as D}from"lit/decorators.js";import{html as b}from"lit";import y,{PipsMode as M}from"nouislider";import{format as S}from"date-fns";var e=class extends p{constructor(){super(...arguments);this.timeScale="daily";this.disabled=!1;this.hasPips=!0}updateSlider(){this.renderSlider()}disabledChanged(){var t,r,o,n;this.disabled?(r=(t=this.slider)==null?void 0:t.noUiSlider)==null||r.disable():(n=(o=this.slider)==null?void 0:o.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}renderSlider(){var l;if(!this.slider)return;if((l=this.slider.noUiSlider)==null||l.destroy(),!s(this.minDate)||!s(this.maxDate)){this.renderEmptySlider(),this.minDate&&!s(this.minDate)&&console.error("Invalid min date provided"),this.maxDate&&!s(this.maxDate)&&console.error("Invalid max date provided");return}let t=new Date(this.minDate),r=new Date(this.maxDate),o=new Date(s(this.startDate)?this.startDate:this.minDate),n=new Date(s(this.endDate)?this.endDate:this.maxDate);t.setUTCHours(0,0,0,0),o.setUTCHours(0,0,0,0),r.setUTCHours(23,59,59,999),n.setUTCHours(23,59,59,999);let f={range:{min:t.getTime(),max:r.getTime()},behaviour:"drag",step:this._getStep(),start:[o.getTime(),n.getTime()],tooltips:[!0,!0],connect:!0,pips:{mode:M.Range,density:-1,format:this._getSliderFormatter()},format:this._getSliderFormatter()};y.create(this.slider,f),c(this.slider),this.slider.noUiSlider.on("change",d=>{this.emit("terra-date-range-change",{detail:{startDate:this._formatDate(d[0]),endDate:this._formatDate(d[1])}})})}renderEmptySlider(){y.create(this.slider,{start:[0,0],range:{min:0,max:0}})}_getStep(){switch(this.timeScale){case"half-hourly":return 30*6e4;case"hourly":return 36e5;default:return 864e5}}_getSliderFormatter(){return{to:t=>this._formatDate(t),from:t=>Number(t)}}_formatDate(t){let r=this.timeScale==="daily"?"yyyy-MM-dd":"yyyy-MM-dd HH:mm";return S(new Date(t).toUTCString(),r)}render(){let t="container"+this.hasPips?" hasPips":"";return b`
+            <div class="${t}">
+                <div part="slider"></div>
+            </div>
+        `}};e.styles=[h,u],i([D('[part~="slider"]')],e.prototype,"slider",2),i([a({attribute:"time-scale"})],e.prototype,"timeScale",2),i([a({attribute:"min-date"})],e.prototype,"minDate",2),i([a({attribute:"max-date"})],e.prototype,"maxDate",2),i([a({attribute:"start-date"})],e.prototype,"startDate",2),i([a({attribute:"end-date"})],e.prototype,"endDate",2),i([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([a({type:Boolean,reflect:!0,attribute:"has-pips"})],e.prototype,"hasPips",2),i([m(["startDate","endDate","minDate","maxDate"])],e.prototype,"updateSlider",1),i([m("disabled")],e.prototype,"disabledChanged",1);export{e as a};

package/dist/chunks/chunk.K63TORTJ.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.KRY24B2Z.js";function u(){return{queryKey:["giovanni","configuredVariables"],queryFn:async({signal:e})=>r.getConfiguredVariables({signal:e})}}function y(){return{queryKey:["giovanni","shapeFiles"],queryFn:async({signal:e})=>r.getShapeFiles({signal:e})}}function s(e){return{queryKey:["giovanni","geoJsonShape",e],queryFn:async({signal:n})=>r.getGeoJson(e,{signal:n})}}function p(e){return{queryKey:["giovanni","variables",e],queryFn:async({signal:n})=>r.searchVariables(e,{signal:n}),placeholderData:n=>n}}function g(){return{queryKey:["giovanni","searchKeywords"],queryFn:async({signal:e})=>r.getSearchKeywords({signal:e})}}export{u as a,y as b,s as c,p as d,g as e};

package/dist/chunks/chunk.KBA3ODM6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.FKHHDKU3.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-breadcrumbs";e.define("terra-breadcrumbs");var m=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraBreadcrumbs"}),d=m;export{d as a};

package/dist/chunks/chunk.KCVSGJJV.js

@@ -0,0 +1,24 @@
+import{a as r}from"./chunk.W2BB76HP.js";import{a as o}from"./chunk.DZ3WN2JE.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as i,b as s}from"./chunk.IV5JC2HX.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as d}from"lit/directives/class-map.js";import{html as n}from"lit";import{property as l,query as p}from"lit/decorators.js";var m=0,t=class extends s{constructor(){super(...arguments);this.attrId=++m;this.componentId=`terra-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.size="large";this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(c){c.stopPropagation(),this.emit("terra-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}render(){return this.id=this.id.length>0?this.id:this.componentId,n`
+            <div
+                part="base"
+                class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled,"tab--large":this.size==="large","tab--small":this.size==="small"})}
+            >
+                <slot></slot>
+                ${this.closable?n`
+                          <button
+                              part="close-button"
+                              class="tab__close-button"
+                              @click=${this.handleCloseClick}
+                              tabindex="-1"
+                              aria-label="Close tab"
+                              type="button"
+                          >
+                              <terra-icon
+                                  name="x-mark"
+                                  library="heroicons"
+                                  font-size="1rem"
+                              ></terra-icon>
+                          </button>
+                      `:""}
+            </div>
+        `}};t.styles=[i,r],t.dependencies={"terra-icon":o},e([p(".tab")],t.prototype,"tab",2),e([l({reflect:!0})],t.prototype,"panel",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([l({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({reflect:!0})],t.prototype,"size",2),e([l({type:Number,reflect:!0})],t.prototype,"tabIndex",2),e([a("active")],t.prototype,"handleActiveChange",1),e([a("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/dist/chunks/chunk.KEMHCYXT.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.VC4GDLON.js";var t=r;r.define("terra-radio-group");export{t as a};

package/dist/chunks/chunk.KMLEWPB5.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.IV5JC2HX.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

package/dist/chunks/chunk.KRY24B2Z.js

@@ -0,0 +1 @@
+import{a as y}from"./chunk.LLYICQ3I.js";import{g as f,i as d}from"./chunk.INFVQQSJ.js";var _="https://api.giovanni.earthdata.nasa.gov/",A="https://sjldutoe6c.execute-api.us-east-1.amazonaws.com/default/harmony-proxy",N="daac-bin/catalogServices.pl",h={observations:"dataProductObservation",disciplines:"dataFieldDiscipline",measurements:"dataFieldMeasurement",platformInstruments:"dataProductPlatformInstrument",spatialResolutions:"dataProductSpatialResolution",temporalResolutions:"dataProductTimeInterval",wavelengths:"dataFieldWavelength",depths:"dataFieldDepth",specialFeatures:"specialFeatures",portals:"dataFieldTags"},b,w,l,c,v,O,F=class{constructor(){f(this,b);f(this,l);f(this,v)}async getConfiguredVariables(e){return(await d(this,b,w).call(this,"configured-variables",e)).configured_variables}async getShapeFiles(e){let t=await d(this,l,c).call(this,"daac-bin/getProvisionedShapefiles.py",e);return Object.keys(t.info).map(n=>({shapefileID:n,title:t.info[n].title,sourceName:t.info[n].sourceName,sourceURL:t.info[n].sourceURL,shapes:d(this,v,O).call(this,t.info[n].shapes,n)}))}async getGeoJson(e,t){return d(this,l,c).call(this,`daac-bin/getGeoJSON.py?shape=${e}`,t)}async searchVariables(e,t){var m,R,S;let n=new URLSearchParams({version:"2.2",facet:"true","facet.sort":"index",wt:"json",rows:(m=e==null?void 0:e.rows)!=null?m:"200",start:"0"});if((R=e==null?void 0:e.variableEntryIds)!=null&&R.length){let s=e.variableEntryIds.map(r=>`dataFieldId:"${r.replace(/\./g,"_")}"`).join(" OR ");n.append("q",`(${s}) AND dataFieldActive:true`),n.append("q.op","AND"),n.set("rows",e.variableEntryIds.length.toString())}else e!=null&&e.q?(n.append("q",`dataFieldActive:true AND dataFieldKeywordsText:(${e.q})`),n.append("q.op","AND")):n.append("q","dataFieldActive:true");if(e!=null&&e.filter)for(let[s,r]of Object.entries(e.filter)){let o=h[s];o&&n.append("fq",`${o}:(${r.map(p=>`"${p}"`).join(" OR ")})`)}for(let s of Object.values(h))n.append("facet.field",s);let a=await d(this,l,c).call(this,`${N}?${n.toString()}`,t),i=a.response.docs;if(!((S=e==null?void 0:e.variableEntryIds)!=null&&S.length)){let s=await this.getConfiguredVariables(t);if(s.length>0){let r=new Set(s);i=i.filter(o=>o.dataFieldId&&r.has(o.dataFieldId))}}let g=Object.entries(a.facet_counts.facet_fields).map(([s,r])=>{var P,q;let o=(q=(P=Object.entries(h).find(([,u])=>u===s))==null?void 0:P[0])!=null?q:s,p=[];for(let u=0;u<r.length;u+=2)p.push({name:r[u],count:r[u+1]});return{category:o,values:p}});return{count:i.length,total:a.response.numFound,variables:i,facets:g}}async getVariable(e,t){var a;return(a=(await this.searchVariables({variableEntryIds:[e]},t)).variables[0])!=null?a:null}async getSearchKeywords(e){var n;return(n=(await d(this,l,c).call(this,"daac-bin/aesir_proxy.pl/terms?terms.fl=dataFieldKeywords&terms.limit=-1&wt=json&terms.sort=count",e)).terms)==null?void 0:n.dataFieldKeywords.flatMap((a,i)=>i%2===0?[{id:a}]:[])}};b=new WeakSet,w=function(e,t){return y.get(`${_}${e}`,t)},l=new WeakSet,c=function(e,t){return y.get(`${A}/giovanni.gsfc.nasa.gov/giovanni/${e}`,t)},v=new WeakSet,O=function(e,t){return Object.keys(e).map(n=>{let a=e[n],i=null;return t==="lakes"?i=a.values[2]:t==="gpmLandMask"||t==="gpmSeaMask"?i=a.values.find(g=>typeof g=="string"&&g.includes("deg")):t==="state_dept_countries_2017"||t==="world_regions"||t==="major_world_basins"?i=a.values[1]:t==="tl_2014_us_state"&&(i=a.values[6]),{name:i,shapeID:n,shapefileID:t}})};var V=new F,I=V;export{I as a};

package/dist/chunks/chunk.L4WMFOWF.js

@@ -0,0 +1,133 @@
+import{css as i}from"lit";var n=i`
+    :host {
+        display: block;
+        position: relative;
+    }
+
+    @media (max-width: 768px) {
+        :host {
+            max-width: 100%;
+        }
+    }
+
+    terra-dropdown {
+        width: 100%;
+    }
+
+    :host terra-input {
+        width: 100%;
+    }
+
+    .spatial-picker {
+        position: relative;
+        width: 100%;
+    }
+
+    :host .spatial-picker__input_icon {
+        height: 1.4rem;
+        width: 1.4rem;
+        cursor: pointer;
+        color: var(--terra-color-neutral-500, #6b7280);
+        flex-shrink: 0;
+    }
+
+    :host .spatial-picker__input_icon:hover {
+        color: var(--terra-color-neutral-700, #374151);
+    }
+
+    .spatial-picker__suffix-icons {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .spatial-picker__clear-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        background: none;
+        border: none;
+        padding: 0;
+        cursor: pointer;
+        color: var(--terra-color-neutral-500, #6b7280);
+        height: 1.4rem;
+        width: 1.4rem;
+        flex-shrink: 0;
+    }
+
+    .spatial-picker__clear-btn:hover {
+        color: var(--terra-color-neutral-700, #374151);
+    }
+
+    .spatial-picker__clear-btn svg {
+        height: 1.4rem;
+        width: 1.4rem;
+    }
+
+    .spatial-picker__map-container {
+        position: relative;
+        width: 100%;
+        max-width: min(600px, calc(100vw - 2rem));
+        min-width: min(600px, 100vw);
+        max-height: var(--auto-size-available-height, min(450px, calc(100vh - 2rem)));
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .spatial-picker__map-container--inline {
+        position: static;
+        max-height: none;
+        margin-top: 1rem;
+    }
+
+    @media (max-width: 768px) {
+        .spatial-picker__map-container {
+            width: calc(100vw - 2rem);
+            max-width: calc(100vw - 2rem);
+        }
+    }
+
+    @media (max-width: 480px) {
+        .spatial-picker__map-container {
+            width: calc(100vw - 1rem);
+            max-width: calc(100vw - 1rem);
+        }
+    }
+
+    terra-map:not(.inline) {
+        width: 100%;
+        height: 100%;
+        min-height: 0;
+        flex: 1;
+    }
+
+    .button-icon {
+        height: 1rem;
+        width: 1rem;
+    }
+
+    .spatial-picker__error {
+        color: #a94442;
+        font-size: 0.8rem;
+        padding: 10px;
+    }
+
+    .dropdown-header {
+        display: flex;
+        justify-content: flex-end;
+        padding: 4px 6px;
+    }
+
+    .spatial-picker__close-btn {
+        border: none;
+        background: transparent;
+        font-size: 18px;
+        cursor: pointer;
+        line-height: 1;
+    }
+
+    .spatial-picker__close-btn:hover {
+        opacity: 0.7;
+    }
+`;export{n as a};

package/dist/chunks/chunk.LFX4V7QL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.O6NSPGF3.js";var o=e;e.define("terra-stepper-step");export{o as a};

package/dist/chunks/chunk.LLYICQ3I.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk.7J2F6HQM.js";import{a as g}from"./chunk.DDNVEBZH.js";import{a as i}from"./chunk.INFVQQSJ.js";async function r(e,{method:s="GET",body:a,headers:f={},signal:m}={}){var u,T,c,p,d,h;try{let t=await fetch(e,{method:s,headers:f,body:a?JSON.stringify(a):void 0,signal:m});if(!t.ok){if(t.status===401&&g.logout(),!((u=t.headers.get("Content-Type"))!=null&&u.includes("json"))){let w=await t.text();throw new n({status:t.status,message:w||`HTTP ${t.status}`})}let o=await t.json();throw new n({status:t.status,message:(d=(p=(T=o.message)!=null?T:o.description)!=null?p:(c=o.errors)==null?void 0:c[0])!=null?d:`HTTP ${t.status}`})}if(t.status===204)return;if(!((h=t.headers.get("Content-Type"))!=null&&h.includes("json")))try{return t.json()}catch(o){throw new n({status:500,message:`Expected JSON response but got ${t.headers.get("Content-Type")}`,cause:o})}return t.json()}catch(t){if(t instanceof DOMException&&t.name==="AbortError")return;throw t instanceof n&&t.status!==500?t:(console.error(t),console.error(`Failed to fetch ${e}`),new n({status:500,message:"An unknown error occurred when attempting to fetch, please try again later.",cause:t}))}}var k={get:(e,s)=>r(e,i({},s)),post:(e,s,a)=>r(e,i({method:"POST",body:s},a)),put:(e,s)=>r(e,{method:"PUT",body:s}),patch:(e,s)=>r(e,{method:"PATCH",body:s}),delete:(e,s)=>r(e,i({method:"DELETE"},s))};export{k as a};

package/dist/chunks/chunk.LO67Y767.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6IZ6A2NM.js";import*as a from"react";import{createComponent as t}from"@lit/react";var r="terra-data-rods";e.define("terra-data-rods");var o=t({tagName:r,elementClass:e,react:a,events:{},displayName:"TerraDataRods"}),c=o;export{c as a};

package/dist/chunks/chunk.LUKXGRZX.js

@@ -0,0 +1,48 @@
+import{b as w,c as k}from"./chunk.UTJA3S5Z.js";import{a as C}from"./chunk.R4D7NLOS.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as D}from"./chunk.DZ3WN2JE.js";import{a as f}from"./chunk.J5Q4TWEG.js";import{a as y,b as v}from"./chunk.IV5JC2HX.js";import{e,g,i as d}from"./chunk.INFVQQSJ.js";import{classMap as x}from"lit/directives/class-map.js";import{html as m,literal as $}from"lit/static-html.js";import{ifDefined as r}from"lit/directives/if-defined.js";import{property as o,query as L,state as c}from"lit/decorators.js";var n,u,t=class extends v{constructor(){super(...arguments);g(this,n);this.formControlController=new w(this,{assumeInteractionOn:["click"]});this.hasSlotController=new b(this,"[default]","prefix","suffix");this.hasFocus=!1;this.invalid=!1;this.title="";this.variant="primary";this.size="medium";this.caret=!1;this.disabled=!1;this.loading=!1;this.outline=!1;this.circle=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.role="button";this.expanded=!1}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.forDialog&&(document.addEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.addEventListener("terra-dialog-hide",d(this,n,u).bind(this)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.removeEventListener("terra-dialog-hide",d(this,n,u).bind(this))}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleClick(){if(this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.forDialog){let i=document.getElementById(this.forDialog);if(!i){let a=l=>{if("getElementById"in l&&typeof l.getElementById=="function"){let s=l.getElementById(this.forDialog);if(s)return s}let E=l.querySelectorAll("*");for(let s of E){if(s.id===this.forDialog&&s.tagName.toLowerCase()==="terra-dialog")return s;if(s.shadowRoot&&s.shadowRoot.mode==="open"){let p=a(s.shadowRoot);if(p)return p}}return null},h=a(document);h&&(i=h)}i==null||i.show()}}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleHrefChange(){this.role=this.isLink()?null:"button"}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}setPageLinkIcon(i){let h=new URL(i).hostname,l=globalThis.location.hostname;return h===l?"outline-arrow-right":"outline-arrow-up-right"}setFontSize(i){switch(i){case"small":return".8rem";case"medium":return"1.2rem";case"large":return"1.5rem";default:return"1.5rem"}}render(){let i=this.isLink(),a=i?$`a`:$`button`;return m`
+      <${a}
+        part="base"
+        class=${x({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--success":this.variant==="success","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--pagelink":this.variant==="pagelink","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--square-left":this.shape==="square-left","button--square":this.shape==="square","button--square-right":this.shape==="square-right","button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
+        ?disabled=${r(i?void 0:this.disabled)}
+        type=${r(i?void 0:this.type)}
+        title=${this.title}
+        name=${r(i?void 0:this.name)}
+        value=${r(i?void 0:this.value)}
+        href=${r(i?this.href:void 0)}
+        target=${r(i?this.target:void 0)}
+        download=${r(i?this.download:void 0)}
+        rel=${r(i?this.rel:void 0)}
+        role=${r(this.role)}
+        aria-disabled=${this.disabled?"true":"false"}
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @invalid=${this.isButton()?this.handleInvalid:null}
+        @click=${this.handleClick}
+        aria-controls=${r(this.forDialog||void 0)} 
+        ?aria-haspopup=${this.forDialog?"dialog":void 0}
+        aria-expanded=${r(this.forDialog?this.expanded:void 0)}
+      >
+        <slot name="prefix" part="prefix" class="button__prefix"></slot>
+        <slot part="label" class="button__label"></slot>
+        <slot name="suffix" part="suffix" class="button__suffix">
+            ${this.variant=="pagelink"?m`
+                          <span>
+                              <terra-icon
+                                  name=${this.setPageLinkIcon(this.href)}
+                                  library="heroicons"
+                                  font-size=${this.setFontSize(this.size)}
+                              ></terra-icon>
+                          </span>
+                      `:""}
+        </slot>
+        ${this.caret?m`
+                      <span part="caret" class="button__caret">
+                          <terra-icon
+                              name="solid-chevron-down"
+                              library="heroicons"
+                              aria-hidden="true"
+                          ></terra-icon>
+                      </span>
+                  `:""}
+      </${a}>
+    `}};n=new WeakSet,u=function(i){this.forDialog&&this.forDialog===i.target.id&&(this.expanded=i.target.open)},t.styles=[y,C],t.dependencies={"terra-icon":D},e([L(".button")],t.prototype,"button",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"invalid",2),e([o()],t.prototype,"title",2),e([o({reflect:!0})],t.prototype,"variant",2),e([o({reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([o({reflect:!0})],t.prototype,"shape",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:Boolean,reflect:!0})],t.prototype,"outline",2),e([o({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([o()],t.prototype,"type",2),e([o()],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"href",2),e([o()],t.prototype,"target",2),e([o()],t.prototype,"rel",2),e([o()],t.prototype,"download",2),e([o()],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([o({attribute:"for-dialog"})],t.prototype,"forDialog",2),e([o({reflect:!0})],t.prototype,"role",2),e([c()],t.prototype,"expanded",2),e([f("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([f("href")],t.prototype,"handleHrefChange",1);export{t as a};

package/dist/chunks/chunk.LUT5ZHEE.js

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

package/dist/chunks/chunk.LV5FGLSI.js

@@ -0,0 +1 @@
+import{a}from"./chunk.6IZ6A2NM.js";var d=a;a.define("terra-data-rods");export{d as a};

package/dist/chunks/chunk.MADJHLHO.js

@@ -0,0 +1,74 @@
+import{b as A,c as u,d as v}from"./chunk.6WTTSLOK.js";import{a as Q}from"./chunk.IT5QPTVP.js";import{a as W}from"./chunk.6VRE7YNG.js";import{a as O}from"./chunk.VFIQVKQU.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as N}from"./chunk.LUT5ZHEE.js";import{a as U}from"./chunk.J5Q4TWEG.js";import{a as R,b as F}from"./chunk.IV5JC2HX.js";import{a as q,b as C,e as o,f as t,g as l,h as m,i as d}from"./chunk.INFVQQSJ.js";import z from"fuse.js";import{LitElement as B,html as E,nothing as D}from"lit";import{property as b,state as $}from"lit/decorators.js";import{map as G}from"lit/directives/map.js";import{ref as P}from"lit/directives/ref.js";var a,g,r,L,c,k,M,H,f,y,p,x,T,j,s=class s extends w(F){constructor(){super(...arguments);l(this,p);l(this,T);l(this,a,null);l(this,g,new Q(this));l(this,r,null);l(this,L,null);l(this,c,null);this.label="Enter search terms (e.g., precipitation, AOD)";this.hideLabel=!0;this.searchConfig={keys:["id"],useExtendedSearch:!0};this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];l(this,k,i=>{var n;let e=i.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(n=t(this,L))==null?void 0:n.search(e.value).map(({item:h})=>h)});l(this,M,i=>{let e=i.composedPath(),[n]=e.filter(h=>h.role==="option");n&&(t(this,y).call(this,n),d(this,p,x).call(this,this.query))});l(this,H,i=>{var e;switch(i.key){case"ArrowDown":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"next");break}case"ArrowUp":{if(!this.isExpanded)return;u(t(this,a),t(this,r)),v(t(this,c),t(this,a),"previous");break}case"Enter":{let n=(e=t(this,c))==null?void 0:e.currentNode;n.role==="option"&&t(this,y).call(this,n),d(this,p,x).call(this,this.query);break}case"Escape":{u(t(this,a),t(this,r)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});l(this,f,i=>{i.composedPath().some(h=>h.localName===s.tagName)||(this.isExpanded=!1)});l(this,y,i=>{this.query=i.id,this.emit("terra-variable-keyword-search-change",{detail:i.id}),this.isExpanded=!1,u(t(this,a),t(this,r))})}async valueChanged(i,e){this.query=e}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,f))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var i;return E`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <terra-button
+                    @click=${()=>d(this,p,x).call(this,this.query)}
+                    aria-label=${this.query?`Search for ${this.query}.`:"Enter search term to enable search."}
+                    circle
+                    class="search-button search-input-button"
+                    outline
+                    tabindex="-1"
+                    type="button"
+                >
+                    <slot name="label">
+                        <terra-icon
+                            font-size="1.5em"
+                            library="heroicons"
+                            name="outline-magnifying-glass"
+                        ></terra-icon>
+                    </slot>
+                </terra-button>
+
+                <input
+                    ${P(e=>{var n;e&&((n=t(this,a))!=null||m(this,a,e))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    autocomplete="off"
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(i=this.placeholder)!=null?i:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,k)}
+                    @keydown=${t(this,H)}
+                />
+
+                ${this.query.length?E`<terra-button
+                          @click=${()=>d(this,T,j).call(this)}
+                          aria-label="Clear the searched term and start over."
+                          circle
+                          class="clear-button search-input-button"
+                          outline
+                          tabindex="-1"
+                          type="button"
+                      >
+                          <slot name="label">
+                              <terra-icon
+                                  font-size="1.5em"
+                                  library="heroicons"
+                                  name="outline-x-circle"
+                              ></terra-icon>
+                          </slot>
+                      </terra-button>`:D}
+            </div>
+
+            <ul
+                ${P(e=>{var n;e&&((n=t(this,r))!=null||m(this,r,e))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Keywords Matching ${this.query}`:"Keywords"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,g).render({initial:()=>E`<li class="updating">Updating List of Keywords</li>`,pending:()=>E`<li class="updating">Updating List of Keywords</li>`,complete:e=>(m(this,L,new z(e,this.searchConfig)),m(this,c,document.createTreeWalker(t(this,r),NodeFilter.SHOW_ELEMENT,n=>{var h;return["option","listbox"].includes((h=n.role)!=null?h:"")?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP})),G(this.searchResults,A)),error:e=>E`<li class="error">${e}</li>`})}
+            </ul>
+        </search>`}};a=new WeakMap,g=new WeakMap,r=new WeakMap,L=new WeakMap,c=new WeakMap,k=new WeakMap,M=new WeakMap,H=new WeakMap,f=new WeakMap,y=new WeakMap,p=new WeakSet,x=function(i){i.length&&this.emit("terra-search",{detail:this.query})},T=new WeakSet,j=function(){var i;this.query=s.initialQuery,this.emit("terra-search",{detail:this.query}),u(t(this,a),t(this,r)),(i=t(this,a))==null||i.focus()},s.dependencies={"terra-button":N,"terra-icon":O},s.styles=[R,W],s.shadowRootOptions=C(q({},B.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-keyword-search",s.initialQuery="",o([b()],s.prototype,"label",2),o([b()],s.prototype,"placeholder",2),o([b({attribute:"hide-label",type:Boolean})],s.prototype,"hideLabel",2),o([b({reflect:!1,type:Object})],s.prototype,"searchConfig",2),o([b()],s.prototype,"value",2),o([$()],s.prototype,"isExpanded",2),o([$()],s.prototype,"query",2),o([$()],s.prototype,"searchResults",2),o([U("value")],s.prototype,"valueChanged",1);var I=s;export{I as a};

package/dist/chunks/chunk.MJJLSP6W.js

@@ -0,0 +1 @@
+import{a as E}from"./chunk.LLYICQ3I.js";import{b as h,c as w}from"./chunk.7J2F6HQM.js";import{a as o,b as v,g as T,i as D}from"./chunk.INFVQQSJ.js";var B="https://cmr.earthdata.nasa.gov/search/",m,C,b,U,f=class{constructor(){T(this,m);T(this,b)}async getCollection(e,t,n){return this.getCollectionByEntryId(`${e}_${t}`,n)}async getCollectionByEntryId(e,t){if(!e)throw new h({message:"`collectionEntryId` is required"});let n=await D(this,m,C).call(this,`collections.umm_json?entry_id=${e}&include_granule_counts=true`,t);if(!n.items.length)throw new w({message:`Collection ${e} was not found`});return n.items[0]}async searchVariables(e,t){var n;if(!e.collectionConceptId)throw new h({message:"`collectionConceptId` is required"});return D(this,m,C).call(this,`variables.umm_json?keyword=${e.collectionConceptId}&page_size=${(n=e.pageSize)!=null?n:200}`,t)}async getSamplingOfGranules(e,t){var i,c,g,u,d,p,y;let[n,s]=await Promise.all([this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"asc"},t),this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"desc"},t)]),a=(i=n.items[0])==null?void 0:i.umm,r=(c=a==null?void 0:a.TemporalExtent)==null?void 0:c.RangeDateTime,l=(r==null?void 0:r.BeginningDateTime)!=null&&r.EndingDateTime!=null?(new Date(r.EndingDateTime).getTime()-new Date(r.BeginningDateTime).getTime())/(1e3*60*60)<24:!1;return{minDate:(g=r==null?void 0:r.BeginningDateTime)==null?void 0:g.toString(),maxDate:(y=(p=(d=(u=s.items[0])==null?void 0:u.umm.TemporalExtent)==null?void 0:d.RangeDateTime)==null?void 0:p.BeginningDateTime)==null?void 0:y.toString(),isSubDaily:l,hasGranules:n.hits>0}}async searchGranules(e,t){var s,a,r,l;if(!e.collectionEntryId&&!e.collectionConceptId)throw new h({message:"`collectionEntryId` or `collectionConceptId` is required to search granules"});let n=new URLSearchParams(o(o(o(o(o(o(o(o(o(o({},e.collectionEntryId&&{"entry_id[]":e.collectionEntryId}),e.collectionConceptId&&{collection_concept_id:e.collectionConceptId}),e.pageSize&&{page_size:e.pageSize.toString()}),e.pageNum&&{page_num:e.pageNum.toString()}),e.offset&&{offset:e.offset.toString()}),e.sortBy&&{"sort_key[]":D(this,b,U).call(this,e.sortBy,(s=e.sortDirection)!=null?s:"asc")}),e.search&&{"granule_ur[]":`*${e.search}*`,"options[granule_ur][pattern]":"true"}),e.startDate&&e.endDate&&{temporal:`${e.startDate},${e.endDate}`}),((a=e.location)==null?void 0:a.type)==="bbox"&&{bounding_box:e.location.bounds.toBBoxString()}),((r=e.cloudCover)==null?void 0:r.min)!==void 0&&((l=e.cloudCover)==null?void 0:l.max)!==void 0&&{cloud_cover:`${e.cloudCover.min},${e.cloudCover.max}`}));return D(this,m,C).call(this,`granules.umm_json?${n.toString()}`,t)}async getCollectionCitation(e,t){var a,r,l;let s=(await this.getCollectionByEntryId(e,t)).umm;if(!((a=s.CollectionCitations)!=null&&a.length))throw new Error(`No collection citations found for ${e}`);return{doi:{doi:(l=(r=s.DOI)==null?void 0:r.DOI)!=null?l:""},collectionCitations:s.CollectionCitations.map(i=>{var c,g,u,d,p,y,R,S,x,I;return{creator:(c=i.Creator)!=null?c:"",editor:(g=i.Editor)!=null?g:"",dataPresentationForm:(u=i.DataPresentationForm)!=null?u:"",onlineResource:{linkage:(p=(d=i.OnlineResource)==null?void 0:d.Linkage)!=null?p:""},publisher:(y=i.Publisher)!=null?y:"",title:(R=i.Title)!=null?R:"",seriesName:(S=i.SeriesName)!=null?S:"",releaseDate:i.ReleaseDate?String(i.ReleaseDate):"",version:(x=i.Version)!=null?x:"",releasePlace:(I=i.ReleasePlace)!=null?I:""}})}}};m=new WeakSet,C=function(e,t){return E.get(`${B}${e}`,v(o({},t),{headers:o(o({},t==null?void 0:t.headers),(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})}))},b=new WeakSet,U=function(e,t){let n=e;switch(e){case"title":case"umm.GranuleUR":n="granuleUr";break;case"size":case"umm.DataGranule.Size":n="dataSize";break;case"timeStart":case"umm.TemporalExtent.RangeDateTime.BeginningDateTime":n="startDate";break;case"timeEnd":case"umm.TemporalExtent.RangeDateTime.EndingDateTime":n="endDate";break}return`${t==="asc"?"+":"-"}${n}`};var G=new f,N=G;export{N as a};

package/dist/chunks/chunk.MJP5UXMM.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.V3FEBTDD.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-textarea";e.define("terra-textarea");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraInput:"terra-input",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraInvalid:"terra-invalid"},displayName:"TerraTextarea"}),E=a;export{E as a};

package/dist/chunks/chunk.MK6FS47O.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.VIDRLWQU.js";import*as e from"react";import{createComponent as o}from"@lit/react";var r="terra-plot-toolbar";t.define("terra-plot-toolbar");var a=o({tagName:r,elementClass:t,react:e,events:{},displayName:"TerraPlotToolbar"}),c=a;export{c as a};

package/dist/chunks/chunk.MORW6CPW.js

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

package/dist/chunks/chunk.MQ3FSXBG.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.IFB377NH.js";import*as r from"react";import{createComponent as t}from"@lit/react";var a="terra-site-header";e.define("terra-site-header");var o=t({tagName:a,elementClass:e,react:r,events:{},displayName:"TerraSiteHeader"}),c=o;export{c as a};

package/dist/chunks/chunk.MVG5ADSV.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.KMLEWPB5.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-loader";e.define("terra-loader");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraLoader"}),d=o;export{d as a};

package/dist/chunks/chunk.NLPW36W6.js

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

package/dist/chunks/chunk.NMGTD6KY.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.ODB2F62J.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-card";e.define("terra-card");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraCard"}),d=o;export{d as a};