@nasa-terra/components 0.0.193 → 0.0.194

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

@@ -0,0 +1,127 @@
+import{a as kt}from"./chunk.YUPDTNHJ.js";import{a as Nt}from"./chunk.Y6VOJNJH.js";import{a as Ft}from"./chunk.CYECGPCS.js";import{a as dt}from"./chunk.EL5HO6Y2.js";import{a as It}from"./chunk.YDO3U6BD.js";import{a as Lt}from"./chunk.XXIFAJRB.js";import{b as Dt,c as Et}from"./chunk.TK2JSJCN.js";import{a as $t}from"./chunk.VT3U2SB7.js";import{a as Ct}from"./chunk.QDFHF7LY.js";import{a as Vt}from"./chunk.DQUUBGXN.js";import{c as ht}from"./chunk.QGXUQL5S.js";import{a as St}from"./chunk.YVTC325R.js";import{a as xt}from"./chunk.DWUSSCJJ.js";import{a as vt}from"./chunk.HETQFJKA.js";import{a as ct}from"./chunk.J5Q4TWEG.js";import{a as bt,b as wt}from"./chunk.AXHBILJ4.js";import{e as m,f as e,g as u,h as w,i as v}from"./chunk.INFVQQSJ.js";import{html as k,nothing as re}from"lit";import{property as C,state as S}from"lit/decorators.js";import{Map as ie,View as ne}from"ol";import Rt from"ol/layer/WebGLTile.js";import mt from"ol/layer/Vector.js";import jt from"ol/layer/Graticule.js";import se from"ol/source/OSM.js";import ut from"ol/source/Vector.js";import Pt from"ol/format/GeoJSON.js";import{Style as Gt,Stroke as X}from"ol/style.js";import le from"ol/interaction/Draw.js";import ce from"ol/geom/Point.js";import{getLength as he}from"ol/sphere.js";import de from"ol/Feature.js";import{TaskStatus as J}from"@lit/task";import{cache as me}from"lit/directives/cache.js";import{toLonLat as Mt,transformExtent as Bt}from"ol/proj.js";var $,d,x,R,j,P,I,G,F,z,A,O,Y,_t,K,Tt,Q,zt,Z,At,tt,Ot,et,Ut,at,qt,ot,Ht,rt,Wt,it,Xt,U,pt,nt,Jt,st,Yt,lt,Kt,h=class extends Ct(wt){constructor(){super(...arguments);u(this,Y);u(this,K);u(this,Q);u(this,Z);u(this,tt);u(this,et);u(this,at);u(this,ot);u(this,rt);u(this,it);u(this,U);u(this,nt);u(this,st);u(this,lt);this.long_name="";this.colorMapName="viridis";this.opacity=1;this.cache=!1;this.showHelp=!0;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 kt(this));u(this,d,null);u(this,x,null);u(this,R,null);u(this,j,null);u(this,P,null);u(this,I,null);u(this,G,null);u(this,F,null);u(this,z,null);this._authController=new $t(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=Ft(this,!1);u(this,A,t=>{let{status:a,code:r,message:o,context:i}=t.detail;this.timeAverageMapError={code:r||String(a),message:o,context:i}});u(this,O,async t=>{var r;if(!e(this,d)){console.warn("Map not initialized, cannot export image");return}let a=((r=t.detail)==null?void 0:r.format)||"png";try{await new Promise(b=>{e(this,d).once("rendercomplete",()=>{b()}),e(this,d).render()});let o=e(this,d).getViewport(),i=e(this,d).getSize();if(!i){console.warn("Map size is not available");return}let n=i[0],s=i[1],l=Array.from(o.querySelectorAll("canvas")),g=Array.from(o.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 V=b.cloneNode(!0);V.hasAttribute("width")||V.setAttribute("width",String(n)),V.hasAttribute("height")||V.setAttribute("height",String(s));let E=new XMLSerializer().serializeToString(V),T=new Blob([E],{type:"image/svg+xml;charset=utf-8"}),M=URL.createObjectURL(T),N=new Image;await new Promise((_,gt)=>{N.onload=()=>{c.drawImage(N,0,p,n,s),URL.revokeObjectURL(M),_()},N.onerror=()=>{URL.revokeObjectURL(M),gt(new Error("Failed to load SVG image"))},N.src=M})}catch(V){console.warn("Failed to render SVG layer:",V)}let y=30,D=25;c.fillStyle="#000000",c.font="bold 18px Arial, sans-serif",c.textAlign="left",c.textBaseline="top";let L=v(this,K,Tt).call(this);v(this,Q,zt).call(this,c,L,n-40,16).forEach((b,V)=>{c.fillText(b,20,y+V*D)}),await v(this,Y,_t).call(this,c,p);let q=a==="jpg"?"image/jpeg":"image/png",H=a==="jpg"?"jpg":"png",W=a==="jpg"?.92:void 0;f.toBlob(b=>{if(!b){console.warn("Failed to create blob from canvas");return}let V=URL.createObjectURL(b),E=document.createElement("a"),T=this.location?`_${this.location.replace(/,/g,"_")}`:"",M=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",_=`${dt(this)||"map"}${T}${M}.${H}`;E.href=V,E.download=_,E.style.display="none",document.body.appendChild(E),E.click(),document.body.removeChild(E),URL.revokeObjectURL(V)},q,W)}catch(o){console.error("Error exporting map as PNG:",o)}})}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||e(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",e(this,A)),this.addEventListener("terra-plot-toolbar-export-image",e(this,O))}async firstUpdated(){this.intializeMap(),this._fetchVariableTask.run()}updated(t){var r,o,i,n;super.updated(t);let a=(o=(r=e(this,$))==null?void 0:r.jobStatusTask)==null?void 0:o.status;if(a===J.PENDING&&this.timeAverageMapError&&(this.timeAverageMapError=null),a===J.ERROR&&!this.timeAverageMapError){let s=(n=(i=e(this,$))==null?void 0:i.jobStatusTask)==null?void 0:n.error;if(s){let l=Dt(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",e(this,A)),this.removeEventListener("terra-plot-toolbar-export-image",e(this,O))}async captureMapThumbnail(t=200,a=200){if(!e(this,d))return;let r=e(this,d);try{await new Promise(y=>{r.once("rendercomplete",()=>y()),r.render()});let o=r.getViewport(),i=r.getSize();if(!i)return;let[n,s]=i,l=Array.from(o.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(L=>L?y(L):D(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(o){console.error("Failed to capture map thumbnail",o);return}}async updateGeoTIFFLayer(t){var i;let a=URL.createObjectURL(t),{default:r}=await import("ol/source/GeoTIFF.js"),o=new r({sources:[{url:a,bands:[1],nodata:this.noDataValue}],wrapX:!0,interpolate:!1,normalize:!1});w(this,x,new Rt({source:o})),e(this,d)&&(e(this,d).addLayer(e(this,x)),await this.addSupportingLayersForGeoTIFF(o)),this.metadata=await this.fetchGeotiffMetadata(o),this.long_name=(i=this.metadata.long_name)!=null?i:"",e(this,d)&&e(this,x)&&(this.renderPixelValues(e(this,d),e(this,x)),this.applyColorToLayer(o,this.colorMapName),setTimeout(async()=>{var n;try{let s=await((n=e(this,x).getSource())==null?void 0:n.getView()),l=Bt(s.extent,s.projection,e(this,d).getView().getProjection());e(this,d).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,r,o;let t=new Rt({source:new se});if(w(this,z,new jt({strokeStyle:new X({color:"rgba(0,0,0,0.2)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),w(this,d,new ie({target:(r=(a=this.shadowRoot)==null?void 0:a.getElementById("map"))!=null?r:void 0,layers:[t,e(this,z)],view:new ne({center:[0,0],zoom:2,projection:"EPSG:3857"})})),e(this,d)){let i=new ResizeObserver(()=>{var s;(s=e(this,d))==null||s.updateSize()}),n=(o=this.shadowRoot)==null?void 0:o.getElementById("map");n&&i.observe(n)}}async addSupportingLayersForGeoTIFF(t){if(!e(this,d))return;e(this,R)&&(e(this,d).removeLayer(e(this,R)),w(this,R,null)),e(this,j)&&(e(this,d).removeLayer(e(this,j)),w(this,j,null)),e(this,P)&&(e(this,d).removeLayer(e(this,P)),w(this,P,null));let a;try{let i=await t.getView();i!=null&&i.extent&&(a=Bt(i.extent,i.projection,e(this,d).getView().getProjection()))}catch(i){console.warn("Could not get GeoTIFF extent for border clipping:",i)}w(this,R,new jt({extent:a,strokeStyle:new X({color:"rgba(0,0,0,0.5)",width:2,lineDash:[.5,4]}),showLabels:!0,wrapX:!1})),e(this,d).addLayer(e(this,R));let r=new ut({url:"https://raw.githubusercontent.com/martynafford/natural-earth-geojson/refs/heads/master/10m/cultural/ne_10m_admin_1_states_provinces.json",format:new Pt});w(this,j,new mt({source:r,extent:a,style:new Gt({stroke:new X({color:"#222222",width:.75})})})),e(this,d).addLayer(e(this,j));let o=new ut({url:"https://raw.githubusercontent.com/nvkelso/natural-earth-vector/master/geojson/ne_10m_admin_0_countries.geojson",format:new Pt});w(this,P,new mt({source:o,extent:a,style:new Gt({stroke:new X({color:"#000000",width:1})})})),e(this,d).addLayer(e(this,P))}async fetchGeotiffMetadata(t){var g;await t.getView();let o=(g=t.sourceImagery_[0][0].fileDirectory)==null?void 0:g.GDAL_METADATA,s=new DOMParser().parseFromString(o,"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",r=>{let o=a.getData(r.pixel),i=Mt(r.coordinate);(!o||!(o instanceof Uint8Array||o instanceof Uint8ClampedArray||o instanceof Float32Array)||isNaN(o[0])||o[0]===0)&&(o=null);let n=o?Number(o[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 o,i;let r=t.sourceImagery_[0][0];a=parseFloat((i=(o=r.fileDirectory)==null?void 0:o.GDAL_NODATA)!=null?i:this.noDataValue.toString())}),a}async getMinMax(t){await t.getView();let o=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],i=1/0,n=-1/0;for(let s=0;s<o.length;s++){let l=o[s];!isNaN(l)&&l!==this.getNoDataValue(t)&&(l<i&&(i=l),l>n&&(n=l))}return{min:i,max:n}}async getColorStops(t,a,r,o,i){let n=(r-a)/(o-1),s=new Array(o*2),{default:l}=await import("colormap"),g=l({colormap:t,nshades:o,format:"rgba"}),f=[];i&&g.reverse();for(let c=0;c<o;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,r),s}generatePalette(t,a,r,o){this.legendValues=[];for(let i=t.length-1;i>0;i--){let n=parseFloat(a[i]);n>=r&&n<=o&&this.legendValues.push({value:a[i],rgb:t[i]})}this.min=r.toExponential(3),this.max=o.toExponential(3)}async applyColorToLayer(t,a){var n;var{min:r,max:o}=await this.getMinMax(t);let i={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(a,r,o,72,!1)]]};(n=e(this,x))==null||n.setStyle(i)}render(){var t,a,r,o;return k`
+            ${v(this,st,Yt).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,lt,Kt).call(this,this.timeAverageMapError)}
+                      </terra-alert>
+                  `:""}
+            <div class="toolbar-container">
+                ${me(this.catalogVariable?k`<terra-plot-toolbar
+                              dataType="geotiff"
+                              .catalogVariable=${this.catalogVariable}
+                              .timeSeriesData=${(t=e(this,$).jobStatusTask)==null?void 0:t.value}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${e(this,$).getCacheKey()}
+                              .variableEntryId=${dt(this)}
+                              @show-opacity-value=${v(this,Z,At)}
+                              @show-color-map=${v(this,tt,Ot)}
+                              @show-check-box-toggle=${v(this,nt,Jt)}
+                              .pixelValue=${this.pixelValue}
+                              .pixelCoordinates=${this.pixelCoordinates}
+                              show-date-range
+                              .colormaps=${this.colormaps}
+                              .colorMapName=${this.colorMapName}
+                              .opacity=${this.opacity}
+                              .showHelp=${this.showHelp}
+                          ></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>
+                  `:re}
+
+            <!-- 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,rt,Wt)}
+                          >
+                              ${this.minimized?"Restore":"Minimize"}
+                          </terra-button>
+                      </div>
+                  `:null}
+
+            <dialog
+                ?open=${((r=(a=e(this,$))==null?void 0:a.jobStatusTask)==null?void 0:r.status)===J.PENDING}
+            >
+                <terra-loader indeterminate variant="orbit"></terra-loader>
+                <p>Plotting ${(o=this.catalogVariable)==null?void 0:o.dataFieldId}&hellip;</p>
+                <terra-button @click=${v(this,et,Ut)}>Cancel</terra-button>
+            </dialog>
+        `}};$=new WeakMap,d=new WeakMap,x=new WeakMap,R=new WeakMap,j=new WeakMap,P=new WeakMap,I=new WeakMap,G=new WeakMap,F=new WeakMap,z=new WeakMap,A=new WeakMap,O=new WeakMap,Y=new WeakSet,_t=async function(t,a){var H,W;let r=(H=this.shadowRoot)==null?void 0:H.getElementById("legend");if(!r)return;let o=(W=this.shadowRoot)==null?void 0:W.getElementById("map");if(!o)return;let i=r.getBoundingClientRect(),n=o.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(r),p=parseFloat(c.fontSize)||12,y=c.fontFamily||"monospace",D=parseFloat(c.padding)||8,L=r.querySelector("#statsMax");L&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="top",t.fillText(L.textContent||"",s+g/2,l+D));let B=r.querySelector(".palette");if(B){let b=B.getBoundingClientRect(),V=b.left-n.left,E=b.top-n.top+a,T=b.width,M=Array.from(B.querySelectorAll("div")),N=E;for(let _ of M){let ft=_.getBoundingClientRect().height,yt=(_.getAttribute("style")||"").match(/background-color:\s*rgba?\(([^)]+)\)/);if(yt){let Qt=yt[1],[Zt,te,ee,ae=1]=Qt.split(",").map(oe=>parseFloat(oe.trim()));t.fillStyle=`rgba(${Zt}, ${te}, ${ee}, ${ae})`,t.fillRect(V,N,T,ft)}N+=ft}}let q=r.querySelector("#statsMin");q&&(t.fillStyle="#000000",t.font=`${p}px ${y}`,t.textAlign="center",t.textBaseline="bottom",t.fillText(q.textContent||"",s+g/2,l+f-D))},K=new WeakSet,Tt=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=ht(this.startDate),r=ht(this.endDate);t.push(`over ${a} - ${r}`)}return t.join(" ")},Q=new WeakSet,zt=function(t,a,r,o){t.font=`bold ${o}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<r?s+=" "+g:(n.push(s),s=g)}return n.push(s),n},Z=new WeakSet,At=function(t){this.opacity=t.detail,e(this,x)&&e(this,x).setOpacity(this.opacity)},tt=new WeakSet,Ot=function(t){let a=t.detail;e(this,x)&&e(this,x).getSource()&&(this.colorMapName=a,this.applyColorToLayer(e(this,x).getSource(),this.colorMapName))},et=new WeakSet,Ut=function(){var t;(t=e(this,$).jobStatusTask)==null||t.abort("Cancelled time averaged map request")},at=new WeakSet,qt=function(t){let a=he(t),r;return a>100?r=a/1e3/60:r=a/10,Math.max(2,Math.round(r))},ot=new WeakSet,Ht=function(t){let a=v(this,at,qt).call(this,t),r=[];for(let o=0;o<=a;o++){let i=o/a;r.push(t.getCoordinateAt(i))}return r},rt=new WeakSet,Wt=function(){this.minimized=!this.minimized},it=new WeakSet,Xt=function(){var t;this.toggleState=!1,e(this,d)&&e(this,F)&&e(this,G)&&(e(this,d).removeInteraction(e(this,F)),e(this,d).removeLayer(e(this,G))),(t=e(this,I))==null||t.clear(),w(this,F,null),w(this,G,null),w(this,I,null)},U=new WeakSet,pt=function(t){if(!e(this,d)||!e(this,x))return NaN;let a=e(this,d).getPixelFromCoordinate(t);if(!a)return NaN;let r=e(this,x).getData(a);if(!r)return NaN;if(r instanceof Uint8Array||r instanceof Uint8ClampedArray||r instanceof Float32Array)return isNaN(r[0])?NaN:r[0];if(r instanceof DataView){let o=r.getFloat32(0,!0);return isNaN(o)?NaN:o}return NaN},nt=new WeakSet,Jt=function(t){var a=t.detail;a?(this.toggleState=a,w(this,I,new ut({wrapX:!1})),w(this,G,new mt({source:e(this,I)})),w(this,F,new le({source:e(this,I),type:"LineString"})),e(this,d)&&(e(this,d).addLayer(e(this,G)),e(this,d).addInteraction(e(this,F)),e(this,F).on("drawend",r=>{var c;let o=r.feature.getGeometry(),i=v(this,ot,Ht).call(this,o),n=i.map(p=>new de({geometry:new ce(p)}));(c=e(this,I))==null||c.addFeatures(n);let s=i.map(p=>v(this,U,pt).call(this,p)),l=i.map((p,y)=>y),f=i.map(p=>{let[y,D]=Mt(p),L=v(this,U,pt).call(this,p),B=isNaN(L)?"N/A":L.toExponential(4);return[parseFloat(y.toFixed(2)),parseFloat(D.toFixed(2)),B]}).map((p,y)=>{let D=y,L=p[2];return`Index: ${D}<br>Value: ${L}<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,it,Xt).call(this)},st=new WeakSet,Yt=function(){return this._fetchVariableTask.status!==J.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},lt=new WeakSet,Kt=function(t){return Et(t)},h.styles=[bt,Nt],h.dependencies={"terra-button":St,"terra-icon":xt,"terra-plot-toolbar":It,"terra-loader":Vt,"terra-plot":Lt,"terra-alert":vt},m([C({reflect:!0})],h.prototype,"collection",2),m([C({reflect:!0})],h.prototype,"variable",2),m([C({attribute:"start-date",reflect:!0})],h.prototype,"startDate",2),m([C({attribute:"end-date",reflect:!0})],h.prototype,"endDate",2),m([C({reflect:!0})],h.prototype,"location",2),m([C({attribute:"bearer-token",reflect:!1})],h.prototype,"bearerToken",2),m([C({type:String})],h.prototype,"long_name",2),m([C({type:String,attribute:"color-map-name",reflect:!0})],h.prototype,"colorMapName",2),m([C({type:Number})],h.prototype,"opacity",2),m([C({attribute:"application-id"})],h.prototype,"applicationId",2),m([C({type:Boolean})],h.prototype,"cache",2),m([C({attribute:"job-id"})],h.prototype,"jobId",2),m([C({type:Boolean,attribute:"show-help"})],h.prototype,"showHelp",2),m([S()],h.prototype,"catalogVariable",2),m([S()],h.prototype,"pixelValue",2),m([S()],h.prototype,"pixelCoordinates",2),m([S()],h.prototype,"metadata",2),m([S()],h.prototype,"toggleState",2),m([S()],h.prototype,"minimized",2),m([S()],h.prototype,"noDataValue",2),m([S()],h.prototype,"min",2),m([S()],h.prototype,"max",2),m([S()],h.prototype,"legendValues",2),m([S()],h.prototype,"timeAverageMapError",2),m([S()],h.prototype,"colormaps",2),m([S()],h.prototype,"plotData",2),m([S()],h.prototype,"layout",2),m([S()],h.prototype,"harmonyJobId",2),m([ct(["startDate","endDate","location","catalogVariable"])],h.prototype,"handlePropertyChange",1),m([ct(["colorMapName","opacity"])],h.prototype,"handlePlotOptionsChange",1);export{h as a};

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

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

package/dist/chunks/chunk.33BFN23F.js

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

package/dist/chunks/chunk.35TL2DA6.js

@@ -0,0 +1,75 @@
+import{a as y}from"./chunk.OYBEWMHA.js";import{a as V}from"./chunk.IYLOXJSX.js";import{a as c}from"./chunk.J5Q4TWEG.js";import{a as g,b as f}from"./chunk.AXHBILJ4.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as h,query as _,state as p}from"lit/decorators.js";import{html as m}from"lit";import v,{PipsMode as N}from"nouislider";var i=class extends f{constructor(){super(...arguments);this.mode="single";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.hasPips=!1;this.hasTooltips=!1;this.showInputs=!1;this.label="Slider";this.hideLabel=!1;this.hasBeenManipulated=!1}updateSlider(){this.renderSlider()}disabledChanged(){var e,t,u,n;this.disabled?(t=(e=this.slider)==null?void 0:e.noUiSlider)==null||t.disable():(n=(u=this.slider)==null?void 0:u.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}_getStartValues(){var n,o,a;let e=Number(this.min),t=Number(this.max);if(this.mode==="range"){let r=(n=this.startValue)!=null?n:e,s=(o=this.endValue)!=null?o:t;return[r,s]}return[(a=this.value)!=null?a:e]}renderSlider(){var a;if(!this.slider)return;(a=this.slider.noUiSlider)==null||a.destroy();let e=Number(this.min),t=Number(this.max);if(!Number.isFinite(e)||!Number.isFinite(t)||t<e){v.create(this.slider,{start:[0],range:{min:0,max:0}});return}let u=this._getStartValues(),n={range:{min:e,max:t},start:u,step:this.step,connect:this.mode==="range",tooltips:this.formatTooltip?{to:r=>{var s,d;return(d=(s=this.formatTooltip)==null?void 0:s.call(this,r))!=null?d:r}}:this.hasTooltips,behaviour:"drag",format:this._getFormatter(),pips:this.hasPips?{mode:N.Range,density:-1,format:this._getFormatter()}:void 0};v.create(this.slider,n);let o=this.slider.noUiSlider.get();if(this.mode==="range"){let[r,s]=Array.isArray(o)?o.map(Number):[e,t];this.currentStartValue=r,this.currentEndValue=s,this.hasBeenManipulated=r!==e||s!==t}else{let[r]=Array.isArray(o)?o.map(Number):[e];this.currentValue=r,this.hasBeenManipulated=r!==e}this.hasTooltips&&this.mode==="range"&&V(this.slider,15,"-"),this.slider.noUiSlider.on("update",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e}this.requestUpdate()}),this.slider.noUiSlider.on("change",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t,this.emit("terra-slider-change",{detail:{startValue:s,endValue:d}})}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e,this.emit("terra-slider-change",{detail:{value:s}})}this.requestUpdate()}),this.slider.noUiSlider.on("update",()=>{this._updateInputFields()}),this.slider.noUiSlider.on("change",()=>{this._updateInputFields()}),this.disabledChanged()}_updateInputFields(){if(!this.showInputs)return;let e=this.slider.noUiSlider.get(),t=Array.isArray(e)?e:[e];this.requestUpdate(),setTimeout(()=>{var u,n,o;if(this.mode==="range"){let a=(u=this.shadowRoot)==null?void 0:u.querySelector("#slider-start-input"),r=(n=this.shadowRoot)==null?void 0:n.querySelector("#slider-end-input");a&&(a.value=this._formatValue(Number(t[0]))),r&&(r.value=this._formatValue(Number(t[1])))}else{let a=(o=this.shadowRoot)==null?void 0:o.querySelector("#slider-value-input");a&&(a.value=this._formatValue(Number(t[0])))}},10)}_getFormatter(){let e=Number.isInteger(this.step);return{to:t=>{if(e)return Math.round(t).toString();{let u=this.step.toString(),n=u.includes(".")?u.split(".")[1].length:0;return t.toFixed(n)}},from:t=>Number(t)}}_formatValue(e){let t=Number(e);if(isNaN(t))return"0";if(Number.isInteger(this.step))return Math.round(t).toString();{let n=this.step.toString(),o=n.includes(".")?n.split(".")[1].length:0;return t.toFixed(o)}}handleClear(){let e=Number(this.min),t=Number(this.max);this.mode==="range"?(this.slider.noUiSlider.set([e,t]),this.currentStartValue=e,this.currentEndValue=t,this.hasBeenManipulated=!1):(this.slider.noUiSlider.set([e]),this.currentValue=e,this.hasBeenManipulated=!1),this.requestUpdate()}render(){var s,d,b;let e="container"+(this.hasPips?" hasPips":""),t=Number(this.min),u=Number(this.max),n=(s=this.currentStartValue)!=null?s:this.mode==="range"?t:void 0,o=(d=this.currentEndValue)!=null?d:this.mode==="range"?u:void 0,a=(b=this.currentValue)!=null?b:this.mode==="single"?t:void 0,r=this.mode==="range"?`${this._formatValue(n)}\u2013${this._formatValue(o)}`:this._formatValue(a);return m`
+            <div class="slider">
+                ${this.hasTooltips?m`
+                          <label
+                              for="slider-control"
+                              class=${this.hideLabel?"sr-only":"slider__label"}
+                              >${this.label}</label
+                          >
+                      `:m`
+                          <div class="slider__header">
+                              <label
+                                  for="slider-control"
+                                  class=${this.hideLabel?"sr-only":"slider__label"}
+                                  >${this.label}</label
+                              >
+                              <div class="slider__header-right">
+                                  ${this.hasBeenManipulated?m`
+                                            <button
+                                                class="slider__clear"
+                                                @click="${this.handleClear}"
+                                                type="button"
+                                            >
+                                                Clear
+                                            </button>
+                                        `:""}
+                                  <span class="slider__current-range"
+                                      >${r}</span
+                                  >
+                              </div>
+                          </div>
+                      `}
+                <div class="${e}">
+                    <div part="slider" id="slider-control"></div>
+                    ${this.showInputs?this._renderInputFields():""}
+                    <slot></slot>
+                </div>
+            </div>
+        `}_renderInputFields(){var e,t,u,n,o,a;return this.mode==="range"?m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-start-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((t=(e=this.startValue)!=null?e:this.min)!=null?t:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                    <span class="input-separator">to</span>
+                    <input
+                        id="slider-end-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((n=(u=this.endValue)!=null?u:this.max)!=null?n:100)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `:m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-value-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((a=(o=this.value)!=null?o:this.min)!=null?a:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `}_handleInputChange(e){let t=e.target,u=Number(t.value),n=Number(this.min),o=Number(this.max),a=Math.max(n,Math.min(o,u));if(t.value=this._formatValue(a),this.mode==="range"){let s=[...this.slider.noUiSlider.get()];t.id==="slider-start-input"?s[0]=a:s[1]=a,this.slider.noUiSlider.set(s),this.emit("terra-slider-change",{detail:{startValue:s[0],endValue:s[1]}})}else this.slider.noUiSlider.set([a]),this.emit("terra-slider-change",{detail:{value:a}})}_handleInputKeydown(e){e.key==="Enter"&&e.target.blur()}};i.styles=[g,y],l([_('[part~="slider"]')],i.prototype,"slider",2),l([h({reflect:!0})],i.prototype,"mode",2),l([h({type:Number})],i.prototype,"min",2),l([h({type:Number})],i.prototype,"max",2),l([h({type:Number})],i.prototype,"step",2),l([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([h({type:Boolean,reflect:!0,attribute:"has-pips"})],i.prototype,"hasPips",2),l([h({type:Boolean,reflect:!0,attribute:"has-tooltips"})],i.prototype,"hasTooltips",2),l([h({type:Boolean,reflect:!0,attribute:"show-inputs"})],i.prototype,"showInputs",2),l([h({type:Number})],i.prototype,"value",2),l([h({type:Number,attribute:"start-value"})],i.prototype,"startValue",2),l([h({type:Number,attribute:"end-value"})],i.prototype,"endValue",2),l([h()],i.prototype,"label",2),l([h({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),l([h({attribute:"format-tooltip",type:Function})],i.prototype,"formatTooltip",2),l([p()],i.prototype,"currentStartValue",2),l([p()],i.prototype,"currentEndValue",2),l([p()],i.prototype,"currentValue",2),l([p()],i.prototype,"hasBeenManipulated",2),l([c(["mode","min","max","step","value","startValue","endValue","hasPips","hasTooltips","showInputs"])],i.prototype,"updateSlider",1),l([c("disabled")],i.prototype,"disabledChanged",1);export{i as a};

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

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

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

@@ -0,0 +1,12 @@
+function r(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components` and `anywidget` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.193" "anywidget==0.9.15"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render the subsetter"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraDataSubsetter
+subsetter = TerraDataSubsetter()
+
+${e.collectionEntryId?`subsetter.collectionEntryId = '${e.collectionEntryId}'
+`:""}${e.jobId?`subsetter.jobId = '${e.jobId}'
+`:""}${e.environment?`subsetter.environment = '${e.environment}'`:""}
+subsetter`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Download the files
+`,`
+`,"Once the subset job completes, you can download the files:"]},{id:"870c1384-e706-48ee-ba07-fd552a949868",cell_type:"code",source:"subsetter.job['links']",metadata:{trusted:!0},outputs:[],execution_count:null}]}export{r as a};

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

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

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

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

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

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

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

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

package/dist/chunks/chunk.45QRM7RA.js

@@ -0,0 +1,39 @@
+import{a as u}from"./chunk.S3A2BX4C.js";import{a as h}from"./chunk.DWUSSCJJ.js";import{a as m,b as p}from"./chunk.AXHBILJ4.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as e}from"lit/decorators.js";import{html as s,nothing as n}from"lit";import{classMap as a}from"lit/directives/class-map.js";var t=class extends p{constructor(){super(...arguments);this.variant="content";this.size="medium";this.iconLibrary="default";this.stack=!1;this.dark=!1;this.handleClick=r=>{this.variant==="topic"&&this.emit("terra-click",{detail:{originalEvent:r}})}}render(){let r=this.variant==="topic"&&this.href,o=this.variant==="content",l={tag:!0,"tag--content":o,"tag--topic":this.variant==="topic","tag--urgent":this.variant==="urgent","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large"},c=s`
+            ${o?s`
+                      <span
+                          part="icon"
+                          class="${a({tag__icon:!0,"tag__icon--small":this.size==="small","tag__icon--medium":this.size==="medium","tag__icon--large":this.size==="large"})}"
+                      >
+                          <slot name="icon">
+                              ${this.icon?s`
+                                        <terra-icon
+                                            name="${this.icon}"
+                                            library="${this.iconLibrary}"
+                                        ></terra-icon>
+                                    `:n}
+                          </slot>
+                      </span>
+                  `:n}
+            <span part="label" class="tag__label">
+                <slot></slot>
+            </span>
+        `;return r?s`
+                <a
+                    part="base"
+                    href="${this.href}"
+                    class="${a(l)}"
+                    @click="${this.handleClick}"
+                >
+                    ${c}
+                </a>
+            `:s`
+            <div
+                part="base"
+                class="${a(l)}"
+                @click="${this.handleClick}"
+                role="${this.variant==="topic"?"button":n}"
+                tabindex="${this.variant==="topic"&&!this.href?"0":n}"
+            >
+                ${c}
+            </div>
+        `}};t.styles=[m,u],t.dependencies={"terra-icon":h},i([e({reflect:!0})],t.prototype,"variant",2),i([e({reflect:!0})],t.prototype,"size",2),i([e({reflect:!0})],t.prototype,"icon",2),i([e({reflect:!0})],t.prototype,"iconLibrary",2),i([e({type:Boolean,reflect:!0})],t.prototype,"stack",2),i([e({type:Boolean,reflect:!0})],t.prototype,"dark",2),i([e()],t.prototype,"href",2);export{t as a};

package/dist/chunks/chunk.4KYB4FL4.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.YVTC325R.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-button";e.define("terra-button");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraFocus:"terra-focus"},displayName:"TerraButton"}),c=n;export{c as a};

package/dist/chunks/chunk.4X7V4TVM.js

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

package/dist/chunks/chunk.4Z54QKZJ.js

@@ -0,0 +1,14 @@
+import{a as d}from"./chunk.DSG7TPJW.js";import{a as i,b as g}from"./chunk.AXHBILJ4.js";import{e as l}from"./chunk.INFVQQSJ.js";import{html as b}from"lit";import{property as m,query as f,state as h}from"lit/decorators.js";import{ifDefined as p}from"lit/directives/if-defined.js";var r=class extends g{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!0)}handleBlur(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--focus",!1)}handleMouseOver(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!0)}handleMouseOut(e){let t=a(e.target);t==null||t.toggleAttribute("data-terra-button-group__button--hover",!1)}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o&&(o.toggleAttribute("data-terra-button-group__button",!0),o.toggleAttribute("data-terra-button-group__button--first",n===0),o.toggleAttribute("data-terra-button-group__button--inner",n>0&&n<e.length-1),o.toggleAttribute("data-terra-button-group__button--last",n===e.length-1),o.toggleAttribute("data-terra-button-group__button--radio",o.tagName.toLowerCase()==="terra-radio-button"))})}render(){return b`
+            <div
+                part="base"
+                class="button-group"
+                role=${this.disableRole?"presentation":"group"}
+                aria-label=${p(this.label||void 0)}
+                @focusout=${this.handleBlur}
+                @focusin=${this.handleFocus}
+                @mouseover=${this.handleMouseOver}
+                @mouseout=${this.handleMouseOut}
+            >
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}};r.styles=[i,d],l([f("slot")],r.prototype,"defaultSlot",2),l([h()],r.prototype,"disableRole",2),l([m()],r.prototype,"label",2);function a(s){var e;let u="terra-button, terra-radio-button";return(e=s.closest(u))!=null?e:s.querySelector(u)}export{r as a};

package/dist/chunks/chunk.4ZBS5PPG.js

@@ -0,0 +1,43 @@
+import{a as d}from"./chunk.BFNCV2RM.js";import{a as n}from"./chunk.URTV3MIW.js";import{a as h}from"./chunk.X5OPH5X7.js";import{b as a}from"./chunk.UTJA3S5Z.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as s,b as o}from"./chunk.AXHBILJ4.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as f}from"lit/directives/live.js";import{property as l,query as C,state as k}from"lit/decorators.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new a(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,u)=>i.checked=u});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleClick(){this.disabled||(this.checked=!0,this.emit("terra-change"))}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleInput(){this.emit("terra-input")}handleChange(){this.checked=this.input.checked,this.emit("terra-change")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){return c`
+            <label
+                part="base"
+                class=${m({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
+            >
+                <input
+                    class="radio__input"
+                    type="radio"
+                    title=${this.title}
+                    name=${this.name}
+                    value=${p(this.value)}
+                    .checked=${f(this.checked)}
+                    .disabled=${this.disabled}
+                    .required=${this.required}
+                    aria-checked=${this.checked?"true":"false"}
+                    @click=${this.handleClick}
+                    @input=${this.handleInput}
+                    @change=${this.handleChange}
+                    @invalid=${this.handleInvalid}
+                    @blur=${this.handleBlur}
+                    @focus=${this.handleFocus}
+                />
+
+                <span
+                    part="${`control${this.checked?" control--checked":""}`}"
+                    class="radio__control"
+                >
+                    ${this.checked?c`
+                              <svg
+                                  part="checked-icon"
+                                  class="radio__checked-icon"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  xmlns="http://www.w3.org/2000/svg"
+                              >
+                                  <circle cx="12" cy="12" r="6" fill="currentColor" />
+                              </svg>
+                          `:""}
+                </span>
+
+                <slot part="label" class="radio__label"></slot>
+            </label>
+        `}};e.styles=[s,h,d],t([C('input[type="radio"]')],e.prototype,"input",2),t([k()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([n("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1);export{e as a};

package/dist/chunks/chunk.54PML2SA.js

@@ -0,0 +1,47 @@
+import{a as u}from"./chunk.VSQMTGXR.js";import{a as d}from"./chunk.URTV3MIW.js";import{a as c}from"./chunk.X5OPH5X7.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a,b as n}from"./chunk.AXHBILJ4.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as p}from"lit";import{ifDefined as f}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as i,query as C,state as k}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.formControlController=new h(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,r)=>t.checked=r});this.hasSlotController=new s(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("terra-change")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleKeyDown(t){t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("terra-change"),this.emit("terra-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("terra-change"),this.emit("terra-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!t;return p`
+            <div
+                class=${m({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":r})}
+            >
+                <label
+                    part="base"
+                    class=${m({toggle:!0,"toggle--checked":this.checked,"toggle--disabled":this.disabled,"toggle--focused":this.hasFocus,"toggle--small":this.size==="small","toggle--medium":this.size==="medium","toggle--large":this.size==="large"})}
+                >
+                    <input
+                        class="toggle__input"
+                        type="checkbox"
+                        title=${this.title}
+                        name=${this.name}
+                        value=${f(this.value)}
+                        .checked=${y(this.checked)}
+                        .disabled=${this.disabled}
+                        .required=${this.required}
+                        role="switch"
+                        aria-checked=${this.checked?"true":"false"}
+                        aria-describedby="help-text"
+                        @click=${this.handleClick}
+                        @input=${this.handleInput}
+                        @invalid=${this.handleInvalid}
+                        @blur=${this.handleBlur}
+                        @focus=${this.handleFocus}
+                        @keydown=${this.handleKeyDown}
+                    />
+
+                    <span part="control" class="toggle__control">
+                        <span part="thumb" class="toggle__thumb"></span>
+                    </span>
+
+                    <div part="label" class="toggle__label">
+                        <slot></slot>
+                    </div>
+                </label>
+
+                <div
+                    aria-hidden=${r?"false":"true"}
+                    class="form-control__help-text"
+                    id="help-text"
+                    part="form-control-help-text"
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};e.styles=[a,c,u],l([C('input[type="checkbox"]')],e.prototype,"input",2),l([k()],e.prototype,"hasFocus",2),l([i()],e.prototype,"title",2),l([i()],e.prototype,"name",2),l([i()],e.prototype,"value",2),l([i({reflect:!0})],e.prototype,"size",2),l([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),l([d("checked")],e.prototype,"defaultChecked",2),l([i({reflect:!0})],e.prototype,"form",2),l([i({type:Boolean,reflect:!0})],e.prototype,"required",2),l([i({attribute:"help-text"})],e.prototype,"helpText",2),l([o("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),l([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.O5E2D7VI.js";import*as a from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var r="terra-pagination";e.define("terra-pagination");var n=t({tagName:r,elementClass:e,react:a,events:{onTerraPageChange:"terra-page-change"},displayName:"TerraPagination"}),v=n;export{v as a};

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

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

package/dist/chunks/chunk.62SHHUCR.js

@@ -0,0 +1 @@
+import{b as C}from"./chunk.QGXUQL5S.js";import{d as T}from"./chunk.3OKIF2KP.js";import{a as R}from"./chunk.SVLWTIBE.js";import{a as D}from"./chunk.BF5VMLO3.js";import{a as V,b,f as r,g as l,h,i as d}from"./chunk.INFVQQSJ.js";var i,n,u,f,S,g,B,c,p,y,P,w=class{constructor(t){l(this,f);l(this,g);l(this,c);l(this,y);l(this,i,void 0);l(this,n,void 0);l(this,u,!1);h(this,n,t),t.addController(this),h(this,i,new D(t,()=>{let{q:e,filter:a}=d(this,g,B).call(this);return T({q:e,filter:a})}))}hostConnected(){}hostDisconnected(){}async hostUpdated(){var e;let t=(e=r(this,i).result)==null?void 0:e.data;!t||r(this,u)||await d(this,f,S).call(this,t)}get facetsByCategory(){var a;let t=(a=r(this,i).result)==null?void 0:a.data;if(!t)return;let e={depths:[],disciplines:[],measurements:[],observations:[],platformInstruments:[],portals:[],spatialResolutions:[],specialFeatures:[],temporalResolutions:[],wavelengths:[]};for(let s of t.facets){let m=s.category;m in e&&(e[m]=s.values)}return e}get variables(){var e;let t=(e=r(this,i).result)==null?void 0:e.data;return t?d(this,c,p).call(this,t.variables):[]}get total(){var t,e,a;return(a=(e=(t=r(this,i).result)==null?void 0:t.data)==null?void 0:e.total)!=null?a:0}get isPending(){var t,e;return(e=(t=r(this,i).result)==null?void 0:t.isFetching)!=null?e:!1}async getVariable(t){let e=await R.getVariable(t);return e?d(this,c,p).call(this,[e])[0]:null}};i=new WeakMap,n=new WeakMap,u=new WeakMap,f=new WeakSet,S=async function(t){if(!r(this,n).selectedVariableEntryIds||r(this,n).selectedVariables.length>0)return;h(this,u,!0);let e=d(this,c,p).call(this,t.variables),a=r(this,n).selectedVariableEntryIds.split(","),s=e.filter(o=>a.includes(o.dataFieldId)||a.includes(`${o.dataProductShortName}_${o.dataProductVersion}_${o.dataFieldAccessName}`)),m=a.filter(o=>!s.some(I=>I.dataFieldId===o)),F=(await Promise.all(m.map(o=>this.getVariable(o)))).filter(Boolean);r(this,n).selectedVariables=[...s,...F]},g=new WeakSet,B=function(){var a,s;let{searchQuery:t,selectedFacets:e}=r(this,n);return(t==="Aerosols"||t==="aerosols")&&!((a=e==null?void 0:e.observations)!=null&&a.includes("Aerosols"))?{q:void 0,filter:b(V({},e),{disciplines:[...(s=e==null?void 0:e.disciplines)!=null?s:[],"Aerosols"]})}:{q:t,filter:e}},c=new WeakSet,p=function(t){return t.map(e=>{let a=d(this,y,P).call(this,e);return b(V({},e),{exampleInitialStartDate:a==null?void 0:a.exampleInitialStartDate,exampleInitialEndDate:a==null?void 0:a.exampleInitialEndDate,dataFieldShortName:!e.dataFieldShortName||e.dataFieldShortName===""?e.dataFieldAccessName:e.dataFieldShortName})})},y=new WeakSet,P=function(t){if(!(t!=null&&t.dataProductBeginDateTime)||!(t!=null&&t.dataProductEndDateTime))return;let e=Math.abs(new Date(t.dataProductEndDateTime).getTime()-new Date(t.dataProductBeginDateTime).getTime()),a=Math.floor(e*.75),s=Math.abs(new Date(t.dataProductBeginDateTime).getTime()+a);return{exampleInitialStartDate:C(s),exampleInitialEndDate:C(t.dataProductEndDateTime)}};export{w as a};

package/dist/chunks/chunk.65LT476V.js

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

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

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