@nasa-terra/components 0.0.178 → 0.0.181

package/dist/chunks/chunk.2OO26QIR.js

@@ -0,0 +1,126 @@
+import{a as Lt}from"./chunk.4E4ZURVB.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.UQXFJXT2.js";import{a as vt}from"./chunk.6XF647QW.js";import{a as St}from"./chunk.VT3U2SB7.js";import{a as Et}from"./chunk.QDFHF7LY.js";import{a as bt}from"./chunk.E6LODOVJ.js";import{a as yt}from"./chunk.NJTQ2K6F.js";import{c as st}from"./chunk.BWCJXCND.js";import{a as ft}from"./chunk.S3WSRAXA.js";import{a as gt}from"./chunk.OAYJFXJ7.js";import{a as nt}from"./chunk.J5Q4TWEG.js";import{a as pt,b as ut}from"./chunk.OILCN37O.js";import{e as m,f as r,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 L,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 re from"ol/format/GeoJSON.js";import{Style as ie,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,A,B,z,W,Pt,J,jt,X,Mt,Y,Gt,K,Tt,Q,At,Z,Bt,tt,zt,et,Ot,at,_t,O,ct,ot,Ut,rt,qt,it,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,rt);u(this,it);this.long_name="";this.colorMapName="viridis";this.opacity=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,A,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,B,t=>{let{status:a,code:o,message:e,context:i}=t.detail;this.timeAverageMapError={code:o||String(a),message:e,context:i}});u(this,z,async t=>{var o;if(!r(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=>{r(this,h).once("rendercomplete",()=>{b()}),r(this,h).render()});let e=r(this,h).getViewport(),i=r(this,h).getSize();if(!i){console.warn("Map size is not available");return}let n=i[0],s=i[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 D=new XMLSerializer().serializeToString(S),T=new Blob([D],{type:"image/svg+xml;charset=utf-8"}),j=URL.createObjectURL(T),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,E=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*E)}),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),D=document.createElement("a"),T=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"}${T}${j}.${U}`;D.href=S,D.download=G,D.style.display="none",document.body.appendChild(D),D.click(),document.body.removeChild(D),URL.revokeObjectURL(S)},_,q)}catch(e){console.error("Error exporting map as PNG:",e)}})}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||r(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",r(this,B)),this.addEventListener("terra-plot-toolbar-export-image",r(this,z))}async firstUpdated(){this.intializeMap(),this._fetchVariableTask.run()}updated(t){var o,e,i,n;super.updated(t);let a=(e=(o=r(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=(i=r(this,$))==null?void 0:i.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",r(this,B)),this.removeEventListener("terra-plot-toolbar-export-image",r(this,z))}async captureMapThumbnail(t=200,a=200){if(!r(this,h))return;let o=r(this,h);try{await new Promise(y=>{o.once("rendercomplete",()=>y()),o.render()});let e=o.getViewport(),i=o.getSize();if(!i)return;let[n,s]=i,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,E)=>c.toBlob(V=>V?y(V):E(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(e){console.error("Failed to capture map thumbnail",e);return}}async updateGeoTIFFLayer(t){var i;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})),r(this,h)&&(r(this,h).addLayer(r(this,w)),r(this,R)&&(r(this,h).removeLayer(r(this,R)),C(this,R,null)),await this.addBordersLayerForGeoTIFF(e)),this.metadata=await this.fetchGeotiffMetadata(e),this.long_name=(i=this.metadata.long_name)!=null?i:"",r(this,h)&&r(this,w)&&(this.renderPixelValues(r(this,h),r(this,w)),this.applyColorToLayer(e,this.colorMapName),setTimeout(async()=>{var n;try{let s=await((n=r(this,w).getSource())==null?void 0:n.getView()),l=Rt(s.extent,s.projection,r(this,h).getView().getProjection());r(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,A,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,r(this,A)],view:new ee({center:[0,0],zoom:2,projection:"EPSG:3857"})})),r(this,h)){let i=new ResizeObserver(()=>{var s;(s=r(this,h))==null||s.updateSize()}),n=(e=this.shadowRoot)==null?void 0:e.getElementById("map");n&&i.observe(n)}}async addBordersLayerForGeoTIFF(t){if(!r(this,h))return;let a;try{let e=await t.getView();e!=null&&e.extent&&(a=Rt(e.extent,e.projection,r(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 re});C(this,R,new It({source:o,extent:a,style:new ie({stroke:new Nt({color:"#000000",width:1})})})),r(this,h).addLayer(r(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),i=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=i.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,i;let o=t.sourceImagery_[0][0];a=parseFloat((i=(e=o.fileDirectory)==null?void 0:e.GDAL_NODATA)!=null?i:this.noDataValue.toString())}),a}async getMinMax(t){await t.getView();let e=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],i=1/0,n=-1/0;for(let s=0;s<e.length;s++){let l=e[s];!isNaN(l)&&l!==this.getNoDataValue(t)&&(l<i&&(i=l),l>n&&(n=l))}return{min:i,max:n}}async getColorStops(t,a,o,e,i){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=[];i&&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 i=t.length-1;i>0;i--){let n=parseFloat(a[i]);n>=o&&n<=e&&this.legendValues.push({value:a[i],rgb:t[i]})}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 i={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(a,o,e,72,!1)]]};(n=r(this,w))==null||n.setStyle(i)}render(){var t,a,o,e;return k`
+            ${v(this,rt,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,it,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=r(this,$).jobStatusTask)==null?void 0:t.value}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${r(this,$).getCacheKey()}
+                              .variableEntryId=${lt(this)}
+                              @show-opacity-value=${v(this,Y,Gt)}
+                              @show-color-map=${v(this,K,Tt)}
+                              @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(i=>k`
+                                    <div
+                                        class="color-box"
+                                        style="background-color: rgba(${i.rgb})"
+                                        title="${i.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=r(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,At)}>Cancel</terra-button>
+            </dialog>
+        `}};$=new WeakMap,h=new WeakMap,w=new WeakMap,R=new WeakMap,I=new WeakMap,P=new WeakMap,F=new WeakMap,A=new WeakMap,B=new WeakMap,z=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 i=o.getBoundingClientRect(),n=e.getBoundingClientRect(),s=i.left-n.left,l=i.top-n.top+a,g=i.width,f=i.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",E=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+E));let M=o.querySelector(".palette");if(M){let b=M.getBoundingClientRect(),S=b.left-n.left,D=b.top-n.top+a,T=b.width,j=Array.from(M.querySelectorAll("div")),N=D;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,T,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-E))},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 i=a.split(" "),n=[],s=i[0];for(let l=1;l<i.length;l++){let g=i[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,r(this,w)&&r(this,w).setOpacity(this.opacity)},K=new WeakSet,Tt=function(t){let a=t.detail;r(this,w)&&r(this,w).getSource()&&(this.colorMapName=a,this.applyColorToLayer(r(this,w).getSource(),this.colorMapName))},Q=new WeakSet,At=function(){var t;(t=r(this,$).jobStatusTask)==null||t.abort("Cancelled time averaged map request")},Z=new WeakSet,Bt=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,zt=function(t){let a=v(this,Z,Bt).call(this,t),o=[];for(let e=0;e<=a;e++){let i=e/a;o.push(t.getCoordinateAt(i))}return o},et=new WeakSet,Ot=function(){this.minimized=!this.minimized},at=new WeakSet,_t=function(){var t;this.toggleState=!1,r(this,h)&&r(this,F)&&r(this,P)&&(r(this,h).removeInteraction(r(this,F)),r(this,h).removeLayer(r(this,P))),(t=r(this,I))==null||t.clear(),C(this,F,null),C(this,P,null),C(this,I,null)},O=new WeakSet,ct=function(t){if(!r(this,h)||!r(this,w))return NaN;let a=r(this,h).getPixelFromCoordinate(t);if(!a)return NaN;let o=r(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:r(this,I)})),C(this,F,new ne({source:r(this,I),type:"LineString"})),r(this,h)&&(r(this,h).addLayer(r(this,P)),r(this,h).addInteraction(r(this,F)),r(this,F).on("drawend",o=>{var c;let e=o.feature.getGeometry(),i=v(this,tt,zt).call(this,e),n=i.map(p=>new ce({geometry:new se(p)}));(c=r(this,I))==null||c.addFeatures(n);let s=i.map(p=>v(this,O,ct).call(this,p)),l=i.map((p,y)=>y),f=i.map(p=>{let[y,E]=kt(p),V=v(this,O,ct).call(this,p),M=isNaN(V)?"N/A":V.toExponential(4);return[parseFloat(y.toFixed(2)),parseFloat(E.toFixed(2)),M]}).map((p,y)=>{let E=y,V=p[2];return`Index: ${E}<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)},rt=new WeakSet,qt=function(){return this._fetchVariableTask.status!==H.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},it=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([L({reflect:!0})],d.prototype,"collection",2),m([L({reflect:!0})],d.prototype,"variable",2),m([L({attribute:"start-date",reflect:!0})],d.prototype,"startDate",2),m([L({attribute:"end-date",reflect:!0})],d.prototype,"endDate",2),m([L({reflect:!0})],d.prototype,"location",2),m([L({attribute:"bearer-token",reflect:!1})],d.prototype,"bearerToken",2),m([L({type:String})],d.prototype,"long_name",2),m([L({type:String,attribute:"color-map-name",reflect:!0})],d.prototype,"colorMapName",2),m([L({type:Number})],d.prototype,"opacity",2),m([L({attribute:"application-id"})],d.prototype,"applicationId",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.2P4DDFRQ.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.CL3UPHCV.js";var m=o;o.define("terra-combobox");export{m as a};

package/dist/chunks/chunk.2UQEJRIQ.js

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

package/dist/chunks/chunk.2UZ2VECA.js

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

package/dist/chunks/chunk.32TDAXC6.js

@@ -0,0 +1,118 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: block;
+        position: fixed;
+        bottom: var(--terra-spacing-large, 1.25rem);
+        left: var(--terra-spacing-large, 1.25rem);
+        z-index: var(--terra-z-index-tooltip, 1000);
+    }
+
+    :host([inline]) {
+        position: static;
+        bottom: auto;
+        left: auto;
+        z-index: auto;
+    }
+
+    .scroll-hint {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-medium, 1rem);
+        background: none;
+        border: none;
+        padding: 0;
+        cursor: pointer;
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-small, 0.875rem);
+        font-weight: var(--terra-font-weight-semibold, 600);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--terra-scroll-hint-text-color);
+        transition:
+            opacity 0.3s ease,
+            transform 0.3s ease;
+    }
+
+    .scroll-hint:hover {
+        opacity: 0.8;
+    }
+
+    .scroll-hint:focus {
+        outline: 2px solid var(--terra-color-nasa-blue);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small, 0.125rem);
+    }
+
+    .scroll-hint__icon-container {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 3rem;
+        height: 3rem;
+    }
+
+    .scroll-hint__ring {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 3rem;
+        height: 3rem;
+        border: 2px dotted var(--terra-scroll-hint-ring-color);
+        border-radius: 50%;
+        animation: pulse-ring 2s ease-in-out infinite;
+    }
+
+    .scroll-hint__icon {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 2rem;
+        height: 2rem;
+        background-color: var(--terra-scroll-hint-icon-background-color);
+        border-radius: 50%;
+        z-index: 1;
+    }
+
+    .scroll-hint__icon terra-icon {
+        color: var(--terra-scroll-hint-icon-color);
+        width: 1rem;
+        height: 1rem;
+    }
+
+    .scroll-hint__text {
+        color: var(--terra-scroll-hint-text-color);
+        user-select: none;
+    }
+
+    /* Dark mode support - handled by horizon.css design tokens */
+
+    /* Pulsing ring animation */
+    @keyframes pulse-ring {
+        0% {
+            transform: translate(-50%, -50%) scale(1);
+            opacity: 1;
+        }
+        50% {
+            transform: translate(-50%, -50%) scale(1.2);
+            opacity: 0.7;
+        }
+        100% {
+            transform: translate(-50%, -50%) scale(1);
+            opacity: 1;
+        }
+    }
+
+    /* Respect reduced motion preferences */
+    @media (prefers-reduced-motion: reduce) {
+        .scroll-hint__ring {
+            animation: none;
+        }
+
+        .scroll-hint {
+            transition: none;
+        }
+    }
+`;export{n as a};

package/dist/chunks/chunk.36AZ2XCI.js

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

package/dist/chunks/chunk.37QTJ25S.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PAEUAUNV.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-menu";e.define("terra-menu");var n=r({tagName:a,elementClass:e,react:t,events:{onTerraSelect:"terra-select"},displayName:"TerraMenu"}),l=n;export{l as a};

package/dist/chunks/chunk.3B4QPUAN.js

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

package/dist/chunks/chunk.3DFIUNAQ.js

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

package/dist/chunks/chunk.3EDA2HZU.js

@@ -0,0 +1,266 @@
+import{css as e}from"lit";var i=e`
+    :host {
+        display: block;
+
+        --bottom-sheet-handle-height: 5px;
+        --bottom-sheet-handle-margin: 10px;
+    }
+
+    header {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        position: relative;
+        z-index: 10;
+        padding-bottom: 10px;
+    }
+
+    .title {
+        margin: 0;
+        font-size: 1.25rem;
+    }
+
+    .subtitle {
+        font-weight: var(--terra-font-weight-normal);
+        margin: 0;
+        margin-bottom: 0.5em;
+        font-size: 0.875rem;
+    }
+
+    .toggles {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 0 1em;
+    }
+
+    .toggle {
+        position: relative;
+    }
+
+    .help-toggle {
+        display: var(--terra-plot-toolbar-help-menu-display, flex);
+    }
+
+    .toggle[aria-expanded='true']::after {
+        background-color: var(--terra-color-nasa-blue);
+        block-size: 0.125em;
+        border-radius: 0.25em;
+        bottom: -0.5em;
+        content: ' ';
+        inline-size: 100%;
+        left: 0;
+        position: absolute;
+    }
+
+    .toggles[data-mobile-view='true'] .toggle::part(base) {
+        background-color: antiquewhite;
+        border: 0;
+    }
+
+    .square-button {
+        border-radius: 0 !important; /* square corners */
+        width: 2.5em;
+        height: 2.5em;
+    }
+
+    menu {
+        all: unset;
+        position: absolute;
+        top: calc(100%);
+        right: 0;
+        z-index: 1000;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 0.5em;
+        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+        width: max-content;
+        min-width: 20ch;
+        max-width: 100%;
+        padding: 1em;
+        display: none;
+    }
+
+    menu[data-expanded='true'] {
+        display: block;
+    }
+
+    menu [role='menuitem'] {
+        display: block;
+        list-style: none;
+        margin: 0;
+        padding: 0.5em 0;
+    }
+
+    [role='menuitem'] p {
+        margin-block: 0.5em;
+    }
+
+    menu dt {
+        font-weight: var(--terra-font-weight-semibold);
+    }
+
+    menu dd {
+        font-style: italic;
+        text-wrap: balance;
+    }
+
+    .bottom-sheet-backdrop {
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.3);
+        transition: opacity 0.35s ease;
+        z-index: 1002;
+    }
+
+    .bottom-sheet-backdrop[data-state='close'] {
+        opacity: 0;
+        pointer-events: none;
+    }
+
+    .bottom-sheet-backdrop[data-state='open'] {
+        opacity: 1;
+        pointer-events: all;
+    }
+
+    .bottom-sheet {
+        position: fixed;
+        left: 50%;
+        bottom: 0;
+        z-index: 1003;
+        width: 100%;
+        max-width: 768px;
+        min-height: 50vh;
+        border: 0;
+        background: var(--terra-color-spacesuit-white);
+        color: var(--terra-font-color-primary);
+        transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
+        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
+        will-change: transform;
+        user-select: none;
+        pointer-events: all;
+        touch-action: pan-y;
+        overflow: auto;
+        cursor: grab;
+    }
+
+    .bottom-sheet[data-state='open'] {
+        display: flex;
+        flex-direction: column;
+
+        transform: translate(-50%, 0);
+        visibility: visible;
+    }
+
+    .bottom-sheet[data-state='close'] {
+        transform: translate(-50%, 100%);
+        visibility: hidden;
+    }
+
+    .bottom-sheet-list {
+        list-style: none;
+        padding-left: 0.5rem;
+    }
+
+    .bottom-sheet-list li {
+        padding: 0.5rem 0.3rem;
+        border-bottom: 1px solid silver;
+    }
+
+    .bottom-sheet h3:not(.sr-only) {
+        background-color: var(--terra-color-nasa-blue);
+        color: var(--terra-color-spacesuit-white);
+        padding: 0.3rem 0.7rem;
+    }
+
+    .bottom-sheet-handle {
+        width: 40px;
+        height: var(--bottom-sheet-handle-height);
+        background-color: var(--terra-color-carbon-20);
+        border-radius: 10px;
+        margin: var(--bottom-sheet-handle-margin) auto;
+    }
+
+    .bottom-sheet-content {
+        padding: 15px;
+        height: calc(
+            97vh - var(--bottom-sheet-handle-height) - var(
+                    --bottom-sheet-handle-margin
+                )
+        );
+        overflow-y: auto;
+    }
+
+    .spacer {
+        padding-block: 1.375rem;
+    }
+
+    .location-text {
+        cursor: pointer;
+        transition: color 0.2s ease;
+        display: inline-flex;
+        align-items: center;
+    }
+
+    .location-icon,
+    .date-range-icon {
+        vertical-align: middle;
+        color: var(--terra-color-nasa-blue);
+    }
+
+    .location-text:hover,
+    .date-range-text:hover {
+        color: var(--terra-color-nasa-blue);
+    }
+
+    .location-tooltip {
+        position: absolute;
+        top: 100%;
+        left: 50px;
+        z-index: 1001;
+        background: white;
+        border: 1px solid #ccc;
+        border-radius: 0.5em;
+        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+        padding: 0.5em;
+        margin-top: 0.5em;
+        animation: fadeIn 0.2s ease-in-out;
+        min-width: 320px;
+    }
+
+    .location-tooltip terra-map {
+        height: auto !important;
+    }
+
+    @keyframes fadeIn {
+        from {
+            opacity: 0;
+            transform: translateY(-10px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+
+    #settings {
+        opacity: 0.75;
+        position: absolute;
+        bottom: 150px;
+        left: 10px;
+        background: rgba(255, 255, 255, 0.9);
+        padding: 8px 10px;
+        border-radius: 4px;
+        font-size: 12px;
+        font-family: monospace;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+        z-index: 10;
+        pointer-events: auto;
+    }
+
+    label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+`;export{i as a};

package/dist/chunks/chunk.3FHTK4MP.js

@@ -0,0 +1 @@
+import{a as t}from"./chunk.IZZFNAC5.js";var e=class{constructor(r){this.extent=r}getSouthWest(){return new t(this.extent[1],this.extent[0])}getNorthEast(){return new t(this.extent[3],this.extent[2])}getNorthWest(){return new t(this.extent[3],this.extent[0])}getSouthEast(){return new t(this.extent[1],this.extent[2])}getWest(){return this.extent[0]}getSouth(){return this.extent[1]}getEast(){return this.extent[2]}getNorth(){return this.extent[3]}toBBoxString(){return`${this.getWest().toFixed(2)},${this.getSouth().toFixed(2)},${this.getEast().toFixed(2)},${this.getNorth().toFixed(2)}`}toString(){return this.toBBoxString()}};export{e as a};

package/dist/chunks/chunk.3G6QKB5Z.js

@@ -0,0 +1,58 @@
+import{css as r}from"lit";var t=r`
+    :host {
+        display: block;
+    }
+
+    .accordion {
+        background: var(--terra-accordion-background-color);
+        margin-bottom: var(--terra-spacing-medium);
+        border: var(--terra-accordion-border-width) solid
+            var(--terra-accordion-border-color);
+        border-radius: var(--terra-accordion-border-radius);
+        overflow: hidden;
+    }
+
+    .accordion-summary {
+        background: var(--terra-accordion-summary-background-color);
+        padding: var(--terra-accordion-summary-padding);
+        border-bottom: var(--terra-accordion-border-width) solid
+            var(--terra-accordion-summary-border-color);
+        font-size: var(--terra-accordion-summary-font-size);
+        font-weight: var(--terra-accordion-summary-font-weight);
+        color: var(--terra-accordion-summary-color);
+        cursor: pointer;
+        outline: none;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--terra-spacing-medium);
+        transition: var(--terra-accordion-transition);
+    }
+
+    .accordion-summary:hover {
+        background: var(--terra-accordion-summary-background-color-hover);
+    }
+
+    .accordion-summary-right {
+        display: flex;
+        align-items: flex-end;
+        gap: var(--terra-spacing-small);
+    }
+
+    .accordion-summary terra-icon {
+        transition: transform var(--terra-transition-fast) ease;
+    }
+
+    :host([open]) .accordion-summary terra-icon {
+        transform: rotate(180deg);
+    }
+
+    .accordion-content {
+        padding: var(--terra-accordion-content-padding);
+    }
+
+    /* Remove margin from last accordion when stacked */
+    :host:last-child .accordion {
+        margin-bottom: 0;
+    }
+`;export{t as a};

package/dist/chunks/chunk.3IDBLCMG.js

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