@nasa-terra/components 0.0.174 → 0.0.175

package/dist/chunks/chunk.2O4AFDXE.js

@@ -0,0 +1,347 @@
+import{a as $t}from"./chunk.TQGVPHUZ.js";import{a as bt}from"./chunk.I4HFRNAG.js";import{a as xt}from"./chunk.UI6B46S2.js";import{a as wt}from"./chunk.AAR3OWUI.js";import{a as ft}from"./chunk.YTG3EGA4.js";import{a as Ct}from"./chunk.CBQTPZDL.js";import{a as vt}from"./chunk.5DVFWG6G.js";import{a as yt}from"./chunk.EWEQBNIT.js";import{a as pt}from"./chunk.MVE6HYAX.js";import{a as ut}from"./chunk.O6IHPWCE.js";import{a as mt,f as gt}from"./chunk.UAL5F7OB.js";import{a as ht}from"./chunk.XIGQQUXS.js";import{a as ct}from"./chunk.BQWXD7VN.js";import{a as dt}from"./chunk.7G6ZJIAY.js";import{b as lt}from"./chunk.E3NUSTFU.js";import{a as st}from"./chunk.WLKTHXSM.js";import{a as K}from"./chunk.J5Q4TWEG.js";import{a as at,b as nt}from"./chunk.4S7M2RKR.js";import{a as ot,e as p,f as e,g as l,h as $,i as n}from"./chunk.INFVQQSJ.js";import{property as _,state as y}from"lit/decorators.js";import{html as g,nothing as b}from"lit";var kt=Symbol(),Et=x=>(w,t,r)=>{let i=r.value;r.value=function(...s){clearTimeout(this[kt]),this[kt]=window.setTimeout(()=>{i.apply(this,s)},x)}};import{createRef as k,ref as D}from"lit/directives/ref.js";var Vt="https://gesdisc.github.io/jupyterlite/lab/index.html";function jt(x){let w=window.open(Vt,"_blank");if(!w){console.error("Failed to open JupyterLite!");return}return window.addEventListener("message",t=>x(t,w),{once:!0}),w}function Pt(x,w){jt((t,r)=>{var i;((i=t.data)==null?void 0:i.type)==="jupyterlite-ready"&&(console.log("JupyterLite is ready!"),r.postMessage(ot({type:x},w),"*"))})}var o,h,f,v,L,Mt,B,Tt,z,It,G,_t,O,Lt,R,X,F,Bt,Y,zt,N,Gt,H,Ot,U,Ft,V,Yt,E,q,j,Nt,J,Ht,P,Z,W,Ut,M,Q,d=class extends nt{constructor(){super(...arguments);l(this,f);l(this,L);l(this,B);l(this,z);l(this,G);l(this,O);l(this,R);l(this,F);l(this,Y);l(this,N);l(this,H);l(this,U);l(this,V);l(this,E);l(this,j);l(this,J);l(this,P);l(this,W);l(this,M);this.showPanelClose=!0;this._gridInitialized=!1;this.limit=50;this.page=1;this.search="";this.startDate="";this.endDate="";this.location=null;this.cloudCover={min:void 0,max:void 0};this.cloudCoverPickerOpen=!1;this.datePickerRef=k();this.spatialPickerRef=k();this.cloudCoverSliderRef=k();this.gridRef=k();this.dateDropdownRef=k();this.spatialDropdownRef=k();l(this,o,new Ct(this));l(this,h,null)}handleCollectionChange(){this._gridInitialized&&this.isVisible&&(this._gridInitialized=!1,this.firstVisible())}disconnectedCallback(){super.disconnectedCallback(),e(this,h)&&(document.removeEventListener("click",e(this,h)),$(this,h,null))}async firstVisible(){await Promise.all([e(this,o).cloudCoverRangeTask.taskComplete,e(this,o).samplingTask.taskComplete]),n(this,B,Tt).call(this)}handleSearch(t){var r;this.search=t,(r=e(this,f,v))==null||r.purgeInfiniteCache()}render(){var t,r,i,s,c,u,m,C;return((t=e(this,o).sampling)==null?void 0:t.firstGranules.count)===0?g`
+                <terra-alert variant="warning" open appearance="white">
+                    <strong>No granules found.</strong>
+                    <p>
+                        This collection does not have any granules available to access
+                        or subset.
+                    </p>
+                </terra-alert>
+            `:g`
+            <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=${(r=this.search)!=null?r:""}
+                        @input=${a=>{this.handleSearch(a.target.value)}}
+                    />
+                </div>
+
+                <div class="toggle-row">
+                    <terra-dropdown ${D(this.dateDropdownRef)}>
+                        <button
+                            slot="trigger"
+                            class="filter-btn ${this.startDate&&this.endDate?"active":""}"
+                        >
+                            <terra-icon
+                                name="outline-calendar"
+                                library="heroicons"
+                                font-size="18px"
+                            ></terra-icon>
+                            <span>${n(this,O,Lt).call(this)}</span>
+                            ${this.startDate&&this.endDate?g`
+                                      <button
+                                          class="clear-badge"
+                                          @click=${a=>{a.stopPropagation(),n(this,Y,zt).call(this)}}
+                                          aria-label="Clear date range"
+                                      >
+                                          ×
+                                      </button>
+                                  `:b}
+                        </button>
+
+                        <div class="datepicker-container">
+                            ${this.showPanelClose?g`
+                                      <div class="dropdown-header">
+                                          <button
+                                              class="panel-close"
+                                              @click=${()=>{var a;return(a=this.dateDropdownRef.value)==null?void 0:a.hide()}}
+                                              aria-label="Close"
+                                          >
+                                              ×
+                                          </button>
+                                      </div>
+                                  `:b}
+                            <terra-date-picker
+                                ${D(this.datePickerRef)}
+                                range
+                                ?enable-time=${e(this,o).isSubDaily}
+                                show-presets
+                                split-inputs
+                                inline
+                                .startDate=${this.startDate}
+                                .endDate=${this.endDate}
+                                .startPlaceholder=${e(this,o).isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .endPlaceholder=${e(this,o).isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .minDate=${e(this,o).granuleMinDate}
+                                .maxDate=${e(this,o).granuleMaxDate}
+                                @terra-date-range-change=${n(this,G,_t)}
+                            >
+                                ${e(this,o).granuleMinDate&&e(this,o).granuleMaxDate?g` <p
+                                          slot="additional-text"
+                                          class="available-range"
+                                      >
+                                          <strong>Available Range:</strong>
+                                          ${n(this,R,X).call(this,e(this,o).granuleMinDate)}
+                                          -
+                                          ${n(this,R,X).call(this,e(this,o).granuleMaxDate)}
+                                      </p>`:b}
+                            </terra-date-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    <terra-dropdown
+                        placement="bottom-start"
+                        distance="4"
+                        hoist
+                        ${D(this.spatialDropdownRef)}
+                    >
+                        <div slot="trigger" class="filter">
+                            <button
+                                class="filter-btn ${this.location?"active":""}"
+                            >
+                                <terra-icon
+                                    name="outline-globe-alt"
+                                    library="heroicons"
+                                    font-size="18px"
+                                ></terra-icon>
+                                <span>${n(this,F,Bt).call(this)}</span>
+                                ${this.location?g`
+                                          <button
+                                              class="clear-badge"
+                                              @click=${a=>{a.stopPropagation(),n(this,N,Gt).call(this)}}
+                                              aria-label="Clear spatial filter"
+                                          >
+                                              ×
+                                          </button>
+                                      `:b}
+                            </button>
+                        </div>
+
+                        <div class="spatialpicker-container">
+                            ${this.showPanelClose?g`
+                                      <div class="dropdown-header">
+                                          <button
+                                              class="panel-close"
+                                              @click=${()=>{var a;return(a=this.spatialDropdownRef.value)==null?void 0:a.hide()}}
+                                              aria-label="Close"
+                                          >
+                                              ×
+                                          </button>
+                                      </div>
+                                  `:b}
+                            <terra-spatial-picker
+                                ${D(this.spatialPickerRef)}
+                                hide-label
+                                inline
+                                no-world-wrap
+                                .spatialConstraints=${e(this,o).spatialConstraints||"-180, -90, 180, 90"}
+                                @terra-map-change=${n(this,z,It)}
+                            >
+                                <p class="available-range" slot="additional-text">
+                                    <strong>Available range:</strong> ${e(this,o).spatialConstraints}
+                                </p>
+                            </terra-spatial-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    ${e(this,o).cloudCoverRange?g`
+                              <div class="filter">
+                                  <button
+                                      class="filter-btn ${this.cloudCover.min!==void 0&&this.cloudCover.max!==void 0?"active":""}"
+                                      @click=${a=>{a.stopPropagation(),n(this,H,Ot).call(this)}}
+                                  >
+                                      <terra-icon
+                                          name="outline-cloud"
+                                          library="heroicons"
+                                          font-size="18px"
+                                      ></terra-icon>
+                                      <span>${n(this,V,Yt).call(this)}</span>
+                                      ${this.cloudCover.min!==void 0&&this.cloudCover.max!==void 0?g`
+                                                <button
+                                                    class="clear-badge"
+                                                    @click=${a=>{a.stopPropagation(),n(this,U,Ft).call(this)}}
+                                                    aria-label="Clear cloud cover filter"
+                                                >
+                                                    ×
+                                                </button>
+                                            `:b}
+                                  </button>
+
+                                  <!-- hidden slider to show when clicking the filter -->
+                                  <div
+                                      class="cloud-cover-dropdown ${this.cloudCoverPickerOpen?"open":""}"
+                                      @click=${a=>a.stopPropagation()}
+                                  >
+                                      <terra-slider
+                                          ${D(this.cloudCoverSliderRef)}
+                                          mode="range"
+                                          min=${(i=e(this,o).cloudCoverRange)==null?void 0:i.min}
+                                          max=${(s=e(this,o).cloudCoverRange)==null?void 0:s.max}
+                                          start-value=${(u=this.cloudCover.min)!=null?u:(c=e(this,o).cloudCoverRange)==null?void 0:c.min}
+                                          end-value=${(C=this.cloudCover.max)!=null?C:(m=e(this,o).cloudCoverRange)==null?void 0:m.max}
+                                          step="0.1"
+                                          hide-label
+                                          label="Cloud Cover"
+                                          @terra-slider-change=${n(this,W,Ut)}
+                                          show-inputs
+                                      ></terra-slider>
+                                  </div>
+                              </div>
+                          `:b}
+                </div>
+
+                <div class="results-info">
+                    <strong
+                        >${e(this,o).totalGranules.toLocaleString()}</strong
+                    >
+                    files selected
+                    ${e(this,o).estimatedSize?g` (~${e(this,o).estimatedSize})`:b}
+                </div>
+            </div>
+
+            <div class="grid-container">
+                <terra-data-grid
+                    ${D(this.gridRef)}
+                    row-model-type="infinite"
+                    height="350px"
+                ></terra-data-grid>
+
+                ${e(this,o).render({initial:()=>n(this,M,Q).call(this),pending:()=>n(this,M,Q).call(this),complete:()=>b,error:()=>b})}
+            </div>
+
+            ${this.footerSlot?g`
+                      <div
+                          slot="footer"
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,E,q)}>
+                              <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>
+
+                          <!--
+                          <terra-button
+                              outline
+                              @click=${()=>n(this,P,Z).call(this)}
+                          >
+                              <terra-icon
+                                  name="outline-code-bracket"
+                                  library="heroicons"
+                                  font-size="1.5em"
+                                  style="margin-right: 5px;"
+                              ></terra-icon>
+                              Open in Jupyter Notebook
+                          </terra-button>
+                            -->
+                      </div>
+                  `:g`
+                      <div
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,E,q)}>
+                              <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>
+
+                          <!--
+                          <terra-button
+                              outline
+                              @click=${()=>n(this,P,Z).call(this)}
+                          >
+                              <terra-icon
+                                  name="outline-code-bracket"
+                                  library="heroicons"
+                                  font-size="1.5em"
+                                  style="margin-right: 5px;"
+                              ></terra-icon>
+                              Open in Jupyter Notebook
+                          </terra-button>
+                        -->
+                      </div>
+                  `}
+        `}};o=new WeakMap,h=new WeakMap,f=new WeakSet,v=function(){var t;return(t=this.gridRef.value)==null?void 0:t.getGridApi()},L=new WeakSet,Mt=function(t){var c;let r=t.target,i=(c=this.shadowRoot)==null?void 0:c.querySelector(".cloud-cover-dropdown"),s=i==null?void 0:i.closest(".filter");s!=null&&s.contains(r)||(this.cloudCoverPickerOpen=!1,e(this,h)&&(document.removeEventListener("click",e(this,h)),$(this,h,null)))},B=new WeakSet,Tt=function(){if(!this.gridRef.value||this._gridInitialized)return;this._gridInitialized=!0;let t={rowCount:void 0,getRows:async i=>{var c,u,m,C,a,S;await e(this,o).fetchGranules({collectionEntryId:`${this.shortName}_${this.version}`,startRow:i.startRow,endRow:i.endRow,sortBy:(m=(u=(c=i.sortModel)==null?void 0:c[0])==null?void 0:u.colId)!=null?m:"title",sortDirection:(S=(a=(C=i.sortModel)==null?void 0:C[0])==null?void 0:a.sort)!=null?S:"asc",search:this.search,cloudCover:this.cloudCover});let s=e(this,o).totalGranules<=i.endRow?e(this,o).totalGranules:-1;e(this,f,v)&&e(this,f,v).applyColumnState({state:[{colId:"cloudCover",hide:!e(this,o).cloudCoverRange}]}),i.successCallback(e(this,o).granules,s)}},r=[{field:"title",flex:3,cellRenderer:i=>{if(!i.data)return"";let s=mt(i.data);if(s){let u=document.createElement("a");return u.href=s,u.target="_blank",u.title=s,u.textContent=i.data.title,u}let c=document.createElement("span");return c.textContent=i.data.title,c}},{colId:"size",headerName:"Size (MB)",valueGetter:i=>{if(i.data)return gt(i.data,"MB").toFixed(2)}},{field:"timeStart"},{field:"timeEnd"},{field:"cloudCover",hide:!0}];this.gridRef.value.rowModelType="infinite",this.gridRef.value.columnDefs=r,this.gridRef.value.datasource=t,this.gridRef.value.gridOptions={defaultColDef:{flex:1,minWidth:100,sortable:!0,sortingOrder:["desc","asc",null]},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2,infiniteInitialRowCount:50,onGridReady:i=>{i.api.applyColumnState({state:[{colId:"cloudCover",hide:!e(this,o).cloudCoverRange}]})}}},z=new WeakSet,It=function(t){var r;this.location=t.detail,(r=e(this,f,v))==null||r.purgeInfiniteCache()},G=new WeakSet,_t=function(t){var i;let r=t.detail;this.startDate=r.startDate||"",this.endDate=r.endDate||"",(i=e(this,f,v))==null||i.purgeInfiniteCache()},O=new WeakSet,Lt=function(){if(this.startDate&&this.endDate){let t=r=>new Date(r).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"});return`${t(this.startDate)} \u2013 ${t(this.endDate)}`}return"Date Range"},R=new WeakSet,X=function(t){if(!t)return"";let r=new Date(t),i=r.getUTCFullYear(),s=String(r.getUTCMonth()+1).padStart(2,"0"),c=String(r.getUTCDate()).padStart(2,"0");if(e(this,o).isSubDaily){let u=String(r.getUTCHours()).padStart(2,"0"),m=String(r.getUTCMinutes()).padStart(2,"0"),C=String(r.getUTCSeconds()).padStart(2,"0");return`${i}-${s}-${c} ${u}:${m}:${C}`}return`${i}-${s}-${c}`},F=new WeakSet,Bt=function(){if(!this.location)return"Spatial Area";try{if(this.location.type==="point"&&this.location.latLng){let{lat:t,lng:r}=this.location.latLng;return`${t.toFixed(2)}, ${r.toFixed(2)}`}if(this.location.type==="bbox"&&this.location.bounds){let t=this.location.bounds;return`${t.getSouth().toFixed(2)}, ${t.getWest().toFixed(2)}, ${t.getNorth().toFixed(2)}, ${t.getEast().toFixed(2)}`}if(this.location.type==="bbox"&&this.location.bounds){let t=this.location.bounds;return`${t.getSouth().toFixed(2)}, ${t.getWest().toFixed(2)}, ${t.getNorth().toFixed(2)}, ${t.getEast().toFixed(2)}`}}catch(t){console.warn("Error formatting spatial selection:",t)}return"Spatial Area"},Y=new WeakSet,zt=function(){var t;this.startDate="",this.endDate="",(t=e(this,f,v))==null||t.purgeInfiniteCache()},N=new WeakSet,Gt=function(){var t;this.location=null,(t=e(this,f,v))==null||t.purgeInfiniteCache()},H=new WeakSet,Ot=function(){setTimeout(()=>{this.cloudCoverPickerOpen=!this.cloudCoverPickerOpen,this.cloudCoverPickerOpen?e(this,h)||($(this,h,n(this,L,Mt).bind(this)),document.addEventListener("click",e(this,h))):e(this,h)&&(document.removeEventListener("click",e(this,h)),$(this,h,null))},0)},U=new WeakSet,Ft=function(){var t;this.cloudCover={min:void 0,max:void 0},this.cloudCoverPickerOpen=!1,e(this,h)&&(document.removeEventListener("click",e(this,h)),$(this,h,null)),(t=e(this,f,v))==null||t.purgeInfiniteCache()},V=new WeakSet,Yt=function(){return this.cloudCover.min!==void 0&&this.cloudCover.max!==void 0?`${this.cloudCover.min.toFixed(1)}% \u2013 ${this.cloudCover.max.toFixed(1)}%`:"Cloud Cover"},E=new WeakSet,q=function(t){let r=t.detail.item,i=r.value||r.getTextLabel();i==="python-script"?n(this,j,Nt).call(this,t):i==="earthdata-download"&&n(this,J,Ht).call(this,t)},j=new WeakSet,Nt=async function(t){var C,a,S,A,tt,et,it;if(t.stopPropagation(),!e(this,o).granules)return;let r=await fetch(lt("assets/data-access/download_files.py.txt"));r.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 i=()=>{if(!this.location)return"";try{if(this.location.type==="bbox"&&this.location.bounds)return this.location.bounds.toBBoxString();if(this.location.type==="point"&&this.location.latLng){let{lat:T,lng:rt}=this.location.latLng,I=.01;return`${(rt-I).toFixed(2)},${(T-I).toFixed(2)},${(rt+I).toFixed(2)},${(T+I).toFixed(2)}`}}catch(T){console.warn("Error formatting bbox for Python script:",T)}return""},s=(await r.text()).replace(/{{short_name}}/gi,(C=this.shortName)!=null?C:"").replace(/{{version}}/gi,(a=this.version)!=null?a:"").replace(/{{filter_temporal}}/gi,this.startDate&&this.endDate?this.startDate+","+this.endDate:"").replace(/{{filter_bbox}}/gi,i()).replace(/{{filter_search}}/gi,(S=this.search)!=null?S:"").replace(/{{filter_cloud_cover_min}}/gi,(tt=(A=this.cloudCover.min)==null?void 0:A.toString())!=null?tt:"").replace(/{{filter_cloud_cover_max}}/gi,(it=(et=this.cloudCover.max)==null?void 0:et.toString())!=null?it:""),c=new Blob([s],{type:"text/plain"}),u=URL.createObjectURL(c),m=document.createElement("a");m.href=u,m.download=`download_files_${this.shortName}_${this.version}.py`,document.body.appendChild(m),m.click(),document.body.removeChild(m),URL.revokeObjectURL(u)},J=new WeakSet,Ht=async function(t){t.stopPropagation(),console.log("downloading earthdata download ",this,e(this,f,v)),alert("Sorry, Earthdata Download is not currently supported")},P=new WeakSet,Z=function(){let t=$t(this);console.log("Sending data to JupyterLite"),Pt("load-notebook",{filename:`data_${this.shortName}_${this.version}.ipynb`,notebook:t,bearerToken:this.bearerToken})},W=new WeakSet,Ut=function(t){var i,s,c;let r=t.detail;this.cloudCover={min:(i=r.startValue)!=null?i:void 0,max:(s=r.endValue)!=null?s:void 0},(c=e(this,f,v))==null||c.purgeInfiniteCache()},M=new WeakSet,Q=function(){return g` <div class="loading-modal">
+            <terra-loader indeterminate variant="small"></terra-loader>
+            <span>Loading</span>
+        </div>`},d.styles=[at,vt],d.dependencies={"terra-loader":ht,"terra-icon":dt,"terra-date-picker":ft,"terra-spatial-picker":pt,"terra-slider":bt,"terra-dropdown":ut,"terra-menu":wt,"terra-menu-item":xt,"terra-button":ct,"terra-data-grid":yt,"terra-alert":st},p([_({reflect:!0,attribute:"short-name"})],d.prototype,"shortName",2),p([_({reflect:!0,attribute:"version"})],d.prototype,"version",2),p([_({type:Boolean})],d.prototype,"showPanelClose",2),p([y()],d.prototype,"_gridInitialized",2),p([K("shortName"),K("version")],d.prototype,"handleCollectionChange",1),p([_({attribute:"footer-slot",type:Boolean})],d.prototype,"footerSlot",2),p([y()],d.prototype,"limit",2),p([y()],d.prototype,"page",2),p([y()],d.prototype,"search",2),p([y()],d.prototype,"startDate",2),p([y()],d.prototype,"endDate",2),p([y()],d.prototype,"location",2),p([y()],d.prototype,"cloudCover",2),p([y()],d.prototype,"cloudCoverPickerOpen",2),p([Et(500)],d.prototype,"handleSearch",1);export{Et as a,Pt as b,d as c};

package/dist/chunks/chunk.2SGDQHKR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.SXKYGCGB.js";import*as a from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var r="terra-time-series";e.define("terra-time-series");var n=t({tagName:r,elementClass:e,react:a,events:{onTerraDateRangeChange:"terra-date-range-change",onTerraTimeSeriesDataChange:"terra-time-series-data-change"},displayName:"TerraTimeSeries"}),g=n;export{g as a};

package/dist/chunks/chunk.2UGHNZME.js

@@ -0,0 +1,55 @@
+import{a as c}from"./chunk.3YUBQVYS.js";import{a as m}from"./chunk.URTV3MIW.js";import{a as p}from"./chunk.X5OPH5X7.js";import{b as u}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as h,b as d}from"./chunk.4S7M2RKR.js";import{e}from"./chunk.INFVQQSJ.js";import{property as l,query as y,state as v}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import{html as i}from"lit";import{ifDefined as o}from"lit/directives/if-defined.js";import{live as C}from"lit/directives/live.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new u(this,{value:r=>r.value,defaultValue:r=>r.defaultValue,setValue:(r,a)=>r.value=a});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.name="";this.value="";this.placeholder="";this.disabled=!1;this.readonly=!1;this.required=!1;this.label="";this.hideLabel=!1;this.helpText="";this.resize="vertical";this.defaultValue="";this.form=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-input")}handleChange(){this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.emit("terra-blur")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}checkValidity(){return this.textarea.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.textarea.reportValidity()}setCustomValidity(r){this.textarea.setCustomValidity(r),this.formControlController.updateValidity()}focus(r){this.textarea.focus(r)}blur(){this.textarea.blur()}select(){this.textarea.select()}setSelectionRange(r,a,b="none"){this.textarea.setSelectionRange(r,a,b)}render(){let r=this.hasSlotController.test("help-text"),a=this.helpText?!0:!!r;return i`
+            <div
+                class=${f({"form-control":!0,"form-control--has-help-text":a})}
+            >
+                ${this.label?i`
+                          <label
+                              for="textarea"
+                              part="form-control-label"
+                              class=${this.hideLabel?"textarea__label textarea__label--hidden":"textarea__label"}
+                          >
+                              ${this.label}
+                              ${this.required?i`<span class="textarea__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div
+                    part="base"
+                    class=${f({textarea:!0,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--resize-none":this.resize==="none","textarea--resize-both":this.resize==="both","textarea--resize-horizontal":this.resize==="horizontal","textarea--resize-vertical":this.resize==="vertical"})}
+                >
+                    <textarea
+                        part="textarea"
+                        id="textarea"
+                        class="textarea__control"
+                        name=${o(this.name||void 0)}
+                        ?disabled=${this.disabled}
+                        ?readonly=${this.readonly}
+                        ?required=${this.required}
+                        placeholder=${o(this.placeholder||void 0)}
+                        minlength=${o(this.minlength)}
+                        maxlength=${o(this.maxlength)}
+                        rows=${o(this.rows)}
+                        cols=${o(this.cols)}
+                        .value=${C(this.value)}
+                        autocomplete=${o(this.autocomplete)}
+                        aria-describedby="help-text"
+                        @input=${this.handleInput}
+                        @change=${this.handleChange}
+                        @invalid=${this.handleInvalid}
+                        @focus=${this.handleFocus}
+                        @blur=${this.handleBlur}
+                    ></textarea>
+                </div>
+
+                <div
+                    aria-hidden=${a?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};t.styles=[h,p,c],e([y(".textarea__control")],t.prototype,"textarea",2),e([v()],t.prototype,"hasFocus",2),e([l()],t.prototype,"name",2),e([l()],t.prototype,"value",2),e([l()],t.prototype,"placeholder",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([l({type:Boolean,reflect:!0})],t.prototype,"required",2),e([l()],t.prototype,"autocomplete",2),e([l({type:Number})],t.prototype,"minlength",2),e([l({type:Number})],t.prototype,"maxlength",2),e([l({type:Number})],t.prototype,"rows",2),e([l({type:Number})],t.prototype,"cols",2),e([l()],t.prototype,"label",2),e([l({attribute:"hide-label",type:Boolean})],t.prototype,"hideLabel",2),e([l({attribute:"help-text"})],t.prototype,"helpText",2),e([l({reflect:!0})],t.prototype,"resize",2),e([m("value")],t.prototype,"defaultValue",2),e([l({reflect:!0})],t.prototype,"form",2),e([n("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/dist/chunks/chunk.32TDAXC6.js

@@ -0,0 +1,118 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: block;
+        position: fixed;
+        bottom: var(--terra-spacing-large, 1.25rem);
+        left: var(--terra-spacing-large, 1.25rem);
+        z-index: var(--terra-z-index-tooltip, 1000);
+    }
+
+    :host([inline]) {
+        position: static;
+        bottom: auto;
+        left: auto;
+        z-index: auto;
+    }
+
+    .scroll-hint {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-medium, 1rem);
+        background: none;
+        border: none;
+        padding: 0;
+        cursor: pointer;
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-small, 0.875rem);
+        font-weight: var(--terra-font-weight-semibold, 600);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--terra-scroll-hint-text-color);
+        transition:
+            opacity 0.3s ease,
+            transform 0.3s ease;
+    }
+
+    .scroll-hint:hover {
+        opacity: 0.8;
+    }
+
+    .scroll-hint:focus {
+        outline: 2px solid var(--terra-color-nasa-blue);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small, 0.125rem);
+    }
+
+    .scroll-hint__icon-container {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 3rem;
+        height: 3rem;
+    }
+
+    .scroll-hint__ring {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 3rem;
+        height: 3rem;
+        border: 2px dotted var(--terra-scroll-hint-ring-color);
+        border-radius: 50%;
+        animation: pulse-ring 2s ease-in-out infinite;
+    }
+
+    .scroll-hint__icon {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        background-color: var(--terra-scroll-hint-icon-background-color);
+        border-radius: 50%;
+        z-index: 1;
+    }
+
+    .scroll-hint__icon terra-icon {
+        color: var(--terra-scroll-hint-icon-color);
+        width: 1rem;
+        height: 1rem;
+    }
+
+    .scroll-hint__text {
+        color: var(--terra-scroll-hint-text-color);
+        user-select: none;
+    }
+
+    /* Dark mode support - handled by horizon.css design tokens */
+
+    /* Pulsing ring animation */
+    @keyframes pulse-ring {
+        0% {
+            transform: translate(-50%, -50%) scale(1);
+            opacity: 1;
+        }
+        50% {
+            transform: translate(-50%, -50%) scale(1.2);
+            opacity: 0.7;
+        }
+        100% {
+            transform: translate(-50%, -50%) scale(1);
+            opacity: 1;
+        }
+    }
+
+    /* Respect reduced motion preferences */
+    @media (prefers-reduced-motion: reduce) {
+        .scroll-hint__ring {
+            animation: none;
+        }
+
+        .scroll-hint {
+            transition: none;
+        }
+    }
+`;export{n as a};

package/dist/chunks/chunk.3CHMORFW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YEZKH562.js";import*as t from"react";import{createComponent as r}from"@lit/react";var p="terra-stepper-step";e.define("terra-stepper-step");var a=r({tagName:p,elementClass:e,react:t,events:{},displayName:"TerraStepperStep"}),f=a;export{f as a};

package/dist/chunks/chunk.3E6XIVL7.js

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