@nasa-terra/components 0.0.191 → 0.0.192

package/dist/chunks/chunk.I6BL3WPE.js

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

package/dist/chunks/chunk.IHP65UGR.js

@@ -0,0 +1,33 @@
+import{a as c}from"./chunk.ACIJ7WID.js";import{a as r,b as a}from"./chunk.WEMSJJQN.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.IN7ZOX6F.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.7J2F6HQM.js";import{a as g}from"./chunk.DDNVEBZH.js";import{a as i}from"./chunk.INFVQQSJ.js";async function a(e,{method:s="GET",body:n,headers:f={},signal:m}={}){var u,T,c,p,d,h;try{let t=await fetch(e,{method:s,headers:f,body:n instanceof FormData?n:n?JSON.stringify(n):void 0,signal:m});if(!t.ok){if(t.status===401&&g.logout(),!((u=t.headers.get("Content-Type"))!=null&&u.includes("json"))){let w=await t.text();throw new o({status:t.status,message:w||`HTTP ${t.status}`})}let r=await t.json();throw new o({status:t.status,message:(d=(p=(T=r.message)!=null?T:r.description)!=null?p:(c=r.errors)==null?void 0:c[0])!=null?d:`HTTP ${t.status}`})}if(t.status===204)return;if(!((h=t.headers.get("Content-Type"))!=null&&h.includes("json")))try{return t.json()}catch(r){throw new o({status:500,message:`Expected JSON response but got ${t.headers.get("Content-Type")}`,cause:r})}return t.json()}catch(t){if(t instanceof DOMException&&t.name==="AbortError")return;throw t instanceof o&&t.status!==500?t:(console.error(t),console.error(`Failed to fetch ${e}`),new o({status:500,message:"An unknown error occurred when attempting to fetch, please try again later.",cause:t}))}}var k={get:(e,s)=>a(e,i({},s)),post:(e,s,n)=>a(e,i({method:"POST",body:s},n)),put:(e,s)=>a(e,{method:"PUT",body:s}),patch:(e,s)=>a(e,{method:"PATCH",body:s}),delete:(e,s)=>a(e,i({method:"DELETE"},s))};export{k as a};

package/dist/chunks/chunk.IOFVAK65.js

@@ -0,0 +1,2 @@
+import{c as vt}from"./chunk.5TSON4Q5.js";import{a as kt}from"./chunk.U7OFS4YO.js";import{b as dt}from"./chunk.ON5BCN2P.js";import{b as Tt}from"./chunk.TK2JSJCN.js";import{b as Ct}from"./chunk.T2BWAH5M.js";import{c as St,d as It,e as Et}from"./chunk.4ZVIPOSQ.js";import{a as J}from"./chunk.3FHTK4MP.js";import{a as mt}from"./chunk.IZZFNAC5.js";import{b as U,c as ht,d as ct}from"./chunk.BWCJXCND.js";import{a as C,b as O,f as p,g as u,h as k,i as h}from"./chunk.INFVQQSJ.js";var K=2e5,Y=1e3*60*60,z=Y*24;function Q(N,e,o){let a=o.getTime()-e.getTime();switch(N){case"half-hourly":return Math.floor(a/(Y/2))+1;case"hourly":return Math.floor(a/Y)+1;case"3-hourly":return Math.floor(a/(Y*3))+1;case"8-daily":return Math.floor(a/(z*8))+1;case"daily":return Math.floor(a/z)+1;case"weekly":return Math.floor(a/(z*7))+1;case"monthly":return Math.floor(a/(z*30))+1;default:throw new Error(`Unsupported time interval: ${N}`)}}function Lt(N,e,o){let a=Q(N,e,o);if(a<=K)return[{start:e,end:o}];let l=[],n=o.getTime()-e.getTime(),i=Math.ceil(a/K),s=Math.floor(n/i),m=new Date(e),r=n;for(;r>0;){let t=new Date(m.getTime()+s);t>o&&(t=o);let c=Q(N,m,t);if(c>K){let f=s*K/c;t=new Date(m.getTime()+f)}l.push({start:new Date(m),end:new Date(t)}),r=o.getTime()-t.getTime(),m=t}return l}import{initialState as Yt,Task as Nt}from"@lit/task";import*as Vt from"plotly.js-dist-min";var Qt=5e4,Xt="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",At=300,Gt=1e4,Ht={type:"scatter",mode:"lines"},V,w,G,P,$,j,M,v,_,Z,jt,tt,Ft,W,ut,B,ft,et,xt,at,Ot,L,q,rt,Ut,ot,qt,st,$t,it,Wt,nt,Bt,lt,Jt,F,X,D,y,_t=class{constructor(e){u(this,v);u(this,Z);u(this,tt);u(this,W);u(this,B);u(this,et);u(this,at);u(this,L);u(this,rt);u(this,ot);u(this,st);u(this,it);u(this,nt);u(this,lt);u(this,F);u(this,D);u(this,V,!1);u(this,w,new vt);u(this,G,new Et);u(this,P,void 0);u(this,$,void 0);u(this,j,void 0);u(this,M,void 0);this.emptyPlotData=[O(C({},Ht),{x:[],y:[]})];this.host=e,k(this,j,new Ct(this.host,{getCollectionEntryId:()=>h(this,st,$t).call(this),getBearerToken:()=>this.host.bearerToken})),k(this,M,new kt(this.host)),new Nt(e,{task:async(o,{signal:a})=>{var b;let{jobId:l}=this.host;if(!l||!this.host.bearerToken||this.host.startDate&&this.host.endDate&&this.host.location)return;let n=await It.getJobStatus(l,{bearerToken:this.host.bearerToken,signal:a}),i=dt.fromUrl(n.request),{startDate:s,endDate:m,location:r,variables:t,variableConceptIds:c}=i.options;if(s&&(this.host.startDate=s),m&&(this.host.endDate=m),r instanceof mt)this.host.location=`${r.lat},${r.lng}`;else if(r instanceof J){let[E,A,g,S]=[r.getWest(),r.getSouth(),r.getEast(),r.getNorth()];this.host.location=`${E},${A},${g},${S}`}let f=(b=t==null?void 0:t[0])!=null?b:c==null?void 0:c[0];f&&!this.host.variableEntryId&&(this.host.variableEntryId=f),this.host.requestUpdate()},args:()=>[this.host.jobId,this.host.bearerToken]}),this.task=new Nt(e,{task:async(o,{signal:a})=>{var s,m;if(console.log("Fetching time series data",{variables:h(this,v,_).call(this),startDate:this.host.startDate,endDate:this.host.endDate,location:this.host.location}),!h(this,v,_).call(this).length||!this.host.startDate||!this.host.endDate||!this.host.location)return console.log("Requirements not met to fetch the time series data "),h(this,v,_).call(this).map(t=>t.dataFieldId).join("|")!==p(this,$)&&(this.lastTaskValue=void 0),Yt;let l=h(this,v,_).call(this),n=await Promise.all(l.map(async r=>{var f;let t=await h(this,Z,jt).call(this,a,r),c=h(this,L,q).call(this,t.data,(f=t.metadata)==null?void 0:f.undef);return{variable:r,timeSeries:t,filteredData:c}}));this.metadata=(s=n[0])==null?void 0:s.timeSeries.metadata,k(this,$,h(this,v,_).call(this).map(r=>r.dataFieldId).join("|")),this.lastTaskValue=n.map(({variable:r,filteredData:t})=>{var c,f;return O(C({},Ht),{name:(f=(c=r.dataFieldLongName)!=null?c:r.dataFieldShortName)!=null?f:r.dataFieldId,hovertemplate:r.dataFieldUnits?`%{x}<br>%{y} ${r.dataFieldUnits}<extra>%{fullData.name}</extra>`:"%{x}<br>%{y}<extra>%{fullData.name}</extra>",x:t.map(b=>b.timestamp),y:t.map(b=>b.value)})});let i=n[0];return i?(this.host.emit("terra-time-series-data-change",{detail:{data:i.timeSeries,variable:i.variable,series:n.map(({variable:r,timeSeries:t})=>({variable:r,data:t})),startDate:ht(this.host.startDate),endDate:ht(this.host.endDate),location:this.host.location}}),p(this,P)&&h(this,lt,Jt).call(this,p(this,P)).catch(console.error),this.lastTaskValue):(m=this.lastTaskValue)!=null?m:this.emptyPlotData},args:()=>[this.host.catalogVariable,this.host.catalogVariables,this.host.startDate,this.host.endDate,this.host.location]})}render(e){return this.task.render(e)}getCacheKey(){return!this.host.location||!this.host.catalogVariable?"":this.getCacheKeyForVariable(this.host.catalogVariable)}getCacheKeyForVariable(e){return p(this,w).getCacheKeyForVariable(e.dataFieldId,this.host.location,this.host.environment)}confirmDataPointWarning(){k(this,V,!0),this.host.showDataPointWarning=!1}};V=new WeakMap,w=new WeakMap,G=new WeakMap,P=new WeakMap,$=new WeakMap,j=new WeakMap,M=new WeakMap,v=new WeakSet,_=function(){var e;return(e=this.host.catalogVariables)!=null&&e.length?this.host.catalogVariables:this.host.catalogVariable?[this.host.catalogVariable]:[]},Z=new WeakSet,jt=async function(e,o){var gt,bt,wt,Dt,yt;let a=this.host.startDate,l=this.host.endDate;if(!a||!l)throw new Error("Start and end date are required to fetch time series data");let n=d=>/T\d{2}:\d{2}/.test(d),i=U(a),s=U(l,!n(l)),m=this.getCacheKeyForVariable(o),r=o.dataFieldId;if(console.log("Loading time series for variable",o,this.host.startDate,this.host.endDate,this.host.location),this.host.jobId){let d=await h(this,B,ft).call(this,this.host.jobId,e);if(d.status==="failed"){let T=d.message||((bt=(gt=d.errors)==null?void 0:gt[0])==null?void 0:bt.message)||"The subset job failed",x=new Error(T);throw h(this,D,y).call(this,x,d.errors),x}if(d.status==="complete_with_errors"&&d.errors&&d.errors.length>0){let T=d.errors[0].message||"The subset job completed with errors",x=new Error(T);throw h(this,D,y).call(this,x,d.errors),x}let I=(wt=d.links.find(T=>T.rel==="data"))==null?void 0:wt.href;if(!I){let T=new Error("No data link found for Harmony job");throw h(this,D,y).call(this,T,d.errors),T}return k(this,P,this.host.jobId),h(this,W,ut).call(this,I,e)}let t=this.host.cache?await p(this,w).getValidCacheEntry(m):void 0,c=t!=null&&t.startDate?U(t.startDate):void 0,f=t!=null&&t.endDate?U(t.endDate,!0):void 0;if(console.log("Existing data?",t?"Yes":"No"),console.log("Is date range contained?",c&&f?ct(i,s,c,f):!1),console.log("Is cache valid?",p(this,w).isCacheValid(t)),t&&c&&f&&ct(i,s,c,f)&&p(this,w).isCacheValid(t)){console.log("Returning existing data from cache ",this.getCacheKey());let d=(Dt=t.metadata)==null?void 0:Dt.undef,I=h(this,L,q).call(this,t.data,d),T=O(C({},t),{data:I});return p(this,w).getDataInRange(T,i,s)}let b=p(this,w).calculateDataGaps(i,s,t);if(b.length===0&&t){let d=h(this,L,q).call(this,t.data,(yt=t.metadata)==null?void 0:yt.undef),I=O(C({},t),{data:d});return p(this,w).getDataInRange(I,i,s)}let A=(t!=null&&t.data?h(this,ot,qt).call(this,t.data):null)||o.dataProductTimeInterval||"daily",g=[];for(let d of b){let I=Lt(A,d.start,d.end);g.push(...I)}let S=await Promise.all(g.map(async d=>await h(this,tt,Ft).call(this,r,d.start,d.end,e,o))),R=(t==null?void 0:t.data)||[],H=(t==null?void 0:t.metadata)||{};for(let d of S)R=[...R,...d.data],H=C(C({},H),d.metadata);R=p(this,w).deduplicateByTimestamp(R);let pt={metadata:H,data:R};this.host.cache&&await p(this,w).storeConsolidatedData({cacheKey:m,variableEntryId:r,environment:this.host.environment,metadata:pt.metadata,data:R,requestedStartDate:i,requestedEndDate:s});let Kt=h(this,L,q).call(this,R,H==null?void 0:H.undef);return p(this,w).getDataInRange({metadata:pt.metadata,data:Kt},i,s)},tt=new WeakSet,Ft=async function(e,o,a,l,n){var b,E,A;if(!p(this,V)&&!h(this,rt,Ut).call(this,n,o,a))throw new Error("User cancelled data point warning");k(this,V,!1);let i=h(this,nt,Bt).call(this),s=i instanceof J,m=await h(this,it,Wt).call(this,l),r=new dt({collectionConceptId:m,location:i}).variable(e).dateRange(o.toISOString(),a.toISOString()).format("text/csv").label("terra-time-series");this.host.applicationId&&r.label(this.host.applicationId),r.addLabelsFromVariable(n),s&&r.average("area");let t;try{let g=await p(this,M).startJob({harmonyRequest:r,options:{signal:l,bearerToken:this.host.bearerToken,environment:this.host.environment}});t=g.jobID,k(this,P,t),this.host.emit("terra-harmony-job-status-update",{detail:g})}catch(g){throw h(this,D,y).call(this,g),g}let c=await h(this,B,ft).call(this,t,l);if(c.status==="failed"){let g=c.message||((E=(b=c.errors)==null?void 0:b[0])==null?void 0:E.message)||"The subset job failed",S=new Error(g);throw h(this,D,y).call(this,S,c.errors),S}if(c.status==="complete_with_errors"&&c.errors&&c.errors.length>0){let g=c.errors[0].message||"The subset job completed with errors",S=new Error(g);throw h(this,D,y).call(this,S,c.errors),S}let f=(A=c.links.find(g=>g.rel==="data"))==null?void 0:A.href;if(!f){let g=new Error("No data link found for Harmony job");throw h(this,D,y).call(this,g,c.errors),g}return h(this,W,ut).call(this,f,l)},W=new WeakSet,ut=async function(e,o){let a=e.replace("proxy-timeseries","timeseries"),l=`${Xt}?url=${encodeURIComponent(a)}`,n=await fetch(l,{signal:o,headers:C({},this.host.bearerToken?{Authorization:`Bearer ${this.host.bearerToken}`}:{})});if(!n.ok){let i=new Error(`Failed to fetch subset job link contents: ${n.statusText}`);throw h(this,D,y).call(this,i),i}return h(this,et,xt).call(this,await n.text())},B=new WeakSet,ft=async function(e,o){for(p(this,M).startPollForJobStatus(e,{bearerToken:this.host.bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=p(this,M).data;if(a&&this.host.emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===e&&St.has(a.status))return a;await h(this,F,X).call(this,At,o)}},et=new WeakSet,xt=function(e){let o=e.split(`
+`).map(s=>s.trim()).filter(Boolean),a={},l=[],n=!1,i=[];for(let s of o)if(n){let m=s.split(",");if(m.length===i.length){let r=[];for(let c=0;c<i.length;c++)r.push(m[c].trim());let t=h(this,at,Ot).call(this,r[0]);l.push({timestamp:t,value:r[1]})}}else{if(s.startsWith("Timestamp (UTC)")||s.startsWith("time,")){i=s.split(",").map(t=>t.trim()),n=!0;continue}let[m,r]=s.split(",");m&&r!==void 0&&(a[m.trim()]=r.trim())}return{metadata:a,data:l}},at=new WeakSet,Ot=function(e){try{let o=new Date(e);return Number.isNaN(o.getTime())?(console.warn("Invalid timestamp:",e),e):o.toISOString()}catch(o){return console.warn("Failed to normalize timestamp:",e,o),e}},L=new WeakSet,q=function(e,o){return o?e.filter(a=>{let l=a.value.trim(),n=String(o).trim();if(l===n)return!1;let i=parseFloat(l),s=parseFloat(n);return!(!Number.isNaN(i)&&!Number.isNaN(s)&&i===s)}):e},rt=new WeakSet,Ut=function(e,o,a){return this.host.estimatedDataPoints=Q(e.dataProductTimeInterval,o,a),this.host.estimatedDataPoints<Qt,!0},ot=new WeakSet,qt=function(e){if(e.length<2)return null;let o=[...e].sort((r,t)=>new Date(r.timestamp).getTime()-new Date(t.timestamp).getTime()),a=[];for(let r=1;r<Math.min(o.length,100);r++){let t=new Date(o[r-1].timestamp).getTime(),f=new Date(o[r].timestamp).getTime()-t;f>0&&a.push(f)}if(a.length===0)return null;let l=new Map;a.forEach(r=>{let t=Math.round(r/6e4)*6e4;l.set(t,(l.get(t)||0)+1)});let n=0,i=0;l.forEach((r,t)=>{r>i&&(i=r,n=t)});let s=1e3*60*60,m=s*24;return n<=s/2+6e4?"half-hourly":n<=s+6e4?"hourly":n<=s*3+6e4?"3-hourly":n<=m+6e4?"daily":n<=m*7+6e4?"weekly":"daily"},st=new WeakSet,$t=function(){if(this.host.collection)return this.host.collection;let e=this.host.catalogVariable;if(e)return`${e.dataProductShortName}_${e.dataProductVersion}`},it=new WeakSet,Wt=async function(e){var l;let o=Date.now();for(;Date.now()-o<Gt;){if(e.aborted)throw new Error("Request aborted while waiting for collection metadata");let n=p(this,j).conceptId;if(n)return n;if((l=p(this,j).collection)!=null&&l.isError){let i=new Error("Unable to load collection metadata needed for Harmony requests");throw h(this,D,y).call(this,i),i}await h(this,F,X).call(this,At,e)}let a=new Error("Timed out waiting for collection metadata needed for Harmony requests");throw h(this,D,y).call(this,a),a},nt=new WeakSet,Bt=function(){var i;let e=decodeURIComponent((i=this.host.location)!=null?i:""),o=e.split(",").map(s=>s.trim()),a=o.map(s=>Number(s));if(o.some(s=>s.length===0)||a.some(s=>Number.isNaN(s))){let s=new Error('Invalid location format. Expected "lat,lon" or "west,south,east,north".');throw this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:{status:400,code:"INVALID_LOCATION",message:s.message,context:e},bubbles:!0,composed:!0})),s}if(a.length===2)return new mt(a[0],a[1]);if(a.length===4)return new J(a);let n=new Error('Invalid location format. Expected "lat,lon" or "west,south,east,north".');throw this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:{status:400,code:"INVALID_LOCATION",message:n.message,context:e},bubbles:!0,composed:!0})),n},lt=new WeakSet,Jt=async function(e,o=1e3,a=200,l=200){var i;await h(this,F,X).call(this,o);let n=(i=this.host.plot)==null?void 0:i.base;if(n)try{let s=await Vt.toImage(n,{format:"jpeg",width:500,height:500}),m=new Image;m.src=s,await m.decode();let r=document.createElement("canvas");r.width=a,r.height=l;let t=r.getContext("2d");if(!t)return;t.drawImage(m,0,0,a,l);let c=await new Promise((f,b)=>r.toBlob(E=>E?f(E):b(new Error("toBlob failed")),"image/jpeg",.8));await p(this,G).store(e,c)}catch(s){console.error("Failed to capture time series thumbnail",s)}},F=new WeakSet,X=function(e,o){return new Promise((a,l)=>{let n=setTimeout(()=>{o&&o.removeEventListener("abort",i),a()},e),i=()=>{clearTimeout(n),l(new Error("Operation aborted"))};o&&o.addEventListener("abort",i,{once:!0})})},D=new WeakSet,y=function(e,o){let a=Tt(e,o);this.host.dispatchEvent(new CustomEvent("terra-time-series-error",{detail:a,bubbles:!0,composed:!0}))};export{Ht as a,_t as b};

package/dist/chunks/chunk.ISBUK3L4.js

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

package/dist/chunks/chunk.IWQ6YFE2.js

@@ -0,0 +1,145 @@
+import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as P}from"./chunk.IDBHEMAV.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,b as A}from"./chunk.WEMSJJQN.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<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">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.JDE47ALB.js

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

package/dist/chunks/chunk.JDUOQDJ3.js

@@ -0,0 +1,100 @@
+import{a as R}from"./chunk.Z2P5VVB5.js";import{a as J}from"./chunk.DF6IRZMZ.js";import{a as L}from"./chunk.GJG2G54S.js";import{a as $}from"./chunk.VT3U2SB7.js";import{g as I}from"./chunk.4ZVIPOSQ.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.I6BL3WPE.js";import{a as b,b as C}from"./chunk.WEMSJJQN.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.JE6M4M4S.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.WEMSJJQN.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

package/dist/chunks/chunk.JUJ7Y22D.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.NA26KJ6N.js";import{a as W}from"./chunk.PZYBNPV6.js";import{a as O}from"./chunk.SP77OFFN.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as N}from"./chunk.S74OFI5C.js";import{a as U}from"./chunk.J5Q4TWEG.js";import{a as R,b as F}from"./chunk.WEMSJJQN.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.JZYLEEB7.js

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

package/dist/chunks/chunk.K6T46UOF.js

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

package/dist/chunks/chunk.KG5CMWFL.js

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

package/dist/chunks/chunk.KGXZLDN7.js

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

package/dist/chunks/chunk.KIZLB2ZY.js

@@ -0,0 +1 @@
+import{b as f}from"./chunk.EL5HO6Y2.js";import{b as d}from"./chunk.BWCJXCND.js";import{a as g}from"./chunk.SVLWTIBE.js";import{a as u,b as m}from"./chunk.INFVQQSJ.js";import{Task as p}from"@lit/task";var c=new Map,s=new Map;function b(e){let i,t;if(e.dataProductBeginDateTime&&e.dataProductEndDateTime){let r=Math.abs(new Date(e.dataProductEndDateTime).getTime()-new Date(e.dataProductBeginDateTime).getTime()),o=Math.floor(r*.75),a=Math.abs(new Date(e.dataProductBeginDateTime).getTime()+o);i=d(a),t=d(e.dataProductEndDateTime)}return m(u({},e),{exampleInitialStartDate:i,exampleInitialEndDate:t,dataFieldShortName:!e.dataFieldShortName||e.dataFieldShortName===""?e.dataFieldAccessName:e.dataFieldShortName})}function V(e,i){return!e||e.length!==i.length?!1:e.every((t,r)=>t.dataFieldId===i[r].dataFieldId)}function D(e,i){var r,o,a,l;let t=i[0];t&&(e.startDate=(o=e.startDate)!=null?o:(r=t.exampleInitialStartDate)==null?void 0:r.toISOString(),e.endDate=(l=e.endDate)!=null?l:(a=t.exampleInitialEndDate)==null?void 0:a.toISOString(),e.catalogVariable=t,V(e.catalogVariables,i)||(e.catalogVariables=[...i]),e.variableEntryId=t.dataFieldId)}function M(e,i=!0){return new p(e,{task:async t=>{let r=f(e);if(console.debug("Fetch variables ",r),!r.length)return;let o=(await Promise.all(r.map(async a=>{if(c.has(a))return console.debug("Using cached variable ",a),c.get(a);if(s.has(a))return console.debug("Waiting for pending request for variable ",a),await s.get(a);let l=g.getVariable(a).then(n=>n?b(n):null).catch(n=>(console.warn("Failed to fetch variable",a,n),null));s.set(a,l);try{let n=await l;return console.debug("Found variable ",n),n?(c.set(a,n),n):null}finally{s.delete(a)}}))).filter(Boolean);o.length&&D(e,o)},args:()=>{var t;return[e.variableEntryId,(t=e.variableEntryIds)==null?void 0:t.join("|"),e.collection,e.variable]},autoRun:i})}export{M as a};

package/dist/chunks/chunk.KMMLLCHB.js

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

package/dist/chunks/chunk.KPNCPULO.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.CQLL2YKN.js";var o=e;e.define("terra-stepper-step");export{o as a};

package/dist/chunks/chunk.KQD2HFDR.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.SYEGBJVG.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-select";e.define("terra-select");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraChange:"terra-change",onTerraClear:"terra-clear",onTerraInput:"terra-input",onTerraFocus:"terra-focus",onTerraBlur:"terra-blur",onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide",onTerraInvalid:"terra-invalid"},displayName:"TerraSelect"}),T=a;export{T as a};

package/dist/chunks/chunk.KRHZH55I.js

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

@@ -0,0 +1,26 @@
+import{a}from"./chunk.I6BL3WPE.js";import{a as l}from"./chunk.YENJIAHQ.js";import{a as s,b as r}from"./chunk.WEMSJJQN.js";import{e}from"./chunk.INFVQQSJ.js";import{html as m}from"lit";import{property as o}from"lit/decorators.js";var t=class extends r{constructor(){super(...arguments);this.open=!1;this.showArrow=!0}render(){return m`
+            <details
+                class="accordion"
+                ?open=${this.open}
+                @toggle=${this.handleToggle}
+            >
+                <summary class="accordion-summary">
+                    <slot name="summary"> ${this.summary} </slot>
+
+                    <div class="accordion-summary-right">
+                        <slot name="summary-right"></slot>
+
+                        ${this.showArrow&&m`
+                            <terra-icon
+                                name="chevron-down-circle"
+                                font-size="24px"
+                            ></terra-icon>
+                        `}
+                    </div>
+                </summary>
+
+                <div class="accordion-content">
+                    <slot></slot>
+                </div>
+            </details>
+        `}handleToggle(n){let i=n.currentTarget;this.open=i.open,this.emit("terra-accordion-toggle",{detail:{open:this.open}})}};t.styles=[s,l],t.dependencies={"terra-icon":a},e([o()],t.prototype,"summary",2),e([o({reflect:!0,type:Boolean})],t.prototype,"open",2),e([o({type:Boolean})],t.prototype,"showArrow",2);export{t as a};

package/dist/chunks/chunk.KWHNDO3M.js

@@ -0,0 +1 @@
+import{a as E}from"./chunk.IN7ZOX6F.js";import{b as h,c as w}from"./chunk.7J2F6HQM.js";import{a as o,b as v,g as T,i as D}from"./chunk.INFVQQSJ.js";var B="https://cmr.earthdata.nasa.gov/search/",m,C,b,U,f=class{constructor(){T(this,m);T(this,b)}async getCollection(e,t,n){return this.getCollectionByEntryId(`${e}_${t}`,n)}async getCollectionByEntryId(e,t){if(!e)throw new h({message:"`collectionEntryId` is required"});let n=await D(this,m,C).call(this,`collections.umm_json?entry_id=${e}&include_granule_counts=true`,t);if(!n.items.length)throw new w({message:`Collection ${e} was not found`});return n.items[0]}async searchVariables(e,t){var n;if(!e.collectionConceptId)throw new h({message:"`collectionConceptId` is required"});return D(this,m,C).call(this,`variables.umm_json?keyword=${e.collectionConceptId}&page_size=${(n=e.pageSize)!=null?n:200}`,t)}async getSamplingOfGranules(e,t){var i,c,g,u,d,p,y;let[n,s]=await Promise.all([this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"asc"},t),this.searchGranules({collectionEntryId:e,pageSize:1,sortBy:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",sortDirection:"desc"},t)]),a=(i=n.items[0])==null?void 0:i.umm,r=(c=a==null?void 0:a.TemporalExtent)==null?void 0:c.RangeDateTime,l=(r==null?void 0:r.BeginningDateTime)!=null&&r.EndingDateTime!=null?(new Date(r.EndingDateTime).getTime()-new Date(r.BeginningDateTime).getTime())/(1e3*60*60)<24:!1;return{minDate:(g=r==null?void 0:r.BeginningDateTime)==null?void 0:g.toString(),maxDate:(y=(p=(d=(u=s.items[0])==null?void 0:u.umm.TemporalExtent)==null?void 0:d.RangeDateTime)==null?void 0:p.BeginningDateTime)==null?void 0:y.toString(),isSubDaily:l,hasGranules:n.hits>0}}async searchGranules(e,t){var s,a,r,l;if(!e.collectionEntryId&&!e.collectionConceptId)throw new h({message:"`collectionEntryId` or `collectionConceptId` is required to search granules"});let n=new URLSearchParams(o(o(o(o(o(o(o(o(o(o({},e.collectionEntryId&&{"entry_id[]":e.collectionEntryId}),e.collectionConceptId&&{collection_concept_id:e.collectionConceptId}),e.pageSize&&{page_size:e.pageSize.toString()}),e.pageNum&&{page_num:e.pageNum.toString()}),e.offset&&{offset:e.offset.toString()}),e.sortBy&&{"sort_key[]":D(this,b,U).call(this,e.sortBy,(s=e.sortDirection)!=null?s:"asc")}),e.search&&{"granule_ur[]":`*${e.search}*`,"options[granule_ur][pattern]":"true"}),e.startDate&&e.endDate&&{temporal:`${e.startDate},${e.endDate}`}),((a=e.location)==null?void 0:a.type)==="bbox"&&{bounding_box:e.location.bounds.toBBoxString()}),((r=e.cloudCover)==null?void 0:r.min)!==void 0&&((l=e.cloudCover)==null?void 0:l.max)!==void 0&&{cloud_cover:`${e.cloudCover.min},${e.cloudCover.max}`}));return D(this,m,C).call(this,`granules.umm_json?${n.toString()}`,t)}async getCollectionCitation(e,t){var a,r,l;let s=(await this.getCollectionByEntryId(e,t)).umm;if(!((a=s.CollectionCitations)!=null&&a.length))throw new Error(`No collection citations found for ${e}`);return{doi:{doi:(l=(r=s.DOI)==null?void 0:r.DOI)!=null?l:""},collectionCitations:s.CollectionCitations.map(i=>{var c,g,u,d,p,y,R,S,x,I;return{creator:(c=i.Creator)!=null?c:"",editor:(g=i.Editor)!=null?g:"",dataPresentationForm:(u=i.DataPresentationForm)!=null?u:"",onlineResource:{linkage:(p=(d=i.OnlineResource)==null?void 0:d.Linkage)!=null?p:""},publisher:(y=i.Publisher)!=null?y:"",title:(R=i.Title)!=null?R:"",seriesName:(S=i.SeriesName)!=null?S:"",releaseDate:i.ReleaseDate?String(i.ReleaseDate):"",version:(x=i.Version)!=null?x:"",releasePlace:(I=i.ReleasePlace)!=null?I:""}})}}};m=new WeakSet,C=function(e,t){return E.get(`${B}${e}`,v(o({},t),{headers:o(o({},t==null?void 0:t.headers),(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})}))},b=new WeakSet,U=function(e,t){let n=e;switch(e){case"title":case"umm.GranuleUR":n="granuleUr";break;case"size":case"umm.DataGranule.Size":n="dataSize";break;case"timeStart":case"umm.TemporalExtent.RangeDateTime.BeginningDateTime":n="startDate";break;case"timeEnd":case"umm.TemporalExtent.RangeDateTime.EndingDateTime":n="endDate";break}return`${t==="asc"?"+":"-"}${n}`};var G=new f,N=G;export{N as a};

package/dist/chunks/chunk.L2WWAWYC.js

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

package/dist/chunks/chunk.L3PZPPIQ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.TEOQ7XY3.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tabs";e.define("terra-tabs");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraTabShow:"terra-tab-show",onTerraTabHide:"terra-tab-hide"},displayName:"TerraTabs"}),b=o;export{b as a};

package/dist/chunks/chunk.L45W3S3B.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.X74ZBUDB.js";var t=r;r.define("terra-progress-bar");export{t as a};

package/dist/chunks/chunk.LFEM3FJX.js

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