@nasa-terra/components 0.0.189 → 0.0.191

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

@@ -1,134 +0,0 @@
-import{css as o}from"lit";var e=o`
-    :host {
-        display: block;
-    }
-
-    /* Navbar container */
-    .navbar {
-        background-color: #333;
-        font-family: Arial, sans-serif;
-    }
-
-    .nav-list {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        display: flex;
-    }
-
-    /* Links inside the navbar */
-    .navbar a {
-        display: block;
-        font-size: 16px;
-        color: white;
-        text-align: center;
-        padding: 14px 16px;
-        text-decoration: none;
-    }
-
-    /* Visible focus indicator */
-    .navbar a:focus,
-    .dropdown .dropbtn:focus {
-        outline: 3px solid #4a9eff;
-        outline-offset: -3px;
-    }
-
-    /* The dropdown container */
-    .dropdown {
-        position: relative;
-    }
-
-    /* Dropdown button */
-    .dropdown .dropbtn {
-        font-size: 16px;
-        border: none;
-        color: white;
-        padding: 14px 16px;
-        background-color: inherit;
-        font-family: inherit;
-        cursor: pointer;
-        display: block;
-    }
-
-    /* Show dropdown on hover OR when button has aria-expanded="true" */
-    .dropdown:hover .dropdown-content,
-    .dropdown .dropbtn[aria-expanded='true'] + .dropdown-content {
-        display: block;
-    }
-
-    /* Update button styling to show active state */
-    .dropdown:hover .dropbtn,
-    .dropdown .dropbtn[aria-expanded='true'] {
-        background-color: red;
-    }
-
-    /* Hover and focus states */
-    .navbar a:hover,
-    .navbar a:focus,
-    .dropdown .dropbtn:hover,
-    .dropdown .dropbtn:focus {
-        background-color: red;
-    }
-
-    /* Dropdown content (hidden by default) */
-    .dropdown-content {
-        display: none;
-        position: absolute;
-        background-color: #f9f9f9;
-        width: 100vw;
-        left: 50%;
-        transform: translateX(-50%);
-        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-        z-index: 1000;
-    }
-
-    /* Show dropdown when button has aria-expanded="true" */
-    .dropdown .dropbtn[aria-expanded='true'] + .dropdown-content {
-        display: block;
-    }
-
-    /* Mega Menu header */
-    .dropdown-content .header {
-        background: red;
-        padding: 16px;
-        color: white;
-    }
-
-    /* Columns */
-    .row {
-        display: flex;
-        gap: 0;
-    }
-
-    .column {
-        flex: 1;
-        padding: 10px;
-        background-color: #ccc;
-        min-height: 250px;
-    }
-
-    .column h3 {
-        margin-top: 0;
-        color: #333;
-    }
-
-    .column ul {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
-
-    /* Links inside columns */
-    .column a {
-        color: black;
-        padding: 12px 16px;
-        text-decoration: none;
-        display: block;
-        text-align: left;
-    }
-
-    .column a:hover,
-    .column a:focus {
-        background-color: #ddd;
-    }
-`;export{e as a};

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

@@ -1,9 +0,0 @@
-import{a as l}from"./chunk.Z4MRB553.js";import{a as i}from"./chunk.ATR343ZS.js";import{a as r,b as o}from"./chunk.YDDI4ELW.js";import{e}from"./chunk.INFVQQSJ.js";import{html as p}from"lit";import{property as s}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.rows=1;this.effect="pulse";this.variableWidths=!0}render(){return p`
-            ${new Array(parseInt(this.rows.toString())).fill(0).map(()=>p` <div
-                        part="base"
-                        class=${`skeleton ${this.effect==="pulse"?"skeleton--pulse":""} ${this.effect==="sheen"?"skeleton--sheen":""}`}
-                        style=${this.variableWidths?`width: ${l(60,100)}%`:""}
-                    >
-                        <div part="indicator" class="skeleton__indicator"></div>
-                    </div>`)}
-        `}};t.styles=[r,i],e([s()],t.prototype,"rows",2),e([s()],t.prototype,"effect",2),e([s({type:Boolean,reflect:!0})],t.prototype,"variableWidths",2);export{t as a};

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

@@ -1,55 +0,0 @@
-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.YDDI4ELW.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.2NIAMZEQ.js

@@ -1,280 +0,0 @@
-import{a as ve}from"./chunk.VIUGVQUV.js";import{a as Pe}from"./chunk.73PN6C22.js";import{a as Se}from"./chunk.LBIIVWW5.js";import{a as Ce}from"./chunk.4ANGUZ4V.js";import{a as ge,b as fe}from"./chunk.P46NR7KP.js";import{a as ue}from"./chunk.CKYOQNKY.js";import{a as me}from"./chunk.V6EUGRCS.js";import{a as xe}from"./chunk.UC5K3JSD.js";import{a as De}from"./chunk.5DVFWG6G.js";import{a as Ae}from"./chunk.74DHYOSH.js";import{a as pe}from"./chunk.QDFHF7LY.js";import{a as he}from"./chunk.LKTMYDWF.js";import{a as de}from"./chunk.GW4N5NMQ.js";import{a as ce}from"./chunk.GH5NAVUP.js";import{b as le}from"./chunk.E3NUSTFU.js";import{a as se}from"./chunk.COZW2VLJ.js";import{a as ee}from"./chunk.J5Q4TWEG.js";import{a as oe,b as ne}from"./chunk.YDDI4ELW.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.32TDAXC6.js

@@ -1,118 +0,0 @@
-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.3DLKYRQO.js

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