@nasa-terra/components 0.0.184 → 0.0.186

package/dist/chunks/chunk.5BK2VKAN.js

@@ -0,0 +1,300 @@
+import{b as q}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.MADJHLHO.js";import{a as Q}from"./chunk.ERAEFUGS.js";import{a as G}from"./chunk.Z4MRB553.js";import{a as Z}from"./chunk.QDFHF7LY.js";import{a as D}from"./chunk.KMLEWPB5.js";import{a as j}from"./chunk.WUOLVIQC.js";import{a as H}from"./chunk.RM5CVLJ5.js";import{a as M}from"./chunk.LUKXGRZX.js";import{a as N}from"./chunk.FUEWS2BP.js";import{a as B}from"./chunk.DZ3WN2JE.js";import{a as E}from"./chunk.J5Q4TWEG.js";import{a as P,b as R}from"./chunk.IV5JC2HX.js";import{a as V,b as L,c as O,d as A,e as h,f as p,g as c,i as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as g}from"lit";import{property as U,state as v}from"lit/decorators.js";var d,b,f,y,T,$,z,F,_,S,J,I,X,w,Y,k,ee,x,te,C,ae,o=class extends Z(R){constructor(){super(...arguments);c(this,b);c(this,y);c(this,$);c(this,F);c(this,S);c(this,I);c(this,w);c(this,k);c(this,x);c(this,C);this.catalog="giovanni";this.selectedFacets={};this.selectedVariables=[];this.showVariablesBrowse=!1;this.activeIndex=void 0;this.sortOrder="aToZ";c(this,d,new j(this))}handleSelectedVariablesChange(){this.emit("terra-variables-change",{detail:{selectedVariables:this.selectedVariables}})}reset(){this.searchQuery="",this.selectedFacets={},this.showVariablesBrowse=!1}handleObservationChange(){var r,t,a;let e=(a=(t=(r=this.shadowRoot)==null?void 0:r.querySelector('input[name="observation"]:checked'))==null?void 0:t.value)!=null?a:"All";e==="All"?l(this,y,T).call(this,"observations"):l(this,b,f).call(this,"observations",e,!0)}toggleFacetSelect(e){let r=e.target;r.dataset.facet&&(l(this,b,f).call(this,r.dataset.facet,r.innerText.trim()),this.showVariablesBrowse=!0)}handleSearch(e){this.selectedFacets={},this.searchQuery=e.detail,this.showVariablesBrowse=!0}render(){let e=p(this,d).isPending&&p(this,d).facetsByCategory;return n`
+            <div class="container">
+                <header class="search">
+                    ${this.showVariablesBrowse?n`
+                              <terra-button @click=${this.reset}>
+                                  <terra-icon
+                                      name="solid-chevron-left"
+                                      library="heroicons"
+                                      font-size="1.5em"
+                                  ></terra-icon>
+                              </terra-button>
+                          `:g}
+
+                    <terra-variable-keyword-search
+                        @terra-search=${this.handleSearch}
+                    ></terra-variable-keyword-search>
+                </header>
+
+                ${this.showVariablesBrowse?l(this,C,ae).call(this,!!e):l(this,k,ee).call(this)}
+
+                <dialog ?open=${e}>
+                    <terra-loader indeterminate></terra-loader>
+                </dialog>
+            </div>
+        `}getVariable(e){return p(this,d).getVariable(e)}};d=new WeakMap,b=new WeakSet,f=function(e,r,t=!1){let a=this.selectedFacets[e]||[];if(a.includes(r)){l(this,$,z).call(this,e,r);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t?[r]:[...a,r]})},y=new WeakSet,T=function(e){let a=this.selectedFacets,{[e]:r}=a,t=A(a,[O(e)]);this.selectedFacets=t},$=new WeakSet,z=function(e,r){if(!this.selectedFacets[e])return;let t=this.selectedFacets[e].filter(a=>a!==r);if(!t.length){l(this,y,T).call(this,e);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t})},F=new WeakSet,_=function(e,r){let t=this.selectedVariables.find(a=>a.dataFieldLongName===e.dataFieldLongName);r&&!t?this.selectedVariables=[].concat(this.selectedVariables,e):!r&&t&&(this.selectedVariables=this.selectedVariables.filter(a=>a.dataFieldLongName!==e.dataFieldLongName))},S=new WeakSet,J=function(e){let t=e.detail.item.value;(t==="aToZ"||t==="zToA")&&(this.sortOrder=t,requestAnimationFrame(()=>{e.target.querySelectorAll("terra-menu-item").forEach(s=>{s.value===this.sortOrder?s.checked=!0:s.checked=!1})}))},I=new WeakSet,X=function(){return[...p(this,d).variables].sort((t,a)=>{let i=t.dataFieldLongName.toLowerCase(),s=a.dataFieldLongName.toLowerCase();return this.sortOrder==="aToZ"?i.localeCompare(s):s.localeCompare(i)})},w=new WeakSet,Y=function(){let e=[];Object.values(this.selectedFacets).forEach(i=>{e.push(...i)});let r=e.length>0,t=!!this.searchQuery;if(!r&&!t)return"";let a="Browsing";if(r){if(e.length===1)a+=` '${e[0]}'`;else if(e.length===2)a+=` '${e[0]}' and '${e[1]}'`;else{let i=e.slice(0,-1),s=e[e.length-1];a+=` '${i.join("', '")}', and '${s}'`}a+=" variables"}else a+=" variables";return t&&(a+=` for query \`${this.searchQuery}\``),a},k=new WeakSet,ee=function(){var r,t;let e=[{title:"Research Areas",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Sources",facetKey:"platformInstruments"}];return n`
+            <div class="scrollable browse-by-category">
+                <aside>
+                    <h3>Observations</h3>
+
+                    ${(r=p(this,d).facetsByCategory)!=null&&r.observations.length?n`
+                              <label>
+                                  <input
+                                      type="radio"
+                                      name="observation"
+                                      value="All"
+                                      @change=${this.handleObservationChange}
+                                      checked
+                                  />
+                                  All</label
+                              >
+
+                              ${(t=p(this,d).facetsByCategory)==null?void 0:t.observations.map(a=>n`<label>
+                                          <input
+                                              type="radio"
+                                              name="observation"
+                                              value=${a.name}
+                                              @change=${this.handleObservationChange}
+                                          />
+                                          ${a.name}
+                                      </label>`)}
+                          `:n`<terra-skeleton
+                              rows="4"
+                              variableWidths
+                          ></terra-skeleton>`}
+
+                    <terra-button
+                        variant="text"
+                        size
+                        @click=${()=>this.showVariablesBrowse=!0}
+                        >View All Now</terra-button
+                    >
+                </aside>
+
+                <main>
+                    ${e.map(a=>{var i,s,m;return n`
+                            <div class="column">
+                                <h3>${a.title}</h3>
+                                <ul role="list">
+                                    ${(m=(s=(i=p(this,d).facetsByCategory)==null?void 0:i[a.facetKey])==null?void 0:s.filter(u=>u.count>0).map(u=>n`<li
+                                                    role="button"
+                                                    tabindex="0"
+                                                    aria-selected="false"
+                                                    data-facet=${a.facetKey}
+                                                    @click=${this.toggleFacetSelect}
+                                                >
+                                                    ${u.name}
+                                                </li>`))!=null?m:n`<terra-skeleton
+                                        rows=${G(8,12)}
+                                        variableWidths
+                                    ></terra-skeleton>`}
+                                </ul>
+                            </div>
+                        `})}
+                </main>
+            </div>
+        `},x=new WeakSet,te=function(e,r,t,a){return(t!=null?t:[]).some(s=>s.count>0)?n`<details ?open=${a}>
+            <summary>${r}</summary>
+
+            ${(t!=null?t:[]).map(s=>{var m;return s.count>0?n`
+                          <div class="facet">
+                              <label
+                                  ><input
+                                      type="checkbox"
+                                      @change=${()=>l(this,b,f).call(this,e,s.name)}
+                                      ?checked=${(m=this.selectedFacets[e])==null?void 0:m.includes(s.name)}
+                                  />
+                                  ${s.name}
+                                  <!-- TODO: add count back in once we aren't filtering by Cloud Giovanni Catalog (or Cloud Giovanni supports all variables)(${s.count})--></label
+                              >
+                          </div>
+                      `:g})}
+        </details>`:g},C=new WeakSet,ae=function(e){let r=[{title:"Observations",facetKey:"observations",open:!0},{title:"Disciplines",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Platform / Instrument",facetKey:"platformInstruments"},{title:"Spatial Resolutions",facetKey:"spatialResolutions"},{title:"Temporal Resolutions",facetKey:"temporalResolutions"},{title:"Wavelengths",facetKey:"wavelengths"},{title:"Depths",facetKey:"depths"},{title:"Special Features",facetKey:"specialFeatures"},{title:"Portal",facetKey:"portals"}],t=l(this,I,X).call(this),a=l(this,w,Y).call(this);return n`<div class="scrollable variables-container">
+            <header>
+                <div>${a}</div>
+
+                <menu>
+                    <li>
+                        <terra-dropdown
+                            class="list-menu-dropdown"
+                            placement="bottom-end"
+                        >
+                            <terra-button
+                                slot="trigger"
+                                variant="default"
+                                outline
+                                caret
+                                >Sort by ${q(this.sortOrder)}</terra-button
+                            >
+                            <terra-menu @terra-select=${l(this,S,J)}>
+                                <terra-menu-item
+                                    type="checkbox"
+                                    value="aToZ"
+                                    ?checked=${this.sortOrder==="aToZ"}
+                                    >A to Z</terra-menu-item
+                                >
+                                <terra-menu-item
+                                    type="checkbox"
+                                    value="zToA"
+                                    ?checked=${this.sortOrder==="zToA"}
+                                    >Z to A</terra-menu-item
+                                >
+                            </terra-menu>
+                        </terra-dropdown>
+                    </li>
+                    <!--
+                    <li>
+                        <terra-dropdown class="list-menu-dropdown">
+                            <terra-button slot="trigger" caret>Group By</terra-button>
+                            <terra-menu>
+                                <terra-menu-item value="depths"
+                                    >Depths</terra-menu-item
+                                >
+                                <terra-menu-item value="disciplines"
+                                    >Disciplines</terra-menu-item
+                                >
+                                <terra-menu-item value="measurements"
+                                    >Measurements</terra-menu-item
+                                >
+                                <terra-menu-item value="observations"
+                                    >Observations</terra-menu-item
+                                >
+                                <terra-menu-item value="platformInstruments"
+                                    >Platform Instruments</terra-menu-item
+                                >
+                                <terra-menu-item value="portals"
+                                    >Portals</terra-menu-item
+                                >
+                                <terra-menu-item value="spatialResolutions"
+                                    >Spatial Resolutions</terra-menu-item
+                                >
+                                <terra-menu-item value="specialFeatures"
+                                    >Special Features</terra-menu-item
+                                >
+                                <terra-menu-item value="temporalResolutions"
+                                    >Temporal Resolutions</terra-menu-item
+                                >
+                                <terra-menu-item value="wavelengths"
+                                    >Wavelengths</terra-menu-item
+                                >
+                            </terra-menu>
+                        </terra-dropdown>
+                    </li>
+                    -->
+                </menu>
+            </header>
+
+            <aside>
+                <h3>Filter</h3>
+
+                ${r.map(i=>{var s;return l(this,x,te).call(this,i.facetKey,i.title,(s=p(this,d).facetsByCategory)==null?void 0:s[i.facetKey],i.open)})}
+            </aside>
+
+            <main class="variable-layout">
+                <!-- LEFT COLUMN -->
+                <section class="left-column">
+                    <ul class="variable-list">
+                        ${!e&&!t.length?n`
+                                  <terra-alert
+                                      variant="primary"
+                                      appearance="white"
+                                      open
+                                  >
+                                      <p>
+                                          We didn't find any variables matching your
+                                          search and filters.
+                                      </p>
+                                      <p>
+                                          Please note: This is a beta release and may
+                                          not have the full Giovanni catalog available
+                                          yet. We are working on adding more variables
+                                          and improving the search and filter
+                                          capabilities, so please check back soon!
+                                      </p>
+                                  </terra-alert>
+                              `:g}
+                        ${t.map((i,s)=>n`
+                                <li
+                                    aria-selected="false"
+                                    class="variable-list-item"
+                                    @mouseenter=${()=>this.activeIndex=s}
+                                    @mouseleave=${()=>this.activeIndex=void 0}
+                                    @focusin=${()=>this.activeIndex=s}
+                                    @focusout=${()=>this.activeIndex=void 0}
+                                    @click=${m=>{let u=m.currentTarget,K=u.querySelector('input[type="checkbox"]');K&&(u==null||u.setAttribute("aria-selected",`${K.checked}`))}}
+                                >
+                                    <div class="variable">
+                                        <label>
+                                            <input
+                                                data-variable=${i}
+                                                type="checkbox"
+                                                @change=${m=>{let u=m.currentTarget;l(this,F,_).call(this,i,u.checked)}}
+                                                style="display: none;"
+                                            />
+                                            <strong
+                                                >${i.dataFieldLongName}</strong
+                                            >
+                                            <span
+                                                >${i.dataProductShortName}_${i.dataProductVersion}
+                                                &bull;
+                                                ${i.dataProductTimeInterval}
+                                                &bull;
+                                                ${i.dataProductSpatialResolution}</span
+                                            >
+                                        </label>
+                                    </div>
+                                </li>
+                            `)}
+                    </ul>
+                </section>
+
+                <!-- RIGHT COLUMN -->
+                ${!e&&!t.length?g:n`
+                          <section class="right-column">
+                              ${this.activeIndex!==void 0?n`
+                                        <div class="sticky-element">
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Name in Data File:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataFieldShortName}
+                                            </p>
+                                            <p>
+                                                <label><strong>Units:</strong></label>
+                                                ${t[this.activeIndex].dataFieldUnits}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Temporal Coverage:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductBeginDateTime}
+                                                –
+                                                ${t[this.activeIndex].dataProductEndDateTime}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Region Coverage:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductWest},
+                                                ${t[this.activeIndex].dataProductSouth},
+                                                ${t[this.activeIndex].dataProductEast},
+                                                ${t[this.activeIndex].dataProductNorth}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Spatial Resolution:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductSpatialResolution}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong>Dataset:</strong></label
+                                                >
+                                                ${t[this.activeIndex].dataProductShortName}_${t[this.activeIndex].dataProductVersion}
+                                            </p>
+                                        </div>
+                                    `:n`<p class="placeholder">
+                                        Hover over a variable to see details
+                                    </p>`}
+                          </section>
+                      `}
+            </main>
+        </div> `},o.styles=[P,H],o.dependencies={"terra-variable-keyword-search":W,"terra-button":M,"terra-skeleton":Q,"terra-icon":B,"terra-loader":D,"terra-alert":N},h([U()],o.prototype,"catalog",2),h([U({attribute:"selected-variable-entry-ids",reflect:!0})],o.prototype,"selectedVariableEntryIds",2),h([v()],o.prototype,"searchQuery",2),h([v()],o.prototype,"selectedFacets",2),h([v()],o.prototype,"selectedVariables",2),h([v()],o.prototype,"showVariablesBrowse",2),h([v()],o.prototype,"activeIndex",2),h([v()],o.prototype,"sortOrder",2),h([E("selectedVariables")],o.prototype,"handleSelectedVariablesChange",1);export{o as a};

package/dist/chunks/chunk.5CXD3ZPB.js

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

package/dist/chunks/chunk.5TXESUZU.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.6VLZZPDP.js";var b=r;r.define("terra-breadcrumb");export{b as a};

package/dist/chunks/chunk.5ZMY3NVM.js

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

package/dist/chunks/chunk.6ALQCJJA.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.EO7U6GTZ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-popup";e.define("terra-popup");var p=r({tagName:o,elementClass:e,react:t,events:{onTerraReposition:"terra-reposition"},displayName:"TerraPopup"}),f=p;export{f as a};

package/dist/chunks/chunk.6IZ6A2NM.js

@@ -0,0 +1,51 @@
+import{a as k}from"./chunk.DXKIIHRV.js";import{a as V}from"./chunk.2MEG77EM.js";import{a as M}from"./chunk.BM6R6HEQ.js";import{a as f}from"./chunk.EL5HO6Y2.js";import{a as E}from"./chunk.JZBEFF5Q.js";import{a as T}from"./chunk.G5YTXJ3A.js";import{a as S}from"./chunk.YVKPP4LL.js";import{b as v}from"./chunk.BWCJXCND.js";import{a as y,b as C}from"./chunk.IV5JC2HX.js";import{e as a,g as o,i as l}from"./chunk.INFVQQSJ.js";import{property as s,state as c}from"lit/decorators.js";import{html as h}from"lit";var g,P,b,_,m,W,p,D,u,I,t=class extends C{constructor(){super(...arguments);o(this,g);o(this,b);o(this,m);o(this,p);o(this,u);this._fetchVariableTask=M(this)}get variableBoundingBox(){let e=this.catalogVariable;if(!e)return;let{dataProductWest:r,dataProductSouth:i,dataProductEast:n,dataProductNorth:d}=e;if(!(r==null||i==null||n==null||d==null))return`${r}, ${i}, ${n}, ${d}`}compatibilityWarning(){if(this.spatialWarningMessage=void 0,!this.catalogVariable||!this.location)return;let{dataProductWest:e,dataProductSouth:r,dataProductEast:i,dataProductNorth:n}=this.catalogVariable;if(e==null||r==null||i==null||n==null)return;let[d,w]=this.location.split(","),$=Number(d),x=Number(w);x>=e&&x<=i&&$>=r&&$<=n||(this.spatialWarningMessage=this.lastChanged==="variable"?"This variable has no data at the selected location.":"The selected location is outside the coverage of this variable.")}render(){var i,n;let e=this.catalogVariable?v(this.catalogVariable.dataProductBeginDateTime):void 0,r=this.catalogVariable?v(this.catalogVariable.dataProductEndDateTime):void 0;return h`
+            ${this.spatialWarningMessage&&this.lastChanged==="location"?h`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>`:null}
+            <terra-variable-combobox
+                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
+                .value=${f(this)}
+                .bearerToken=${(i=this.bearerToken)!=null?i:null}
+                .useTags=${!0}
+                @terra-combobox-change="${l(this,m,W)}"
+            ></terra-variable-combobox>
+
+            ${this.spatialWarningMessage&&this.lastChanged==="variable"?h`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>`:null}
+            <terra-spatial-picker
+                initial-value=${this.location}
+                .spatialConstraints=${this.variableBoundingBox}
+                exportparts="map:spatial-picker__map"
+                label="Select Point"
+                @terra-map-change=${l(this,p,D)}
+                .showBoundingBoxSelection=${!1}
+            ></terra-spatial-picker>
+
+            <terra-time-series
+                variable-entry-id=${f(this)}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                .location=${(n=this.location)!=null?n:void 0}
+                bearer-token=${this.bearerToken}
+                show-citation=${!0}
+                cache
+                @terra-date-range-change=${l(this,u,I)}
+            >
+                <li slot="help-links">
+                    <a
+                        href="https://disc.gsfc.nasa.gov/information/tools?title=Hydrology%20Time%20Series"
+                        >User Guide</a
+                    >
+                </li>
+            </terra-time-series>
+
+            <terra-date-range-slider
+                exportparts="slider:date-range-slider__slider"
+                min-date=${e}
+                max-date=${r}
+                start-date=${this.startDate}
+                end-date=${this.endDate}
+                @terra-date-range-change="${l(this,g,P)}"
+                @terra-date-selection-invalid="${l(this,b,_)}"
+            ></terra-date-range-slider>
+            ${this.dateErrorMessage?h`<div class="date-error" style="color: red;">
+                      ${this.dateErrorMessage}
+                  </div>`:null}
+        `}};g=new WeakSet,P=function(e){this.startDate=e.detail.startDate,this.endDate=e.detail.endDate},b=new WeakSet,_=function(e){this.dateErrorMessage=e.detail.message},m=new WeakSet,W=function(e){let r=e.detail.entryId;!this.variableEntryId||r===this.variableEntryId||(this.variableEntryId=r,this.location=void 0,this.lastChanged="variable",this.compatibilityWarning())},p=new WeakSet,D=function(e){console.log("map change event",e),e.detail.type==="point"&&(this.location=`${e.detail.latLng.lat.toFixed(4)},${e.detail.latLng.lng.toFixed(4)}`,this.lastChanged="location",this.compatibilityWarning())},u=new WeakSet,I=function(e){this.startDate=e.detail.startDate,this.endDate=e.detail.endDate},t.styles=[y,T],t.dependencies={"terra-time-series":V,"terra-date-range-slider":E,"terra-spatial-picker":S,"terra-variable-combobox":k},a([s({attribute:"variable-entry-id",reflect:!0})],t.prototype,"variableEntryId",2),a([s({reflect:!0})],t.prototype,"collection",2),a([s({reflect:!0})],t.prototype,"variable",2),a([s({attribute:"start-date",reflect:!0})],t.prototype,"startDate",2),a([s({attribute:"end-date",reflect:!0})],t.prototype,"endDate",2),a([s({reflect:!0})],t.prototype,"location",2),a([s({attribute:"bearer-token",reflect:!1})],t.prototype,"bearerToken",2),a([c()],t.prototype,"catalogVariable",2),a([c()],t.prototype,"dateErrorMessage",2),a([c()],t.prototype,"lastChanged",2),a([c()],t.prototype,"spatialWarningMessage",2);export{t as a};

package/dist/chunks/chunk.6LAOJZS6.js

@@ -0,0 +1 @@
+import{a as d,b as P}from"./chunk.7S57EA4V.js";import{a as I}from"./chunk.3FHTK4MP.js";import{a as x}from"./chunk.IZZFNAC5.js";import{b as N}from"./chunk.7J2F6HQM.js";import{a as $,f as r,g as v,h as m}from"./chunk.INFVQQSJ.js";import{MutationObserver as G}from"@tanstack/query-core";var c,g,B=class{constructor(e,t){this.host=e;v(this,c,void 0);v(this,g,void 0);this.host.addController(this),m(this,c,new G(e.queryClient,t))}mutate(e){return r(this,c).mutate(e)}reset(){r(this,c).reset(),this.host.requestUpdate()}hostConnected(){m(this,g,r(this,c).subscribe(e=>{this.result=e,this.host.requestUpdate()}))}hostDisconnected(){var e;(e=r(this,g))==null||e.call(this),m(this,g,void 0)}};c=new WeakMap,g=new WeakMap;var s,O=class O{constructor(e){v(this,s,void 0);var t;m(this,s,$({},e)),r(this,s).variables=void 0,(t=e==null?void 0:e.variables)==null||t.forEach(n=>{this.variable(n)}),e!=null&&e.environment&&this.environment(e.environment.toUpperCase())}get requestUrl(){return`${this.baseUrl}?${this.params}`}get baseUrl(){let{environment:e,collectionConceptId:t,variableConceptIds:n,variables:a}=r(this,s);if(!t)throw new N({message:"Collection concept id is required"});let l=P[e!=null?e:d.PROD],o=a!=null&&a.length?"parameter_vars":Array.isArray(n)?n.join(","):n;return`${l}/${t}/ogc-api-coverages/1.0.0/collections/${o||"all"}/coverage/rangeset`}get params(){let e=new URLSearchParams,{location:t,startDate:n,endDate:a,format:l,labels:o,variables:h,average:y,anonymous:f,dimensions:u}=r(this,s);return t instanceof x?e.append("point",`${t.lng},${t.lat}`):t instanceof I&&(e.append("subset",`lat(${t.getSouth()}:${t.getNorth()})`),e.append("subset",`lon(${t.getWest()}:${t.getEast()})`)),n&&e.append("subset",`time("${n}":"${a!=null?a:n}")`),u&&u.length>0&&u.forEach(i=>{e.append("subset",`${i.name}(${i.min}:${i.max})`)}),l&&e.append("format",l),o==null||o.forEach(i=>{e.append("label",i)}),h==null||h.forEach(i=>{e.append("variable",i)}),y&&e.append("average",y),f&&e.append("maxResults","10"),e.toString()}get options(){return r(this,s)}set(e){return m(this,s,$($({},r(this,s)),e)),this}getLabelByPrefix(e){var a;let t=(a=r(this,s).labels)==null?void 0:a.find(l=>l.startsWith(`${e}:`)),n=t?t.split(":")[1].trim():void 0;return n!=="NOT APPLICABLE"?n:void 0}environment(e){return this.set({environment:e})}collection(e){return this.set({collectionConceptId:e})}variable(e){var t,n;return this.isVariableConceptId(e)?this.set({variableConceptIds:[...(t=r(this,s).variableConceptIds)!=null?t:[],e]}):this.set({variables:[...(n=r(this,s).variables)!=null?n:[],e]})}location(e){return this.set({location:e})}dateRange(e,t){return this.set({startDate:e,endDate:t})}startDate(e){return this.set({startDate:e})}endDate(e){return this.set({endDate:e})}format(e){return this.set({format:e})}label(e){var t;return this.set({labels:[...(t=r(this,s).labels)!=null?t:[],e]})}addLabelsFromVariable(e){return this.label(`collection: ${e.dataProductShortName}_${e.dataProductVersion}`),this.label(`variable-display-name: ${e.dataFieldLongName||e.dataFieldId}`),this.label(`instrument-short-name: ${e.dataProductInstrumentShortName}`),this.label(`time-interval: ${e.dataProductTimeInterval}`),this.label(`units: ${e.dataFieldUnits}`),this}average(e){return this.set({average:e})}dimension(e){var t;return this.set({dimensions:[...(t=r(this,s).dimensions)!=null?t:[],e]})}skipPreview(e){return this.set({skipPreview:e})}isVariableConceptId(e){return/^V\d+-.+$/.test(e)}getTerraIcon(){var e;return(e=this.options.labels)!=null&&e.includes("terra-time-average-map")?"outline-map":"outline-chart-bar"}static fromUrl(e){var M,H,F;if(!e)return new O;let t=new URL(e),n;t.origin===P[d.PROD]?n=d.PROD:t.origin===P[d.UAT]&&(n=d.UAT);let a=t.pathname.split("/"),l=a[1]||void 0,o=a[5],h;o&&o!=="parameter_vars"&&o!=="all"&&(h=o.split(","));let y=t.searchParams.getAll("subset"),f,u,i,C,q,A,L=[];for(let p of y){let b=p.match(/^lat\((.+):(.+)\)$/),E=p.match(/^lon\((.+):(.+)\)$/),w=p.match(/^time\("(.+)":"(.+)"\)$/),R=p.match(/^(\w+)\((.+):(.+)\)$/);b?(f=parseFloat(b[1]),u=parseFloat(b[2])):E?(i=parseFloat(E[1]),C=parseFloat(E[2])):w?(q=w[1],A=w[2]):R&&L.push({name:R[1],min:parseFloat(R[2]),max:parseFloat(R[3])})}let D;f!==void 0&&u!==void 0&&i!==void 0&&C!==void 0&&(D=new I([i,f,C,u]));let U=t.searchParams.get("point");if(U){let[p,b]=U.split(",").map(Number);D=new x(b,p)}let j=(M=t.searchParams.get("format"))!=null?M:void 0,T=(H=t.searchParams.getAll("label"))!=null?H:void 0,k=T&&T.length>0?T:void 0,V=t.searchParams.getAll("variable"),Q=(F=t.searchParams.get("average"))!=null?F:void 0,W=t.searchParams.get("maxResults")==="10"?!0:void 0;return new O({environment:n,collectionConceptId:l,variableConceptIds:h,variables:V.length>0?V:void 0,location:D,startDate:q,endDate:A,format:j,labels:k,average:Q,anonymous:W,dimensions:L.length>0?L:void 0})}};s=new WeakMap;var S=O;export{B as a,S as b};

package/dist/chunks/chunk.6U7FDXWX.js

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

package/dist/chunks/chunk.6VLZZPDP.js

@@ -0,0 +1,25 @@
+import{a as o}from"./chunk.FL6IFTRN.js";import{a as l,b as n}from"./chunk.IV5JC2HX.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as e}from"lit";import{property as a}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.current=!1}render(){let s=!!this.href;return e`
+            <span
+                part="base"
+                class=${p({breadcrumb:!0,"breadcrumb--current":this.current,"breadcrumb--link":s})}
+            >
+                ${s?e`
+                          <a
+                              part="link"
+                              class="breadcrumb__link"
+                              href=${this.href}
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </a>
+                      `:e`
+                          <span
+                              part="label"
+                              class="breadcrumb__label"
+                              aria-current=${this.current?"page":void 0}
+                          >
+                              <slot></slot>
+                          </span>
+                      `}
+            </span>
+        `}};t.styles=[l,o],r([a()],t.prototype,"href",2),r([a({type:Boolean,reflect:!0})],t.prototype,"current",2);export{t as a};

package/dist/chunks/chunk.6XQ6N47U.js

@@ -0,0 +1,4 @@
+import{a as C}from"./chunk.3JIMAXOF.js";import{a as $}from"./chunk.YQCKC3P4.js";import{a as S}from"./chunk.VT3U2SB7.js";import{a as y}from"./chunk.VFIQVKQU.js";import{a as M}from"./chunk.LUT5ZHEE.js";import{a as f,b}from"./chunk.IV5JC2HX.js";import{e as l,f as e,g as u,i as c}from"./chunk.INFVQQSJ.js";import{html as a}from"lit";import{property as i}from"lit/decorators.js";var t,n,_,s=class extends b{constructor(){super(...arguments);u(this,n);this.buttonLabel="Earthdata Login";u(this,t,new S(this))}login(){e(this,t).login()}logout(){e(this,t).logout()}render(){var o;if((o=e(this,t).state.user)!=null&&o.uid){let r=this.querySelector('template[slot="logged-in"]');return a`${r?r.content.cloneNode(!0):a`<slot name="logged-in" .user=${e(this,t).state.user}
+                      >${c(this,n,_).call(this,this.loggedInMessage)}</slot
+                  >`}`}return e(this,t).state.isLoading?a`<slot name="loading">${this.loadingMessage}</slot>`:a` <slot name="logged-out">${this.loggedOutMessage}</slot
+            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`}};t=new WeakMap,n=new WeakSet,_=function(o){var r,m,g,p,d,h;return(o!=null?o:"").replace("{username}",(m=(r=e(this,t).state.user)==null?void 0:r.uid)!=null?m:"").replace("{first_name}",(p=(g=e(this,t).state.user)==null?void 0:g.first_name)!=null?p:"").replace("{last_name}",(h=(d=e(this,t).state.user)==null?void 0:d.last_name)!=null?h:"")},s.dependencies={"terra-button":M,"terra-icon":y,"terra-loader":$},s.styles=[f,C],l([i({attribute:"button-label"})],s.prototype,"buttonLabel",2),l([i({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),l([i({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),l([i({attribute:"loading-message"})],s.prototype,"loadingMessage",2);export{s as a};

package/dist/chunks/chunk.6ZBV5SP4.js

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

package/dist/chunks/chunk.76RHEPTM.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.SUZF4HRB.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-scroll-hint";e.define("terra-scroll-hint");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraScroll:"terra-scroll"},displayName:"TerraScrollHint"}),i=a;export{i as a};

package/dist/chunks/chunk.7BBWB2WE.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PLSW5VB3.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};

package/dist/chunks/chunk.7KIA5YSO.js

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

package/dist/chunks/chunk.7MTGPJN6.js

@@ -0,0 +1,33 @@
+import{a as c}from"./chunk.ACIJ7WID.js";import{a as r,b as a}from"./chunk.IV5JC2HX.js";import{e as t,f as o,g as m}from"./chunk.INFVQQSJ.js";import{property as i}from"lit/decorators.js";import{html as n,nothing as p}from"lit";import{classMap as l}from"lit/directives/class-map.js";var s,e=class extends a{constructor(){super(...arguments);this.size="medium";this.closeable=!1;this.stack=!1;m(this,s,()=>{this.emit("terra-remove"),this.remove()})}render(){return n`
+            <div
+                class="${l({"chip--small":this.size==="small","chip--medium":this.size==="medium","chip--large":this.size==="large"})}
+                chip"
+            >
+                <div
+                    class="${l({"chip-content--small":this.size==="small","chip-content--medium":this.size==="medium","chip-content--large":this.size==="large"})}
+                    chip-content"
+                >
+                    <slot part="content" class="tag__content"></slot>
+                </div>
+                ${this.closeable?n`
+                          <button
+                              class="chip-close"
+                              @click="${o(this,s)}"
+                          >
+                              <svg
+                                  class="${l({"chip-svg--small":this.size==="small","chip-svg--medium":this.size==="medium","chip-svg--large":this.size==="large"})}
+                        chip-svg"
+                                  focusable="false"
+                                  viewBox="0 0 500 500"
+                                  aria-hidden="true"
+                              >
+                                  <path
+                                      d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
+                                      style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
+                                      transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
+                                  ></path>
+                              </svg>
+                          </button>
+                      `:p}
+            </div>
+        `}};s=new WeakMap,e.styles=[r,c],t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"stack",2);export{e as a};

package/dist/chunks/chunk.7PXSQ67A.js

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

package/dist/chunks/chunk.7S57EA4V.js

@@ -0,0 +1 @@
+import{b as S}from"./chunk.SJ7SUN6N.js";import{a as F}from"./chunk.LLYICQ3I.js";import{b as T}from"./chunk.7J2F6HQM.js";import{a as u,b as d,g as y,i as l}from"./chunk.INFVQQSJ.js";var _="3",f={PROD:"PROD",UAT:"UAT"},A={[f.PROD]:"https://harmony.earthdata.nasa.gov",[f.UAT]:"https://harmony.uat.earthdata.nasa.gov",ANONYMOUS_ACCESS:"https://sjldutoe6c.execute-api.us-east-1.amazonaws.com/default/harmony-proxy"},E={[f.PROD]:"https://api.giovanni.earthdata.nasa.gov",[f.UAT]:"https://api.giovanni.uat.earthdata.nasa.gov"};var w=new Set(["successful","failed","canceled","complete_with_errors"]);var b,m,h,N,v,I,O,L,C,H,x=class{constructor(){y(this,b);y(this,h);y(this,v);y(this,O);y(this,C)}async getCollectionCapabilities(e,t){if(!e)throw new T({message:"`collectionConceptId` is required"});let r=await l(this,b,m).call(this,`capabilities?collectionId=${e}&version=${_}`,t);return r.variables=this.addConceptIdToVariables(r.variables),r.configuredOutputFormats=this.getOutputFormatOptions(r),r}async getJobs(e,t){let r=new URLSearchParams;return e!=null&&e.page&&r.append("page",e.page.toString()),e!=null&&e.limit&&r.append("limit",e.limit.toString()),e!=null&&e.label&&r.append("label",e.label),l(this,b,m).call(this,`jobs?${r.toString()}`,t)}async createJob(e,t){return l(this,b,m).call(this,e.requestUrl,t)}async getJobStatus(e,t){return l(this,b,m).call(this,`jobs/${e}`,t)}async removeJobLabels(e,t){let r=`${A[f.PROD]}/labels`;return F.delete(r,{body:{jobID:e.jobIDs,label:e.labels},headers:u({"Content-Type":"application/json"},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`}),signal:t==null?void 0:t.signal})}async cancelJob(e,t){return l(this,b,m).call(this,`jobs/${e}/cancel`,t)}async fetchUrl(e,t){let r=e.replace(E.PROD,"").replace(E.UAT,"");return l(this,b,m).call(this,r,t)}addConceptIdToVariables(e){return e.map(t=>{let r=t.href.match(/\/concepts\/(V\d+-\w+)$/);return r&&(t.conceptId=r[1]),t})}getOutputFormatOptions(e){let t=l(this,v,I).call(this,e),r=l(this,h,N).call(this,e),n=r?l(this,C,H).call(this,e):[];if(r&&!t)return n;let o=[];return l(this,O,L).call(this,e).forEach(p=>{let i=p,s=`Download data in ${p} format`;switch(p){case"application/x-hdf":case"application/octet-stream":i="HDF-EOS5",s="Download data in HDF-EOS5 format";break;case"application/x-netcdf4":case"application/netcdf":i="NetCDF",s="Download data in NetCDF format";break;case"application/x-netcdf4;profile=opendap_url":i="OPeNDAP URL (x-netcdf4)",s="Download data in OPeNDAP URL (x-netcdf4) format";break;case"text/csv":i="CSV",s="Download data in CSV format";break;case"image/tiff":case"image/tif":i="TIFF",s="Download data in TIFF format";break;case"image/png":i="PNG",s="Download data in PNG format";break;case"image/jpg":case"image/jpeg":i="JPEG",s="Download data in JPEG format";break;case"application/shapefile+zip":i="Shapefile+zip",s="Download data in Shapefile+zip format";break;case"application/x-zarr":i="ZARR",s="Download data in ZARR format";break;default:i=p,s=`Download data in ${p} format`}o.push({key:p,label:i,description:s})}),r&&t&&o.push(...n),o}};b=new WeakSet,m=function(e,t){let r=A[f.PROD];return t!=null&&t.bearerToken||(r=A.ANONYMOUS_ACCESS),e.startsWith("http")||(e=`${r}/${e}`),F.get(e,{signal:t==null?void 0:t.signal,headers:u({},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})})},h=new WeakSet,N=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(n=>n.name.toLowerCase().includes("giovanni")))!=null?r:!1},v=new WeakSet,I=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(n=>!n.name.toLowerCase().includes("giovanni")))!=null?r:!1},O=new WeakSet,L=function(e){if(!(e!=null&&e.services))return[];let t=e.services.filter(o=>!o.name.toLowerCase().includes("giovanni")),r=new Set;t.forEach(o=>{var c;(c=o.capabilities.outputFormats)==null||c.forEach(p=>{r.add(p)})});let n=Array.from(r);return n.includes("application/netcdf")&&n.includes("application/x-netcdf4")?n.filter(o=>o!=="application/netcdf"):n},C=new WeakSet,H=function(e){let t=[];return e.services.forEach(r=>{let n=r.name.toLowerCase();n.includes("giovanni-time-series")&&t.push({key:"text/csv",label:"CSV (point-based time series; one file)",description:"Single variable plotted over time",isGiovanniFormat:!0}),n.includes("giovanni-averaging")&&t.push({key:"image/tiff",label:"GeoTIFF (time-averaged map; one file)",description:"Time averaged representation as map",isGiovanniFormat:!0},{key:"text/csv",label:"CSV (area-averaged time series; one file)",description:"Area averaged data over time",isGiovanniFormat:!0})}),t.filter((r,n,o)=>o.findIndex(c=>c.label===r.label)===n)};var g=new x;var R=class{async store(e,t){await S(async r=>{let n={harmonyJobId:e,blob:t,createdAt:Date.now()};await r.put("thumbnails",n)})}async get(e){return S(async t=>{let r=await t.get("thumbnails",e);return r==null?void 0:r.blob})}async delete(e){await S(async t=>{await t.delete("thumbnails",e)})}};var k=3e3,q=5e3,G=new R;function U(a){return!!(a&&a!=="new")}function ae(a,e){return{queryKey:["harmony","capabilities",a],queryFn:async({signal:t})=>g.getCollectionCapabilities(a,d(u({},e),{signal:t})),enabled:!!a}}function ne(a,e){return{queryKey:["harmony","jobs",a],queryFn:async({signal:t})=>{let r=await g.getJobs(a,d(u({},e),{signal:t})),n=await Promise.all(r.jobs.map(async o=>{let c=await G.get(o.jobID);return c?d(u({},o),{thumbnailBlob:c}):o}));return d(u({},r),{jobs:n})},enabled:!!(e!=null&&e.bearerToken),refetchInterval:()=>a!=null&&a.page&&a.page!==1?!1:q}}function oe(a,e){return{queryKey:["harmony","jobs",a],queryFn:async({signal:t})=>U(a)?g.getJobStatus(a,d(u({},e),{signal:t})):null,enabled:U(a),refetchInterval:t=>{var n;let r=(n=t.state.data)==null?void 0:n.status;return r&&w.has(r)?!1:k},staleTime:0,gcTime:0}}function ie(){return{mutationFn:({harmonyRequest:a,options:e})=>g.createJob(a,e)}}function se(){return{mutationFn:({jobId:a,options:e})=>g.cancelJob(a,e)}}function le(){return{mutationFn:({jobIDs:a,labels:e,options:t})=>g.removeJobLabels({jobIDs:a,labels:e},t)}}export{f as a,A as b,w as c,g as d,R as e,ae as f,ne as g,oe as h,ie as i,se as j,le as k};

package/dist/chunks/chunk.7TUTY5PQ.js

@@ -0,0 +1 @@
+import{a}from"./chunk.46UHG52R.js";var i=a;a.define("terra-data-grid");export{i as a};

package/dist/chunks/chunk.7WAFRA6G.js

@@ -0,0 +1,100 @@
+import{a as R}from"./chunk.7W27XF6C.js";import{a as J}from"./chunk.PLSW5VB3.js";import{a as L}from"./chunk.3U7DX2A3.js";import{a as $}from"./chunk.VT3U2SB7.js";import{g as I}from"./chunk.7S57EA4V.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.DZ3WN2JE.js";import{a as b,b as C}from"./chunk.IV5JC2HX.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as y,query as S,state as u}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var p,q,m,N,g,D,h,v,r=class extends w(C){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new k(this,()=>I({page:1},{bearerToken:this.bearerToken}));this._authController=new $(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.jobs.length>0;return i?a`
+            <div class="${this.collapsed?"collapsed":""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${i?a`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${t=>{this.hideCancelled=t.target.checked}}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          `:A}
+
+                    <div class="history-list">
+                        ${s?i?n(this,p,q).call(this,s):a`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.show()}}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>`:a`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `:A}};p=new WeakSet,q=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,v).call(this,e.labels||[]);return a`
+                <div
+                    class="history-item"
+                    @click=${n(this,g,D).bind(this,e)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${n(this,m,N).call(this,e,f)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${d}%; background-color: ${t}"
+                        >
+                            ${l}
+                        </div>
+                    </div>
+                </div>
+            `}):a`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${e=>{var t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `},m=new WeakSet,N=function(s,i){var e;return a`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
+                </div>
+                <div>${new Date(s.createdAt).toLocaleString()}</div>
+            </div>
+        `},g=new WeakSet,D=function(s){var e;let i=n(this,h,v).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,v=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":E,"terra-data-subsetter":J,"terra-dialog":L},r.styles=[b,R],o([y()],r.prototype,"label",2),o([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),o([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([S('[part~="dialog"]')],r.prototype,"dialog",2),o([S('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.AE2OKFHU.js

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

package/dist/chunks/chunk.AFGBQTGU.js

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