@nasa-terra/components 0.0.182 → 0.0.184

package/dist/chunks/chunk.FTDFDWP6.js

@@ -0,0 +1,280 @@
+import{a as ve}from"./chunk.U2GEMG42.js";import{a as Se}from"./chunk.YBAVJC4E.js";import{a as Pe}from"./chunk.23DS2WII.js";import{a as Ce}from"./chunk.A32KUQWA.js";import{a as xe}from"./chunk.UC5K3JSD.js";import{a as De}from"./chunk.5DVFWG6G.js";import{a as Ae}from"./chunk.NY6TLTKS.js";import{a as ue,b as ge}from"./chunk.FEZWYWLM.js";import{a as me}from"./chunk.U7SLVXQU.js";import{a as fe}from"./chunk.QDFHF7LY.js";import{a as pe}from"./chunk.4NTVLFWO.js";import{a as he}from"./chunk.QMFV7RWN.js";import{a as de}from"./chunk.46IGCOVD.js";import{a as ce}from"./chunk.GBXJ6Y6G.js";import{b as le}from"./chunk.E3NUSTFU.js";import{a as se}from"./chunk.27IBME5U.js";import{a as ee}from"./chunk.J5Q4TWEG.js";import{a as oe,b as ne}from"./chunk.HA6P2NGF.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 fe(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 ge(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=ue(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":me,"terra-slider":ve,"terra-dropdown":pe,"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.FYFZQ6TO.js

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

package/dist/chunks/chunk.FYHPWILT.js

@@ -0,0 +1,12 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components` and `anywidget` 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.183" "anywidget==0.9.15"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render the subsetter"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraDataSubsetter
+subsetter = TerraDataSubsetter()
+
+${e.collectionEntryId?`subsetter.collectionEntryId = '${e.collectionEntryId}'
+`:""}${e.jobId?`subsetter.jobId = '${e.jobId}'
+`:""}${e.environment?`subsetter.environment = '${e.environment}'`:""}
+subsetter`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Download the files
+`,`
+`,"Once the subset job completes, you can download the files:"]},{id:"870c1384-e706-48ee-ba07-fd552a949868",cell_type:"code",source:"subsetter.job['links']",metadata:{trusted:!0},outputs:[],execution_count:null}]}export{r as a};

package/dist/chunks/chunk.GBXJ6Y6G.js

@@ -0,0 +1 @@
+import{a as G}from"./chunk.A77DDYFZ.js";import{a as M,b as H,c as R}from"./chunk.3Y6WWRX4.js";import{a as y}from"./chunk.J5Q4TWEG.js";import{a as C,b as w}from"./chunk.HA6P2NGF.js";import{e as l,f as L,g as a,h as A,i as u}from"./chunk.INFVQQSJ.js";import{property as n,state as O}from"lit/decorators.js";import{isTemplateResult as x}from"lit/directive-helpers.js";var c=Symbol(),f=Symbol(),v,S=new Map,h,b,V,m,E,d,k,s=class extends w{constructor(){super(...arguments);a(this,b);a(this,m);a(this,d);a(this,h,!1);this.svg=null;this.label="";this.library="default";this.color=null;this.fontSize=null}connectedCallback(){super.connectedCallback(),M(this)}firstUpdated(){A(this,h,!0),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),H(this)}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var g;let{url:e,fromLibrary:o}=u(this,m,E).call(this),i=o?R(this.library):void 0;if(!e){this.svg=null;return}let r=S.get(e);if(r||(r=u(this,b,V).call(this,e),S.set(e,r)),!L(this,h))return;let t=await r;if(t===f&&S.delete(e),e===u(this,m,E).call(this).url){if(x(t)){this.svg=t;return}switch(t){case f:case c:this.svg=null,this.emit("terra-error");break;default:this.svg=t.cloneNode(!0),(g=i==null?void 0:i.mutator)==null||g.call(i,this.svg),this.emit("terra-load")}}}render(){return u(this,d,k).call(this),this.svg}};h=new WeakMap,b=new WeakSet,V=async function(e){var i;let o;try{if(o=await fetch(e,{mode:"cors"}),!o.ok)return o.status===410?c:f}catch(r){return f}try{let r=document.createElement("div");r.innerHTML=await o.text();let t=r.firstElementChild;if(((i=t==null?void 0:t.tagName)==null?void 0:i.toLowerCase())!=="svg")return c;v||(v=new DOMParser);let p=v.parseFromString(t.outerHTML,"text/html").body.querySelector("svg");return p?(p.part.add("svg"),document.adoptNode(p)):c}catch(r){return c}},m=new WeakSet,E=function(){let e=R(this.library);return this.name&&e?{url:e.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}},d=new WeakSet,k=function(){let o=[{attribute:"color",property:this.color},{attribute:"font-size",property:this.fontSize}].reduce((i,{attribute:r,property:t})=>(typeof t=="string"&&t.length>0&&(i+=` ${r}: ${t};`),this.removeAttribute(r),i),`${this.style.cssText}`);o.length>0&&this.setAttribute("style",o)},s.styles=[C,G],l([O()],s.prototype,"svg",2),l([n({reflect:!0})],s.prototype,"name",2),l([n()],s.prototype,"src",2),l([n()],s.prototype,"label",2),l([n({reflect:!0})],s.prototype,"library",2),l([n()],s.prototype,"color",2),l([n({attribute:"font-size"})],s.prototype,"fontSize",2),l([y("label")],s.prototype,"handleLabelChange",1),l([y(["name","src","library"])],s.prototype,"setIcon",1);export{s as a};

package/dist/chunks/chunk.GEITASEB.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.LWOM3IGI.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.GJIGMZVE.js

@@ -0,0 +1,24 @@
+import{a as r}from"./chunk.W2BB76HP.js";import{a as o}from"./chunk.GBXJ6Y6G.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as i,b as s}from"./chunk.HA6P2NGF.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.GKVRFWRM.js

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

package/dist/chunks/chunk.GQCFK3QR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.IDR2GHCI.js";import*as o from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-variable-combobox";e.define("terra-variable-combobox");var t=r({tagName:a,elementClass:e,react:o,events:{onTerraComboboxChange:"terra-combobox-change"},displayName:"TerraVariableCombobox"}),C=t;export{C as a};

package/dist/chunks/chunk.H6KHMOPS.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.HA6P2NGF.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};