@nasa-terra/components 0.0.186 → 0.0.188

package/dist/chunks/chunk.QVROOS6R.js

@@ -0,0 +1,62 @@
+import{a as y,b as v}from"./chunk.77X2UDZ7.js";import{a as O}from"./chunk.YZOJBYJJ.js";import{a as _,b as W}from"./chunk.6MJMMDNP.js";import{a as c,c as h}from"./chunk.VOQBVUDI.js";import{a as d,c as u}from"./chunk.U6R2SR47.js";import{a as F}from"./chunk.ZORILGBU.js";import{a as M}from"./chunk.LC4WH54W.js";import{a as b}from"./chunk.CUJNKBC6.js";import{a as L}from"./chunk.6PEAAW4E.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as H,b as x}from"./chunk.EBSZILKQ.js";import{e as r}from"./chunk.INFVQQSJ.js";var R=o=>{var t;let{activeElement:i}=document;i&&o.contains(i)&&((t=document.activeElement)==null||t.blur())};import{classMap as U}from"lit/directives/class-map.js";import{html as q}from"lit";import{ifDefined as N}from"lit/directives/if-defined.js";import{property as S,query as C}from"lit/decorators.js";var D=new WeakMap;function K(o){let i=D.get(o);return i||(i=window.getComputedStyle(o,null),D.set(o,i)),i}function I(o){if(typeof o.checkVisibility=="function")return o.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});let i=K(o);return i.visibility!=="hidden"&&i.display!=="none"}function $(o){let i=K(o),{overflowY:t,overflowX:s}=i;return t==="scroll"||s==="scroll"?!0:t!=="auto"||s!=="auto"?!1:o.scrollHeight>o.clientHeight&&t==="auto"||o.scrollWidth>o.clientWidth&&s==="auto"}function P(o){let i=o.tagName.toLowerCase(),t=Number(o.getAttribute("tabindex"));return o.hasAttribute("tabindex")&&(isNaN(t)||t<=-1)||o.hasAttribute("disabled")||o.closest("[inert]")||i==="input"&&o.getAttribute("type")==="radio"&&!o.hasAttribute("checked")||!I(o)?!1:(i==="audio"||i==="video")&&o.hasAttribute("controls")||o.hasAttribute("tabindex")||o.hasAttribute("contenteditable")&&o.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(i)?!0:$(o)}function B(o,i){var t;return((t=o.getRootNode({composed:!0}))==null?void 0:t.host)!==i}function T(o){let i=new WeakMap,t=[];function s(e){if(e instanceof Element){if(e.hasAttribute("inert")||e.closest("[inert]")||i.has(e))return;i.set(e,!0),!t.includes(e)&&P(e)&&t.push(e),e instanceof HTMLSlotElement&&B(e,o)&&e.assignedElements({flatten:!0}).forEach(a=>{s(a)}),e.shadowRoot!==null&&e.shadowRoot.mode==="open"&&s(e.shadowRoot)}for(let a of e.children)s(a)}return s(o),t.sort((e,a)=>{let p=Number(e.getAttribute("tabindex"))||0;return(Number(a.getAttribute("tabindex"))||0)-p})}var m=[],f=class{constructor(i){this.tabDirection="forward";this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()};this.handleKeyDown=i=>{var p;if(i.key!=="Tab"||this.isExternalActivated||!this.isActive())return;let t=W();if(this.previousFocus=t,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;i.shiftKey?this.tabDirection="backward":this.tabDirection="forward";let s=T(this.element),e=s.findIndex(l=>l===t);this.previousFocus=this.currentFocus;let a=this.tabDirection==="forward"?1:-1;for(;;){e+a>=s.length?e=0:e+a<0?e=s.length-1:e+=a,this.previousFocus=this.currentFocus;let l=s[e];if(this.tabDirection==="backward"&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus)||l&&this.possiblyHasTabbableChildren(l))return;i.preventDefault(),this.currentFocus=l,(p=this.currentFocus)==null||p.focus({preventScroll:!1});let k=[..._()];if(k.includes(this.currentFocus)||!k.includes(this.previousFocus))break}setTimeout(()=>this.checkFocus())};this.handleKeyUp=()=>{this.tabDirection="forward"};this.element=i,this.elementsWithTabbableControls=["iframe"]}activate(){m.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){m=m.filter(i=>i!==this.element),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return m[m.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){let i=T(this.element);if(!this.element.matches(":focus-within")){let t=i[0],s=i[i.length-1],e=this.tabDirection==="forward"?t:s;typeof(e==null?void 0:e.focus)=="function"&&(this.currentFocus=e,e.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(i){return this.elementsWithTabbableControls.includes(i.tagName.toLowerCase())||i.hasAttribute("controls")}};var n=class extends x{constructor(){super(...arguments);this.hasSlotController=new L(this,"footer");this.modal=new f(this);this.open=!1;this.label="";this.noHeader=!1;this.handleDocumentKeyDown=t=>{t.key==="Escape"&&this.modal.isActive()&&this.open&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),v(this),this.removeOpenListeners()}requestClose(t){if(this.emit("terra-dialog-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){let e=u(this,"dialog.denyClose",{dir:getComputedStyle(this).direction});c(this.panel,e.keyframes,e.options);return}this.hide()}addOpenListeners(){var t;"CloseWatcher"in window?((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard")):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var t;(t=this.closeWatcher)==null||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("terra-dialog-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),y(this);let t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([h(this.dialog),h(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("terra-dialog-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")});let s=u(this,"dialog.show",{dir:getComputedStyle(this).direction}),e=u(this,"dialog.overlay.show",{dir:getComputedStyle(this).direction});await Promise.all([c(this.panel,s.keyframes,s.options),c(this.overlay,e.keyframes,e.options)]),this.emit("terra-dialog-after-show")}else{R(this),this.emit("terra-dialog-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([h(this.dialog),h(this.overlay)]);let t=u(this,"dialog.hide",{dir:getComputedStyle(this).direction}),s=u(this,"dialog.overlay.hide",{dir:getComputedStyle(this).direction});await Promise.all([c(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),c(this.panel,t.keyframes,t.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let e=this.originalTrigger;typeof(e==null?void 0:e.focus)=="function"&&setTimeout(()=>e.focus()),this.emit("terra-dialog-after-hide")}}async show(){if(!this.open)return this.open=!0,b(this,"terra-dialog-after-show")}async hide(){if(this.open)return this.open=!1,b(this,"terra-dialog-after-hide")}render(){return q`
+            <div
+                part="base"
+                class=${U({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
+            >
+                <div
+                    part="overlay"
+                    class="dialog__overlay"
+                    @click=${()=>this.requestClose("overlay")}
+                    tabindex="-1"
+                ></div>
+
+                <div
+                    part="panel"
+                    class="dialog__panel"
+                    role="dialog"
+                    aria-modal="true"
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-label=${N(this.noHeader?this.label:void 0)}
+                    aria-labelledby=${N(this.noHeader?void 0:"title")}
+                    tabindex="-1"
+                >
+                    ${this.noHeader?"":q`
+                              <header part="header" class="dialog__header">
+                                  <h2 part="title" class="dialog__title" id="title">
+                                      <slot name="label">
+                                          ${this.label.length>0?this.label:"\uFEFF"}
+                                      </slot>
+                                  </h2>
+                                  <div
+                                      part="header-actions"
+                                      class="dialog__header-actions"
+                                  >
+                                      <slot name="header-actions"></slot>
+                                      <terra-button
+                                          part="close-button"
+                                          exportparts="base:close-button__base"
+                                          class="dialog__close"
+                                          circle
+                                          variant="text"
+                                          @click="${()=>this.requestClose("close-button")}"
+                                          aria-label="Close"
+                                      >
+                                          <terra-icon
+                                              name="solid-x-mark"
+                                              library="heroicons"
+                                              font-size="1.25rem"
+                                          ></terra-icon>
+                                      </terra-button>
+                                  </div>
+                              </header>
+                          `}
+                    <div part="body" class="dialog__body" tabindex="-1">
+                        <slot></slot>
+                    </div>
+
+                    <footer part="footer" class="dialog__footer">
+                        <slot name="footer"></slot>
+                    </footer>
+                </div>
+            </div>
+        `}};n.styles=[H,O],n.dependencies={"terra-button":F,"terra-icon":M},r([C(".dialog")],n.prototype,"dialog",2),r([C(".dialog__panel")],n.prototype,"panel",2),r([C(".dialog__overlay")],n.prototype,"overlay",2),r([S({type:Boolean,reflect:!0})],n.prototype,"open",2),r([S({reflect:!0})],n.prototype,"label",2),r([S({attribute:"no-header",type:Boolean,reflect:!0})],n.prototype,"noHeader",2),r([A("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);d("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});d("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});d("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});d("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});d("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{n as a};

package/dist/chunks/chunk.QX3BPH3M.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.H736IF6K.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-radio";e.define("terra-radio");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraRadio"}),E=a;export{E as a};

package/dist/chunks/chunk.QYVYWRMS.js

@@ -0,0 +1,5 @@
+import{a as r}from"./chunk.H2ISCJTL.js";import{a as l,b as o}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{property as a}from"lit/decorators.js";import{html as i}from"lit";var t=class extends o{constructor(){super(...arguments);this.ariaLabel="Breadcrumb";this.theme="light"}render(){return i`
+            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
+                <slot></slot>
+            </nav>
+        `}};t.styles=[l,r],e([a({attribute:"aria-label"})],t.prototype,"ariaLabel",2),e([a({reflect:!0})],t.prototype,"theme",2);export{t as a};

package/dist/chunks/chunk.QYYTBGFQ.js

@@ -0,0 +1,11 @@
+import{a as i}from"./chunk.KVCUA7LO.js";import{a as e,b as a}from"./chunk.EBSZILKQ.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
+            <div
+                part="base"
+                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
+            >
+                <span part="dot" class="status-indicator__dot"></span>
+                <span part="label" class="status-indicator__label">
+                    <slot></slot>
+                </span>
+            </div>
+        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

package/dist/chunks/chunk.R6FOZ2KQ.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.QEAIGKVS.js";var m=r;r.define("terra-harmony-history");export{m as a};

package/dist/chunks/chunk.RK65WAF3.js

@@ -0,0 +1 @@
+import{a as d,b as P}from"./chunk.GE7UDDDW.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.RNXKFNZR.js

@@ -0,0 +1,2 @@
+import{b as Tt}from"./chunk.43F6G3ZK.js";import{c as vt}from"./chunk.NZ2EQTLJ.js";import{a as kt}from"./chunk.UHM5JVWJ.js";import{b as dt}from"./chunk.RK65WAF3.js";import{b as Ct}from"./chunk.P46NR7KP.js";import{c as St,d as It,e as Et}from"./chunk.GE7UDDDW.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=[],i=o.getTime()-e.getTime(),n=Math.ceil(a/K),s=Math.floor(i/n),m=new Date(e),r=i;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 i=await It.getJobStatus(l,{bearerToken:this.host.bearerToken,signal:a}),n=dt.fromUrl(i.request),{startDate:s,endDate:m,location:r,variables:t,variableConceptIds:c}=n.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),i=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=i[0])==null?void 0:s.timeSeries.metadata,k(this,$,h(this,v,_).call(this).map(r=>r.dataFieldId).join("|")),this.lastTaskValue=i.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 n=i[0];return n?(this.host.emit("terra-time-series-data-change",{detail:{data:n.timeSeries,variable:n.variable,series:i.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 i=d=>/T\d{2}:\d{2}/.test(d),n=U(a),s=U(l,!i(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(n,s,c,f):!1),console.log("Is cache valid?",p(this,w).isCacheValid(t)),t&&c&&f&&ct(n,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,n,s)}let b=p(this,w).calculateDataGaps(n,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,n,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});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},n,s)},tt=new WeakSet,Ft=async function(e,o,a,l,i){var b,E,A;if(!p(this,V)&&!h(this,rt,Ut).call(this,i,o,a))throw new Error("User cancelled data point warning");k(this,V,!1);let n=h(this,nt,Bt).call(this),s=n instanceof J,m=await h(this,it,Wt).call(this,l),r=new dt({collectionConceptId:m,location:n}).variable(e).dateRange(o.toISOString(),a.toISOString()).format("text/csv").label("terra-time-series");this.host.applicationId&&r.label(this.host.applicationId),r.addLabelsFromVariable(i),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)}`,i=await fetch(l,{signal:o,headers:C({},this.host.bearerToken?{Authorization:`Bearer ${this.host.bearerToken}`}:{})});if(!i.ok){let n=new Error(`Failed to fetch subset job link contents: ${i.statusText}`);throw h(this,D,y).call(this,n),n}return h(this,et,xt).call(this,await i.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=[],i=!1,n=[];for(let s of o)if(i){let m=s.split(",");if(m.length===n.length){let r=[];for(let c=0;c<n.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,")){n=s.split(",").map(t=>t.trim()),i=!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(),i=String(o).trim();if(l===i)return!1;let n=parseFloat(l),s=parseFloat(i);return!(!Number.isNaN(n)&&!Number.isNaN(s)&&n===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 i=0,n=0;l.forEach((r,t)=>{r>n&&(n=r,i=t)});let s=1e3*60*60,m=s*24;return i<=s/2+6e4?"half-hourly":i<=s+6e4?"hourly":i<=s*3+6e4?"3-hourly":i<=m+6e4?"daily":i<=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 i=p(this,j).conceptId;if(i)return i;if((l=p(this,j).collection)!=null&&l.isError){let n=new Error("Unable to load collection metadata needed for Harmony requests");throw h(this,D,y).call(this,n),n}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 n;let e=decodeURIComponent((n=this.host.location)!=null?n:""),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 i=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:i.message,context:e},bubbles:!0,composed:!0})),i},lt=new WeakSet,Jt=async function(e,o=1e3,a=200,l=200){var n;await h(this,F,X).call(this,o);let i=(n=this.host.plot)==null?void 0:n.base;if(i)try{let s=await Vt.toImage(i,{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 i=setTimeout(()=>{o&&o.removeEventListener("abort",n),a()},e),n=()=>{clearTimeout(i),l(new Error("Operation aborted"))};o&&o.addEventListener("abort",n,{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.RSCJ6EDH.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BOPUSC3U.js";var m=e;e.define("terra-time-series");export{m as a};

package/dist/chunks/chunk.RU763IGI.js

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

package/dist/chunks/chunk.RXVPWUKQ.js

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

package/dist/chunks/chunk.S3CZEFVL.js

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

package/dist/chunks/chunk.S5DR3NKX.js

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

package/dist/chunks/chunk.SLNATYOJ.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.6SUK7Y4R.js";var u=r;r.define("terra-button-group");export{u as a};

package/dist/chunks/chunk.SN5L5S2N.js

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

package/dist/chunks/chunk.SUSXMFBP.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6AJD3EGC.js";var d=e;e.define("terra-loader");export{d as a};

package/dist/chunks/chunk.SXKOCRXJ.js

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

package/dist/chunks/chunk.SXMCHJGG.js

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

package/dist/chunks/chunk.SZH3FY3I.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.MJFEBDJV.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as i,b as o}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as l}from"lit/decorators.js";var c=0,t=class extends o{constructor(){super(...arguments);this.attrId=++c;this.componentId=`terra-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return p`
+            <slot
+                part="base"
+                class=${a({"tab-panel":!0,"tab-panel--active":this.active})}
+            ></slot>
+        `}};t.styles=[i,s],e([l({reflect:!0})],t.prototype,"name",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.THMFNJK5.js

@@ -0,0 +1,280 @@
+import{a as ve}from"./chunk.CFWA3EO3.js";import{a as Pe}from"./chunk.BWXONYC5.js";import{a as Se}from"./chunk.2SQ55YCX.js";import{a as Ce}from"./chunk.TNG2TPSR.js";import{a as ge,b as fe}from"./chunk.P46NR7KP.js";import{a as ue}from"./chunk.Q54IJJKH.js";import{a as me}from"./chunk.6YK2ZG6R.js";import{a as xe}from"./chunk.UC5K3JSD.js";import{a as De}from"./chunk.5DVFWG6G.js";import{a as Ae}from"./chunk.WKN2WHAA.js";import{a as pe}from"./chunk.QDFHF7LY.js";import{a as he}from"./chunk.6AJD3EGC.js";import{a as de}from"./chunk.ZORILGBU.js";import{a as ce}from"./chunk.LC4WH54W.js";import{b as le}from"./chunk.E3NUSTFU.js";import{a as se}from"./chunk.3JICBNSC.js";import{a as ee}from"./chunk.J5Q4TWEG.js";import{a as oe,b as ne}from"./chunk.EBSZILKQ.js";import{a as w,b as N,e as p,f as a,g as o,h as G,i as n}from"./chunk.INFVQQSJ.js";import{property as $,state as T}from"lit/decorators.js";import{html as C,nothing as O}from"lit";var Ie=Symbol(),Ge=ie=>(Ye,e,t)=>{let r=t.value;t.value=function(...s){clearTimeout(this[Ie]),this[Ie]=window.setTimeout(()=>{r.apply(this,s)},ie)}};import{createRef as H,ref as z}from"lit/directives/ref.js";var c,u,I,M,W,Me,F,Ee,L,Be,Y,we,_,Ne,q,ke,R,ye,k,te,X,Ve,K,$e,Z,He,y,re,U,ze,Q,We,J,Fe,V,ae,j,Le,l=class extends pe(ne){constructor(){super(...arguments);o(this,I);o(this,W);o(this,F);o(this,L);o(this,Y);o(this,_);o(this,q);o(this,R);o(this,k);o(this,X);o(this,K);o(this,Z);o(this,y);o(this,U);o(this,Q);o(this,J);o(this,V);o(this,j);this.service=new xe;this.searchParams={pageSize:50,offset:0,search:"",sortBy:"title",sortDirection:"asc",cloudCover:{min:void 0,max:void 0}};this.loading=!1;this.totalGranules=0;this.estimatedSize=null;this.cloudCoverRange=null;this._gridInitialized=!1;this.cloudCoverPickerOpen=!1;this.datePickerRef=H();this.spatialPickerRef=H();this.cloudCoverSliderRef=H();this.gridRef=H();o(this,c,null);o(this,u,new fe(this,{getCollectionEntryId:()=>this.collectionEntryId,getBearerToken:()=>this.bearerToken}))}handleShortNameOrVersionChange(){this.shortName&&this.version&&!this.collectionEntryId&&(this.collectionEntryId=`${this.shortName}_${this.version}`)}handleCollectionChange(){this._gridInitialized&&this.isVisible&&(this._gridInitialized=!1,this.firstVisible())}get isSubDaily(){return a(this,u).isSubDaily}get granuleMinDate(){var t,r;let e=(r=(t=a(this,u).sampling)==null?void 0:t.data)==null?void 0:r.minDate;return e?new Date(e):null}get granuleMaxDate(){var t,r;let e=(r=(t=a(this,u).sampling)==null?void 0:t.data)==null?void 0:r.maxDate;return e?new Date(e):null}get spatialConstraints(){return a(this,u).spatialConstraints}disconnectedCallback(){super.disconnectedCallback(),a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))}async firstVisible(){n(this,F,Ee).call(this)}handleSearch(e){var t;this.searchParams=N(w({},this.searchParams),{search:e}),(t=a(this,I,M))==null||t.purgeInfiniteCache()}render(){var e,t,r,s,i,g,m,h,D,v,A,P,S;return C`
+            <div class="filters-compact">
+                <div class="search-row">
+                    <div class="search-icon" aria-hidden="true">🔍</div>
+                    <input
+                        type="text"
+                        class="search-input"
+                        placeholder="Search file names"
+                        .value=${(e=this.searchParams.search)!=null?e:""}
+                        @input=${d=>{this.handleSearch(d.target.value)}}
+                    />
+                </div>
+
+                <div class="toggle-row">
+                    <terra-dropdown>
+                        <button
+                            slot="trigger"
+                            class="filter-btn ${this.searchParams.startDate&&this.searchParams.endDate?"active":""}"
+                        >
+                            <terra-icon
+                                name="outline-calendar"
+                                library="heroicons"
+                                font-size="18px"
+                            ></terra-icon>
+                            <span>${n(this,_,Ne).call(this)}</span>
+                            ${this.searchParams.startDate&&this.searchParams.endDate?C`
+                                      <button
+                                          class="clear-badge"
+                                          @click=${d=>{d.stopPropagation(),n(this,R,ye).call(this)}}
+                                          aria-label="Clear date range"
+                                      >
+                                          ×
+                                      </button>
+                                  `:O}
+                        </button>
+
+                        <div class="datepicker-container">
+                            <terra-date-picker
+                                ${z(this.datePickerRef)}
+                                range
+                                ?enable-time=${this.isSubDaily}
+                                show-presets
+                                split-inputs
+                                inline
+                                .startDate=${this.searchParams.startDate}
+                                .endDate=${this.searchParams.endDate}
+                                .startPlaceholder=${this.isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .endPlaceholder=${this.isSubDaily?"YYYY-MM-DD HH:mm:ss":"YYYY-MM-DD"}
+                                .minDate=${this.granuleMinDate}
+                                .maxDate=${this.granuleMaxDate}
+                                @terra-date-range-change=${n(this,Y,we)}
+                            >
+                                ${this.granuleMinDate&&this.granuleMaxDate?C` <p
+                                          slot="additional-text"
+                                          class="available-range"
+                                      >
+                                          <strong>Available Range:</strong>
+                                          ${this.service.formatAvailableRangeDate(this.granuleMinDate,this.isSubDaily)}
+                                          -
+                                          ${this.service.formatAvailableRangeDate(this.granuleMaxDate,this.isSubDaily)}
+                                      </p>`:O}
+                            </terra-date-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    <terra-dropdown placement="bottom-start" distance="4" hoist>
+                        <div slot="trigger" class="filter">
+                            <button
+                                class="filter-btn ${this.searchParams.location?"active":""}"
+                            >
+                                <terra-icon
+                                    name="outline-globe-alt"
+                                    library="heroicons"
+                                    font-size="18px"
+                                ></terra-icon>
+                                <span>${n(this,q,ke).call(this)}</span>
+                                ${this.searchParams.location?C`
+                                          <button
+                                              class="clear-badge"
+                                              @click=${d=>{d.stopPropagation(),n(this,k,te).call(this,null)}}
+                                              aria-label="Clear spatial filter"
+                                          >
+                                              ×
+                                          </button>
+                                      `:O}
+                            </button>
+                        </div>
+
+                        <div class="spatialpicker-container">
+                            <terra-spatial-picker
+                                ${z(this.spatialPickerRef)}
+                                hide-label
+                                inline
+                                no-world-wrap
+                                .spatialConstraints=${this.spatialConstraints}
+                                @terra-map-change=${n(this,L,Be)}
+                            >
+                                <p class="available-range" slot="additional-text">
+                                    <strong>Available range:</strong> ${this.spatialConstraints}
+                                </p>
+                            </terra-spatial-picker>
+                        </div>
+                    </terra-dropdown>
+
+                    ${this.cloudCoverRange?C`
+                              <div class="filter">
+                                  <button
+                                      class="filter-btn ${((t=this.searchParams.cloudCover)==null?void 0:t.min)!==void 0&&((r=this.searchParams.cloudCover)==null?void 0:r.max)!==void 0?"active":""}"
+                                      @click=${d=>{d.stopPropagation(),n(this,X,Ve).call(this)}}
+                                  >
+                                      <terra-icon
+                                          name="outline-cloud"
+                                          library="heroicons"
+                                          font-size="18px"
+                                      ></terra-icon>
+                                      <span>${n(this,Z,He).call(this)}</span>
+                                      ${((s=this.searchParams.cloudCover)==null?void 0:s.min)!==void 0&&((i=this.searchParams.cloudCover)==null?void 0:i.max)!==void 0?C`
+                                                <button
+                                                    class="clear-badge"
+                                                    @click=${d=>{d.stopPropagation(),n(this,K,$e).call(this)}}
+                                                    aria-label="Clear cloud cover filter"
+                                                >
+                                                    ×
+                                                </button>
+                                            `:O}
+                                  </button>
+
+                                  <!-- hidden slider to show when clicking the filter -->
+                                  <div
+                                      class="cloud-cover-dropdown ${this.cloudCoverPickerOpen?"open":""}"
+                                      @click=${d=>d.stopPropagation()}
+                                  >
+                                      <terra-slider
+                                          ${z(this.cloudCoverSliderRef)}
+                                          mode="range"
+                                          min=${(g=this.cloudCoverRange)==null?void 0:g.min}
+                                          max=${(m=this.cloudCoverRange)==null?void 0:m.max}
+                                          start-value=${(v=(h=this.searchParams.cloudCover)==null?void 0:h.min)!=null?v:(D=this.cloudCoverRange)==null?void 0:D.min}
+                                          end-value=${(S=(A=this.searchParams.cloudCover)==null?void 0:A.max)!=null?S:(P=this.cloudCoverRange)==null?void 0:P.max}
+                                          step="0.1"
+                                          hide-label
+                                          label="Cloud Cover"
+                                          @terra-slider-change=${n(this,J,Fe)}
+                                          show-inputs
+                                      ></terra-slider>
+                                  </div>
+                              </div>
+                          `:O}
+                </div>
+
+                <div class="results-info">
+                    <strong>${this.totalGranules.toLocaleString()}</strong>
+                    files selected
+                    ${this.estimatedSize?C` (~${this.estimatedSize})`:O}
+                </div>
+            </div>
+
+            <div class="grid-container">
+                <terra-data-grid
+                    ${z(this.gridRef)}
+                    row-model-type="infinite"
+                    height="350px"
+                ></terra-data-grid>
+
+                ${this.loading?n(this,j,Le).call(this):O}
+            </div>
+
+            ${this.footerSlot?C`
+                      <div
+                          slot="footer"
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,y,re)}>
+                              <terra-button slot="trigger" caret>
+                                  Download Options
+                              </terra-button>
+                              <terra-menu>
+                                  <terra-menu-item value="python-script">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 128 128"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <path
+                                              fill="currentColor"
+                                              d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
+                                          ></path>
+                                      </svg>
+                                      Python Script
+                                  </terra-menu-item>
+                                  <terra-menu-item value="earthdata-download">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 64 64"
+                                          fill="none"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <circle
+                                              cx="32"
+                                              cy="32"
+                                              r="28"
+                                              fill="currentColor"
+                                          />
+                                          <path
+                                              d="M32 14v26M32 40l-9-9M32 40l9-9"
+                                              stroke="#fff"
+                                              stroke-width="4"
+                                              stroke-linecap="round"
+                                              stroke-linejoin="round"
+                                              fill="none"
+                                          />
+                                      </svg>
+                                      Earthdata Download
+                                  </terra-menu-item>
+                              </terra-menu>
+                          </terra-dropdown>
+                      </div>
+                  `:C`
+                      <div
+                          style="margin-top: 15px; display: flex; align-items: center; gap: 8px;"
+                      >
+                          <terra-dropdown @terra-select=${n(this,y,re)}>
+                              <terra-button slot="trigger" caret>
+                                  Download Options
+                              </terra-button>
+                              <terra-menu>
+                                  <terra-menu-item value="python-script">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 128 128"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <path
+                                              fill="currentColor"
+                                              d="M49.33 62h29.159C86.606 62 93 55.132 93 46.981V19.183c0-7.912-6.632-13.856-14.555-15.176-5.014-.835-10.195-1.215-15.187-1.191-4.99.023-9.612.448-13.805 1.191C37.098 6.188 35 10.758 35 19.183V30h29v4H23.776c-8.484 0-15.914 5.108-18.237 14.811-2.681 11.12-2.8 17.919 0 29.53C7.614 86.983 12.569 93 21.054 93H31V79.952C31 70.315 39.428 62 49.33 62zm-1.838-39.11c-3.026 0-5.478-2.479-5.478-5.545 0-3.079 2.451-5.581 5.478-5.581 3.015 0 5.479 2.502 5.479 5.581-.001 3.066-2.465 5.545-5.479 5.545zm74.789 25.921C120.183 40.363 116.178 34 107.682 34H97v12.981C97 57.031 88.206 65 78.489 65H49.33C41.342 65 35 72.326 35 80.326v27.8c0 7.91 6.745 12.564 14.462 14.834 9.242 2.717 17.994 3.208 29.051 0C85.862 120.831 93 116.549 93 108.126V97H64v-4h43.682c8.484 0 11.647-5.776 14.599-14.66 3.047-9.145 2.916-17.799 0-29.529zm-41.955 55.606c3.027 0 5.479 2.479 5.479 5.547 0 3.076-2.451 5.579-5.479 5.579-3.015 0-5.478-2.502-5.478-5.579 0-3.068 2.463-5.547 5.478-5.547z"
+                                          ></path>
+                                      </svg>
+                                      Python Script
+                                  </terra-menu-item>
+                                  <terra-menu-item value="earthdata-download">
+                                      <svg
+                                          slot="prefix"
+                                          viewBox="0 0 64 64"
+                                          fill="none"
+                                          width="16"
+                                          height="16"
+                                          style="width: 16px; height: 16px;"
+                                      >
+                                          <circle
+                                              cx="32"
+                                              cy="32"
+                                              r="28"
+                                              fill="currentColor"
+                                          />
+                                          <path
+                                              d="M32 14v26M32 40l-9-9M32 40l9-9"
+                                              stroke="#fff"
+                                              stroke-width="4"
+                                              stroke-linecap="round"
+                                              stroke-linejoin="round"
+                                              fill="none"
+                                          />
+                                      </svg>
+                                      Earthdata Download
+                                  </terra-menu-item>
+                              </terra-menu>
+                          </terra-dropdown>
+                      </div>
+                  `}
+        `}};c=new WeakMap,u=new WeakMap,I=new WeakSet,M=function(){var e;return(e=this.gridRef.value)==null?void 0:e.getGridApi()},W=new WeakSet,Me=function(e){var i;let t=e.target,r=(i=this.shadowRoot)==null?void 0:i.querySelector(".cloud-cover-dropdown"),s=r==null?void 0:r.closest(".filter");s!=null&&s.contains(t)||(this.cloudCoverPickerOpen=!1,a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null)))},F=new WeakSet,Ee=function(){if(!this.gridRef.value||this._gridInitialized)return;this._gridInitialized=!0;let e={rowCount:void 0,getRows:async r=>{var D,v,A,P,S,d,E,B,f,x;this.loading=!0;let s=ge(N(w({collectionEntryId:this.collectionEntryId},this.searchParams),{pageSize:r.endRow-r.startRow,offset:r.startRow,sortBy:(A=(v=(D=r.sortModel)==null?void 0:D[0])==null?void 0:v.colId)!=null?A:"title",sortDirection:(d=(S=(P=r.sortModel)==null?void 0:P[0])==null?void 0:S.sort)!=null?d:"asc"})),i=await this.queryClient.ensureQueryData(s);if(this.loading=!1,(i==null?void 0:i.hits)===void 0||!(i!=null&&i.items)){r.failCallback();return}this.totalGranules=i.hits;let g=(B=(E=a(this,u).sampling)==null?void 0:E.data)!=null&&B.minDate?{TemporalExtent:{RangeDateTime:{BeginningDateTime:a(this,u).sampling.data.minDate}}}:void 0,m=(x=(f=a(this,u).sampling)==null?void 0:f.data)!=null&&x.maxDate?{TemporalExtent:{RangeDateTime:{EndingDateTime:a(this,u).sampling.data.maxDate}}}:void 0;this.estimatedSize=this.service.getEstimatedGranuleSize(g,m,this.totalGranules);let h=i.hits<=r.endRow?i.hits:-1;r.successCallback(i.items,h)}},t=[{field:"umm.GranuleUR",headerName:"Title",flex:3,cellRenderer:r=>{var g,m;if(!r.data)return"";let s=(m=(g=r.data.umm.RelatedUrls)==null?void 0:g.find(h=>h.Type==="GET DATA"))==null?void 0:m.URL;if(s){let h=document.createElement("a");return h.href=s,h.target="_blank",h.title=s,h.textContent=r.data.umm.GranuleUR,h}let i=document.createElement("span");return i.textContent=r.data.umm.GranuleUR,i}},{colId:"umm.DataGranule.Size",headerName:"Size (MB)",valueGetter:r=>{if(r.data)return this.service.calculateGranuleSize(r.data.umm,"MB").toFixed(2)}},{field:"umm.TemporalExtent.RangeDateTime.BeginningDateTime",headerName:"Start Date"},{field:"umm.TemporalExtent.RangeDateTime.EndingDateTime",headerName:"End Date"},{field:"umm.CloudCover",hide:!0,headerName:"Cloud Cover (%)"}];this.gridRef.value.rowModelType="infinite",this.gridRef.value.columnDefs=t,this.gridRef.value.datasource=e,this.gridRef.value.gridOptions={defaultColDef:{flex:1,minWidth:100,sortable:!0,sortingOrder:["desc","asc",null]},rowBuffer:25,cacheBlockSize:50,maxConcurrentDatasourceRequests:2,infiniteInitialRowCount:50}},L=new WeakSet,Be=function(e){n(this,k,te).call(this,e.detail)},Y=new WeakSet,we=function(e){var r;let t=e.detail;this.searchParams=N(w({},this.searchParams),{startDate:t.startDate||"",endDate:t.endDate||""}),(r=a(this,I,M))==null||r.purgeInfiniteCache()},_=new WeakSet,Ne=function(){if(this.searchParams.startDate&&this.searchParams.endDate){let e=t=>new Date(t).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",timeZone:"UTC"});return`${e(this.searchParams.startDate)} \u2013 ${e(this.searchParams.endDate)}`}return"Date Range"},q=new WeakSet,ke=function(){if(!this.searchParams.location)return"Spatial Area";try{if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:e,lng:t}=this.searchParams.location.latLng;return`${e.toFixed(2)}, ${t.toFixed(2)}`}if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds){let e=this.searchParams.location.bounds.toBBoxString(),t=e.split(",").map(r=>parseFloat(r.trim()));return t.length===4?`${t[1].toFixed(2)}, ${t[0].toFixed(2)}, ${t[3].toFixed(2)}, ${t[2].toFixed(2)}`:e}if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds)return this.searchParams.location.bounds.toBBoxString()}catch(e){console.warn("Error formatting spatial selection:",e)}return"Spatial Area"},R=new WeakSet,ye=function(){var e;this.searchParams.startDate="",this.searchParams.endDate="",(e=a(this,I,M))==null||e.purgeInfiniteCache()},k=new WeakSet,te=function(e){var t;this.searchParams.location=e,(t=a(this,I,M))==null||t.purgeInfiniteCache()},X=new WeakSet,Ve=function(){setTimeout(()=>{this.cloudCoverPickerOpen=!this.cloudCoverPickerOpen,this.cloudCoverPickerOpen?a(this,c)||(G(this,c,n(this,W,Me).bind(this)),document.addEventListener("click",a(this,c))):a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))},0)},K=new WeakSet,$e=function(){n(this,V,ae).call(this,{min:void 0,max:void 0}),this.cloudCoverPickerOpen=!1,a(this,c)&&(document.removeEventListener("click",a(this,c)),G(this,c,null))},Z=new WeakSet,He=function(){var e,t,r,s;return((e=this.searchParams.cloudCover)==null?void 0:e.min)!==void 0&&((t=this.searchParams.cloudCover)==null?void 0:t.max)!==void 0?`${(r=this.searchParams.cloudCover)==null?void 0:r.min.toFixed(1)}% \u2013 ${(s=this.searchParams.cloudCover)==null?void 0:s.max.toFixed(1)}%`:"Cloud Cover"},y=new WeakSet,re=function(e){let t=e.detail.item,r=t.value||t.getTextLabel();r==="python-script"?n(this,U,ze).call(this,e):r==="earthdata-download"&&n(this,Q,We).call(this,e)},U=new WeakSet,ze=async function(e){var h,D,v,A,P,S,d,E,B;e.stopPropagation();let t=await fetch(le("assets/data-access/download_files.py.txt"));t.ok||alert(`Sorry, there was a problem generating the Python script. We are investigating the issue.
+You could try using the Jupyter Notebook in the meantime`);let r=()=>{if(!this.searchParams.location)return"";try{if(this.searchParams.location.type==="bbox"&&this.searchParams.location.bounds){let f=this.searchParams.location.bounds.toBBoxString(),x=f.split(",").map(b=>parseFloat(b.trim()));return x.length===4?x.join(","):f.replace(/\s+/g,"")}if(this.searchParams.location.type==="point"&&this.searchParams.location.latLng){let{lat:f,lng:x}=this.searchParams.location.latLng,b=.01;return`${(x-b).toFixed(2)},${(f-b).toFixed(2)},${(x+b).toFixed(2)},${(f+b).toFixed(2)}`}}catch(f){console.warn("Error formatting bbox for Python script:",f)}return""},s=(await t.text()).replace(/{{short_name}}/gi,(h=this.shortName)!=null?h:"").replace(/{{version}}/gi,(D=this.version)!=null?D:"").replace(/{{filter_temporal}}/gi,this.searchParams.startDate&&this.searchParams.endDate?this.searchParams.startDate+","+this.searchParams.endDate:"").replace(/{{filter_bbox}}/gi,r()).replace(/{{filter_search}}/gi,(v=this.searchParams.search)!=null?v:"").replace(/{{filter_cloud_cover_min}}/gi,(S=(P=(A=this.searchParams.cloudCover)==null?void 0:A.min)==null?void 0:P.toString())!=null?S:"").replace(/{{filter_cloud_cover_max}}/gi,(B=(E=(d=this.searchParams.cloudCover)==null?void 0:d.max)==null?void 0:E.toString())!=null?B:""),i=new Blob([s],{type:"text/plain"}),g=URL.createObjectURL(i),m=document.createElement("a");m.href=g,m.download=`download_files_${this.shortName}_${this.version}.py`,document.body.appendChild(m),m.click(),document.body.removeChild(m),URL.revokeObjectURL(g)},Q=new WeakSet,We=async function(e){e.stopPropagation(),alert("Sorry, Earthdata Download is not currently supported")},J=new WeakSet,Fe=function(e){let t=e.detail;n(this,V,ae).call(this,{min:"startValue"in t?t.startValue:void 0,max:"endValue"in t?t.endValue:void 0})},V=new WeakSet,ae=function(e){var t;this.searchParams=N(w({},this.searchParams),{cloudCover:{min:e.min,max:e.max}}),(t=a(this,I,M))==null||t.purgeInfiniteCache()},j=new WeakSet,Le=function(){return C` <div class="loading-modal">
+            <terra-loader indeterminate variant="small"></terra-loader>
+            <span>Loading</span>
+        </div>`},l.styles=[oe,De],l.dependencies={"terra-loader":he,"terra-icon":ce,"terra-date-picker":Ce,"terra-spatial-picker":ue,"terra-slider":ve,"terra-dropdown":me,"terra-menu":Pe,"terra-menu-item":Se,"terra-button":de,"terra-data-grid":Ae,"terra-alert":se},p([$({reflect:!0,attribute:"collection-entry-id"})],l.prototype,"collectionEntryId",2),p([$({reflect:!0,attribute:"short-name"})],l.prototype,"shortName",2),p([$({reflect:!0,attribute:"version"})],l.prototype,"version",2),p([$({attribute:"footer-slot",type:Boolean})],l.prototype,"footerSlot",2),p([T()],l.prototype,"searchParams",2),p([T()],l.prototype,"loading",2),p([T()],l.prototype,"totalGranules",2),p([T()],l.prototype,"estimatedSize",2),p([T()],l.prototype,"cloudCoverRange",2),p([T()],l.prototype,"_gridInitialized",2),p([T()],l.prototype,"cloudCoverPickerOpen",2),p([ee(["shortName","version"])],l.prototype,"handleShortNameOrVersionChange",1),p([ee("collectionEntryId")],l.prototype,"handleCollectionChange",1),p([Ge(500)],l.prototype,"handleSearch",1);export{Ge as a,l as b};

package/dist/chunks/chunk.TK3G4RLJ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.WKN2WHAA.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-data-grid";e.define("terra-data-grid");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraGridReady:"terra-grid-ready",onTerraSelectionChanged:"terra-selection-changed",onTerraSortChanged:"terra-sort-changed",onTerraFilterChanged:"terra-filter-changed",onTerraRowClicked:"terra-row-clicked",onTerraRowDoubleClicked:"terra-row-double-clicked",onTerraCellClicked:"terra-cell-clicked",onTerraCellValueChanged:"terra-cell-value-changed"},displayName:"TerraDataGrid"}),m=n;export{m as a};