@nasa-terra/components 0.0.182 → 0.0.184

package/dist/chunks/chunk.I67U3CEK.js

@@ -0,0 +1,126 @@
+import{a as Lt}from"./chunk.D5RQQJXT.js";import{a as Dt}from"./chunk.MR2JD62K.js";import{a as lt,b as Ct}from"./chunk.PKC6WTWN.js";import{b as wt,c as xt}from"./chunk.5SIVM4DR.js";import{a as Vt}from"./chunk.HYQQO2HT.js";import{a as vt}from"./chunk.I5MK7RZK.js";import{a as St}from"./chunk.VT3U2SB7.js";import{a as Et}from"./chunk.QDFHF7LY.js";import{a as bt}from"./chunk.QMFV7RWN.js";import{a as yt}from"./chunk.46IGCOVD.js";import{c as st}from"./chunk.BWCJXCND.js";import{a as ft}from"./chunk.GBXJ6Y6G.js";import{a as gt}from"./chunk.27IBME5U.js";import{a as nt}from"./chunk.J5Q4TWEG.js";import{a as pt,b as ut}from"./chunk.HA6P2NGF.js";import{e as m,f as i,g as u,h as C,i as v}from"./chunk.INFVQQSJ.js";import{html as k,nothing as Zt}from"lit";import{property as E,state as x}from"lit/decorators.js";import{Map as te,View as ee}from"ol";import $t from"ol/layer/WebGLTile.js";import It from"ol/layer/Vector.js";import ae from"ol/layer/Graticule.js";import oe from"ol/source/OSM.js";import Ft from"ol/source/Vector.js";import ie from"ol/format/GeoJSON.js";import{Style as re,Stroke as Nt}from"ol/style.js";import ne from"ol/interaction/Draw.js";import se from"ol/geom/Point.js";import{getLength as le}from"ol/sphere.js";import ce from"ol/Feature.js";import{TaskStatus as H}from"@lit/task";import{cache as de}from"lit/directives/cache.js";import{toLonLat as kt,transformExtent as Rt}from"ol/proj.js";var $,h,w,R,I,P,F,T,z,A,W,Pt,J,jt,X,Mt,Y,Gt,K,Bt,Q,Tt,Z,zt,tt,At,et,Ot,at,_t,O,ct,ot,Ut,it,qt,rt,Ht,d=class extends Et(ut){constructor(){super(...arguments);u(this,W);u(this,J);u(this,X);u(this,Y);u(this,K);u(this,Q);u(this,Z);u(this,tt);u(this,et);u(this,at);u(this,O);u(this,ot);u(this,it);u(this,rt);this.long_name="";this.colorMapName="viridis";this.opacity=1;this.cache=!1;this.pixelValue="N/A";this.pixelCoordinates="N/A";this.metadata={};this.toggleState=!1;this.minimized=!1;this.noDataValue=-9999;this.min="0";this.max="1";this.legendValues=[];this.timeAverageMapError=null;u(this,$,new Lt(this));u(this,h,null);u(this,w,null);u(this,R,null);u(this,I,null);u(this,P,null);u(this,F,null);u(this,T,null);this._authController=new St(this);this.colormaps=["jet","hsv","hot","cool","spring","summer","autumn","winter","bone","copper","greys","YIGnBu","greens","YIOrRd","bluered","RdBu","picnic","rainbow","portland","blackbody","earth","electric","viridis","inferno","magma","plasma","warm","cool","bathymetry","cdom","chlorophyll","density","fressurface-blue","freesurface-red","oxygen","par","phase","salinity","temperature","turbidity","velocity-blue","velocity-green","cubhelix"];this.plotData={};this.layout={};this._fetchVariableTask=Ct(this,!1);u(this,z,t=>{let{status:a,code:o,message:e,context:r}=t.detail;this.timeAverageMapError={code:o||String(a),message:e,context:r}});u(this,A,async t=>{var o;if(!i(this,h)){console.warn("Map not initialized, cannot export image");return}let a=((o=t.detail)==null?void 0:o.format)||"png";try{await new Promise(b=>{i(this,h).once("rendercomplete",()=>{b()}),i(this,h).render()});let e=i(this,h).getViewport(),r=i(this,h).getSize();if(!r){console.warn("Map size is not available");return}let n=r[0],s=r[1],l=Array.from(e.querySelectorAll("canvas")),g=Array.from(e.querySelectorAll("svg"));if(l.length===0&&g.length===0){console.warn("Could not find map canvas or SVG elements");return}let f=document.createElement("canvas"),c=f.getContext("2d");if(!c){console.warn("Could not get canvas context");return}let p=80;f.width=n,f.height=s+p,c.fillStyle="#ffffff",c.fillRect(0,0,f.width,f.height);for(let b of l)c.drawImage(b,0,0,b.width,b.height,0,p,n,s);for(let b of g)try{let S=b.cloneNode(!0);S.hasAttribute("width")||S.setAttribute("width",String(n)),S.hasAttribute("height")||S.setAttribute("height",String(s));let L=new XMLSerializer().serializeToString(S),B=new Blob([L],{type:"image/svg+xml;charset=utf-8"}),j=URL.createObjectURL(B),N=new Image;await new Promise((G,dt)=>{N.onload=()=>{c.drawImage(N,0,p,n,s),URL.revokeObjectURL(j),G()},N.onerror=()=>{URL.revokeObjectURL(j),dt(new Error("Failed to load SVG image"))},N.src=j})}catch(S){console.warn("Failed to render SVG layer:",S)}let y=30,D=25;c.fillStyle="#000000",c.font="bold 18px Arial, sans-serif",c.textAlign="left",c.textBaseline="top";let V=v(this,J,jt).call(this);v(this,X,Mt).call(this,c,V,n-40,16).forEach((b,S)=>{c.fillText(b,20,y+S*D)}),await v(this,W,Pt).call(this,c,p);let _=a==="jpg"?"image/jpeg":"image/png",U=a==="jpg"?"jpg":"png",q=a==="jpg"?.92:void 0;f.toBlob(b=>{if(!b){console.warn("Failed to create blob from canvas");return}let S=URL.createObjectURL(b),L=document.createElement("a"),B=this.location?`_${this.location.replace(/,/g,"_")}`:"",j=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",G=`${lt(this)||"map"}${B}${j}.${U}`;L.href=S,L.download=G,L.style.display="none",document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(S)},_,q)}catch(e){console.error("Error exporting map as PNG:",e)}})}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||i(this,$).jobStatusTask.run()}handlePlotOptionsChange(){this.emit("terra-plot-options-change",{detail:{colorMapName:this.colorMapName,opacity:this.opacity}})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-average-map-error",i(this,z)),this.addEventListener("terra-plot-toolbar-export-image",i(this,A))}async firstUpdated(){this.intializeMap(),this._fetchVariableTask.run()}updated(t){var o,e,r,n;super.updated(t);let a=(e=(o=i(this,$))==null?void 0:o.jobStatusTask)==null?void 0:e.status;if(a===H.PENDING&&this.timeAverageMapError&&(this.timeAverageMapError=null),a===H.ERROR&&!this.timeAverageMapError){let s=(n=(r=i(this,$))==null?void 0:r.jobStatusTask)==null?void 0:n.error;if(s){let l=wt(s);if(l.isCancellation)return;this.timeAverageMapError={code:l.code,message:l.message,context:l.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-average-map-error",i(this,z)),this.removeEventListener("terra-plot-toolbar-export-image",i(this,A))}async captureMapThumbnail(t=200,a=200){if(!i(this,h))return;let o=i(this,h);try{await new Promise(y=>{o.once("rendercomplete",()=>y()),o.render()});let e=o.getViewport(),r=o.getSize();if(!r)return;let[n,s]=r,l=Array.from(e.querySelectorAll("canvas"));if(l.length===0)return;let g=document.createElement("canvas");g.width=n,g.height=s;let f=g.getContext("2d");if(!f)return;for(let y of l)y.width>0&&y.height>0&&f.drawImage(y,0,0,n,s);let c=document.createElement("canvas");c.width=t,c.height=a;let p=c.getContext("2d");return p?(p.drawImage(g,0,0,t,a),new Promise((y,D)=>c.toBlob(V=>V?y(V):D(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(e){console.error("Failed to capture map thumbnail",e);return}}async updateGeoTIFFLayer(t){var r;let a=URL.createObjectURL(t),{default:o}=await import("ol/source/GeoTIFF.js"),e=new o({sources:[{url:a,bands:[1],nodata:this.noDataValue}],wrapX:!0,interpolate:!1,normalize:!1});C(this,w,new $t({source:e})),i(this,h)&&(i(this,h).addLayer(i(this,w)),i(this,R)&&(i(this,h).removeLayer(i(this,R)),C(this,R,null)),await this.addBordersLayerForGeoTIFF(e)),this.metadata=await this.fetchGeotiffMetadata(e),this.long_name=(r=this.metadata.long_name)!=null?r:"",i(this,h)&&i(this,w)&&(this.renderPixelValues(i(this,h),i(this,w)),this.applyColorToLayer(e,this.colorMapName),setTimeout(async()=>{var n;try{let s=await((n=i(this,w).getSource())==null?void 0:n.getView()),l=Rt(s.extent,s.projection,i(this,h).getView().getProjection());i(this,h).getView().fit(l,{padding:[50,50,50,50],duration:300})}catch(s){console.warn("Failed to fit map to GeoTIFF extent:",s)}},500))}intializeMap(){var a,o,e;let t=new $t({source:new oe});if(C(this,T,new ae({strokeStyle:new Nt({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),C(this,h,new te({target:(o=(a=this.shadowRoot)==null?void 0:a.getElementById("map"))!=null?o:void 0,layers:[t,i(this,T)],view:new ee({center:[0,0],zoom:2,projection:"EPSG:3857"})})),i(this,h)){let r=new ResizeObserver(()=>{var s;(s=i(this,h))==null||s.updateSize()}),n=(e=this.shadowRoot)==null?void 0:e.getElementById("map");n&&r.observe(n)}}async addBordersLayerForGeoTIFF(t){if(!i(this,h))return;let a;try{let e=await t.getView();e!=null&&e.extent&&(a=Rt(e.extent,e.projection,i(this,h).getView().getProjection()))}catch(e){console.warn("Could not get GeoTIFF extent for border clipping:",e)}let o=new Ft({url:"https://raw.githubusercontent.com/nvkelso/natural-earth-vector/master/geojson/ne_10m_admin_0_countries.geojson",format:new ie});C(this,R,new It({source:o,extent:a,style:new re({stroke:new Nt({color:"#000000",width:1})})})),i(this,h).addLayer(i(this,R))}async fetchGeotiffMetadata(t){var g;await t.getView();let e=(g=t.sourceImagery_[0][0].fileDirectory)==null?void 0:g.GDAL_METADATA,s=new DOMParser().parseFromString(e,"application/xml").querySelectorAll("Item"),l={};for(let f=0;f<s.length;f++){let c=s[f],p=c.getAttribute("name"),y=c.textContent?c.textContent.trim():"";p&&(l[p]=y)}return console.log("Data obj: ",l),l}renderPixelValues(t,a){t.on("pointermove",o=>{let e=a.getData(o.pixel),r=kt(o.coordinate);(!e||!(e instanceof Uint8Array||e instanceof Uint8ClampedArray||e instanceof Float32Array)||isNaN(e[0])||e[0]===0)&&(e=null);let n=e?Number(e[0]).toExponential(3):"N/A",s=r.map(l=>l.toFixed(3)).join(", ");this.pixelValue=n,this.pixelCoordinates=s})}getNoDataValue(t){let a=this.noDataValue;return t==null||t.getView().then(()=>{var e,r;let o=t.sourceImagery_[0][0];a=parseFloat((r=(e=o.fileDirectory)==null?void 0:e.GDAL_NODATA)!=null?r:this.noDataValue.toString())}),a}async getMinMax(t){await t.getView();let e=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],r=1/0,n=-1/0;for(let s=0;s<e.length;s++){let l=e[s];!isNaN(l)&&l!==this.getNoDataValue(t)&&(l<r&&(r=l),l>n&&(n=l))}return{min:r,max:n}}async getColorStops(t,a,o,e,r){let n=(o-a)/(e-1),s=new Array(e*2),{default:l}=await import("colormap"),g=l({colormap:t,nshades:e,format:"rgba"}),f=[];r&&g.reverse();for(let c=0;c<e;c++)s[c*2]=a+c*n,s[c*2+1]=g[c],f.push((a+c*n).toExponential(2));return this.generatePalette(g,f,a,o),s}generatePalette(t,a,o,e){this.legendValues=[];for(let r=t.length-1;r>0;r--){let n=parseFloat(a[r]);n>=o&&n<=e&&this.legendValues.push({value:a[r],rgb:t[r]})}this.min=o.toExponential(3),this.max=e.toExponential(3)}async applyColorToLayer(t,a){var n;var{min:o,max:e}=await this.getMinMax(t);let r={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(a,o,e,72,!1)]]};(n=i(this,w))==null||n.setStyle(r)}render(){var t,a,o,e;return k`
+            ${v(this,it,qt).call(this)?k`
+                      <terra-alert
+                          class="no-data-alert"
+                          variant="danger"
+                          open
+                          closable
+                      >
+                          <terra-icon
+                              slot="icon"
+                              name="outline-exclamation-triangle"
+                              library="heroicons"
+                          ></terra-icon>
+                          The selected variable was not found in the catalog
+                      </terra-alert>
+                  `:""}
+            ${this.timeAverageMapError?k`
+                      <terra-alert
+                          class="error-alert"
+                          variant="danger"
+                          open
+                          closable
+                          @terra-after-hide=${()=>this.timeAverageMapError=null}
+                      >
+                          <terra-icon
+                              slot="icon"
+                              name="outline-exclamation-triangle"
+                              library="heroicons"
+                          ></terra-icon>
+                          ${v(this,rt,Ht).call(this,this.timeAverageMapError)}
+                      </terra-alert>
+                  `:""}
+            <div class="toolbar-container">
+                ${de(this.catalogVariable?k`<terra-plot-toolbar
+                              dataType="geotiff"
+                              .catalogVariable=${this.catalogVariable}
+                              .timeSeriesData=${(t=i(this,$).jobStatusTask)==null?void 0:t.value}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${i(this,$).getCacheKey()}
+                              .variableEntryId=${lt(this)}
+                              @show-opacity-value=${v(this,Y,Gt)}
+                              @show-color-map=${v(this,K,Bt)}
+                              @show-check-box-toggle=${v(this,ot,Ut)}
+                              .pixelValue=${this.pixelValue}
+                              .pixelCoordinates=${this.pixelCoordinates}
+                              show-date-range
+                              .colormaps=${this.colormaps}
+                              .colorMapName=${this.colorMapName}
+                              .opacity=${this.opacity}
+                          ></terra-plot-toolbar>`:k`<div class="spacer"></div>`)}
+            </div>
+
+            <div class="map-container">
+                <div id="map">
+                    <div id="settings">
+                        <div>
+                            <strong>Value:</strong>
+                            <span id="pixelValue">${this.pixelValue}</span>
+                        </div>
+
+                        <div>
+                            <strong>Coordinate: </strong>
+                            <span id="cursorCoordinates"
+                                >${this.pixelCoordinates}</span
+                            >
+                        </div>
+                    </div>
+
+                    <div id="legend">
+                        <div class="stats" id="statsMax">${this.max}</div>
+                        <div class="palette">
+                            ${this.legendValues.map(r=>k`
+                                    <div
+                                        class="color-box"
+                                        style="background-color: rgba(${r.rgb})"
+                                        title="${r.value}"
+                                    ></div>
+                                `)}
+                        </div>
+                        <div class="stats" id="statsMin">${this.min}</div>
+                    </div>
+                </div>
+            </div>
+
+            ${this.harmonyJobId?k`
+                      <div class="harmony-job-link">
+                          <a
+                              href=${`https://harmony${this.environment==="uat"?".uat":""}.earthdata.nasa.gov/jobs/${this.harmonyJobId}`}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                          >
+                              Request Status: ${this.harmonyJobId}
+                          </a>
+                      </div>
+                  `:Zt}
+
+            <!-- Floating Popover for Plot -->
+            ${this.toggleState&&this.plotData&&Object.keys(this.plotData).length&&this.layout&&Object.keys(this.layout).length?k`
+                      <div class="plot-popover ${this.minimized?"minimized":""}">
+                          <terra-plot
+                              style="display: ${this.minimized?"none":"block"}"
+                              .data=${this.plotData}
+                              plotTitle="Data Profile"
+                              .layout=${this.layout}
+                          >
+                          </terra-plot>
+
+                          <terra-button
+                              class="minify-btn"
+                              @click=${v(this,et,Ot)}
+                          >
+                              ${this.minimized?"Restore":"Minimize"}
+                          </terra-button>
+                      </div>
+                  `:null}
+
+            <dialog
+                ?open=${((o=(a=i(this,$))==null?void 0:a.jobStatusTask)==null?void 0:o.status)===H.PENDING}
+            >
+                <terra-loader indeterminate variant="orbit"></terra-loader>
+                <p>Plotting ${(e=this.catalogVariable)==null?void 0:e.dataFieldId}&hellip;</p>
+                <terra-button @click=${v(this,Q,Tt)}>Cancel</terra-button>
+            </dialog>
+        `}};$=new WeakMap,h=new WeakMap,w=new WeakMap,R=new WeakMap,I=new WeakMap,P=new WeakMap,F=new WeakMap,T=new WeakMap,z=new WeakMap,A=new WeakMap,W=new WeakSet,Pt=async function(t,a){var U,q;let o=(U=this.shadowRoot)==null?void 0:U.getElementById("legend");if(!o)return;let e=(q=this.shadowRoot)==null?void 0:q.getElementById("map");if(!e)return;let r=o.getBoundingClientRect(),n=e.getBoundingClientRect(),s=r.left-n.left,l=r.top-n.top+a,g=r.width,f=r.height;t.fillStyle="#ffffff",t.fillRect(s,l,g,f),t.strokeStyle="#cccccc",t.lineWidth=1,t.strokeRect(s,l,g,f);let c=window.getComputedStyle(o),p=parseFloat(c.fontSize)||12,y=c.fontFamily||"monospace",D=parseFloat(c.padding)||8,V=o.querySelector("#statsMax");V&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="top",t.fillText(V.textContent||"",s+g/2,l+D));let M=o.querySelector(".palette");if(M){let b=M.getBoundingClientRect(),S=b.left-n.left,L=b.top-n.top+a,B=b.width,j=Array.from(M.querySelectorAll("div")),N=L;for(let G of j){let ht=G.getBoundingClientRect().height,mt=(G.getAttribute("style")||"").match(/background-color:\s*rgba?\(([^)]+)\)/);if(mt){let Wt=mt[1],[Jt,Xt,Yt,Kt=1]=Wt.split(",").map(Qt=>parseFloat(Qt.trim()));t.fillStyle=`rgba(${Jt}, ${Xt}, ${Yt}, ${Kt})`,t.fillRect(S,N,B,ht)}N+=ht}}let _=o.querySelector("#statsMin");_&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="bottom",t.fillText(_.textContent||"",s+g/2,l+f-D))},J=new WeakSet,jt=function(){if(!this.catalogVariable)return"Time Averaged Map";let t=[];if(t.push("Time Averaged Map of"),this.catalogVariable.dataFieldLongName&&t.push(this.catalogVariable.dataFieldLongName),this.catalogVariable.dataProductTimeInterval&&this.catalogVariable.dataProductTimeInterval.toLowerCase()!=="not applicable"&&t.push(this.catalogVariable.dataProductTimeInterval),this.catalogVariable.dataProductSpatialResolution&&this.catalogVariable.dataProductSpatialResolution.toLowerCase()!=="not applicable"&&t.push(this.catalogVariable.dataProductSpatialResolution),this.catalogVariable.dataProductShortName){let a=`[${this.catalogVariable.dataProductShortName}`;this.catalogVariable.dataProductVersion&&(a+=` v${this.catalogVariable.dataProductVersion}`),a+="]",t.push(a)}if(this.startDate&&this.endDate){let a=st(this.startDate),o=st(this.endDate);t.push(`over ${a} - ${o}`)}return t.join(" ")},X=new WeakSet,Mt=function(t,a,o,e){t.font=`bold ${e}px Arial, sans-serif`;let r=a.split(" "),n=[],s=r[0];for(let l=1;l<r.length;l++){let g=r[l];t.measureText(s+" "+g).width<o?s+=" "+g:(n.push(s),s=g)}return n.push(s),n},Y=new WeakSet,Gt=function(t){this.opacity=t.detail,i(this,w)&&i(this,w).setOpacity(this.opacity)},K=new WeakSet,Bt=function(t){let a=t.detail;i(this,w)&&i(this,w).getSource()&&(this.colorMapName=a,this.applyColorToLayer(i(this,w).getSource(),this.colorMapName))},Q=new WeakSet,Tt=function(){var t;(t=i(this,$).jobStatusTask)==null||t.abort("Cancelled time averaged map request")},Z=new WeakSet,zt=function(t){let a=le(t),o;return a>100?o=a/1e3/60:o=a/10,Math.max(2,Math.round(o))},tt=new WeakSet,At=function(t){let a=v(this,Z,zt).call(this,t),o=[];for(let e=0;e<=a;e++){let r=e/a;o.push(t.getCoordinateAt(r))}return o},et=new WeakSet,Ot=function(){this.minimized=!this.minimized},at=new WeakSet,_t=function(){var t;this.toggleState=!1,i(this,h)&&i(this,F)&&i(this,P)&&(i(this,h).removeInteraction(i(this,F)),i(this,h).removeLayer(i(this,P))),(t=i(this,I))==null||t.clear(),C(this,F,null),C(this,P,null),C(this,I,null)},O=new WeakSet,ct=function(t){if(!i(this,h)||!i(this,w))return NaN;let a=i(this,h).getPixelFromCoordinate(t);if(!a)return NaN;let o=i(this,w).getData(a);if(!o)return NaN;if(o instanceof Uint8Array||o instanceof Uint8ClampedArray||o instanceof Float32Array)return isNaN(o[0])?NaN:o[0];if(o instanceof DataView){let e=o.getFloat32(0,!0);return isNaN(e)?NaN:e}return NaN},ot=new WeakSet,Ut=function(t){var a=t.detail;a?(this.toggleState=a,C(this,I,new Ft({wrapX:!1})),C(this,P,new It({source:i(this,I)})),C(this,F,new ne({source:i(this,I),type:"LineString"})),i(this,h)&&(i(this,h).addLayer(i(this,P)),i(this,h).addInteraction(i(this,F)),i(this,F).on("drawend",o=>{var c;let e=o.feature.getGeometry(),r=v(this,tt,At).call(this,e),n=r.map(p=>new ce({geometry:new se(p)}));(c=i(this,I))==null||c.addFeatures(n);let s=r.map(p=>v(this,O,ct).call(this,p)),l=r.map((p,y)=>y),f=r.map(p=>{let[y,D]=kt(p),V=v(this,O,ct).call(this,p),M=isNaN(V)?"N/A":V.toExponential(4);return[parseFloat(y.toFixed(2)),parseFloat(D.toFixed(2)),M]}).map((p,y)=>{let D=y,V=p[2];return`Index: ${D}<br>Value: ${V}<br>Coordinates: [${p[0]}, ${p[1]}]`});this.plotData=[{x:l,y:s,text:f,hoverinfo:"text",type:"scatter",mode:"lines+markers",line:{color:"blue"}}],this.layout={title:"Data Profile",xaxis:{title:"Point Index"},yaxis:{title:`Cloud Coverage (${this.metadata.units})`,tickformat:".2e"}}}))):v(this,at,_t).call(this)},it=new WeakSet,qt=function(){return this._fetchVariableTask.status!==H.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},rt=new WeakSet,Ht=function(t){return xt(t)},d.styles=[pt,Dt],d.dependencies={"terra-button":yt,"terra-icon":ft,"terra-plot-toolbar":Vt,"terra-loader":bt,"terra-plot":vt,"terra-alert":gt},m([E({reflect:!0})],d.prototype,"collection",2),m([E({reflect:!0})],d.prototype,"variable",2),m([E({attribute:"start-date",reflect:!0})],d.prototype,"startDate",2),m([E({attribute:"end-date",reflect:!0})],d.prototype,"endDate",2),m([E({reflect:!0})],d.prototype,"location",2),m([E({attribute:"bearer-token",reflect:!1})],d.prototype,"bearerToken",2),m([E({type:String})],d.prototype,"long_name",2),m([E({type:String,attribute:"color-map-name",reflect:!0})],d.prototype,"colorMapName",2),m([E({type:Number})],d.prototype,"opacity",2),m([E({attribute:"application-id"})],d.prototype,"applicationId",2),m([E({type:Boolean})],d.prototype,"cache",2),m([E({attribute:"job-id"})],d.prototype,"jobId",2),m([x()],d.prototype,"catalogVariable",2),m([x()],d.prototype,"pixelValue",2),m([x()],d.prototype,"pixelCoordinates",2),m([x()],d.prototype,"metadata",2),m([x()],d.prototype,"toggleState",2),m([x()],d.prototype,"minimized",2),m([x()],d.prototype,"noDataValue",2),m([x()],d.prototype,"min",2),m([x()],d.prototype,"max",2),m([x()],d.prototype,"legendValues",2),m([x()],d.prototype,"timeAverageMapError",2),m([x()],d.prototype,"colormaps",2),m([x()],d.prototype,"plotData",2),m([x()],d.prototype,"layout",2),m([x()],d.prototype,"harmonyJobId",2),m([nt(["startDate","endDate","location","catalogVariable"])],d.prototype,"handlePropertyChange",1),m([nt(["colorMapName","opacity"])],d.prototype,"handlePlotOptionsChange",1);export{d as a};

package/dist/chunks/chunk.IDR2GHCI.js

@@ -0,0 +1,115 @@
+import{a as J}from"./chunk.22TWFDJS.js";import{a as R,b as S,c as q,e as E,f as N,g as z}from"./chunk.A6SIGE3C.js";import{a as X}from"./chunk.KGZZ7BN3.js";import{a as j}from"./chunk.O65DGSMU.js";import{a as K}from"./chunk.NNXNQL2F.js";import{a as P}from"./chunk.J5Q4TWEG.js";import{a as A,b as G}from"./chunk.HA6P2NGF.js";import{a as O,b as U,e as r,f as t,g as n,h as c,i as D}from"./chunk.INFVQQSJ.js";import Z from"fuse.js";import{LitElement as V,html as h,nothing as y}from"lit";import{property as p,state as L}from"lit/decorators.js";import{cache as _}from"lit/directives/cache.js";import{map as C}from"lit/directives/map.js";import{ref as F}from"lit/directives/ref.js";var o,u,g,d,f,m,x,b,k,T,M,w,v,$,H,Y,s=class s extends G{constructor(){super(...arguments);n(this,H);n(this,o,null);n(this,u,void 0);n(this,g,[]);n(this,d,null);n(this,f,null);n(this,m,null);n(this,x,null);this.label="Search for Variables";this.hideHelp=!1;this.hideLabel=!1;this.useTags=!1;this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];this.tags=[];this.tagContainerWidth=0;n(this,b,a=>{this.emit("terra-combobox-change",{detail:JSON.parse(a)})});n(this,k,()=>{var a;this.isExpanded=!this.isExpanded,(a=t(this,o))==null||a.focus()});n(this,T,a=>{var i;let e=a.target;this.query=e.value,e.value&&(this.isExpanded=!0),this.searchResults=(i=t(this,f))==null?void 0:i.search(e.value).map(({item:l})=>l)});n(this,M,a=>{let e=a.composedPath(),[i]=e.filter(l=>l.role==="option");i&&t(this,$).call(this,i)});n(this,w,a=>{var e;switch(a.key){case"ArrowDown":{if(E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),a.altKey)break;N(t(this,m),t(this,o),"next");break}case"ArrowUp":{E(t(this,o),t(this,d)),this.isExpanded||(this.isExpanded=!0),N(t(this,m),t(this,o),"previous");break}case"Enter":{t(this,$).call(this,(e=t(this,m))==null?void 0:e.currentNode);break}case"Escape":{E(t(this,o),t(this,d)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});n(this,v,a=>{a.composedPath().some(l=>l.localName===s.tagName)||(this.isExpanded=!1)});n(this,$,a=>{let{longName:e,eventDetail:i}=a.dataset;this.query=`${e}`,t(this,b).call(this,i),this.isExpanded=!1,E(t(this,o),t(this,d)),this.useTags&&(this.tags=[`${e}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery)})}async valueChanged(a,e){var W,B;if(a===e)return;await t(this,u).taskComplete;let i=z(this.value),l=(W=t(this,u).value)==null?void 0:W.find(I=>i===I.entryId);l&&(this.query=l.longName,this.searchResults=(B=t(this,f))==null?void 0:B.search(this.query).map(({item:I})=>I),t(this,b).call(this,l.eventDetail),this.useTags&&(this.tags=[`${l.longName}`],t(this,o).value=s.initialQuery,this.query=s.initialQuery))}connectedCallback(){super.connectedCallback(),c(this,u,new J(this,this.bearerToken)),globalThis.addEventListener("click",t(this,v))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",t(this,v))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var a;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">
+                ${this.useTags?h`<div
+                          ${F(e=>{var i;e&&((i=t(this,x))!=null||c(this,x,e),this.tagContainerWidth=e.getBoundingClientRect().width)})}
+                          class="tag-container"
+                          id="tag-container"
+                      >
+                          ${C(this.tags,(e,i)=>D(this,H,Y).call(this,e,i))}
+                      </div>`:y}
+                <input
+                    ${F(e=>{var i;e&&((i=t(this,o))!=null||c(this,o,e))})}
+                    autocomplete="off"
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    style=${this.useTags?`padding-inline-start: calc(${this.tagContainerWidth}px + 0.25rem);`:y}
+                    aria-describedby=${this.useTags?"tag-container":y}
+                    placeholder=${this.useTags?y:(a=this.placeholder)!=null?a:`${this.label}\u2026`}
+                    .value=${this.useTags?s.initialQuery:this.query}
+                    @input=${t(this,T)}
+                    @keydown=${t(this,w)}
+                    @click=${t(this,k)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Variables"
+                    class="combobox-button"
+                    id="combobox-button"
+                    variant="text"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,k)}
+                >
+                    ${["COMPLETE","ERROR"].includes(t(this,u).taskStatus)?h`<terra-icon
+                              class="chevron"
+                              name="chevron-down"
+                          ></terra-icon>`: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?y:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              tabindex=${this.isExpanded?"-1 ":"0"}
+                              target="_blank"
+                              >extended search syntax
+                              <terra-icon
+                                  name="outline-arrow-top-right-on-square"
+                                  library="heroicons"
+                              ></terra-icon></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${F(e=>{var i;e&&((i=t(this,d))!=null||c(this,d,e),c(this,m,document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,l=>l.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,M)}
+                aria-label=${this.query?`Variables Matching ${this.query}`:"Variables"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${t(this,u).render({initial:()=>h`<li class="updating">Updating List of Variables</li>`,pending:()=>h`<li class="updating">Updating List of Variables</li>`,complete:e=>{let i=e.filter(l=>!(l.collectionShortName==="GPM_3IMERGHH"&&l.collectionVersion==="06"));return c(this,g,i),c(this,f,new Z(t(this,g),{findAllMatches:!0,keys:["entryId","longName","name","standardName","units"],useExtendedSearch:!0})),_(this.query===s.initialQuery?C(S(q(t(this,g))),R):C(S(q(this.searchResults)),R))},error:e=>h`<li class="error" data-tree-walker="filter_skip">
+                            ${e}
+                        </li>`})}
+            </ul>
+        </search>`}};o=new WeakMap,u=new WeakMap,g=new WeakMap,d=new WeakMap,f=new WeakMap,m=new WeakMap,x=new WeakMap,b=new WeakMap,k=new WeakMap,T=new WeakMap,M=new WeakMap,w=new WeakMap,v=new WeakMap,$=new WeakMap,H=new WeakSet,Y=function(a,e){return h`
+            <terra-button
+                size="small"
+                variant="default"
+                outline
+                class="tag"
+                title=${a}
+                aria-label=${`Clear tag ${a}`}
+                @click=${()=>{this.tags=[],this.clear(),setTimeout(()=>{var i;this.tagContainerWidth=(i=t(this,x))==null?void 0:i.getBoundingClientRect().width},100)}}
+                title=${a}
+            >
+                ${a}
+                <terra-icon
+                    class="tag-icon"
+                    slot="suffix"
+                    name="outline-x-circle"
+                    library="heroicons"
+                ></terra-icon>
+            </terra-button>
+        `},s.dependencies={"terra-button":K,"terra-icon":j},s.styles=[A,X],s.shadowRootOptions=U(O({},V.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-combobox",s.initialQuery="",r([p()],s.prototype,"label",2),r([p()],s.prototype,"placeholder",2),r([p({attribute:"hide-help",type:Boolean,reflect:!0})],s.prototype,"hideHelp",2),r([p({attribute:"hide-label",type:Boolean,reflect:!0})],s.prototype,"hideLabel",2),r([p({attribute:"use-tags",type:Boolean,reflect:!0})],s.prototype,"useTags",2),r([p()],s.prototype,"value",2),r([p({attribute:"bearer-token",reflect:!1})],s.prototype,"bearerToken",2),r([L()],s.prototype,"isExpanded",2),r([L()],s.prototype,"query",2),r([L()],s.prototype,"searchResults",2),r([L()],s.prototype,"tags",2),r([L()],s.prototype,"tagContainerWidth",2),r([P("value")],s.prototype,"valueChanged",1);var Q=s;export{Q as a};

package/dist/chunks/chunk.IJ3MGNHR.js

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

package/dist/chunks/chunk.IJJUZDZO.js

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

package/dist/chunks/chunk.INH7NACQ.js

@@ -0,0 +1,99 @@
+import{a as P}from"./chunk.UNG3INRY.js";import{a as V}from"./chunk.RKVLJUJG.js";import{a as $}from"./chunk.NCCHFKQN.js";import{a as _}from"./chunk.VT3U2SB7.js";import{a as k}from"./chunk.O65DGSMU.js";import{a as y}from"./chunk.NNXNQL2F.js";import{a as b,b as v}from"./chunk.HA6P2NGF.js";import{e as r,f as e,g as n,i as o}from"./chunk.INFVQQSJ.js";import{html as a,nothing as S}from"lit";import{property as u,state as C,query as q}from"lit/decorators.js";import{TaskStatus as w}from"@lit/task";var t,h,E,g,T,l,c,d,I,f,N,s=class extends v{constructor(){super(...arguments);n(this,h);n(this,g);n(this,l);n(this,d);n(this,f);this.username="";this.password="";this.hidePasswordToggle=!1;this.autoLogin=!1;this.usernameError="";this.passwordError="";n(this,t,new _(this))}firstUpdated(){this.username&&this.password&&(this.hidePasswordToggle=!0,this.autoLogin&&e(this,t).loginTask.run([this.username,this.password]))}render(){var i;return a`
+            <div class="login-container">
+                <div class="login-header">
+                    <a>
+                        <terra-icon name="nasa-logo"></terra-icon>
+                        <h1>Earthdata Login</h1>
+                    </a>
+                    <a
+                        href="https://urs.earthdata.nasa.gov/documentation/what_do_i_need_to_know"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="help-link"
+                        aria-label="Need help?"
+                    >
+                        <terra-icon name="question"></terra-icon>
+                    </a>
+                </div>
+
+                ${(i=e(this,t).state.user)!=null&&i.uid?a`<div class="login-form">
+                          <p>
+                              ${e(this,t).state.user.first_name},<br />
+                              You've successfully authenticated with Earthdata Login!
+                          </p>
+                          <terra-button
+                              @click=${()=>e(this,t).logout()}
+                              size="small"
+                              outline
+                              >Logout</terra-button
+                          >
+                      </div>`:a`
+                          <form class="login-form" @submit=${o(this,f,N)}>
+                              <terra-input
+                                  id="username-input"
+                                  label="Username"
+                                  name="username"
+                                  type="text"
+                                  .value=${this.username}
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                                  autocomplete="username"
+                                  .errorText=${this.usernameError||""}
+                                  required
+                                  @input=${o(this,h,E)}
+                                  @blur=${o(this,l,c)}
+                              ></terra-input>
+
+                              <terra-input
+                                  id="password-input"
+                                  label="Password"
+                                  name="password"
+                                  type="password"
+                                  autocomplete="current-password"
+                                  ?password-toggle=${!this.hidePasswordToggle}
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                                  .value=${this.password}
+                                  .errorText=${this.passwordError||""}
+                                  required
+                                  @input=${o(this,g,T)}
+                                  @blur=${o(this,d,I)}
+                              ></terra-input>
+
+                              <terra-button
+                                  type="submit"
+                                  variant="primary"
+                                  class="login-button"
+                                  ?disabled=${e(this,t).loginTask.status===w.PENDING}
+                              >
+                                  ${e(this,t).loginTask.render({initial:()=>a`Log in`,pending:()=>a`Logging In...`,complete:()=>a`Log in`,error:()=>a`Log in`})}
+                              </terra-button>
+
+                              ${e(this,t).state.error?a`<div class="form-feedback">
+                                        ${e(this,t).state.error}
+                                        ${e(this,t).state.error==="Invalid user credentials"?a`<p>
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/retrieve_info"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot username?</a
+                                                  >
+                                                  <a
+                                                      class="link"
+                                                      href="https://urs.earthdata.nasa.gov/reset_passwords/new"
+                                                      target="_blank"
+                                                      rel="noopener noreferrer"
+                                                      >Forgot password?</a
+                                                  >
+                                              </p>`:S}
+                                    </div>`:""}
+                              <a
+                                  class="link register-link"
+                                  href="https://urs.earthdata.nasa.gov/users/new"
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  >Register for a profile</a
+                              >
+                          </form>
+                      `}
+            </div>
+        `}};t=new WeakMap,h=new WeakSet,E=function(i){var p;let m=i.target;this.username=m.value,this.usernameError&&this.username&&((p=this.usernameInput)!=null&&p.checkValidity())&&(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},g=new WeakSet,T=function(i){var p;let m=i.target;this.password=m.value,this.passwordError&&this.password&&((p=this.passwordInput)!=null&&p.checkValidity())&&(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},l=new WeakSet,c=function(){!this.username||this.username.trim()===""?(this.usernameError="Username is required",this.usernameInput&&this.usernameInput.setCustomValidity("Username is required")):(this.usernameError="",this.usernameInput&&this.usernameInput.setCustomValidity(""))},d=new WeakSet,I=function(){!this.password||this.password.trim()===""?(this.passwordError="Password is required",this.passwordInput&&this.passwordInput.setCustomValidity("Password is required")):(this.passwordError="",this.passwordInput&&this.passwordInput.setCustomValidity(""))},f=new WeakSet,N=function(i){i.preventDefault(),o(this,l,c).call(this),o(this,d,I).call(this),i.target.checkValidity()&&this.username&&this.password?e(this,t).loginTask.run([this.username,this.password]):(this.usernameInput&&this.usernameInput.reportValidity(),this.passwordInput&&this.passwordInput.reportValidity())},s.dependencies={"terra-button":y,"terra-icon":k,"terra-input":P,"terra-loader":$},s.styles=[b,V],r([u({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),r([u({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),r([u({attribute:"loading-message"})],s.prototype,"loadingMessage",2),r([u()],s.prototype,"username",2),r([u()],s.prototype,"password",2),r([u({attribute:"hide-password-toggle",type:Boolean})],s.prototype,"hidePasswordToggle",2),r([u({attribute:"auto-login",type:Boolean})],s.prototype,"autoLogin",2),r([C()],s.prototype,"usernameError",2),r([C()],s.prototype,"passwordError",2),r([q("#username-input")],s.prototype,"usernameInput",2),r([q("#password-input")],s.prototype,"passwordInput",2);export{s as a};

package/dist/chunks/chunk.INRHSO4Q.js

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

package/dist/chunks/chunk.ISA24DED.js

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

package/dist/chunks/chunk.J7657JP5.js

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

package/dist/chunks/chunk.JIO7NUNK.js

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

@@ -0,0 +1,140 @@
+import{b as j}from"./chunk.PKC6WTWN.js";import{b as _}from"./chunk.B2UKJJJB.js";import{b as O,c as W}from"./chunk.5SIVM4DR.js";import{a as R}from"./chunk.M24MU27S.js";import{a as G}from"./chunk.HYQQO2HT.js";import{a as N}from"./chunk.I5MK7RZK.js";import{a as F}from"./chunk.VT3U2SB7.js";import{a as S}from"./chunk.QDFHF7LY.js";import{a as B}from"./chunk.QMFV7RWN.js";import{a as M}from"./chunk.46IGCOVD.js";import{c as C}from"./chunk.BWCJXCND.js";import{a as L}from"./chunk.GBXJ6Y6G.js";import{a as I}from"./chunk.27IBME5U.js";import{a as q,b as A}from"./chunk.HA6P2NGF.js";import{e as a,f as i,g as c,i as h}from"./chunk.INFVQQSJ.js";import{html as d,nothing as tt}from"lit";import{property as l,query as U,state as g}from"lit/decorators.js";import{TaskStatus as p}from"@lit/task";import{cache as at}from"lit/directives/cache.js";var et={fromAttribute:u=>{if(!u)return[];try{let b=JSON.parse(u);if(Array.isArray(b))return b.map(e=>String(e).trim()).filter(Boolean)}catch(b){}return u.split(",").map(b=>b.trim()).filter(Boolean)},toAttribute:u=>u!=null&&u.length?JSON.stringify(u):null},s,m,y,H,v,Y,E,z,$,J,x,K,D,Q,k,X,V,Z,P,T,t=class extends S(A){constructor(){super(...arguments);c(this,y);c(this,v);c(this,E);c(this,$);c(this,x);c(this,D);c(this,k);c(this,V);c(this,P);c(this,s,new _(this));this.variableEntryIds=[];this.showCitation=!1;this.disableAutoFetch=!1;this.mobileView=!1;this.hideToolbar=!1;this.cache=!1;this.catalogVariables=[];this.quotaExceededOpen=!1;this.timeSeriesError=null;this.showDataPointWarning=!1;this.estimatedDataPoints=0;this._authController=new F(this);this._fetchVariableTask=j(this);c(this,m,e=>{let{status:r,code:o,message:n,context:f}=e.detail;this.timeSeriesError={code:o||String(r),message:n,context:f},r===429&&(this.quotaExceededOpen=!0)})}connectedCallback(){super.connectedCallback(),this.addEventListener("terra-time-series-error",i(this,m))}updated(e){super.updated(e);let r=i(this,s).task.status;if(r===p.PENDING&&this.timeSeriesError&&(this.timeSeriesError=null),r===p.ERROR&&!this.timeSeriesError){let o=i(this,s).task.error;if(o){let n=O(o);if(n.isCancellation)return;this.timeSeriesError={code:n.code,message:n.message,context:n.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-series-error",i(this,m))}render(){var e,r,o;return d`
+            <div class="plot-container" @mouseleave=${h(this,$,J)}>
+                ${this.quotaExceededOpen?d`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${()=>this.quotaExceededOpen=!1}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              You've exceeded your request quota. Please
+                              <a
+                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
+                                  >contact the help desk</a
+                              >
+                              for further assistance.
+                          </terra-alert>
+                      `:""}
+                ${this.hideToolbar?tt:at(this.catalogVariable?d`<terra-plot-toolbar
+                                    .catalogVariable=${this.catalogVariable}
+                                    .plot=${this.plot}
+                                    .timeSeriesData=${(e=i(this,s).lastTaskValue)!=null?e:i(this,s).emptyPlotData}
+                                    .location=${this.location}
+                                    .startDate=${this.startDate}
+                                    .endDate=${this.endDate}
+                                    .cacheKey=${i(this,s).getCacheKey()}
+                                    .variableEntryId=${this.variableEntryId}
+                                    .showCitation=${this.showCitation}
+                                    .mobileView=${this.mobileView}
+                                    .productLabel=${this.productLabel}
+                                >
+                                    <slot name="help-links" slot="help-links"></slot>
+                                </terra-plot-toolbar>`:d`<div class="spacer"></div>`)}
+                ${h(this,D,Q).call(this)?d`
+                          <terra-alert
+                              class="no-data-alert"
+                              variant="warning"
+                              open
+                              closable
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-information-circle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              We couldn't find available data for your selection. Try
+                              widening your area or changing the date range to find
+                              more results.
+                          </terra-alert>
+                      `:""}
+                ${h(this,k,X).call(this)?d`
+                          <terra-alert
+                              class="no-data-alert"
+                              variant="danger"
+                              open
+                              closable
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              The selected variable was not found in the catalog
+                          </terra-alert>
+                      `:""}
+                ${this.timeSeriesError?d`
+                          <terra-alert
+                              class="error-alert"
+                              variant="danger"
+                              open
+                              closable
+                              @terra-after-hide=${()=>this.timeSeriesError=null}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              ${h(this,V,Z).call(this,this.timeSeriesError)}
+                          </terra-alert>
+                      `:""}
+
+                <terra-plot
+                    exportparts="base:plot__base, plot-title:plot__title"
+                    .data=${(r=i(this,s).lastTaskValue)!=null?r:i(this,s).emptyPlotData}
+                    .layout="${{xaxis:{title:"Time",showgrid:!1,zeroline:!1,range:this.startDate&&this.endDate?[this.startDate,this.endDate]:void 0},yaxis:{title:h(this,x,K).call(this),showline:!1},title:{text:this.catalogVariable&&this.location?`${this.catalogVariable.dataProductShortName}${this.catalogVariables.length>1?` (${this.catalogVariables.length} variables)`:""} @ ${this.location}`:null}}}"
+                    .config=${{displayModeBar:!0,displaylogo:!1,modeBarButtonsToRemove:["toImage","zoom2d","resetScale2d"],responsive:!0}}
+                    @terra-plot-relayout=${h(this,P,T)}
+                ></terra-plot>
+            </div>
+
+            <dialog
+                ?open=${i(this,s).task.status===p.PENDING||this._fetchVariableTask.status===p.PENDING}
+            >
+                <terra-loader indeterminate></terra-loader>
+
+                ${i(this,s).task.status===p.PENDING?d`<p>
+                          ${this.catalogVariables.length>1?`Plotting ${this.catalogVariables.length} variables\u2026`:`Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}\u2026`}
+                      </p>`:d`<p>Preparing plot&hellip;</p>`}
+
+                <terra-button @click=${h(this,E,z)}>Cancel</terra-button>
+            </dialog>
+
+            <dialog ?open=${this.showDataPointWarning} class="quota-dialog">
+                <h2>This is a large request</h2>
+
+                <p>
+                    You are requesting approximately
+                    ${this.estimatedDataPoints.toLocaleString()} data points.
+                </p>
+
+                <p>
+                    Requesting large amounts of data may cause you to reach your
+                    monthly quota limit.
+                </p>
+
+                <p>Would you still like to proceed with this request?</p>
+
+                <div class="dialog-buttons">
+                    <terra-button
+                        @click=${h(this,v,Y)}
+                        variant="default"
+                    >
+                        Cancel
+                    </terra-button>
+
+                    <terra-button
+                        @click=${h(this,y,H)}
+                        variant="primary"
+                    >
+                        Proceed
+                    </terra-button>
+                </div>
+            </dialog>
+        `}};s=new WeakMap,m=new WeakMap,y=new WeakSet,H=function(){i(this,s).confirmDataPointWarning(),i(this,s).task.run()},v=new WeakSet,Y=function(){this.showDataPointWarning=!1},E=new WeakSet,z=function(){var e;console.log("Aborting data load"),(e=i(this,s).task)==null||e.abort("Cancelled time series request")},$=new WeakSet,J=function(e){var o;if(this.mobileView)return;let r=e.relatedTarget;this.contains(r)||(o=this.plotToolbar)==null||o.closeMenu()},x=new WeakSet,K=function(){var o;let e=(this.catalogVariables.length?this.catalogVariables.map(n=>n.dataFieldUnits):[(o=this.catalogVariable)==null?void 0:o.dataFieldUnits]).filter(Boolean),r=[...new Set(e)];if(r.length)return r.join(", ")},D=new WeakSet,Q=function(){var w;if(i(this,s).task.status!==p.COMPLETE)return!1;let r=(w=i(this,s).lastTaskValue)!=null?w:i(this,s).emptyPlotData;if(r.length===0)return!0;let o=r[0],n="x"in o?o.x:void 0,f="y"in o?o.y:void 0;return!!(!n||!f||Array.isArray(n)&&n.length===0||Array.isArray(f)&&f.length===0)},k=new WeakSet,X=function(){return this._fetchVariableTask.status!==p.COMPLETE?!1:!!(this.variableEntryId||this.variableEntryIds.length||this.collection&&this.variable)&&!this.catalogVariable},V=new WeakSet,Z=function(e){return W(e)},P=new WeakSet,T=function(e){if(this.disableAutoFetch)return;let r=!1;e.detail.xAxisMin&&(this.startDate=C(e.detail.xAxisMin),r=!0),e.detail.xAxisMax&&(this.endDate=C(e.detail.xAxisMax),r=!0),r&&this.dispatchEvent(new CustomEvent("terra-date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate},bubbles:!0,composed:!0}))},t.styles=[q,R],t.dependencies={"terra-plot":N,"terra-loader":B,"terra-icon":L,"terra-button":M,"terra-alert":I,"terra-plot-toolbar":G},a([l({attribute:"variable-entry-id",reflect:!0})],t.prototype,"variableEntryId",2),a([l({attribute:"variable-entry-ids",converter:et})],t.prototype,"variableEntryIds",2),a([l({reflect:!0})],t.prototype,"collection",2),a([l({reflect:!0})],t.prototype,"variable",2),a([l({attribute:"start-date",reflect:!0})],t.prototype,"startDate",2),a([l({attribute:"end-date",reflect:!0})],t.prototype,"endDate",2),a([l({reflect:!0})],t.prototype,"location",2),a([l({type:Boolean,attribute:"show-citation"})],t.prototype,"showCitation",2),a([l({attribute:"application-citation"})],t.prototype,"applicationCitation",2),a([l({type:Boolean,attribute:"disable-auto-fetch"})],t.prototype,"disableAutoFetch",2),a([l({attribute:"bearer-token",reflect:!1})],t.prototype,"bearerToken",2),a([l({attribute:"mobile-view",type:Boolean,reflect:!0})],t.prototype,"mobileView",2),a([l({attribute:"hide-toolbar",type:Boolean,reflect:!0})],t.prototype,"hideToolbar",2),a([l({attribute:"product-label",reflect:!0})],t.prototype,"productLabel",2),a([l({attribute:"application-id"})],t.prototype,"applicationId",2),a([l({type:Boolean})],t.prototype,"cache",2),a([l({attribute:"job-id"})],t.prototype,"jobId",2),a([U("terra-plot")],t.prototype,"plot",2),a([U("terra-plot-toolbar")],t.prototype,"plotToolbar",2),a([g()],t.prototype,"catalogVariable",2),a([g()],t.prototype,"catalogVariables",2),a([g()],t.prototype,"quotaExceededOpen",2),a([g()],t.prototype,"timeSeriesError",2),a([g()],t.prototype,"showDataPointWarning",2),a([g()],t.prototype,"estimatedDataPoints",2);export{t as a};

package/dist/chunks/chunk.JSQTX5RS.js

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

package/dist/chunks/chunk.JVBNEQVV.js

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

package/dist/chunks/chunk.JVS5XANO.js

@@ -0,0 +1,35 @@
+import{a as g}from"./chunk.WR22TB5Y.js";import{a as v}from"./chunk.TLJFCIBQ.js";import{a as p,b as d,c as l}from"./chunk.VOQBVUDI.js";import{a as u,c}from"./chunk.U6R2SR47.js";import{a as h}from"./chunk.CUJNKBC6.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as f,b as y}from"./chunk.HA6P2NGF.js";import{e as i}from"./chunk.INFVQQSJ.js";import{classMap as w}from"lit/directives/class-map.js";import{html as b}from"lit";import{property as s,query as m}from"lit/decorators.js";var t=class extends y{constructor(){super();this.content="";this.variant="tooltip";this.placement="top";this.disabled=!1;this.distance=8;this.open=!1;this.skidding=0;this.trigger="hover focus";this.hoist=!1;this.interactive=!1;this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()};this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())};this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()};this.handleDocumentKeyDown=e=>{e.key==="Escape"&&(e.stopPropagation(),this.hide())};this.handleMouseOver=()=>{if(this.hasTrigger("hover")){let e=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),e)}};this.handleMouseOut=e=>{if(this.hasTrigger("hover")){let o=e.relatedTarget;if(o&&(o===this||this.contains(o)))return;let r=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),r)}};this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.closeWatcher)==null||e.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(e){return this.trigger.split(" ").includes(e)}async handleOpenChange(){var e,o;if(this.open){if(this.disabled)return;this.emit("terra-show"),"CloseWatcher"in window?((e=this.closeWatcher)==null||e.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await l(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:r,options:n}=c(this,"tooltip.show",{dir:"ltr"});await p(this.popup.popup,r,n),this.popup.reposition(),this.emit("terra-after-show")}else{this.emit("terra-hide"),(o=this.closeWatcher)==null||o.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await l(this.body);let{keyframes:r,options:n}=c(this,"tooltip.hide",{dir:"ltr"});await p(this.popup.popup,r,n),this.popup.active=!1,this.body.hidden=!0,this.emit("terra-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,h(this,"terra-after-show")}async hide(){if(this.open)return this.open=!1,h(this,"terra-after-hide")}render(){let e=this.variant==="popover";return b`
+            <terra-popup
+                part="base"
+                exportparts="
+          popup:base__popup,
+          arrow:base__arrow
+        "
+                class=${w({tooltip:!0,"tooltip--popover":e,"tooltip--open":this.open})}
+                placement=${this.placement}
+                distance=${this.distance}
+                skidding=${this.skidding}
+                strategy=${this.hoist?"fixed":"absolute"}
+                flip
+                shift
+                arrow
+                hover-bridge
+            >
+                ${""}
+                <slot slot="anchor" aria-describedby="tooltip"></slot>
+
+                ${""}
+                <div
+                    part="body"
+                    id="tooltip"
+                    class="tooltip__body"
+                    role=${e?"dialog":"tooltip"}
+                    aria-live=${this.open?"polite":"off"}
+                >
+                    <div class="tooltip__image">
+                        <slot name="image"></slot>
+                    </div>
+                    <slot name="content">${this.content}</slot>
+                </div>
+            </terra-popup>
+        `}};t.styles=[f,g],t.dependencies={"terra-popup":v},i([m("slot:not([name])")],t.prototype,"defaultSlot",2),i([m(".tooltip__body")],t.prototype,"body",2),i([m("terra-popup")],t.prototype,"popup",2),i([s()],t.prototype,"content",2),i([s({reflect:!0})],t.prototype,"variant",2),i([s()],t.prototype,"placement",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({type:Number})],t.prototype,"distance",2),i([s({type:Boolean,reflect:!0})],t.prototype,"open",2),i([s({type:Number})],t.prototype,"skidding",2),i([s()],t.prototype,"trigger",2),i([s({type:Boolean})],t.prototype,"hoist",2),i([s({type:Boolean,reflect:!0})],t.prototype,"interactive",2),i([a("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([a(["content","distance","hoist","placement","skidding"])],t.prototype,"handleOptionsChange",1),i([a("disabled")],t.prototype,"handleDisabledChange",1);u("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}});u("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{t as a};

package/dist/chunks/chunk.JYTVRRPS.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CD5ZQXGV.js";import{a as e,b as o}from"./chunk.HA6P2NGF.js";import{html as m}from"lit";var t=class extends o{render(){return m`<slot></slot>`}};t.styles=[e,r];export{t as a};

package/dist/chunks/chunk.K3ACXNPB.js

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