@nasa-terra/components 0.0.192 → 0.0.194

package/dist/chunks/chunk.B2I3FFIQ.js

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

package/dist/chunks/chunk.BAGXAJKO.js

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

package/dist/chunks/chunk.BAYWCQTO.js

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

package/dist/chunks/chunk.BK6SKY54.js

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

package/dist/chunks/chunk.BOBV4O46.js

@@ -1,75 +0,0 @@
-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.WEMSJJQN.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.BT6QLSOO.js

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

package/dist/chunks/chunk.BV6IZ2QN.js

@@ -1,127 +0,0 @@
-import{a as kt}from"./chunk.YN3KH4A6.js";import{a as Nt}from"./chunk.Y6VOJNJH.js";import{a as Ft}from"./chunk.KIZLB2ZY.js";import{a as dt}from"./chunk.EL5HO6Y2.js";import{a as It}from"./chunk.EQJX6O4V.js";import{a as Lt}from"./chunk.Y5FRCL7O.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.JE6M4M4S.js";import{c as ht}from"./chunk.BWCJXCND.js";import{a as St}from"./chunk.R5PRDVSU.js";import{a as xt}from"./chunk.I6BL3WPE.js";import{a as vt}from"./chunk.HJIPLW5J.js";import{a as ct}from"./chunk.J5Q4TWEG.js";import{a as bt,b as wt}from"./chunk.WEMSJJQN.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.BVG7OM4Q.js

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

package/dist/chunks/chunk.BWCJXCND.js

@@ -1 +0,0 @@
-import{isValid as i,format as s}from"date-fns";function c(e){let a=Date.parse(e);return!isNaN(a)&&i(a)}function p(e,a=!1){let t;return e instanceof Date?t=new Date(e.getTime()):typeof e=="string"?t=new Date(e):typeof e=="number"?t=new Date(e):t=new Date,a&&t.setUTCHours(23,59,59,999),t}function w(e,a){let t;return e instanceof Date?t=e:typeof e=="string"?t=new Date(e):typeof e=="number"?t=new Date(e):t=new Date,s(t,a||"yyyy-MM-dd")}function b(e,a,t,n){let o=new Date(e.getFullYear(),e.getMonth(),e.getDate()),D=new Date(t.getFullYear(),t.getMonth(),t.getDate()),r=new Date(a.getFullYear(),a.getMonth(),a.getDate(),23,59,59,999),f=new Date(n.getFullYear(),n.getMonth(),n.getDate(),23,59,59,999);return o>=D&&r<=f}export{c as a,p as b,w as c,b as d};

package/dist/chunks/chunk.CD6I4VZO.js

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

package/dist/chunks/chunk.CF6D473M.js

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

package/dist/chunks/chunk.CQLL2YKN.js

@@ -1,26 +0,0 @@
-import{a as l}from"./chunk.L5AER4HL.js";import{a as c}from"./chunk.I6BL3WPE.js";import{a,b as n}from"./chunk.WEMSJJQN.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as i}from"lit";import{property as p}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.state="upcoming";this.title="";this.hideCheckmark=!1}getStepperVariant(){let s=this.closest("terra-stepper");return s&&s.variant||"default"}render(){let r=this.getStepperVariant()==="condensed",o=this.state==="completed",d=this.state==="current";return i`
-            <div
-                part="base"
-                class=${m({"stepper-step":!0,"stepper-step--default":!r,"stepper-step--condensed":r,"stepper-step--completed":o,"stepper-step--current":d,"stepper-step--upcoming":this.state==="upcoming"})}
-            >
-                <div part="bar" class="stepper-step__bar"></div>
-                ${r?"":i`
-                          <div part="content" class="stepper-step__content">
-                              <div part="title" class="stepper-step__title">
-                                  ${o&&!this.hideCheckmark?i`
-                                            <terra-icon
-                                                part="icon"
-                                                name="solid-check"
-                                                library="heroicons"
-                                                class="stepper-step__icon"
-                                            ></terra-icon>
-                                        `:""}
-                                  ${this.title}
-                              </div>
-                              <div part="caption" class="stepper-step__caption">
-                                  <slot></slot>
-                              </div>
-                          </div>
-                      `}
-            </div>
-        `}};t.styles=[a,l],t.dependencies={"terra-icon":c},e([p({reflect:!0})],t.prototype,"state",2),e([p()],t.prototype,"title",2),e([p({type:Boolean,reflect:!0,attribute:"hide-checkmark"})],t.prototype,"hideCheckmark",2);export{t as a};

package/dist/chunks/chunk.CW47XTQB.js

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