@nasa-terra/components 0.0.197 → 0.0.199

package/dist/chunks/chunk.63KFBVDZ.js

@@ -0,0 +1,125 @@
+import{a as Et}from"./chunk.KRQB5VTT.js";import{a as $t}from"./chunk.AYEBTFZT.js";import{a as Dt}from"./chunk.3XI2E7JG.js";import{a as nt}from"./chunk.EL5HO6Y2.js";import{a as Vt}from"./chunk.PTN44XCI.js";import{a as wt}from"./chunk.WJQTKD6X.js";import{b as xt,c as Ct}from"./chunk.DSWDVHOD.js";import{a as St}from"./chunk.JOM4G2YE.js";import{a as vt}from"./chunk.RFRYQSE5.js";import{a as bt}from"./chunk.QDFHF7LY.js";import{a as yt}from"./chunk.WE4PQXFD.js";import{c as rt}from"./chunk.QGXUQL5S.js";import{a as ft}from"./chunk.OANTUX24.js";import{a as gt}from"./chunk.4RFJMMAN.js";import{a as ut}from"./chunk.B5FLJR3A.js";import{a as it}from"./chunk.J5Q4TWEG.js";import{a as dt,b as pt,c as mt}from"./chunk.AWA2ZGEV.js";import{e as d,f as c,g,h as M,i as b}from"./chunk.INFVQQSJ.js";import{html as N,nothing as Jt}from"lit";import{property as C,query as Wt,state as v}from"lit/decorators.js";import"ol";import Yt from"ol/layer/WebGLTile.js";import Xt from"ol/layer/Vector.js";import Kt from"ol/source/Vector.js";import Qt from"ol/interaction/Draw.js";import Zt from"ol/geom/Point.js";import{getLength as te}from"ol/sphere.js";import ee from"ol/Feature.js";import{TaskStatus as T}from"@lit/task";import{cache as ae}from"lit/directives/cache.js";import{toLonLat as oe}from"ol/proj.js";var $,y,E,P,L,B,G,z,q,Lt,H,It,J,Mt,W,Nt,Y,Rt,X,kt,K,Ft,Q,Pt,Z,jt,tt,Bt,O,st,et,Gt,at,zt,ot,Ot,s=class extends bt(mt){constructor(){super(...arguments);g(this,q);g(this,H);g(this,J);g(this,W);g(this,Y);g(this,X);g(this,K);g(this,Q);g(this,Z);g(this,tt);g(this,O);g(this,et);g(this,at);g(this,ot);this.long_name="";this.colorMapName="viridis";this.opacity=1;this.noCache=!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;g(this,$,new Et(this));g(this,y,null);g(this,E,null);g(this,P,null);g(this,L,null);this._authController=new St(this);this.colormaps=["jet","hsv","hot","cool","spring","summer","autumn","winter","bone","copper","greys","YIGnBu","greens","YIOrRd","bluered","RdBu","picnic","rainbow","portland","blackbody","earth","electric","viridis","inferno","magma","plasma","warm","cool","bathymetry","cdom","chlorophyll","density","fressurface-blue","freesurface-red","oxygen","par","phase","salinity","temperature","turbidity","velocity-blue","velocity-green","cubhelix"];this.plotData={};this.layout={};this._fetchVariableTask=Dt(this,!1);g(this,B,t=>{let{status:e,code:a,message:i,context:o}=t.detail;this.timeAverageMapError={code:a||String(e),message:i,context:o}});g(this,G,t=>{if(!c(this,y))return;let e=c(this,y).getData(t.detail.pixel),[a,i]=t.detail.coordinate;(!e||!(e instanceof Uint8Array||e instanceof Uint8ClampedArray||e instanceof Float32Array)||isNaN(e[0])||e[0]===0)&&(e=null),this.pixelValue=e?Number(e[0]).toExponential(3):"N/A",this.pixelCoordinates=[a,i].map(o=>o.toFixed(3)).join(", ")});g(this,z,async t=>{var a,i;if(!this.innerMap){console.warn("Map not initialized, cannot export image");return}let e=((a=t.detail)==null?void 0:a.format)||"png";try{await this.innerMap.renderComplete();let o=this.innerMap.getSize();if(!o){console.warn("Map size is not available");return}let n=o[0],r=o[1],{canvases:h,svgs:m}=(i=this.innerMap.getCanvasElements())!=null?i:{canvases:[],svgs:[]};if(h.length===0&&m.length===0){console.warn("Could not find map canvas or SVG elements");return}let u=document.createElement("canvas"),l=u.getContext("2d");if(!l){console.warn("Could not get canvas context");return}let p=80;u.width=n,u.height=r+p,l.fillStyle="#ffffff",l.fillRect(0,0,u.width,u.height);for(let w of h)l.drawImage(w,0,0,w.width,w.height,0,p,n,r);for(let w of m)try{let x=w.cloneNode(!0);x.hasAttribute("width")||x.setAttribute("width",String(n)),x.hasAttribute("height")||x.setAttribute("height",String(r));let D=new XMLSerializer().serializeToString(x),j=new Blob([D],{type:"image/svg+xml;charset=utf-8"}),R=URL.createObjectURL(j),I=new Image;await new Promise((F,lt)=>{I.onload=()=>{l.drawImage(I,0,p,n,r),URL.revokeObjectURL(R),F()},I.onerror=()=>{URL.revokeObjectURL(R),lt(new Error("Failed to load SVG image"))},I.src=R})}catch(x){console.warn("Failed to render SVG layer:",x)}let f=30,V=25;l.fillStyle="#000000",l.font="bold 18px Arial, sans-serif",l.textAlign="left",l.textBaseline="top";let S=b(this,H,It).call(this);b(this,J,Mt).call(this,l,S,n-40,16).forEach((w,x)=>{l.fillText(w,20,f+x*V)}),await b(this,q,Lt).call(this,l,p);let U=e==="jpg"?"image/jpeg":"image/png",_=e==="jpg"?"jpg":"png",A=e==="jpg"?.92:void 0;u.toBlob(w=>{if(!w){console.warn("Failed to create blob from canvas");return}let x=URL.createObjectURL(w),D=document.createElement("a"),j=this.location?`_${this.location.replace(/,/g,"_")}`:"",R=this.startDate&&this.endDate?`_${this.startDate.split("T")[0]}_to_${this.endDate.split("T")[0]}`:"",F=`${nt(this)||"map"}${j}${R}.${_}`;D.href=x,D.download=F,D.style.display="none",document.body.appendChild(D),D.click(),document.body.removeChild(D),URL.revokeObjectURL(x)},U,A)}catch(o){console.error("Error exporting map as PNG:",o)}})}set cache(t){console.warn("<terra-time-average-map> `cache` is deprecated and enabled by default; use `no-cache` to disable caching instead."),this.noCache=!t}get cache(){return!this.noCache}handlePropertyChange(){!this.startDate||!this.endDate||!this.location||!this.catalogVariable||c(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",c(this,B)),this.addEventListener("terra-plot-toolbar-export-image",c(this,z)),this.addEventListener("terra-map-pointer-move",c(this,G))}async firstUpdated(){this._fetchVariableTask.run()}updated(t){var a,i,o,n;super.updated(t);let e=(i=(a=c(this,$))==null?void 0:a.jobStatusTask)==null?void 0:i.status;if(e===T.PENDING&&this.timeAverageMapError&&(this.timeAverageMapError=null),e===T.ERROR&&!this.timeAverageMapError){let r=(n=(o=c(this,$))==null?void 0:o.jobStatusTask)==null?void 0:n.error;if(r){let h=xt(r);if(h.isCancellation)return;this.timeAverageMapError={code:h.code,message:h.message,context:h.context}}}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("terra-time-average-map-error",c(this,B)),this.removeEventListener("terra-plot-toolbar-export-image",c(this,z)),this.removeEventListener("terra-map-pointer-move",c(this,G))}async captureMapThumbnail(t=200,e=200){var a,i;if(this.innerMap)try{await this.innerMap.renderComplete();let o=this.innerMap.getSize();if(!o)return;let[n,r]=o,h=(i=(a=this.innerMap.getCanvasElements())==null?void 0:a.canvases)!=null?i:[];if(h.length===0)return;let m=document.createElement("canvas");m.width=n,m.height=r;let u=m.getContext("2d");if(!u)return;for(let f of h)f.width>0&&f.height>0&&u.drawImage(f,0,0,n,r);let l=document.createElement("canvas");l.width=t,l.height=e;let p=l.getContext("2d");return p?(p.drawImage(m,0,0,t,e),new Promise((f,V)=>l.toBlob(S=>S?f(S):V(new Error("toBlob failed")),"image/jpeg",.8))):void 0}catch(o){console.error("Failed to capture map thumbnail",o);return}}async updateGeoTIFFLayer(t){var o,n;let e=URL.createObjectURL(t),{default:a}=await import("ol/source/GeoTIFF.js"),i=new a({sources:[{url:e,bands:[1],nodata:this.noDataValue}],wrapX:!0,interpolate:!1,normalize:!1});if(M(this,y,new Yt({source:i})),this.innerMap&&(this.innerMap.removeLayer("geotiff"),this.innerMap.addLayer(c(this,y),{name:"geotiff"})),this.metadata=await this.fetchGeotiffMetadata(i),this.long_name=(o=this.metadata.long_name)!=null?o:"",this.innerMap&&c(this,y)){this.applyColorToLayer(i,this.colorMapName);try{let r=await((n=c(this,y).getSource())==null?void 0:n.getView());r!=null&&r.extent&&r.projection&&this.innerMap.fitToExtent(r.extent,{projection:r.projection,padding:[50,50,50,50],duration:300})}catch(r){console.warn("Failed to fit map to GeoTIFF extent:",r)}}}async fetchGeotiffMetadata(t){var m;await t.getView();let i=(m=t.sourceImagery_[0][0].fileDirectory)==null?void 0:m.GDAL_METADATA,r=new DOMParser().parseFromString(i,"application/xml").querySelectorAll("Item"),h={};for(let u=0;u<r.length;u++){let l=r[u],p=l.getAttribute("name"),f=l.textContent?l.textContent.trim():"";p&&(h[p]=f)}return console.log("Data obj: ",h),h}getNoDataValue(t){let e=this.noDataValue;return t==null||t.getView().then(()=>{var i,o;let a=t.sourceImagery_[0][0];e=parseFloat((o=(i=a.fileDirectory)==null?void 0:i.GDAL_NODATA)!=null?o:this.noDataValue.toString())}),e}async getMinMax(t){await t.getView();let i=(await t.sourceImagery_[0][0].readRasters({samples:[0]}))[0],o=1/0,n=-1/0;for(let r=0;r<i.length;r++){let h=i[r];!isNaN(h)&&h!==this.getNoDataValue(t)&&(h<o&&(o=h),h>n&&(n=h))}return{min:o,max:n}}async getColorStops(t,e,a,i,o){let n=(a-e)/(i-1),r=new Array(i*2),{default:h}=await import("colormap"),m=h({colormap:t,nshades:i,format:"rgba"}),u=[];o&&m.reverse();for(let l=0;l<i;l++)r[l*2]=e+l*n,r[l*2+1]=m[l],u.push((e+l*n).toExponential(2));return this.generatePalette(m,u,e,a),r}generatePalette(t,e,a,i){this.legendValues=[];for(let o=t.length-1;o>0;o--){let n=parseFloat(e[o]);n>=a&&n<=i&&this.legendValues.push({value:e[o],rgb:t[o]})}this.min=a.toExponential(3),this.max=i.toExponential(3)}async applyColorToLayer(t,e){var n;var{min:a,max:i}=await this.getMinMax(t);let o={color:["case",["==",["band",2],0],[0,0,0,0],["interpolate",["linear"],["band",1],...await this.getColorStops(e,a,i,72,!1)]]};(n=c(this,y))==null||n.setStyle(o)}render(){var t,e,a,i;return N`
+            ${b(this,at,zt).call(this)?N`
+                      <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?N`
+                      <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>
+                          ${b(this,ot,Ot).call(this,this.timeAverageMapError)}
+                      </terra-alert>
+                  `:""}
+            <div class="toolbar-container">
+                ${ae(this.catalogVariable?N`<terra-plot-toolbar
+                              dataType="geotiff"
+                              .catalogVariable=${this.catalogVariable}
+                              .timeSeriesData=${(t=c(this,$).jobStatusTask)==null?void 0:t.value}
+                              .location=${this.location}
+                              .startDate=${this.startDate}
+                              .endDate=${this.endDate}
+                              .cacheKey=${c(this,$).getCacheKey()}
+                              .variableEntryId=${nt(this)}
+                              @show-opacity-value=${b(this,W,Nt)}
+                              @show-color-map=${b(this,Y,Rt)}
+                              @show-check-box-toggle=${b(this,et,Gt)}
+                              .pixelValue=${this.pixelValue}
+                              .pixelCoordinates=${this.pixelCoordinates}
+                              show-date-range
+                              .colormaps=${this.colormaps}
+                              .colorMapName=${this.colorMapName}
+                              .opacity=${this.opacity}
+                              .showHelp=${this.showHelp}
+                          ></terra-plot-toolbar>`:N`<div class="spacer"></div>`)}
+            </div>
+
+            <div class="map-container">
+                <terra-map fill show-graticule></terra-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(o=>N`
+                                <div
+                                    class="color-box"
+                                    style="background-color: rgba(${o.rgb})"
+                                    title="${o.value}"
+                                ></div>
+                            `)}
+                    </div>
+                    <div class="stats" id="statsMin">${this.min}</div>
+                </div>
+            </div>
+
+            ${this.harmonyJobId?N`
+                      <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>
+                  `:Jt}
+
+            <!-- Floating Popover for Plot -->
+            ${this.toggleState&&this.plotData&&Object.keys(this.plotData).length&&this.layout&&Object.keys(this.layout).length?N`
+                      <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=${b(this,Z,jt)}
+                          >
+                              ${this.minimized?"Restore":"Minimize"}
+                          </terra-button>
+                      </div>
+                  `:null}
+
+            <dialog
+                ?open=${((a=(e=c(this,$))==null?void 0:e.jobStatusTask)==null?void 0:a.status)===T.PENDING}
+            >
+                <terra-loader indeterminate variant="orbit"></terra-loader>
+                <p>Plotting ${(i=this.catalogVariable)==null?void 0:i.dataFieldId}&hellip;</p>
+                <terra-button @click=${b(this,X,kt)}>Cancel</terra-button>
+            </dialog>
+        `}};$=new WeakMap,y=new WeakMap,E=new WeakMap,P=new WeakMap,L=new WeakMap,B=new WeakMap,G=new WeakMap,z=new WeakMap,q=new WeakSet,Lt=async function(t,e){var _,A;let a=(_=this.shadowRoot)==null?void 0:_.getElementById("legend");if(!a)return;let i=(A=this.shadowRoot)==null?void 0:A.querySelector(".map-container");if(!i)return;let o=a.getBoundingClientRect(),n=i.getBoundingClientRect(),r=o.left-n.left,h=o.top-n.top+e,m=o.width,u=o.height;t.fillStyle="#ffffff",t.fillRect(r,h,m,u),t.strokeStyle="#cccccc",t.lineWidth=1,t.strokeRect(r,h,m,u);let l=window.getComputedStyle(a),p=parseFloat(l.fontSize)||12,f=l.fontFamily||"monospace",V=parseFloat(l.padding)||8,S=a.querySelector("#statsMax");S&&(t.fillStyle="#000000",t.font=`${p}px ${f}`,t.textAlign="center",t.textBaseline="top",t.fillText(S.textContent||"",r+m/2,h+V));let k=a.querySelector(".palette");if(k){let w=k.getBoundingClientRect(),x=w.left-n.left,D=w.top-n.top+e,j=w.width,R=Array.from(k.querySelectorAll("div")),I=D;for(let F of R){let ct=F.getBoundingClientRect().height,ht=(F.getAttribute("style")||"").match(/background-color:\s*rgba?\(([^)]+)\)/);if(ht){let Ut=ht[1],[_t,At,Tt,qt=1]=Ut.split(",").map(Ht=>parseFloat(Ht.trim()));t.fillStyle=`rgba(${_t}, ${At}, ${Tt}, ${qt})`,t.fillRect(x,I,j,ct)}I+=ct}}let U=a.querySelector("#statsMin");U&&(t.fillStyle="#000000",t.font=`${p}px ${f}`,t.textAlign="center",t.textBaseline="bottom",t.fillText(U.textContent||"",r+m/2,h+u-V))},H=new WeakSet,It=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 e=`[${this.catalogVariable.dataProductShortName}`;this.catalogVariable.dataProductVersion&&(e+=` v${this.catalogVariable.dataProductVersion}`),e+="]",t.push(e)}if(this.startDate&&this.endDate){let e=rt(this.startDate),a=rt(this.endDate);t.push(`over ${e} - ${a}`)}return t.join(" ")},J=new WeakSet,Mt=function(t,e,a,i){t.font=`bold ${i}px Arial, sans-serif`;let o=e.split(" "),n=[],r=o[0];for(let h=1;h<o.length;h++){let m=o[h];t.measureText(r+" "+m).width<a?r+=" "+m:(n.push(r),r=m)}return n.push(r),n},W=new WeakSet,Nt=function(t){this.opacity=t.detail,c(this,y)&&c(this,y).setOpacity(this.opacity)},Y=new WeakSet,Rt=function(t){let e=t.detail;c(this,y)&&c(this,y).getSource()&&(this.colorMapName=e,this.applyColorToLayer(c(this,y).getSource(),this.colorMapName))},X=new WeakSet,kt=function(){c(this,$).cancelJob()},K=new WeakSet,Ft=function(t){let e=te(t),a;return e>100?a=e/1e3/60:a=e/10,Math.max(2,Math.round(a))},Q=new WeakSet,Pt=function(t){let e=b(this,K,Ft).call(this,t),a=[];for(let i=0;i<=e;i++){let o=i/e;a.push(t.getCoordinateAt(o))}return a},Z=new WeakSet,jt=function(){this.minimized=!this.minimized},tt=new WeakSet,Bt=function(){var t;this.toggleState=!1,this.innerMap&&c(this,L)&&(this.innerMap.removeInteraction(c(this,L)),this.innerMap.removeLayer("profile-line")),(t=c(this,E))==null||t.clear(),M(this,L,null),M(this,P,null),M(this,E,null)},O=new WeakSet,st=function(t){if(!this.innerMap||!c(this,y))return NaN;let e=this.innerMap.getPixelFromCoordinate(t);if(!e)return NaN;let a=c(this,y).getData(e);if(!a)return NaN;if(a instanceof Uint8Array||a instanceof Uint8ClampedArray||a instanceof Float32Array)return isNaN(a[0])?NaN:a[0];if(a instanceof DataView){let i=a.getFloat32(0,!0);return isNaN(i)?NaN:i}return NaN},et=new WeakSet,Gt=function(t){var e=t.detail;e?(this.toggleState=e,M(this,E,new Kt({wrapX:!1})),M(this,P,new Xt({source:c(this,E)})),M(this,L,new Qt({source:c(this,E),type:"LineString"})),this.innerMap&&(this.innerMap.addLayer(c(this,P),{name:"profile-line",position:"top"}),this.innerMap.addInteraction(c(this,L)),c(this,L).on("drawend",a=>{var l;let i=a.feature.getGeometry(),o=b(this,Q,Pt).call(this,i),n=o.map(p=>new ee({geometry:new Zt(p)}));(l=c(this,E))==null||l.addFeatures(n);let r=o.map(p=>b(this,O,st).call(this,p)),h=o.map((p,f)=>f),u=o.map(p=>{let[f,V]=oe(p),S=b(this,O,st).call(this,p),k=isNaN(S)?"N/A":S.toExponential(4);return[parseFloat(f.toFixed(2)),parseFloat(V.toFixed(2)),k]}).map((p,f)=>{let V=f,S=p[2];return`Index: ${V}<br>Value: ${S}<br>Coordinates: [${p[0]}, ${p[1]}]`});this.plotData=[{x:h,y:r,text:u,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"}}}))):b(this,tt,Bt).call(this)},at=new WeakSet,zt=function(){return this._fetchVariableTask.status!==T.COMPLETE?!1:!!(this.collection&&this.variable)&&!this.catalogVariable},ot=new WeakSet,Ot=function(t){return Ct(t)},s.styles=[dt,$t],s.dependencies={"terra-button":ft,"terra-icon":gt,"terra-plot-toolbar":Vt,"terra-loader":yt,"terra-plot":wt,"terra-alert":ut,"terra-map":vt},d([C({reflect:!0})],s.prototype,"collection",2),d([C({reflect:!0})],s.prototype,"variable",2),d([C({attribute:"start-date",reflect:!0})],s.prototype,"startDate",2),d([C({attribute:"end-date",reflect:!0})],s.prototype,"endDate",2),d([C({reflect:!0})],s.prototype,"location",2),d([C({attribute:"bearer-token",reflect:!1,converter:pt})],s.prototype,"bearerToken",2),d([C({type:String})],s.prototype,"long_name",2),d([C({type:String,attribute:"color-map-name",reflect:!0})],s.prototype,"colorMapName",2),d([C({type:Number})],s.prototype,"opacity",2),d([C({attribute:"application-id"})],s.prototype,"applicationId",2),d([C({type:Boolean,attribute:"no-cache"})],s.prototype,"noCache",2),d([C({type:Boolean})],s.prototype,"cache",1),d([C({attribute:"job-id"})],s.prototype,"jobId",2),d([C({type:Boolean,attribute:"show-help"})],s.prototype,"showHelp",2),d([v()],s.prototype,"catalogVariable",2),d([v()],s.prototype,"pixelValue",2),d([v()],s.prototype,"pixelCoordinates",2),d([v()],s.prototype,"metadata",2),d([v()],s.prototype,"toggleState",2),d([v()],s.prototype,"minimized",2),d([v()],s.prototype,"noDataValue",2),d([v()],s.prototype,"min",2),d([v()],s.prototype,"max",2),d([v()],s.prototype,"legendValues",2),d([v()],s.prototype,"timeAverageMapError",2),d([Wt("terra-map")],s.prototype,"innerMap",2),d([v()],s.prototype,"colormaps",2),d([v()],s.prototype,"plotData",2),d([v()],s.prototype,"layout",2),d([v()],s.prototype,"harmonyJobId",2),d([it(["startDate","endDate","location","catalogVariable"])],s.prototype,"handlePropertyChange",1),d([it(["colorMapName","opacity"])],s.prototype,"handlePlotOptionsChange",1);export{s as a};

package/dist/chunks/chunk.66FVHWWG.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{a as t}from"./chunk.PR7E6KYS.js";import{a as r}from"./chunk.INFVQQSJ.js";import s from"ol/format/MVT.js";import i from"ol/layer/VectorTile.js";import{stylefunction as p}from"ol-mapbox-style";import m from"ol/source/VectorTile.js";var a="esri",e=class extends i{constructor(o={}){super({source:new m(r({format:new s,url:"https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/tile/{z}/{y}/{x}.pbf",attributions:["Esri","HERE","Garmin"]},o.noWorldWrap?{wrapX:!1}:{})),declutter:!0}),p(this,t,a)}};export{e as a};

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.B5FLJR3A.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var a="terra-alert";e.define("terra-alert");var n=t({tagName:a,elementClass:e,react:r,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraAlert"}),i=n;export{i as a};

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

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

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

@@ -0,0 +1,9 @@
+import{a as l}from"./chunk.ATR343ZS.js";import{a as i}from"./chunk.KF4DMI4T.js";import{a as r,c as o}from"./chunk.AWA2ZGEV.js";import{e}from"./chunk.INFVQQSJ.js";import{html as p}from"lit";import{property as s}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.rows=1;this.effect="pulse";this.variableWidths=!0}render(){return p`
+            ${new Array(parseInt(this.rows.toString())).fill(0).map(()=>p` <div
+                        part="base"
+                        class=${`skeleton ${this.effect==="pulse"?"skeleton--pulse":""} ${this.effect==="sheen"?"skeleton--sheen":""}`}
+                        style=${this.variableWidths?`width: ${i(60,100)}%`:""}
+                    >
+                        <div part="indicator" class="skeleton__indicator"></div>
+                    </div>`)}
+        `}};t.styles=[r,l],e([s()],t.prototype,"rows",2),e([s()],t.prototype,"effect",2),e([s({type:Boolean,reflect:!0})],t.prototype,"variableWidths",2);export{t as a};

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.JUV3F76R.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-tooltip";e.define("terra-tooltip");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraShow:"terra-show",onTerraAfterShow:"terra-after-show",onTerraHide:"terra-hide",onTerraAfterHide:"terra-after-hide"},displayName:"TerraTooltip"}),i=a;export{i as a};

package/dist/chunks/chunk.74UO2S6X.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.L5AER4HL.js";import{a as c}from"./chunk.4RFJMMAN.js";import{a,c as n}from"./chunk.AWA2ZGEV.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.75Q2DUI4.js

@@ -0,0 +1,145 @@
+import{a as L,b as T}from"./chunk.WXZVHMVF.js";import{a as P}from"./chunk.IDBHEMAV.js";import{a as O}from"./chunk.J5Q4TWEG.js";import{a as q,c as A}from"./chunk.AWA2ZGEV.js";import{a as S,b as G,e as n,f as t,g as l,h as u}from"./chunk.INFVQQSJ.js";import F from"fuse.js";import{LitElement as W,html as h,nothing as H}from"lit";import{property as c,state as N}from"lit/decorators.js";import{ref as U}from"lit/directives/ref.js";import{repeat as C}from"lit/directives/repeat.js";import{cache as B}from"lit/directives/cache.js";import{choose as Q}from"lit/directives/choose.js";import{map as x}from"lit/directives/map.js";var r,p,m,d,E,b,I,k,g,v,$,w,M,f,y,a=class a extends A{constructor(){super(...arguments);l(this,r,null);l(this,p,null);l(this,m,null);l(this,d,null);this.label="Search for Items";this.name="Item";this.hideHelp=!1;this.hideLabel=!1;this.status="INITIAL";this.content={type:"GroupedListItem",data:[]};this.isExpanded=!1;this.query=a.initialQuery;this.searchResults=[];l(this,E,(e,i)=>h`
+            <li
+                id="listbox-option-${i}"
+                role="option"
+                class="listbox-option"
+                data-name=${e.name}
+                data-event-detail=${JSON.stringify({name:e.name,value:e.value})}
+            >
+                ${e.name}
+            </li>
+        `);l(this,b,(e,i)=>h`
+            <li class="listbox-option-group" data-tree-walker="filter_skip">
+                <span class="group-title" data-tree-walker="filter_skip"
+                    >${e.name}</span
+                >
+                <ul data-tree-walker="filter_skip">
+                    ${C(e.items,s=>`${s.name}_${s.value}`,(s,o)=>h`
+                                <li
+                                    id="listbox-option-${i}.${o}"
+                                    role="option"
+                                    class="listbox-option"
+                                    data-name=${s.title?s.title:s.name}
+                                    data-event-detail=${JSON.stringify({name:s.name,value:s.value})}
+                                >
+                                    ${s.title?s.title:s.name}
+                                </li>
+                            `)}
+                </ul>
+            </li>
+        `);l(this,I,()=>h`
+            <li class="error listbox-option-group">${this.content.data}</li>
+        `);l(this,k,()=>h`
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+            <li class="skeleton listbox-option-group">
+                <span class="skeleton-title"></span>
+                <ul>
+                    <li class="listbox-option"></li>
+                </ul>
+            </li>
+        `);l(this,g,e=>{this.emit("terra-combobox-change",{detail:JSON.parse(e)})});l(this,v,()=>{var e;this.isExpanded=!this.isExpanded,(e=t(this,r))==null||e.focus()});l(this,$,e=>{var s;let i=e.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(s=t(this,m))==null?void 0:s.search(i.value).map(({item:o})=>o)});l(this,w,e=>{let i=e.composedPath(),[s]=i.filter(o=>o.role==="option");s&&t(this,y).call(this,s)});l(this,M,e=>{var i;switch(e.key){case"ArrowDown":{if(L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),e.altKey)break;T(t(this,d),t(this,r),"next");break}case"ArrowUp":{L(t(this,r),t(this,p)),this.isExpanded||(this.isExpanded=!0),T(t(this,d),t(this,r),"previous");break}case"Enter":{t(this,y).call(this,(i=t(this,d))==null?void 0:i.currentNode);break}case"Escape":{L(t(this,r),t(this,p)),this.isExpanded?this.isExpanded=!1:this.query=a.initialQuery;break}default:break}});l(this,f,e=>{e.composedPath().some(o=>o.localName===a.tagName)||(this.isExpanded=!1)});l(this,y,e=>{let{name:i,eventDetail:s}=e.dataset;this.query=`${i}`,t(this,g).call(this,s),this.isExpanded=!1,L(t(this,r),t(this,p))})}connectedCallback(){super.connectedCallback(),globalThis.addEventListener("click",t(this,f));let e=this.content.type==="GroupedListItem"||this.content.type==="ListItem"?this.content.data:[];u(this,m,new F(e,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}disconnectedCallback(){super.disconnectedCallback(),globalThis.addEventListener("click",t(this,f))}contentChanged(e,i){let s=i.type==="GroupedListItem"||i.type==="ListItem"?i.data:[];u(this,m,new F(s,{findAllMatches:!0,keys:["name","items.name","items.title","items.value"],useExtendedSearch:!0}))}render(){var e;return h`<search part="base" title="Search through the list.">
+            <label for="combobox" class=${this.hideLabel?"sr-only":"input-label"}
+                >${this.label}</label
+            >
+            <div class="search-input-group">
+                <input
+                    ${U(i=>{var s;i&&((s=t(this,r))!=null||u(this,r,i))})}
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    .placeholder=${(e=this.placeholder)!=null?e:`${this.label}\u2026`}
+                    .value=${this.query}
+                    @input=${t(this,$)}
+                    @keydown=${t(this,M)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Items"
+                    class="combobox-button"
+                    id="combobox-button"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${t(this,v)}
+                >
+                    ${["COMPLETE","ERROR","INITIAL"].includes(this.status)?h`<svg
+                              aria-hidden="true"
+                              class="button-icon chevron"
+                              focusable="false"
+                              viewBox="0 0 400 400"
+                              xmlns="http://www.w3.org/2000/svg"
+                              fill="currentColor"
+                          >
+                              <path
+                                  d="m4.2 122.2 195.1 195.1 196.5-196.6-37.9-38-157.8 157.8-156.8-156.8z"
+                              ></path>
+                          </svg> `:h`<svg
+                              class="button-icon spinner"
+                              stroke="currentColor"
+                              viewBox="0 0 24 24"
+                              xmlns="http://www.w3.org/2000/svg"
+                          >
+                              <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="9.5"
+                                  fill="none"
+                                  stroke-width="3"
+                              ></circle>
+                          </svg>`}
+                </terra-button>
+
+                ${this.hideHelp?H:h`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              target="_blank"
+                              >extended search syntax
+                              <svg
+                                  aria-hidden="true"
+                                  class="external-link"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  width="14"
+                                  height="14"
+                                  viewBox="0 0 24 24"
+                              >
+                                  <path
+                                      d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                  /></svg></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${U(i=>{var s;i&&((s=t(this,p))!=null||u(this,p,i),u(this,d,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,o=>o.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${t(this,w)}
+                aria-label=${this.query?`${this.name} Matching ${this.query}`:this.name}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${Q(this.status,[["INITIAL",()=>H],["PENDING",t(this,k)],["COMPLETE",()=>this.content.type==="ListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,E)):x(this.searchResults,t(this,E))):this.content.type==="GroupedListItem"?B(this.query===a.initialQuery?x(this.content.data,t(this,b)):x(this.searchResults,t(this,b))):H],["ERROR",t(this,I)]])}
+            </ul>
+        </search>`}};r=new WeakMap,p=new WeakMap,m=new WeakMap,d=new WeakMap,E=new WeakMap,b=new WeakMap,I=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,$=new WeakMap,w=new WeakMap,M=new WeakMap,f=new WeakMap,y=new WeakMap,a.styles=[q,P],a.shadowRootOptions=G(S({},W.shadowRootOptions),{delegatesFocus:!0}),a.tagName="terra-combobox",a.initialQuery="",n([c()],a.prototype,"label",2),n([c()],a.prototype,"name",2),n([c()],a.prototype,"placeholder",2),n([c({attribute:"hide-help",type:Boolean})],a.prototype,"hideHelp",2),n([c({attribute:"hide-label",type:Boolean})],a.prototype,"hideLabel",2),n([c()],a.prototype,"status",2),n([c({type:Object})],a.prototype,"content",2),n([N()],a.prototype,"isExpanded",2),n([N()],a.prototype,"query",2),n([N()],a.prototype,"searchResults",2),n([O("content")],a.prototype,"contentChanged",1);var R=a;export{R as a};

package/dist/chunks/chunk.7DCDWHIP.js

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

package/dist/chunks/chunk.7KOIBYPW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2ZDFC7XD.js";var l=e;e.define("terra-date-range-slider");export{l as a};

package/dist/chunks/chunk.7LW5MDPV.js

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