@nasa-terra/components 0.0.188 → 0.0.191

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

@@ -0,0 +1,127 @@
+import{a as kt}from"./chunk.S4TDVG2W.js";import{a as Nt}from"./chunk.Y6VOJNJH.js";import{a as Ft}from"./chunk.BM6R6HEQ.js";import{a as dt}from"./chunk.EL5HO6Y2.js";import{b as Dt,c as Et}from"./chunk.43F6G3ZK.js";import{a as It}from"./chunk.MUMOGZM7.js";import{a as Lt}from"./chunk.XPKY74HM.js";import{a as $t}from"./chunk.VT3U2SB7.js";import{a as Ct}from"./chunk.QDFHF7LY.js";import{a as Vt}from"./chunk.GMMPKXT2.js";import{c as ht}from"./chunk.BWCJXCND.js";import{a as St}from"./chunk.JSEYNLAE.js";import{a as xt}from"./chunk.3TNPGXLM.js";import{a as vt}from"./chunk.PPDNREE3.js";import{a as ct}from"./chunk.J5Q4TWEG.js";import{a as bt,b as wt}from"./chunk.NAMM3J43.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.2O6UGT2E.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk.MJJLSP6W.js";import{f as H}from"./chunk.7SQQMJNR.js";import{a as T}from"./chunk.K63TORTJ.js";import{a as c}from"./chunk.BF5VMLO3.js";import{a as B}from"./chunk.LLYICQ3I.js";import{b as x}from"./chunk.7J2F6HQM.js";import{a as l,b as a,f as i,g as o,h as s,i as G}from"./chunk.INFVQQSJ.js";function V(n,e){return{queryKey:["cmr","collection",n],queryFn:async({signal:t})=>m.getCollectionByEntryId(n,a(l({},e),{signal:t})),enabled:!!n}}function _(n,e){return{queryKey:["cmr","granules",n],queryFn:async({signal:t})=>m.searchGranules(n,a(l({},e),{signal:t})),enabled:!!n.collectionEntryId||!!n.collectionConceptId}}function k(n,e){return{queryKey:["cmr","variables",n],queryFn:async({signal:t})=>m.searchVariables(n,a(l({},e),{signal:t})),enabled:!!n.collectionConceptId}}function $(n,e){return{queryKey:["cmr","sampling",n],queryFn:async({signal:t})=>n?m.getSamplingOfGranules(n,a(l({},e),{signal:t})):null,enabled:!!n}}var U="https://disc.gsfc.nasa.gov/api/",I,j,E=class{constructor(){o(this,I)}async getCollectionByEntryId(e,t){if(!e)throw new x({message:"`collectionEntryId` is required"});return G(this,I,j).call(this,`/metadata/dataset/${e}`,t)}};I=new WeakSet,j=function(e,t){return B.get(`${U}${e}`,t)};var L=new E,F=L;function K(n,e){return{queryKey:["gesdisc","collection",n.collectionEntryId],queryFn:async({signal:t})=>F.getCollectionByEntryId(n.collectionEntryId,a(l({},e),{signal:t})),enabled:!!n.collectionEntryId&&z(n.collectionConceptId)}}function z(n){var e;return(e=n==null?void 0:n.endsWith("GES_DISC"))!=null?e:!1}var u,p,h,f,y,C,b,q,v,O,R,W=class{constructor(e,t){this.host=e;this.config=t;o(this,u,void 0);o(this,p,void 0);o(this,h,void 0);o(this,f,void 0);o(this,y,void 0);o(this,C,void 0);o(this,b,void 0);o(this,q,void 0);o(this,v,void 0);o(this,O,void 0);o(this,R,new Set);this.host.addController(this),s(this,u,new c(this.host,()=>V(this.config.getCollectionEntryId()))),s(this,p,new c(this.host,()=>H(this.conceptId,{bearerToken:this.config.getBearerToken()}))),s(this,h,new c(this.host,()=>k({collectionConceptId:this.conceptId}))),s(this,f,new c(this.host,()=>K({collectionEntryId:this.config.getCollectionEntryId(),collectionConceptId:this.conceptId}))),s(this,y,new c(this.host,()=>$(this.config.getCollectionEntryId()))),s(this,C,new c(this.host,T))}hostConnected(){}hostDisconnected(){}get conceptId(){var e,t;return(t=(e=i(this,u).result)==null?void 0:e.data)==null?void 0:t.meta["concept-id"]}get collection(){return i(this,u).result}get capabilities(){return i(this,p).result}get variables(){return i(this,h).result}get gesDiscCollection(){return i(this,f).result}get sampling(){return i(this,y).result}get giovanniVariables(){var t,r;let e=(r=(t=i(this,C).result)==null?void 0:t.data)!=null?r:void 0;return e!==i(this,O)&&(s(this,O,e),s(this,R,new Set(e!=null?e:[]))),i(this,R)}get isLoadingCollection(){var e,t;return(t=(e=i(this,u).result)==null?void 0:e.isLoading)!=null?t:!1}get hasCapabilitiesError(){var e,t;return(t=(e=i(this,p).result)==null?void 0:e.isError)!=null?t:!1}get isSubDaily(){var e,t,r;return(r=(t=(e=i(this,y).result)==null?void 0:e.data)==null?void 0:t.isSubDaily)!=null?r:!1}get hasGranules(){var e,t,r;return(r=(t=(e=i(this,y).result)==null?void 0:e.data)==null?void 0:t.hasGranules)!=null?r:!1}get spatialConstraints(){var r,d,g,Q,D;let e=(D=(Q=(g=(d=(r=i(this,u).result)==null?void 0:r.data)==null?void 0:d.umm.SpatialExtent)==null?void 0:g.HorizontalSpatialDomain)==null?void 0:Q.Geometry)==null?void 0:D.BoundingRectangles;if(!(e!=null&&e.length))return"-180, -90, 180, 90";let t=e[0];return`${t.WestBoundingCoordinate}, ${t.SouthBoundingCoordinate}, ${t.EastBoundingCoordinate}, ${t.NorthBoundingCoordinate}`}get collectionInfo(){var r,d,g;let e=(r=i(this,p).result)==null?void 0:r.data,t=(d=i(this,u).result)==null?void 0:d.data;if(!(!e||!t))return(e!==i(this,q)||t!==i(this,v))&&(s(this,q,e),s(this,v,t),s(this,b,a(l({},e),{granuleCount:(g=t.meta["granule-count"])!=null?g:0,collection:t.umm}))),i(this,b)}};u=new WeakMap,p=new WeakMap,h=new WeakMap,f=new WeakMap,y=new WeakMap,C=new WeakMap,b=new WeakMap,q=new WeakMap,v=new WeakMap,O=new WeakMap,R=new WeakMap;export{_ as a,W as b};

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

@@ -0,0 +1,5 @@
+import{a as u}from"./chunk.VN36DNH5.js";import{a as c}from"./chunk.IYLOXJSX.js";import{a as s}from"./chunk.BWCJXCND.js";import{a as m}from"./chunk.J5Q4TWEG.js";import{a as h,b as p}from"./chunk.NAMM3J43.js";import{e as i}from"./chunk.INFVQQSJ.js";import{property as a,query as D}from"lit/decorators.js";import{html as b}from"lit";import y,{PipsMode as M}from"nouislider";import{format as S}from"date-fns";var e=class extends p{constructor(){super(...arguments);this.timeScale="daily";this.disabled=!1;this.hasPips=!0}updateSlider(){this.renderSlider()}disabledChanged(){var t,r,o,n;this.disabled?(r=(t=this.slider)==null?void 0:t.noUiSlider)==null||r.disable():(n=(o=this.slider)==null?void 0:o.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}renderSlider(){var l;if(!this.slider)return;if((l=this.slider.noUiSlider)==null||l.destroy(),!s(this.minDate)||!s(this.maxDate)){this.renderEmptySlider(),this.minDate&&!s(this.minDate)&&console.error("Invalid min date provided"),this.maxDate&&!s(this.maxDate)&&console.error("Invalid max date provided");return}let t=new Date(this.minDate),r=new Date(this.maxDate),o=new Date(s(this.startDate)?this.startDate:this.minDate),n=new Date(s(this.endDate)?this.endDate:this.maxDate);t.setUTCHours(0,0,0,0),o.setUTCHours(0,0,0,0),r.setUTCHours(23,59,59,999),n.setUTCHours(23,59,59,999);let f={range:{min:t.getTime(),max:r.getTime()},behaviour:"drag",step:this._getStep(),start:[o.getTime(),n.getTime()],tooltips:[!0,!0],connect:!0,pips:{mode:M.Range,density:-1,format:this._getSliderFormatter()},format:this._getSliderFormatter()};y.create(this.slider,f),c(this.slider),this.slider.noUiSlider.on("change",d=>{this.emit("terra-date-range-change",{detail:{startDate:this._formatDate(d[0]),endDate:this._formatDate(d[1])}})})}renderEmptySlider(){y.create(this.slider,{start:[0,0],range:{min:0,max:0}})}_getStep(){switch(this.timeScale){case"half-hourly":return 30*6e4;case"hourly":return 36e5;default:return 864e5}}_getSliderFormatter(){return{to:t=>this._formatDate(t),from:t=>Number(t)}}_formatDate(t){let r=this.timeScale==="daily"?"yyyy-MM-dd":"yyyy-MM-dd HH:mm";return S(new Date(t).toUTCString(),r)}render(){let t="container"+this.hasPips?" hasPips":"";return b`
+            <div class="${t}">
+                <div part="slider"></div>
+            </div>
+        `}};e.styles=[h,u],i([D('[part~="slider"]')],e.prototype,"slider",2),i([a({attribute:"time-scale"})],e.prototype,"timeScale",2),i([a({attribute:"min-date"})],e.prototype,"minDate",2),i([a({attribute:"max-date"})],e.prototype,"maxDate",2),i([a({attribute:"start-date"})],e.prototype,"startDate",2),i([a({attribute:"end-date"})],e.prototype,"endDate",2),i([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([a({type:Boolean,reflect:!0,attribute:"has-pips"})],e.prototype,"hasPips",2),i([m(["startDate","endDate","minDate","maxDate"])],e.prototype,"updateSlider",1),i([m("disabled")],e.prototype,"disabledChanged",1);export{e as a};

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

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

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

@@ -0,0 +1,55 @@
+import{a as b}from"./chunk.Q3RQ2KGF.js";import{a as C}from"./chunk.X5OPH5X7.js";import{b as p,c as v,d as y,e as g}from"./chunk.UTJA3S5Z.js";import{a as m}from"./chunk.6PEAAW4E.js";import{a as h}from"./chunk.J5Q4TWEG.js";import{a as u,b as f}from"./chunk.NAMM3J43.js";import{e as l}from"./chunk.INFVQQSJ.js";import{classMap as E}from"lit/directives/class-map.js";import{html as V}from"lit";import{property as n,query as M,state as k}from"lit/decorators.js";var i=class extends f{constructor(){super(...arguments);this.formControlController=new p(this);this.hasSlotController=new m(this,"help-text","label");this.customValidityMessage="";this.errorMessage="";this.defaultValue="";this.label="";this.helpText="";this.name="option";this.value="";this.size="medium";this.form="";this.required=!1}get validity(){let e=this.required&&!this.value;return this.customValidityMessage!==""?g:e?y:v}get validationMessage(){let e=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:e?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("terra-radio")]}handleRadioClick(e){let t=e.target.closest("terra-radio"),o=this.getAllRadios(),r=this.value;!t||t.disabled||(this.value=t.value,o.forEach(a=>a.checked=a===t),this.value!==r&&(this.emit("terra-change"),this.emit("terra-input")))}handleKeyDown(e){var c;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key))return;let t=this.getAllRadios().filter(d=>!d.disabled),o=(c=t.find(d=>d.checked))!=null?c:t[0],r=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,a=this.value,s=t.indexOf(o)+r;s<0&&(s=t.length-1),s>t.length-1&&(s=0),this.getAllRadios().forEach(d=>{d.checked=!1}),this.value=t[s].value,t[s].checked=!0,t[s].focus(),this.value!==a&&(this.emit("terra-change"),this.emit("terra-input")),e.preventDefault()}handleLabelClick(){this.focus()}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}async syncRadioElements(){let e=this.getAllRadios();await Promise.all(e.map(async t=>{await t.updateComplete,t.checked=t.value===this.value,t.size=this.size})),e.forEach(t=>{t.name=this.name})}syncRadios(){this.getAllRadios().forEach(t=>{t.name=this.name}),customElements.get("terra-radio")?this.syncRadioElements():customElements.whenDefined("terra-radio").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(t=>t.checked=t.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleNameChange(){this.getAllRadios().forEach(t=>{t.name=this.name})}handleSizeChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}checkValidity(){let e=this.required&&!this.value,t=this.customValidityMessage!=="";return e||t?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.validity.valid;return this.errorMessage=this.customValidityMessage||e?"":this.validationInput.validationMessage,this.formControlController.setValidity(e),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),e||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),e}setCustomValidity(e=""){this.customValidityMessage=e,this.errorMessage=e,this.validationInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){let t=this.getAllRadios(),o=t.find(s=>s.checked),r=t.find(s=>!s.disabled),a=o||r;a&&a.focus(e)}render(){let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("help-text"),o=this.label?!0:!!e,r=this.helpText?!0:!!t,a=V`
+            <slot
+                @slotchange=${this.syncRadios}
+                @click=${this.handleRadioClick}
+                @keydown=${this.handleKeyDown}
+            ></slot>
+        `;return V`
+            <fieldset
+                part="form-control"
+                class=${E({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--radio-group":!0,"form-control--has-label":o,"form-control--has-help-text":r})}
+                role="radiogroup"
+                aria-labelledby="label"
+                aria-describedby="help-text"
+                aria-errormessage="error-message"
+            >
+                <label
+                    part="form-control-label"
+                    id="label"
+                    class="form-control__label"
+                    aria-hidden=${o?"false":"true"}
+                    @click=${this.handleLabelClick}
+                >
+                    <slot name="label">${this.label}</slot>
+                </label>
+
+                <div part="form-control-input" class="form-control-input">
+                    <div class="visually-hidden">
+                        <div id="error-message" aria-live="assertive">
+                            ${this.errorMessage}
+                        </div>
+                        <label class="radio-group__validation">
+                            <input
+                                type="text"
+                                class="radio-group__validation-input"
+                                ?required=${this.required}
+                                tabindex="-1"
+                                hidden
+                                @invalid=${this.handleInvalid}
+                            />
+                        </label>
+                    </div>
+
+                    ${a}
+                </div>
+
+                <div
+                    part="form-control-help-text"
+                    id="help-text"
+                    class="form-control__help-text"
+                    aria-hidden=${r?"false":"true"}
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </fieldset>
+        `}};i.styles=[u,C,b],l([M("slot:not([name])")],i.prototype,"defaultSlot",2),l([M(".radio-group__validation-input")],i.prototype,"validationInput",2),l([k()],i.prototype,"errorMessage",2),l([k()],i.prototype,"defaultValue",2),l([n()],i.prototype,"label",2),l([n({attribute:"help-text"})],i.prototype,"helpText",2),l([n()],i.prototype,"name",2),l([n({reflect:!0})],i.prototype,"value",2),l([n({reflect:!0})],i.prototype,"size",2),l([n({reflect:!0})],i.prototype,"form",2),l([n({type:Boolean,reflect:!0})],i.prototype,"required",2),l([h("name",{waitUntilFirstUpdate:!0})],i.prototype,"handleNameChange",1),l([h("size",{waitUntilFirstUpdate:!0})],i.prototype,"handleSizeChange",1),l([h("value")],i.prototype,"handleValueChange",1);export{i as a};

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

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

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.RFPACV7B.js";var c=e;e.define("terra-date-picker");export{c as a};

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

@@ -0,0 +1,353 @@
+import{css as e}from"lit";var i=e`
+    :host {
+        display: block;
+    }
+
+    /** The popup */
+    .select {
+        flex: 1 1 auto;
+        display: inline-flex;
+        width: 100%;
+        position: relative;
+        vertical-align: middle;
+    }
+
+    .select::part(popup) {
+        z-index: var(--terra-z-index-dropdown);
+    }
+
+    .select[data-current-placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .select[data-current-placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    /* Combobox */
+    .select__combobox {
+        flex: 1;
+        display: flex;
+        width: 100%;
+        min-width: 0;
+        position: relative;
+        align-items: center;
+        justify-content: start;
+        font-family: var(--terra-input-font-family);
+        font-weight: var(--terra-input-font-weight);
+        letter-spacing: var(--terra-input-letter-spacing);
+        vertical-align: middle;
+        overflow: hidden;
+        cursor: pointer;
+        transition:
+            var(--terra-transition-fast) color,
+            var(--terra-transition-fast) border,
+            var(--terra-transition-fast) box-shadow,
+            var(--terra-transition-fast) background-color;
+    }
+
+    .select__display-input {
+        position: relative;
+        width: 100%;
+        font: inherit;
+        border: none;
+        background: none;
+        color: var(--terra-input-text-default);
+        cursor: inherit;
+        overflow: hidden;
+        padding: 0;
+        margin: 0;
+        -webkit-appearance: none;
+    }
+
+    .select__display-input::placeholder {
+        color: var(--terra-input-placeholder-default);
+    }
+
+    .select:not(.select--disabled):hover .select__display-input {
+        color: var(--terra-input-text-hover);
+    }
+
+    .select__display-input:focus {
+        outline: none;
+    }
+
+    /* Visually hide the display input when multiple is enabled */
+    .select--multiple:not(.select--placeholder-visible) .select__display-input {
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        opacity: 0;
+    }
+
+    .select__value-input {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+        opacity: 0;
+        z-index: -1;
+    }
+
+    .select__tags {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        flex-wrap: wrap;
+        margin-inline-start: var(--terra-spacing-2x-small);
+    }
+
+    .select__tags::slotted(terra-tag) {
+        cursor: pointer !important;
+    }
+
+    .select--disabled .select__tags,
+    .select--disabled .select__tags::slotted(terra-tag) {
+        cursor: not-allowed !important;
+    }
+
+    /* Standard selects */
+    .select--standard .select__combobox {
+        background-color: var(--terra-input-background-default);
+        border: solid var(--terra-input-border-width)
+            var(--terra-input-border-default);
+    }
+
+    .select--standard.select--disabled .select__combobox {
+        background-color: var(--terra-input-background-disabled);
+        border-color: var(--terra-input-border-disabled);
+        color: var(--terra-input-text-disabled);
+        opacity: 0.5;
+        cursor: not-allowed;
+        outline: none;
+    }
+
+    .select--standard:not(.select--disabled).select--open .select__combobox,
+    .select--standard:not(.select--disabled).select--focused .select__combobox {
+        background-color: var(--terra-input-background-focus);
+        border-color: var(--terra-input-border-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width)
+            var(--terra-input-border-focus);
+    }
+
+    /* Filled selects */
+    .select--filled .select__combobox {
+        border: none;
+        background-color: var(--terra-input-filled-background-color);
+        color: var(--terra-input-filled-color);
+    }
+
+    .select--filled:hover:not(.select--disabled) .select__combobox {
+        background-color: var(--terra-input-filled-background-color-hover);
+    }
+
+    .select--filled.select--disabled .select__combobox {
+        background-color: var(--terra-input-filled-background-color-disabled);
+        opacity: 0.5;
+        cursor: not-allowed;
+    }
+
+    .select--filled:not(.select--disabled).select--open .select__combobox,
+    .select--filled:not(.select--disabled).select--focused .select__combobox {
+        background-color: var(--terra-input-filled-background-color-focus);
+        outline: var(--terra-focus-ring-style) var(--terra-focus-ring-width)
+            var(--terra-focus-ring-color);
+    }
+
+    /* Sizes */
+    .select--small .select__combobox {
+        border-radius: var(--terra-input-border-radius-small);
+        font-size: var(--terra-input-font-size-small);
+        min-height: var(--terra-input-height-small);
+        padding-block: 0;
+        padding-inline: var(--terra-input-spacing-small);
+    }
+
+    .select--small .select__clear {
+        margin-inline-start: var(--terra-input-spacing-small);
+    }
+
+    .select--small .select__prefix::slotted(*) {
+        margin-inline-end: var(--terra-input-spacing-small);
+    }
+
+    .select--small.select--multiple:not(.select--placeholder-visible)
+        .select__prefix::slotted(*) {
+        margin-inline-start: var(--terra-input-spacing-small);
+    }
+
+    .select--small.select--multiple:not(.select--placeholder-visible)
+        .select__combobox {
+        padding-block: 2px;
+        padding-inline-start: 0;
+    }
+
+    .select--small .select__tags {
+        gap: 2px;
+    }
+
+    .select--medium .select__combobox {
+        border-radius: var(--terra-input-border-radius-medium);
+        font-size: var(--terra-input-font-size-medium);
+        min-height: var(--terra-input-height-medium);
+        padding-block: 0;
+        padding-inline: var(--terra-input-spacing-medium);
+    }
+
+    .select--medium .select__clear {
+        margin-inline-start: var(--terra-input-spacing-medium);
+    }
+
+    .select--medium .select__prefix::slotted(*) {
+        margin-inline-end: var(--terra-input-spacing-medium);
+    }
+
+    .select--medium.select--multiple:not(.select--placeholder-visible)
+        .select__prefix::slotted(*) {
+        margin-inline-start: var(--terra-input-spacing-medium);
+    }
+
+    .select--medium.select--multiple:not(.select--placeholder-visible)
+        .select__combobox {
+        padding-inline-start: 0;
+        padding-block: 3px;
+    }
+
+    .select--medium .select__tags {
+        gap: 3px;
+    }
+
+    .select--large .select__combobox {
+        border-radius: var(--terra-input-border-radius-large);
+        font-size: var(--terra-input-font-size-large);
+        min-height: var(--terra-input-height-large);
+        padding-block: 0;
+        padding-inline: var(--terra-input-spacing-large);
+    }
+
+    .select--large .select__clear {
+        margin-inline-start: var(--terra-input-spacing-large);
+    }
+
+    .select--large .select__prefix::slotted(*) {
+        margin-inline-end: var(--terra-input-spacing-large);
+    }
+
+    .select--large.select--multiple:not(.select--placeholder-visible)
+        .select__prefix::slotted(*) {
+        margin-inline-start: var(--terra-input-spacing-large);
+    }
+
+    .select--large.select--multiple:not(.select--placeholder-visible)
+        .select__combobox {
+        padding-inline-start: 0;
+        padding-block: 4px;
+    }
+
+    .select--large .select__tags {
+        gap: 4px;
+    }
+
+    /* Pills */
+    .select--pill.select--small .select__combobox {
+        border-radius: var(--terra-input-height-small);
+    }
+
+    .select--pill.select--medium .select__combobox {
+        border-radius: var(--terra-input-height-medium);
+    }
+
+    .select--pill.select--large .select__combobox {
+        border-radius: var(--terra-input-height-large);
+    }
+
+    /* Prefix and Suffix */
+    .select__prefix,
+    .select__suffix {
+        flex: 0;
+        display: inline-flex;
+        align-items: center;
+        color: var(--terra-input-placeholder-default);
+    }
+
+    .select__suffix::slotted(*) {
+        margin-inline-start: var(--terra-spacing-small);
+    }
+
+    /* Clear button */
+    .select__clear {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        font-size: inherit;
+        color: var(--terra-input-icon-default);
+        border: none;
+        background: none;
+        padding: 0;
+        transition: var(--terra-transition-fast) color;
+        cursor: pointer;
+    }
+
+    .select__clear:hover {
+        color: var(--terra-input-icon-hover);
+    }
+
+    .select__clear:focus {
+        outline: none;
+    }
+
+    /* Expand icon */
+    .select__expand-icon {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        transition: var(--terra-transition-medium) rotate ease;
+        rotate: 0;
+        margin-inline-start: var(--terra-spacing-small);
+    }
+
+    .select--open .select__expand-icon {
+        rotate: -180deg;
+    }
+
+    /* Listbox */
+    .select__listbox {
+        display: block;
+        position: relative;
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-medium);
+        font-weight: var(--terra-font-weight-normal);
+        box-shadow: var(--terra-shadow-large);
+        background: var(--terra-container-menu-bg);
+        border: solid var(--terra-container-menu-border-width)
+            var(--terra-container-menu-border);
+        border-radius: var(--terra-container-menu-border-radius);
+        padding-block: var(--terra-spacing-x-small);
+        padding-inline: 0;
+        overflow: auto;
+        overscroll-behavior: none;
+
+        /* Make sure it adheres to the popup's auto size */
+        max-width: var(--auto-size-available-width);
+        max-height: var(--auto-size-available-height);
+    }
+
+    .select__listbox ::slotted(terra-divider) {
+        --spacing: var(--terra-spacing-x-small);
+    }
+
+    .select__listbox ::slotted(small) {
+        display: block;
+        font-size: var(--terra-font-size-small);
+        font-weight: var(--terra-font-weight-semibold);
+        color: var(--terra-color-carbon-50);
+        padding-block: var(--terra-spacing-2x-small);
+        padding-inline: var(--terra-spacing-x-large);
+    }
+`;export{i as a};

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

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