@nasa-terra/components 0.0.195 → 0.0.197

package/dist/chunks/chunk.P3BESYTX.js

@@ -0,0 +1 @@
+import{a}from"./chunk.H5AVWFET.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as l,c as r}from"./chunk.IEJAC4O6.js";import{e}from"./chunk.INFVQQSJ.js";import{property as s}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.vertical=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}handleVerticalChange(){this.setAttribute("aria-orientation",this.vertical?"vertical":"horizontal")}};t.styles=[l,a],e([s({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([o("vertical")],t.prototype,"handleVerticalChange",1);export{t as a};

package/dist/chunks/chunk.P5LLMXGD.js

@@ -0,0 +1,20 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.197" "anywidget==0.9.15" "pandas"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:[`### Render ${e.location.split(",").length>2?"an area-averaged":"a point-based"} time series plot`]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeSeries
+timeseries = TerraTimeSeries()
+
+timeseries.variableEntryId = '${e.variableEntryId}'
+timeseries.startDate = '${e.startDate}'
+timeseries.endDate = '${e.endDate}'
+timeseries.location = '${e.location}'
+
+timeseries`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the time series data
+`,`
+`,"Once the time series runs and you see a plot, you can access the data:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:[`import pandas as pd
+`,`if getattr(timeseries, "data", None):
+`,`    df = pd.DataFrame(timeseries.data)
+`,`    df['timestamp'] = pd.to_datetime(df['timestamp'])
+`,`    df['value'] = pd.to_numeric(df['value'])
+`,`    print(df.dtypes)
+`,"    print(df.head())"]}]}export{r as a};

package/dist/chunks/chunk.PA2K76YR.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.UDJWUU6K.js";var o=r;r.define("terra-scroll-hint");export{o as a};

package/dist/chunks/chunk.PM3TNHYU.js

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

package/dist/chunks/chunk.PO4J6EYL.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.L5AER4HL.js";import{a as c}from"./chunk.XMNTSLBZ.js";import{a,c as n}from"./chunk.IEJAC4O6.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as i}from"lit";import{property as p}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.state="upcoming";this.title="";this.hideCheckmark=!1}getStepperVariant(){let s=this.closest("terra-stepper");return s&&s.variant||"default"}render(){let r=this.getStepperVariant()==="condensed",o=this.state==="completed",d=this.state==="current";return i`
+            <div
+                part="base"
+                class=${m({"stepper-step":!0,"stepper-step--default":!r,"stepper-step--condensed":r,"stepper-step--completed":o,"stepper-step--current":d,"stepper-step--upcoming":this.state==="upcoming"})}
+            >
+                <div part="bar" class="stepper-step__bar"></div>
+                ${r?"":i`
+                          <div part="content" class="stepper-step__content">
+                              <div part="title" class="stepper-step__title">
+                                  ${o&&!this.hideCheckmark?i`
+                                            <terra-icon
+                                                part="icon"
+                                                name="solid-check"
+                                                library="heroicons"
+                                                class="stepper-step__icon"
+                                            ></terra-icon>
+                                        `:""}
+                                  ${this.title}
+                              </div>
+                              <div part="caption" class="stepper-step__caption">
+                                  <slot></slot>
+                              </div>
+                          </div>
+                      `}
+            </div>
+        `}};t.styles=[a,l],t.dependencies={"terra-icon":c},e([p({reflect:!0})],t.prototype,"state",2),e([p()],t.prototype,"title",2),e([p({type:Boolean,reflect:!0,attribute:"hide-checkmark"})],t.prototype,"hideCheckmark",2);export{t as a};

package/dist/chunks/chunk.Q26WIGAX.js

@@ -0,0 +1,280 @@
+import{a as Ae}from"./chunk.DTNZUN66.js";import{a as Se}from"./chunk.MT7KXK33.js";import{a as xe}from"./chunk.RAUAQANS.js";import{a as ve}from"./chunk.WMNEFMBK.js";import{a as fe,b as Ce}from"./chunk.HZOOFT3Z.js";import{a as ge}from"./chunk.3V3CFSEN.js";import{a as De}from"./chunk.DV3HUYSH.js";import{a as ue}from"./chunk.G35JQ2ZG.js";import{a as Pe}from"./chunk.LYVAQ5X2.js";import{a as Ie}from"./chunk.UC5K3JSD.js";import{a as me}from"./chunk.QDFHF7LY.js";import{a as pe}from"./chunk.2BVYE6EK.js";import{a as he}from"./chunk.ZBC4UK6H.js";import{a as le}from"./chunk.NLMFSOK6.js";import{a as de}from"./chunk.XMNTSLBZ.js";import{a as te}from"./chunk.J5Q4TWEG.js";import{a as ne,b as $,c as se}from"./chunk.IEJAC4O6.js";import{b as ce}from"./chunk.E3NUSTFU.js";import{a as w,b as B,e as h,f as a,g as i,h as M,i as o}from"./chunk.INFVQQSJ.js";import{property as H,state as O}from"lit/decorators.js";import{html as f,nothing as b}from"lit";var Te=Symbol(),Me=oe=>(_e,e,t)=>{let r=t.value;t.value=function(...n){clearTimeout(this[Te]),this[Te]=window.setTimeout(()=>{r.apply(this,n)},oe)}};import{createRef as z,ref as W}from"lit/directives/ref.js";var l,D,I,E,F,Ee,L,we,Y,Be,_,Ne,q,ke,X,ye,R,Ve,N,re,K,$e,Z,He,Q,ze,k,ae,U,We,J,Fe,j,Le,y,ie,ee,Ye,s=class extends me(se){constructor(){super(...arguments);i(this,I);i(this,F);i(this,L);i(this,Y);i(this,_);i(this,q);i(this,X);i(this,R);i(this,N);i(this,K);i(this,Z);i(this,Q);i(this,k);i(this,U);i(this,J);i(this,j);i(this,y);i(this,ee);this.service=new Ie;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=z();this.spatialPickerRef=z();this.cloudCoverSliderRef=z();this.gridRef=z();i(this,l,null);i(this,D,new Ce(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,D).isSubDaily}get granuleMinDate(){var t,r;let e=(r=(t=a(this,D).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,D).sampling)==null?void 0:t.data)==null?void 0:r.maxDate;return e?new Date(e):null}get spatialConstraints(){return a(this,D).spatialConstraints}disconnectedCallback(){super.disconnectedCallback(),a(this,l)&&(document.removeEventListener("click",a(this,l)),M(this,l,null))}async firstVisible(){o(this,L,we).call(this)}handleSearch(e){var t;this.searchParams=B(w({},this.searchParams),{search:e}),(t=a(this,I,E))==null||t.purgeInfiniteCache()}render(){var e,t,r,n,m,g,p,d,v,A,P,S,x;return f`
+            <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=${c=>{this.handleSearch(c.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>${o(this,q,ke).call(this)}</span>
+                            ${this.searchParams.startDate&&this.searchParams.endDate?f`
+                                      <button
+                                          class="clear-badge"
+                                          @click=${c=>{c.stopPropagation(),o(this,R,Ve).call(this)}}
+                                          aria-label="Clear date range"
+                                      >
+                                          ×
+                                      </button>
+                                  `:b}
+                        </button>
+
+                        <div class="datepicker-container">
+                            <terra-date-picker
+                                ${W(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=${o(this,_,Ne)}
+                            >
+                                ${this.granuleMinDate&&this.granuleMaxDate?f` <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>`:b}
+                            </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>${o(this,X,ye).call(this)}</span>
+                                ${this.searchParams.location?f`
+                                          <button
+                                              class="clear-badge"
+                                              @click=${c=>{c.stopPropagation(),o(this,N,re).call(this,null)}}
+                                              aria-label="Clear spatial filter"
+                                          >
+                                              ×
+                                          </button>
+                                      `:b}
+                            </button>
+                        </div>
+
+                        <div class="spatialpicker-container">
+                            <terra-spatial-picker
+                                ${W(this.spatialPickerRef)}
+                                hide-label
+                                inline
+                                no-world-wrap
+                                .spatialConstraints=${this.spatialConstraints}
+                                @terra-map-change=${o(this,Y,Be)}
+                            >
+                                <p class="available-range" slot="additional-text">
+                                    <strong>Available range:</strong> ${this.spatialConstraints}
+                                </p>
+                            </terra-spatial-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    ${this.cloudCoverRange?f`
+                              <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=${c=>{c.stopPropagation(),o(this,K,$e).call(this)}}
+                                  >
+                                      <terra-icon
+                                          name="outline-cloud"
+                                          library="heroicons"
+                                          font-size="18px"
+                                      ></terra-icon>
+                                      <span>${o(this,Q,ze).call(this)}</span>
+                                      ${((n=this.searchParams.cloudCover)==null?void 0:n.min)!==void 0&&((m=this.searchParams.cloudCover)==null?void 0:m.max)!==void 0?f`
+                                                <button
+                                                    class="clear-badge"
+                                                    @click=${c=>{c.stopPropagation(),o(this,Z,He).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=${c=>c.stopPropagation()}
+                                  >
+                                      <terra-slider
+                                          ${W(this.cloudCoverSliderRef)}
+                                          mode="range"
+                                          min=${(g=this.cloudCoverRange)==null?void 0:g.min}
+                                          max=${(p=this.cloudCoverRange)==null?void 0:p.max}
+                                          start-value=${(A=(d=this.searchParams.cloudCover)==null?void 0:d.min)!=null?A:(v=this.cloudCoverRange)==null?void 0:v.min}
+                                          end-value=${(x=(P=this.searchParams.cloudCover)==null?void 0:P.max)!=null?x:(S=this.cloudCoverRange)==null?void 0:S.max}
+                                          step="0.1"
+                                          hide-label
+                                          label="Cloud Cover"
+                                          @terra-slider-change=${o(this,j,Le)}
+                                          show-inputs
+                                      ></terra-slider>
+                                  </div>
+                              </div>
+                          `:b}
+                </div>
+
+                <div class="results-info">
+                    <strong>${this.totalGranules.toLocaleString()}</strong>
+                    files selected
+                    ${this.estimatedSize?f` (~${this.estimatedSize})`:b}
+                </div>
+            </div>
+
+            <div class="grid-container">
+                <terra-data-grid
+                    ${W(this.gridRef)}
+                    row-model-type="infinite"
+                    height="350px"
+                ></terra-data-grid>
+
+                ${this.loading?o(this,ee,Ye).call(this):b}
+            </div>
+
+            ${this.footerSlot?f`
+                      <div
+                          slot="footer"
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${o(this,k,ae)}>
+                              <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>
+                  `:f`
+                      <div
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${o(this,k,ae)}>
+                              <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>
+                  `}
+        `}};l=new WeakMap,D=new WeakMap,I=new WeakSet,E=function(){var e;return(e=this.gridRef.value)==null?void 0:e.getGridApi()},F=new WeakSet,Ee=function(e){var m;let t=e.target,r=(m=this.shadowRoot)==null?void 0:m.querySelector(".cloud-cover-dropdown"),n=r==null?void 0:r.closest(".filter");n!=null&&n.contains(t)||(this.cloudCoverPickerOpen=!1,a(this,l)&&(document.removeEventListener("click",a(this,l)),M(this,l,null)))},L=new WeakSet,we=function(){if(!this.gridRef.value||this._gridInitialized)return;this._gridInitialized=!0;let e={rowCount:void 0,getRows:async r=>{var n,m,g,p,d,v,A,P,S,x;if(!this.collectionEntryId&&!this.searchParams.collectionConceptId){r.successCallback([],0);return}this.loading=!0;try{let c=fe(B(w({collectionEntryId:this.collectionEntryId},this.searchParams),{pageSize:r.endRow-r.startRow,offset:r.startRow,sortBy:(g=(m=(n=r.sortModel)==null?void 0:n[0])==null?void 0:m.colId)!=null?g:"title",sortDirection:(v=(d=(p=r.sortModel)==null?void 0:p[0])==null?void 0:d.sort)!=null?v:"asc"})),u=await this.queryClient.ensureQueryData(c);if((u==null?void 0:u.hits)===void 0||!(u!=null&&u.items)){r.failCallback();return}this.totalGranules=u.hits;let V=(P=(A=a(this,D).sampling)==null?void 0:A.data)==null?void 0:P.firstGranule,C=(x=(S=a(this,D).sampling)==null?void 0:S.data)==null?void 0:x.lastGranule;this.estimatedSize=this.service.getEstimatedGranuleSize(V,C,this.totalGranules);let T=u.hits<=r.endRow?u.hits:-1;r.successCallback(u.items,T)}catch(c){r.failCallback()}finally{this.loading=!1}}},t=[{field:"umm.GranuleUR",headerName:"Title",flex:3,cellRenderer:r=>{var g,p;if(!r.data)return"";let n=(p=(g=r.data.umm.RelatedUrls)==null?void 0:g.find(d=>d.Type==="GET DATA"))==null?void 0:p.URL;if(n){let d=document.createElement("a");return d.href=n,d.target="_blank",d.title=n,d.textContent=r.data.umm.GranuleUR,d}let m=document.createElement("span");return m.textContent=r.data.umm.GranuleUR,m}},{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}},Y=new WeakSet,Be=function(e){o(this,N,re).call(this,e.detail)},_=new WeakSet,Ne=function(e){var r;let t=e.detail;this.searchParams=B(w({},this.searchParams),{startDate:t.startDate||"",endDate:t.endDate||""}),(r=a(this,I,E))==null||r.purgeInfiniteCache()},q=new WeakSet,ke=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"},X=new WeakSet,ye=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,Ve=function(){var e;this.searchParams.startDate="",this.searchParams.endDate="",(e=a(this,I,E))==null||e.purgeInfiniteCache()},N=new WeakSet,re=function(e){var t;this.searchParams.location=e,(t=a(this,I,E))==null||t.purgeInfiniteCache()},K=new WeakSet,$e=function(){setTimeout(()=>{this.cloudCoverPickerOpen=!this.cloudCoverPickerOpen,this.cloudCoverPickerOpen?a(this,l)||(M(this,l,o(this,F,Ee).bind(this)),document.addEventListener("click",a(this,l))):a(this,l)&&(document.removeEventListener("click",a(this,l)),M(this,l,null))},0)},Z=new WeakSet,He=function(){o(this,y,ie).call(this,{min:void 0,max:void 0}),this.cloudCoverPickerOpen=!1,a(this,l)&&(document.removeEventListener("click",a(this,l)),M(this,l,null))},Q=new WeakSet,ze=function(){var e,t,r,n;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 ${(n=this.searchParams.cloudCover)==null?void 0:n.max.toFixed(1)}%`:"Cloud Cover"},k=new WeakSet,ae=function(e){let t=e.detail.item,r=t.value||t.getTextLabel();r==="python-script"?o(this,U,We).call(this,e):r==="earthdata-download"&&o(this,J,Fe).call(this,e)},U=new WeakSet,We=async function(e){var d,v,A,P,S,x,c,u,V;e.stopPropagation();let t=await fetch(ce("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 C=this.searchParams.location.bounds.toBBoxString(),T=C.split(",").map(G=>parseFloat(G.trim()));return T.length===4?T.join(","):C.replace(/\s+/g,"")}if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:C,lng:T}=this.searchParams.location.latLng,G=.01;return`${(T-G).toFixed(2)},${(C-G).toFixed(2)},${(T+G).toFixed(2)},${(C+G).toFixed(2)}`}}catch(C){console.warn("Error formatting bbox for Python script:",C)}return""},n=(await t.text()).replace(/{{short_name}}/gi,(d=this.shortName)!=null?d:"").replace(/{{version}}/gi,(v=this.version)!=null?v:"").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,(A=this.searchParams.search)!=null?A:"").replace(/{{filter_cloud_cover_min}}/gi,(x=(S=(P=this.searchParams.cloudCover)==null?void 0:P.min)==null?void 0:S.toString())!=null?x:"").replace(/{{filter_cloud_cover_max}}/gi,(V=(u=(c=this.searchParams.cloudCover)==null?void 0:c.max)==null?void 0:u.toString())!=null?V:""),m=new Blob([n],{type:"text/plain"}),g=URL.createObjectURL(m),p=document.createElement("a");p.href=g,p.download=`download_files_${this.shortName}_${this.version}.py`,document.body.appendChild(p),p.click(),document.body.removeChild(p),URL.revokeObjectURL(g)},J=new WeakSet,Fe=async function(e){e.stopPropagation(),alert("Sorry, Earthdata Download is not currently supported")},j=new WeakSet,Le=function(e){let t=e.detail;o(this,y,ie).call(this,{min:"startValue"in t?t.startValue:void 0,max:"endValue"in t?t.endValue:void 0})},y=new WeakSet,ie=function(e){var t;this.searchParams=B(w({},this.searchParams),{cloudCover:{min:e.min,max:e.max}}),(t=a(this,I,E))==null||t.purgeInfiniteCache()},ee=new WeakSet,Ye=function(){return f` <div class="loading-modal">
+            <terra-loader indeterminate variant="small"></terra-loader>
+            <span>Loading</span>
+        </div>`},s.styles=[ne,ve],s.dependencies={"terra-loader":pe,"terra-icon":de,"terra-date-picker":De,"terra-spatial-picker":ge,"terra-slider":Ae,"terra-dropdown":ue,"terra-menu":Se,"terra-menu-item":xe,"terra-button":he,"terra-data-grid":Pe,"terra-alert":le},h([H({reflect:!0,attribute:"collection-entry-id",converter:$})],s.prototype,"collectionEntryId",2),h([H({reflect:!0,attribute:"short-name",converter:$})],s.prototype,"shortName",2),h([H({reflect:!0,attribute:"version",converter:$})],s.prototype,"version",2),h([H({attribute:"footer-slot",type:Boolean})],s.prototype,"footerSlot",2),h([O()],s.prototype,"searchParams",2),h([O()],s.prototype,"loading",2),h([O()],s.prototype,"totalGranules",2),h([O()],s.prototype,"estimatedSize",2),h([O()],s.prototype,"cloudCoverRange",2),h([O()],s.prototype,"_gridInitialized",2),h([O()],s.prototype,"cloudCoverPickerOpen",2),h([te(["shortName","version"])],s.prototype,"handleShortNameOrVersionChange",1),h([te("collectionEntryId")],s.prototype,"handleCollectionChange",1),h([Me(500)],s.prototype,"handleSearch",1);export{Me as a,s as b};

package/dist/chunks/chunk.Q2MCOBRZ.js

@@ -0,0 +1,154 @@
+import{a as w}from"./chunk.GU22HZ7F.js";import{a as C}from"./chunk.URTV3MIW.js";import{a as _}from"./chunk.X5OPH5X7.js";import{b as g}from"./chunk.UTJA3S5Z.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as x}from"./chunk.XMNTSLBZ.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as v,c as y}from"./chunk.IEJAC4O6.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as s,query as M,state as $}from"lit/decorators.js";import{classMap as V}from"lit/directives/class-map.js";import{html as o}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{live as k}from"lit/directives/live.js";var e=class extends y{constructor(){super(...arguments);this.formControlController=new g(this,{value:t=>t.value,defaultValue:t=>t.defaultValue,setValue:(t,a)=>t.value=a});this.hasSlotController=new b(this,"help-text","error","clear-icon","show-password-icon","hide-password-icon");this.hasFocus=!1;this.validationErrorMessage="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.title="";this.type="text";this.name="";this.value="";this.placeholder="";this.size="medium";this.filled=!1;this.pill=!1;this.disabled=!1;this.readonly=!1;this.required=!1;this.inputMode="text";this.label="";this.hideLabel=!1;this.helpText="";this.errorText="";this.clearable=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autofocus=!1;this.spellcheck=!0;this.defaultValue="";this.resettable=!1;this.form=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}get valueAsDate(){var t;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((t=this.input)==null?void 0:t.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(t){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=t,this.value=this.__dateInput.value}get valueAsNumber(){var t;return this.__numberInput.value=this.value,((t=this.input)==null?void 0:t.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(t){this.__numberInput.valueAsNumber=t,this.value=this.__numberInput.value}firstUpdated(){this.formControlController.updateValidity()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-input")}handleChange(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("terra-change")}handleInvalid(t){this.formControlController.setValidity(!1),this.updateValidationErrorMessage(),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.formControlController.updateValidity(),this.updateValidationErrorMessage(),this.emit("terra-blur")}handleKeyDown(t){let a=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!a&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}updateValidationErrorMessage(){this.input?this.input.validity.valid?this.validationErrorMessage="":this.validationErrorMessage=this.input.validationMessage:this.validationErrorMessage=""}handleReset(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.readonly)&&(this.value=this.defaultValue||"",this.input.value=this.value,this.formControlController.updateValidity(),this.emit("terra-change"),this.input.focus())}handleClearClick(t){t.preventDefault(),this.value!==""&&(this.value="",this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")),this.input.focus()}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input&&(this.input.step=String(this.step),this.formControlController.updateValidity())}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,a,r="none"){this.input.setSelectionRange(t,a,r)}setRangeText(t,a,r,n="preserve"){let d=a!=null?a:this.input.selectionStart,h=r!=null?r:this.input.selectionEnd;this.input.setRangeText(t,d,h,n),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}render(){let t=this.querySelector('[slot="prefix"]')!==null,a=this.querySelector('[slot="suffix"]')!==null,r=this.hasSlotController.test("help-text"),n=this.helpText?!0:!!r,d=this.hasSlotController.test("error"),h=this.hasAttribute("data-user-invalid"),u=h&&(this.errorText||d||this.validationErrorMessage),E=h&&(this.errorText||this.validationErrorMessage)||"",m=this.clearable&&!this.disabled&&!this.readonly,f=m&&(typeof this.value=="number"||this.value.length>0),c=this.resettable&&!this.clearable&&this.value!==""&&this.value!==this.defaultValue&&this.type!=="search",S=m||c||this.passwordToggle&&this.type==="password"||a;return o`
+            <div
+                part="form-control"
+                class=${V({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":n&&!u,"form-control--has-error-text":u})}
+            >
+                ${this.label?o`
+                          <label
+                              for="input"
+                              part="form-control-label"
+                              class=${this.hideLabel?"input__label input__label--hidden":"input__label"}
+                          >
+                              ${this.label}
+                              ${this.required?o`<span class="input__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+
+                <div part="form-control-input" class="form-control-input">
+                    <div
+                        part="base"
+                        class=${V({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons,"input--has-prefix":t,"input--has-suffix":S})}
+                    >
+                        ${t?o`
+                                  <span part="prefix" class="input__prefix">
+                                      <slot name="prefix"></slot>
+                                  </span>
+                              `:""}
+
+                        <input
+                            part="input"
+                            id="input"
+                            class="input__control"
+                            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
+                            title=${this.title}
+                            name=${l(this.name||void 0)}
+                            ?disabled=${this.disabled}
+                            ?readonly=${this.readonly}
+                            ?required=${this.required}
+                            placeholder=${l(this.placeholder||void 0)}
+                            minlength=${l(this.minlength)}
+                            maxlength=${l(this.maxlength)}
+                            min=${l(this.min)}
+                            max=${l(this.max)}
+                            step=${l(this.step)}
+                            .value=${k(this.value)}
+                            autocapitalize=${l(this.getAttribute("autocapitalize"))}
+                            autocomplete=${l(this.autocomplete)}
+                            autocorrect=${l(this.getAttribute("autocorrect"))}
+                            ?autofocus=${this.autofocus}
+                            spellcheck=${this.spellcheck}
+                            pattern=${l(this.pattern)}
+                            enterkeyhint=${l(this.enterkeyhint)}
+                            inputmode=${l(this.inputMode)}
+                            aria-describedby=${u?"error-text":n?"help-text":void 0}
+                            aria-invalid=${u?"true":void 0}
+                            @input=${this.handleInput}
+                            @change=${this.handleChange}
+                            @invalid=${this.handleInvalid}
+                            @focus=${this.handleFocus}
+                            @blur=${this.handleBlur}
+                            @keydown=${this.handleKeyDown}
+                        />
+
+                        ${f?o`
+                                  <button
+                                      part="clear-button"
+                                      class="input__clear"
+                                      type="button"
+                                      aria-label="Clear input"
+                                      @click=${this.handleClearClick}
+                                      tabindex="-1"
+                                  >
+                                      <slot name="clear-icon">
+                                          <terra-icon
+                                              name="solid-x-circle"
+                                              library="heroicons"
+                                              font-size="1.2rem"
+                                          ></terra-icon>
+                                      </slot>
+                                  </button>
+                              `:""}
+                        ${this.passwordToggle&&this.type==="password"&&!this.disabled?o`
+                                  <button
+                                      part="password-toggle-button"
+                                      class="input__password-toggle"
+                                      type="button"
+                                      aria-label=${this.passwordVisible?"Hide password":"Show password"}
+                                      @click=${this.handlePasswordToggle}
+                                      tabindex="-1"
+                                  >
+                                      ${this.passwordVisible?o`
+                                                <slot name="show-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye-slash"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `:o`
+                                                <slot name="hide-password-icon">
+                                                    <terra-icon
+                                                        name="solid-eye"
+                                                        library="heroicons"
+                                                    ></terra-icon>
+                                                </slot>
+                                            `}
+                                  </button>
+                              `:""}
+                        ${c?o`
+                                  <button
+                                      type="button"
+                                      class="input__reset"
+                                      @click=${this.handleReset}
+                                      ?disabled=${this.disabled||this.readonly}
+                                      aria-label="Clear input"
+                                      tabindex="-1"
+                                  >
+                                      <terra-icon
+                                          name="solid-x-circle"
+                                          library="heroicons"
+                                          font-size="1.2rem"
+                                      ></terra-icon>
+                                  </button>
+                              `:""}
+                        ${a&&!f&&!c&&!(this.passwordToggle&&this.type==="password")?o`
+                                  <span part="suffix" class="input__suffix">
+                                      <slot name="suffix"></slot>
+                                  </span>
+                              `:""}
+                    </div>
+                </div>
+
+                ${u?o`
+                          <div
+                              aria-live="polite"
+                              aria-hidden="false"
+                              class="form-control__error-text"
+                              id="error-text"
+                              part="form-control-error-text"
+                          >
+                              <slot name="error">${E}</slot>
+                          </div>
+                      `:n?o`
+                            <div
+                                aria-hidden="false"
+                                class="form-control__help-text"
+                                id="help-text"
+                                part="form-control-help-text"
+                            >
+                                <slot name="help-text">${this.helpText}</slot>
+                            </div>
+                        `:""}
+            </div>
+        `}};e.styles=[v,_,w],e.dependencies={"terra-icon":x},i([M(".input__control")],e.prototype,"input",2),i([$()],e.prototype,"hasFocus",2),i([$()],e.prototype,"validationErrorMessage",2),i([s()],e.prototype,"title",2),i([s({reflect:!0})],e.prototype,"type",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([s()],e.prototype,"placeholder",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean,reflect:!0})],e.prototype,"filled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"pill",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s()],e.prototype,"autocomplete",2),i([s({type:Number})],e.prototype,"minlength",2),i([s({type:Number})],e.prototype,"maxlength",2),i([s()],e.prototype,"min",2),i([s()],e.prototype,"max",2),i([s()],e.prototype,"step",2),i([s()],e.prototype,"pattern",2),i([s({attribute:"input-mode"})],e.prototype,"inputMode",2),i([s()],e.prototype,"label",2),i([s({attribute:"hide-label",type:Boolean})],e.prototype,"hideLabel",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"error-text"})],e.prototype,"errorText",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([s({attribute:"password-toggle",type:Boolean})],e.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean})],e.prototype,"passwordVisible",2),i([s({attribute:"no-spin-buttons",type:Boolean})],e.prototype,"noSpinButtons",2),i([s({type:Boolean})],e.prototype,"autofocus",2),i([s()],e.prototype,"enterkeyhint",2),i([s({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],e.prototype,"spellcheck",2),i([C("value")],e.prototype,"defaultValue",2),i([s({type:Boolean,reflect:!0})],e.prototype,"resettable",2),i([s({reflect:!0})],e.prototype,"form",2),i([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),i([p("step",{waitUntilFirstUpdate:!0})],e.prototype,"handleStepChange",1),i([p("value",{waitUntilFirstUpdate:!0})],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.Q74JYYTU.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.MEIAXAOT.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-earthdata-login";e.define("terra-earthdata-login");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraLogin:"terra-login"},displayName:"TerraEarthdataLogin"}),g=o;export{g as a};

package/dist/chunks/chunk.QBCCNPMY.js

@@ -0,0 +1 @@
+import{b as a}from"./chunk.Q26WIGAX.js";var s=a;a.define("terra-data-access");export{s as a};

package/dist/chunks/chunk.QBZRFS4J.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.DV3HUYSH.js";var c=e;e.define("terra-date-picker");export{c as a};

package/dist/chunks/chunk.QOAJB4YT.js

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