@nasa-terra/components 0.0.186 → 0.0.187

package/dist/chunks/chunk.V42W5H4F.js

@@ -0,0 +1,280 @@
+import{a as ve}from"./chunk.O5KBHBML.js";import{a as Pe}from"./chunk.AGNTPCJT.js";import{a as Se}from"./chunk.7UOW7T23.js";import{a as Ce}from"./chunk.3UXNU45N.js";import{a as ge,b as fe}from"./chunk.P46NR7KP.js";import{a as ue}from"./chunk.XQERKT6Y.js";import{a as me}from"./chunk.ROKQWNRH.js";import{a as xe}from"./chunk.UC5K3JSD.js";import{a as De}from"./chunk.5DVFWG6G.js";import{a as Ae}from"./chunk.5ZRIYIRI.js";import{a as pe}from"./chunk.QDFHF7LY.js";import{a as he}from"./chunk.TGGBDRNU.js";import{a as de}from"./chunk.BY4THMCU.js";import{a as ce}from"./chunk.M6UJ3FOI.js";import{b as le}from"./chunk.E3NUSTFU.js";import{a as se}from"./chunk.3WP3ALIU.js";import{a as ee}from"./chunk.J5Q4TWEG.js";import{a as oe,b as ne}from"./chunk.AQD2424J.js";import{a as w,b as N,e as p,f as a,g as o,h as G,i as n}from"./chunk.INFVQQSJ.js";import{property as $,state as T}from"lit/decorators.js";import{html as C,nothing as O}from"lit";var Ie=Symbol(),Ge=ie=>(Ye,e,t)=>{let r=t.value;t.value=function(...s){clearTimeout(this[Ie]),this[Ie]=window.setTimeout(()=>{r.apply(this,s)},ie)}};import{createRef as H,ref as z}from"lit/directives/ref.js";var c,u,I,M,W,Me,F,Ee,L,Be,Y,we,_,Ne,q,ke,R,ye,k,te,X,Ve,K,$e,Z,He,y,re,U,ze,Q,We,J,Fe,V,ae,j,Le,l=class extends pe(ne){constructor(){super(...arguments);o(this,I);o(this,W);o(this,F);o(this,L);o(this,Y);o(this,_);o(this,q);o(this,R);o(this,k);o(this,X);o(this,K);o(this,Z);o(this,y);o(this,U);o(this,Q);o(this,J);o(this,V);o(this,j);this.service=new xe;this.searchParams={pageSize:50,offset:0,search:"",sortBy:"title",sortDirection:"asc",cloudCover:{min:void 0,max:void 0}};this.loading=!1;this.totalGranules=0;this.estimatedSize=null;this.cloudCoverRange=null;this._gridInitialized=!1;this.cloudCoverPickerOpen=!1;this.datePickerRef=H();this.spatialPickerRef=H();this.cloudCoverSliderRef=H();this.gridRef=H();o(this,c,null);o(this,u,new fe(this,{getCollectionEntryId:()=>this.collectionEntryId,getBearerToken:()=>this.bearerToken}))}handleShortNameOrVersionChange(){this.shortName&&this.version&&!this.collectionEntryId&&(this.collectionEntryId=`${this.shortName}_${this.version}`)}handleCollectionChange(){this._gridInitialized&&this.isVisible&&(this._gridInitialized=!1,this.firstVisible())}get isSubDaily(){return a(this,u).isSubDaily}get granuleMinDate(){var t,r;let e=(r=(t=a(this,u).sampling)==null?void 0:t.data)==null?void 0:r.minDate;return e?new Date(e):null}get granuleMaxDate(){var t,r;let e=(r=(t=a(this,u).sampling)==null?void 0:t.data)==null?void 0:r.maxDate;return e?new Date(e):null}get spatialConstraints(){return a(this,u).spatialConstraints}disconnectedCallback(){super.disconnectedCallback(),a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))}async firstVisible(){n(this,F,Ee).call(this)}handleSearch(e){var t;this.searchParams=N(w({},this.searchParams),{search:e}),(t=a(this,I,M))==null||t.purgeInfiniteCache()}render(){var e,t,r,s,i,g,m,h,D,v,A,P,S;return C`
+            <div class="filters-compact">
+                <div class="search-row">
+                    <div class="search-icon" aria-hidden="true">🔍</div>
+                    <input
+                        type="text"
+                        class="search-input"
+                        placeholder="Search file names"
+                        .value=${(e=this.searchParams.search)!=null?e:""}
+                        @input=${d=>{this.handleSearch(d.target.value)}}
+                    />
+                </div>
+
+                <div class="toggle-row">
+                    <terra-dropdown>
+                        <button
+                            slot="trigger"
+                            class="filter-btn ${this.searchParams.startDate&&this.searchParams.endDate?"active":""}"
+                        >
+                            <terra-icon
+                                name="outline-calendar"
+                                library="heroicons"
+                                font-size="18px"
+                            ></terra-icon>
+                            <span>${n(this,_,Ne).call(this)}</span>
+                            ${this.searchParams.startDate&&this.searchParams.endDate?C`
+                                      <button
+                                          class="clear-badge"
+                                          @click=${d=>{d.stopPropagation(),n(this,R,ye).call(this)}}
+                                          aria-label="Clear date range"
+                                      >
+                                          ×
+                                      </button>
+                                  `:O}
+                        </button>
+
+                        <div class="datepicker-container">
+                            <terra-date-picker
+                                ${z(this.datePickerRef)}
+                                range
+                                ?enable-time=${this.isSubDaily}
+                                show-presets
+                                split-inputs
+                                inline
+                                .startDate=${this.searchParams.startDate}
+                                .endDate=${this.searchParams.endDate}
+                                .startPlaceholder=${this.isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .endPlaceholder=${this.isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .minDate=${this.granuleMinDate}
+                                .maxDate=${this.granuleMaxDate}
+                                @terra-date-range-change=${n(this,Y,we)}
+                            >
+                                ${this.granuleMinDate&&this.granuleMaxDate?C` <p
+                                          slot="additional-text"
+                                          class="available-range"
+                                      >
+                                          <strong>Available Range:</strong>
+                                          ${this.service.formatAvailableRangeDate(this.granuleMinDate,this.isSubDaily)}
+                                          -
+                                          ${this.service.formatAvailableRangeDate(this.granuleMaxDate,this.isSubDaily)}
+                                      </p>`:O}
+                            </terra-date-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    <terra-dropdown placement="bottom-start" distance="4" hoist>
+                        <div slot="trigger" class="filter">
+                            <button
+                                class="filter-btn ${this.searchParams.location?"active":""}"
+                            >
+                                <terra-icon
+                                    name="outline-globe-alt"
+                                    library="heroicons"
+                                    font-size="18px"
+                                ></terra-icon>
+                                <span>${n(this,q,ke).call(this)}</span>
+                                ${this.searchParams.location?C`
+                                          <button
+                                              class="clear-badge"
+                                              @click=${d=>{d.stopPropagation(),n(this,k,te).call(this,null)}}
+                                              aria-label="Clear spatial filter"
+                                          >
+                                              ×
+                                          </button>
+                                      `:O}
+                            </button>
+                        </div>
+
+                        <div class="spatialpicker-container">
+                            <terra-spatial-picker
+                                ${z(this.spatialPickerRef)}
+                                hide-label
+                                inline
+                                no-world-wrap
+                                .spatialConstraints=${this.spatialConstraints}
+                                @terra-map-change=${n(this,L,Be)}
+                            >
+                                <p class="available-range" slot="additional-text">
+                                    <strong>Available range:</strong> ${this.spatialConstraints}
+                                </p>
+                            </terra-spatial-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    ${this.cloudCoverRange?C`
+                              <div class="filter">
+                                  <button
+                                      class="filter-btn ${((t=this.searchParams.cloudCover)==null?void 0:t.min)!==void 0&&((r=this.searchParams.cloudCover)==null?void 0:r.max)!==void 0?"active":""}"
+                                      @click=${d=>{d.stopPropagation(),n(this,X,Ve).call(this)}}
+                                  >
+                                      <terra-icon
+                                          name="outline-cloud"
+                                          library="heroicons"
+                                          font-size="18px"
+                                      ></terra-icon>
+                                      <span>${n(this,Z,He).call(this)}</span>
+                                      ${((s=this.searchParams.cloudCover)==null?void 0:s.min)!==void 0&&((i=this.searchParams.cloudCover)==null?void 0:i.max)!==void 0?C`
+                                                <button
+                                                    class="clear-badge"
+                                                    @click=${d=>{d.stopPropagation(),n(this,K,$e).call(this)}}
+                                                    aria-label="Clear cloud cover filter"
+                                                >
+                                                    ×
+                                                </button>
+                                            `:O}
+                                  </button>
+
+                                  <!-- hidden slider to show when clicking the filter -->
+                                  <div
+                                      class="cloud-cover-dropdown ${this.cloudCoverPickerOpen?"open":""}"
+                                      @click=${d=>d.stopPropagation()}
+                                  >
+                                      <terra-slider
+                                          ${z(this.cloudCoverSliderRef)}
+                                          mode="range"
+                                          min=${(g=this.cloudCoverRange)==null?void 0:g.min}
+                                          max=${(m=this.cloudCoverRange)==null?void 0:m.max}
+                                          start-value=${(v=(h=this.searchParams.cloudCover)==null?void 0:h.min)!=null?v:(D=this.cloudCoverRange)==null?void 0:D.min}
+                                          end-value=${(S=(A=this.searchParams.cloudCover)==null?void 0:A.max)!=null?S:(P=this.cloudCoverRange)==null?void 0:P.max}
+                                          step="0.1"
+                                          hide-label
+                                          label="Cloud Cover"
+                                          @terra-slider-change=${n(this,J,Fe)}
+                                          show-inputs
+                                      ></terra-slider>
+                                  </div>
+                              </div>
+                          `:O}
+                </div>
+
+                <div class="results-info">
+                    <strong>${this.totalGranules.toLocaleString()}</strong>
+                    files selected
+                    ${this.estimatedSize?C` (~${this.estimatedSize})`:O}
+                </div>
+            </div>
+
+            <div class="grid-container">
+                <terra-data-grid
+                    ${z(this.gridRef)}
+                    row-model-type="infinite"
+                    height="350px"
+                ></terra-data-grid>
+
+                ${this.loading?n(this,j,Le).call(this):O}
+            </div>
+
+            ${this.footerSlot?C`
+                      <div
+                          slot="footer"
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,y,re)}>
+                              <terra-button slot="trigger" caret>
+                                  Download Options
+                              </terra-button>
+                              <terra-menu>
+                                  <terra-menu-item value="python-script">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 128 128"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <path
+                                              fill="currentColor"
+                                              d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
+                                          ></path>
+                                      </svg>
+                                      Python Script
+                                  </terra-menu-item>
+                                  <terra-menu-item value="earthdata-download">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 64 64"
+                                          fill="none"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <circle
+                                              cx="32"
+                                              cy="32"
+                                              r="28"
+                                              fill="currentColor"
+                                          />
+                                          <path
+                                              d="M32 14v26M32 40l-9-9M32 40l9-9"
+                                              stroke="#fff"
+                                              stroke-width="4"
+                                              stroke-linecap="round"
+                                              stroke-linejoin="round"
+                                              fill="none"
+                                          />
+                                      </svg>
+                                      Earthdata Download
+                                  </terra-menu-item>
+                              </terra-menu>
+                          </terra-dropdown>
+                      </div>
+                  `:C`
+                      <div
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,y,re)}>
+                              <terra-button slot="trigger" caret>
+                                  Download Options
+                              </terra-button>
+                              <terra-menu>
+                                  <terra-menu-item value="python-script">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 128 128"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <path
+                                              fill="currentColor"
+                                              d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
+                                          ></path>
+                                      </svg>
+                                      Python Script
+                                  </terra-menu-item>
+                                  <terra-menu-item value="earthdata-download">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 64 64"
+                                          fill="none"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <circle
+                                              cx="32"
+                                              cy="32"
+                                              r="28"
+                                              fill="currentColor"
+                                          />
+                                          <path
+                                              d="M32 14v26M32 40l-9-9M32 40l9-9"
+                                              stroke="#fff"
+                                              stroke-width="4"
+                                              stroke-linecap="round"
+                                              stroke-linejoin="round"
+                                              fill="none"
+                                          />
+                                      </svg>
+                                      Earthdata Download
+                                  </terra-menu-item>
+                              </terra-menu>
+                          </terra-dropdown>
+                      </div>
+                  `}
+        `}};c=new WeakMap,u=new WeakMap,I=new WeakSet,M=function(){var e;return(e=this.gridRef.value)==null?void 0:e.getGridApi()},W=new WeakSet,Me=function(e){var i;let t=e.target,r=(i=this.shadowRoot)==null?void 0:i.querySelector(".cloud-cover-dropdown"),s=r==null?void 0:r.closest(".filter");s!=null&&s.contains(t)||(this.cloudCoverPickerOpen=!1,a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null)))},F=new WeakSet,Ee=function(){if(!this.gridRef.value||this._gridInitialized)return;this._gridInitialized=!0;let e={rowCount:void 0,getRows:async r=>{var D,v,A,P,S,d,E,B,f,x;this.loading=!0;let s=ge(N(w({collectionEntryId:this.collectionEntryId},this.searchParams),{pageSize:r.endRow-r.startRow,offset:r.startRow,sortBy:(A=(v=(D=r.sortModel)==null?void 0:D[0])==null?void 0:v.colId)!=null?A:"title",sortDirection:(d=(S=(P=r.sortModel)==null?void 0:P[0])==null?void 0:S.sort)!=null?d:"asc"})),i=await this.queryClient.ensureQueryData(s);if(this.loading=!1,(i==null?void 0:i.hits)===void 0||!(i!=null&&i.items)){r.failCallback();return}this.totalGranules=i.hits;let g=(B=(E=a(this,u).sampling)==null?void 0:E.data)!=null&&B.minDate?{TemporalExtent:{RangeDateTime:{BeginningDateTime:a(this,u).sampling.data.minDate}}}:void 0,m=(x=(f=a(this,u).sampling)==null?void 0:f.data)!=null&&x.maxDate?{TemporalExtent:{RangeDateTime:{EndingDateTime:a(this,u).sampling.data.maxDate}}}:void 0;this.estimatedSize=this.service.getEstimatedGranuleSize(g,m,this.totalGranules);let h=i.hits<=r.endRow?i.hits:-1;r.successCallback(i.items,h)}},t=[{field:"umm.GranuleUR",headerName:"Title",flex:3,cellRenderer:r=>{var g,m;if(!r.data)return"";let s=(m=(g=r.data.umm.RelatedUrls)==null?void 0:g.find(h=>h.Type==="GET DATA"))==null?void 0:m.URL;if(s){let h=document.createElement("a");return h.href=s,h.target="_blank",h.title=s,h.textContent=r.data.umm.GranuleUR,h}let i=document.createElement("span");return i.textContent=r.data.umm.GranuleUR,i}},{colId:"umm.DataGranule.Size",headerName:"Size (MB)",valueGetter:r=>{if(r.data)return this.service.calculateGranuleSize(r.data.umm,"MB").toFixed(2)}},{field:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",headerName:"Start Date"},{field:"umm.TemporalExtent.RangeDateTime.EndingDateTime",headerName:"End Date"},{field:"umm.CloudCover",hide:!0,headerName:"Cloud Cover (%)"}];this.gridRef.value.rowModelType="infinite",this.gridRef.value.columnDefs=t,this.gridRef.value.datasource=e,this.gridRef.value.gridOptions={defaultColDef:{flex:1,minWidth:100,sortable:!0,sortingOrder:["desc","asc",null]},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2,infiniteInitialRowCount:50}},L=new WeakSet,Be=function(e){n(this,k,te).call(this,e.detail)},Y=new WeakSet,we=function(e){var r;let t=e.detail;this.searchParams=N(w({},this.searchParams),{startDate:t.startDate||"",endDate:t.endDate||""}),(r=a(this,I,M))==null||r.purgeInfiniteCache()},_=new WeakSet,Ne=function(){if(this.searchParams.startDate&&this.searchParams.endDate){let e=t=>new Date(t).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"});return`${e(this.searchParams.startDate)} \u2013 ${e(this.searchParams.endDate)}`}return"Date Range"},q=new WeakSet,ke=function(){if(!this.searchParams.location)return"Spatial Area";try{if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:e,lng:t}=this.searchParams.location.latLng;return`${e.toFixed(2)}, ${t.toFixed(2)}`}if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds){let e=this.searchParams.location.bounds.toBBoxString(),t=e.split(",").map(r=>parseFloat(r.trim()));return t.length===4?`${t[1].toFixed(2)}, ${t[0].toFixed(2)}, ${t[3].toFixed(2)}, ${t[2].toFixed(2)}`:e}if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds)return this.searchParams.location.bounds.toBBoxString()}catch(e){console.warn("Error formatting spatial selection:",e)}return"Spatial Area"},R=new WeakSet,ye=function(){var e;this.searchParams.startDate="",this.searchParams.endDate="",(e=a(this,I,M))==null||e.purgeInfiniteCache()},k=new WeakSet,te=function(e){var t;this.searchParams.location=e,(t=a(this,I,M))==null||t.purgeInfiniteCache()},X=new WeakSet,Ve=function(){setTimeout(()=>{this.cloudCoverPickerOpen=!this.cloudCoverPickerOpen,this.cloudCoverPickerOpen?a(this,c)||(G(this,c,n(this,W,Me).bind(this)),document.addEventListener("click",a(this,c))):a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))},0)},K=new WeakSet,$e=function(){n(this,V,ae).call(this,{min:void 0,max:void 0}),this.cloudCoverPickerOpen=!1,a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))},Z=new WeakSet,He=function(){var e,t,r,s;return((e=this.searchParams.cloudCover)==null?void 0:e.min)!==void 0&&((t=this.searchParams.cloudCover)==null?void 0:t.max)!==void 0?`${(r=this.searchParams.cloudCover)==null?void 0:r.min.toFixed(1)}% \u2013 ${(s=this.searchParams.cloudCover)==null?void 0:s.max.toFixed(1)}%`:"Cloud Cover"},y=new WeakSet,re=function(e){let t=e.detail.item,r=t.value||t.getTextLabel();r==="python-script"?n(this,U,ze).call(this,e):r==="earthdata-download"&&n(this,Q,We).call(this,e)},U=new WeakSet,ze=async function(e){var h,D,v,A,P,S,d,E,B;e.stopPropagation();let t=await fetch(le("assets/data-access/download_files.py.txt"));t.ok||alert(`Sorry, there was a problem generating the Python script. We are investigating the issue.
+You could try using the Jupyter Notebook in the meantime`);let r=()=>{if(!this.searchParams.location)return"";try{if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds){let f=this.searchParams.location.bounds.toBBoxString(),x=f.split(",").map(b=>parseFloat(b.trim()));return x.length===4?x.join(","):f.replace(/\s+/g,"")}if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:f,lng:x}=this.searchParams.location.latLng,b=.01;return`${(x-b).toFixed(2)},${(f-b).toFixed(2)},${(x+b).toFixed(2)},${(f+b).toFixed(2)}`}}catch(f){console.warn("Error formatting bbox for Python script:",f)}return""},s=(await t.text()).replace(/{{short_name}}/gi,(h=this.shortName)!=null?h:"").replace(/{{version}}/gi,(D=this.version)!=null?D:"").replace(/{{filter_temporal}}/gi,this.searchParams.startDate&&this.searchParams.endDate?this.searchParams.startDate+","+this.searchParams.endDate:"").replace(/{{filter_bbox}}/gi,r()).replace(/{{filter_search}}/gi,(v=this.searchParams.search)!=null?v:"").replace(/{{filter_cloud_cover_min}}/gi,(S=(P=(A=this.searchParams.cloudCover)==null?void 0:A.min)==null?void 0:P.toString())!=null?S:"").replace(/{{filter_cloud_cover_max}}/gi,(B=(E=(d=this.searchParams.cloudCover)==null?void 0:d.max)==null?void 0:E.toString())!=null?B:""),i=new Blob([s],{type:"text/plain"}),g=URL.createObjectURL(i),m=document.createElement("a");m.href=g,m.download=`download_files_${this.shortName}_${this.version}.py`,document.body.appendChild(m),m.click(),document.body.removeChild(m),URL.revokeObjectURL(g)},Q=new WeakSet,We=async function(e){e.stopPropagation(),alert("Sorry, Earthdata Download is not currently supported")},J=new WeakSet,Fe=function(e){let t=e.detail;n(this,V,ae).call(this,{min:"startValue"in t?t.startValue:void 0,max:"endValue"in t?t.endValue:void 0})},V=new WeakSet,ae=function(e){var t;this.searchParams=N(w({},this.searchParams),{cloudCover:{min:e.min,max:e.max}}),(t=a(this,I,M))==null||t.purgeInfiniteCache()},j=new WeakSet,Le=function(){return C` <div class="loading-modal">
+            <terra-loader indeterminate variant="small"></terra-loader>
+            <span>Loading</span>
+        </div>`},l.styles=[oe,De],l.dependencies={"terra-loader":he,"terra-icon":ce,"terra-date-picker":Ce,"terra-spatial-picker":ue,"terra-slider":ve,"terra-dropdown":me,"terra-menu":Pe,"terra-menu-item":Se,"terra-button":de,"terra-data-grid":Ae,"terra-alert":se},p([$({reflect:!0,attribute:"collection-entry-id"})],l.prototype,"collectionEntryId",2),p([$({reflect:!0,attribute:"short-name"})],l.prototype,"shortName",2),p([$({reflect:!0,attribute:"version"})],l.prototype,"version",2),p([$({attribute:"footer-slot",type:Boolean})],l.prototype,"footerSlot",2),p([T()],l.prototype,"searchParams",2),p([T()],l.prototype,"loading",2),p([T()],l.prototype,"totalGranules",2),p([T()],l.prototype,"estimatedSize",2),p([T()],l.prototype,"cloudCoverRange",2),p([T()],l.prototype,"_gridInitialized",2),p([T()],l.prototype,"cloudCoverPickerOpen",2),p([ee(["shortName","version"])],l.prototype,"handleShortNameOrVersionChange",1),p([ee("collectionEntryId")],l.prototype,"handleCollectionChange",1),p([Ge(500)],l.prototype,"handleSearch",1);export{Ge as a,l as b};

package/dist/chunks/chunk.V5D2OEV6.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5RTEYDDC.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-select";e.define("terra-select");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraClear:"terra-clear",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide",onTerraInvalid:"terra-invalid"},displayName:"TerraSelect"}),T=a;export{T as a};

package/dist/chunks/chunk.V5ZQMEUF.js

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

package/dist/chunks/chunk.VH7FO7OJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7FAIMGF2.js";var T=e;e.define("terra-tabs");export{T as a};

package/dist/chunks/chunk.VIBFLVBI.js

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

package/dist/chunks/chunk.VOCS5Z6H.js

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

package/dist/chunks/chunk.VVQD2RI3.js

@@ -0,0 +1,145 @@
+import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as P}from"./chunk.OIUVQPNF.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.AQD2424J.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<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">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.VXN5XN4J.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.XQERKT6Y.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-spatial-picker";e.define("terra-spatial-picker");var p=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraSpatialPicker"}),s=p;export{s as a};

package/dist/chunks/chunk.VYBWO7SD.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.UHM5JVWJ.js";import{b as tt}from"./chunk.RK65WAF3.js";import{b as X}from"./chunk.P46NR7KP.js";import{c as z,e as G}from"./chunk.GE7UDDDW.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};