@nasa-terra/components 0.0.195 → 0.0.197

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

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

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

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,c as l}from"./chunk.IEJAC4O6.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as i,state as m}from"lit/decorators.js";import{html as s,nothing as a}from"lit";import{classMap as c}from"lit/directives/class-map.js";var t=class extends l{constructor(){super(...arguments);this.variant="large";this.percent="0";this.indeterminate=!1;this.role="progressbar";this._currentPercent=0}formatPercent(e){return parseInt(e)>100&&(e="100"),parseInt(e)>0?e+"%":""}render(){return this._currentPercent=parseInt(this.percent),s`
+            <div
+                class=${c({loader:!0,"loader--small":this.variant==="small","loader--large":this.variant==="large","loader--orbit":this.variant==="orbit"})}
+                aria-valuenow=${this.formatPercent(this.percent)}
+                .role=${this.role}
+                tabindex="-1"
+            >
+                ${this.variant==="large"||this.variant==="orbit"?s`
+                          <div
+                              class="percent ${this.variant=="orbit"?"number-14":"number-11"}"
+                          >
+                              ${this.formatPercent(this.percent)}
+                          </div>
+                      `:a}
+                ${this.variant==="orbit"?s`
+                          <svg viewBox="0 0 160 160">
+                              <circle class="planet" />
+
+                              <!-- total length of orbit ellipse = 298.2393493652344 -->
+                              <path
+                                  id="orbit"
+                                  d="M 53.528 96.775 C 73.584 124.975 100.654 140.601 115.393 130.137 C 132.613 117.912 119.246 79.55 105.434 60.525 C 90.233 39.587 60.506 18.543 44.962 30.114 C 29.456 41.657 38.219 75.25 53.528 96.775 Z"
+                              >
+                                  <animate
+                                      attributeName="stroke-dashoffset"
+                                      begin="-0.25s"
+                                      from="300"
+                                      to="0"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  />
+                              </path>
+
+                              <circle class="moon">
+                                  <animateMotion
+                                      begin="0s"
+                                      dur="1.5s"
+                                      repeatCount="indefinite"
+                                  >
+                                      <mpath href="#orbit"></mpath>
+                                  </animateMotion>
+                              </circle>
+
+                              <path
+                                  id="mask"
+                                  class="planet"
+                                  d="M 130.176 80.041 C 130.176 41.552 88.321 17.697 55.544 36.652 C 40.081 45.594 30.865 62.428 30.47 80.094 L 130.176 80.041 Z"
+                                  style="transform-box: fill-box; transform-origin: 49.8347% 100.62%;"
+                                  transform="matrix(-0.350367, -0.936613, 0.936613, -0.350367, -0.148117, -0.20884)"
+                              />
+                          </svg>
+                      `:a}
+                ${this.variant==="small"||this.variant==="large"?s`
+                          <svg
+                              viewBox=${this.variant=="small"?"0 0 30 30":"0 0 52 52"}
+                              aria-hidden="true"
+                              style="--progress: ${this.percent}"
+                              class="circular-progress ${this.indeterminate?"indeterminate":""}"
+                          >
+                              <circle class="bg"></circle>
+                              <circle class="fg"></circle>
+                          </svg>
+                      `:a}
+            </div>
+        `}};t.styles=[n,o],r([i({reflect:!0})],t.prototype,"variant",2),r([i({type:String})],t.prototype,"percent",2),r([i({type:Boolean})],t.prototype,"indeterminate",2),r([i({reflect:!0})],t.prototype,"role",2),r([m()],t.prototype,"_currentPercent",2);export{t as a};

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

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

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

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

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

@@ -0,0 +1,148 @@
+import{a as W}from"./chunk.JA3TOBR2.js";import{a as z}from"./chunk.3XI2E7JG.js";import{b as U}from"./chunk.SD6CXJRC.js";import{a as G}from"./chunk.OAGDC5NY.js";import{a as Y}from"./chunk.GXMHPA2J.js";import{b as H,c as j}from"./chunk.DSWDVHOD.js";import{a as S}from"./chunk.JOM4G2YE.js";import{a as F}from"./chunk.QDFHF7LY.js";import{a as _}from"./chunk.2BVYE6EK.js";import{a as O}from"./chunk.ZBC4UK6H.js";import{c as L}from"./chunk.QGXUQL5S.js";import{a as M}from"./chunk.NLMFSOK6.js";import{a as R}from"./chunk.XMNTSLBZ.js";import{a as I,b as N,c as B}from"./chunk.IEJAC4O6.js";import{e,f as i,g as l,h as A,i as u}from"./chunk.INFVQQSJ.js";import{html as d,nothing as J}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(a=>String(a).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,C,T,D,tt,x,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,C);l(this,D);l(this,x);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 S(this);this._fetchVariableTask=z(this);l(this,y,a=>{let{status:r,code:o,message:c,context:h}=a.detail;this.timeSeriesError={code:o||String(r),message:c,context:h},r===429&&(this.quotaExceededOpen=!0)});l(this,v,a=>{let{currentChunk:r,totalChunks:o}=a.detail;this.chunkProgress=r>0&&o>1?{currentChunk:r,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(a){super.updated(a);let r=i(this,n).task.status,o=r===b.PENDING||this._fetchVariableTask.status===b.PENDING;if(o!==i(this,m)&&(A(this,m,o),this.dispatchEvent(new CustomEvent("terra-time-series-loading-change",{detail:{loading:o},bubbles:!0,composed:!0}))),r===b.PENDING&&this.timeSeriesError&&(this.timeSeriesError=null),r===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 a,r,o;return d`
+            <div class="plot-container" @mouseleave=${u(this,C,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?J:it(this.catalogVariable?d`<terra-plot-toolbar
+                                    .catalogVariable=${this.catalogVariable}
+                                    .plot=${this.plot}
+                                    .timeSeriesData=${(a=i(this,n).lastTaskValue)!=null?a: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,x,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=${(r=i(this,n).lastTaskValue)!=null?r: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,D,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>`:J}
+                      `: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(){var a;console.log("Aborting data load"),(a=i(this,n).task)==null||a.abort("Cancelled time series request")},C=new WeakSet,T=function(a){var o;if(this.mobileView)return;let r=a.relatedTarget;this.contains(r)||(o=this.plotToolbar)==null||o.closeMenu()},D=new WeakSet,tt=function(){var o;let a=(this.catalogVariables.length?this.catalogVariables.map(c=>c.dataFieldUnits):[(o=this.catalogVariable)==null?void 0:o.dataFieldUnits]).filter(Boolean),r=[...new Set(a)];if(r.length)return r.join(", ")},x=new WeakSet,et=function(){var q;if(i(this,n).task.status!==b.COMPLETE)return!1;let r=(q=i(this,n).lastTaskValue)!=null?q:i(this,n).emptyPlotData;if(r.length===0)return!0;let o=r[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(a){return j(a)},w=new WeakSet,ot=function(a){if(this.disableAutoFetch)return;let r=!1;a.detail.xAxisMin&&(this.startDate=L(a.detail.xAxisMin),r=!0),a.detail.xAxisMax&&(this.endDate=L(a.detail.xAxisMax),r=!0),r&&this.dispatchEvent(new CustomEvent("terra-date-range-change",{detail:{startDate:this.startDate,endDate:this.endDate},bubbles:!0,composed:!0}))},t.styles=[I,W],t.dependencies={"terra-plot":G,"terra-loader":_,"terra-icon":R,"terra-button":O,"terra-alert":M,"terra-plot-toolbar":Y},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.32OPJVEF.js

@@ -0,0 +1,176 @@
+import{a as ie}from"./chunk.ZEUDSROU.js";import{a as C,b as Q,c as W,e as v,f as A,g as te}from"./chunk.ZIB6GUIF.js";import{a as se}from"./chunk.AHQRG65K.js";import{a as ae}from"./chunk.FOFC6VTJ.js";import{a as ee}from"./chunk.RKMQB6WR.js";import{a as _}from"./chunk.EC43AUTZ.js";import{a as X}from"./chunk.J5Q4TWEG.js";import{a as Y,b as Z,c as V}from"./chunk.IEJAC4O6.js";import{a as z,b as J,e as r,f as e,g as n,h,i as M}from"./chunk.INFVQQSJ.js";import oe from"fuse.js";import{LitElement as he,html as d,nothing as E}from"lit";import{property as f,state as u}from"lit/decorators.js";import{cache as de}from"lit/directives/cache.js";import{map as B}from"lit/directives/map.js";import{ref as D}from"lit/directives/ref.js";var o,p,y,m,L,g,$,c,b,k,H,S,x,T,N,q,R,w,I,F,ne,O,re,U,le,s=class s extends V{constructor(){super(...arguments);n(this,F);n(this,O);n(this,U);n(this,o,null);n(this,p,void 0);n(this,y,[]);n(this,m,null);n(this,L,null);n(this,g,null);n(this,$,null);this.label="Search for Variables";this.hideHelp=!1;this.hideLabel=!1;this.useTags=!1;this.isExpanded=!1;this.query=s.initialQuery;this.searchResults=[];this.tags=[];this.tagContainerWidth=0;this.menuOpen=!1;this.infoAnchor=null;this.variableInfo=null;n(this,c,null);n(this,b,t=>{t.stopPropagation(),this.variableInfo=t.detail.collection,this.infoAnchor=t.currentTarget,this.menuOpen=!0,e(this,c)&&(clearTimeout(e(this,c)),h(this,c,null))});n(this,k,()=>{h(this,c,window.setTimeout(()=>{this.menuOpen=!1},200))});n(this,H,()=>{e(this,c)&&(clearTimeout(e(this,c)),h(this,c,null))});n(this,S,()=>{this.menuOpen=!1});n(this,x,t=>{this.emit("terra-combobox-change",{detail:JSON.parse(t)})});n(this,T,()=>{var t;this.isExpanded=!this.isExpanded,(t=e(this,o))==null||t.focus()});n(this,N,t=>{var a;let i=t.target;this.query=i.value,i.value&&(this.isExpanded=!0),this.searchResults=(a=e(this,L))==null?void 0:a.search(i.value).map(({item:l})=>l)});n(this,q,t=>{let i=t.composedPath(),[a]=i.filter(l=>l.role==="option");a&&e(this,I).call(this,a)});n(this,R,t=>{var i;switch(t.key){case"ArrowDown":{if(v(e(this,o),e(this,m)),this.isExpanded||(this.isExpanded=!0),t.altKey)break;A(e(this,g),e(this,o),"next");break}case"ArrowUp":{v(e(this,o),e(this,m)),this.isExpanded||(this.isExpanded=!0),A(e(this,g),e(this,o),"previous");break}case"Enter":{e(this,I).call(this,(i=e(this,g))==null?void 0:i.currentNode);break}case"Escape":{v(e(this,o),e(this,m)),this.isExpanded?(this.isExpanded=!1,this.dispatchEvent(new Event("cancel"))):this.query=s.initialQuery;break}default:break}});n(this,w,t=>{t.composedPath().some(l=>l.localName===s.tagName)||(this.isExpanded=!1)});n(this,I,t=>{let{longName:i,eventDetail:a}=t.dataset;this.query=`${i}`,e(this,x).call(this,a),this.isExpanded=!1,v(e(this,o),e(this,m)),this.useTags&&(this.tags=[`${i}`],e(this,o).value=s.initialQuery,this.query=s.initialQuery)})}async valueChanged(t,i){var K,j;if(t===i)return;await e(this,p).taskComplete;let a=te(this.value),l=(K=e(this,p).value)==null?void 0:K.find(P=>a===P.entryId);l&&(this.query=l.longName,this.searchResults=(j=e(this,L))==null?void 0:j.search(this.query).map(({item:P})=>P),e(this,x).call(this,l.eventDetail),this.useTags&&(this.tags=[`${l.longName}`],e(this,o).value=s.initialQuery,this.query=s.initialQuery))}connectedCallback(){super.connectedCallback(),h(this,p,new ie(this,this.bearerToken)),globalThis.addEventListener("click",e(this,w)),this.addEventListener("terra-show-variable-info",e(this,b)),this.addEventListener("mouseleave",e(this,k))}disconnectedCallback(){super.disconnectedCallback(),globalThis.removeEventListener("click",e(this,w)),this.removeEventListener("terra-show-variable-info",e(this,b)),this.removeEventListener("mouseleave",e(this,k))}clear(){this.query=s.initialQuery}close(){this.isExpanded=!1}toggle(){this.isExpanded=!this.isExpanded}render(){var t;return d`<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">
+                ${this.useTags?d`<div
+                          ${D(i=>{var a;i&&((a=e(this,$))!=null||h(this,$,i),this.tagContainerWidth=i.getBoundingClientRect().width)})}
+                          class="tag-container"
+                          id="tag-container"
+                      >
+                          ${B(this.tags,(i,a)=>M(this,F,ne).call(this,i,a))}
+                      </div>`:E}
+                <input
+                    ${D(i=>{var a;i&&((a=e(this,o))!=null||h(this,o,i))})}
+                    autocomplete="off"
+                    aria-autocomplete="list"
+                    aria-controls="listbox"
+                    aria-haspopup="list"
+                    aria-expanded=${this.isExpanded}
+                    class="combobox"
+                    id="combobox"
+                    part="combobox"
+                    role="combobox"
+                    type="text"
+                    style=${this.useTags?`padding-inline-start: calc(${this.tagContainerWidth}px + 0.25rem);`:E}
+                    aria-describedby=${this.useTags?"tag-container":E}
+                    placeholder=${this.useTags?E:(t=this.placeholder)!=null?t:`${this.label}\u2026`}
+                    .value=${this.useTags?s.initialQuery:this.query}
+                    @input=${e(this,N)}
+                    @keydown=${e(this,R)}
+                    @click=${e(this,T)}
+                />
+                <terra-button
+                    shape="square-left"
+                    aria-controls="listbox"
+                    aria-expanded=${this.isExpanded}
+                    aria-label="List of Searchable Variables"
+                    class="combobox-button"
+                    id="combobox-button"
+                    variant="text"
+                    part="button"
+                    tabindex="-1"
+                    type="button"
+                    @click=${e(this,T)}
+                >
+                    ${["COMPLETE","ERROR"].includes(e(this,p).taskStatus)?d`<terra-icon
+                              class="chevron"
+                              name="chevron-down"
+                          ></terra-icon>`:d`<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?E:d`<p class="search-help">
+                          See
+                          <a
+                              href="https://www.fusejs.io/examples.html#extended-search"
+                              rel="noopener noreferrer"
+                              tabindex=${this.isExpanded?"-1 ":"0"}
+                              target="_blank"
+                              >extended search syntax
+                              <terra-icon
+                                  name="outline-arrow-top-right-on-square"
+                                  library="heroicons"
+                              ></terra-icon></a
+                          >.
+                      </p>`}
+            </div>
+
+            <ul
+                ${D(i=>{var a;i&&((a=e(this,m))!=null||h(this,m,i),h(this,g,document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT,l=>l.dataset.treeWalker==="filter_skip"?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT)))})}
+                ?inert=${!this.isExpanded}
+                ?open=${this.isExpanded}
+                @click=${e(this,q)}
+                aria-label=${this.query?`Variables Matching ${this.query}`:"Variables"}
+                id="listbox"
+                part="listbox"
+                role="listbox"
+                class="search-results"
+            >
+                ${e(this,p).render({initial:()=>d`<li class="updating">Updating List of Variables</li>`,pending:()=>d`<li class="updating">Updating List of Variables</li>`,complete:i=>{let a=i.filter(l=>!(l.collectionShortName==="GPM_3IMERGHH"&&l.collectionVersion==="06"));return h(this,y,a),h(this,L,new oe(e(this,y),{findAllMatches:!0,keys:["entryId","longName","name","standardName","units"],useExtendedSearch:!0})),de(this.query===s.initialQuery?B(Q(W(e(this,y))),C):B(Q(W(this.searchResults)),C))},error:i=>d`<li class="error" data-tree-walker="filter_skip">
+                            ${i}
+                        </li>`})}
+            </ul>
+            ${M(this,U,le).call(this)}
+        </search>`}};o=new WeakMap,p=new WeakMap,y=new WeakMap,m=new WeakMap,L=new WeakMap,g=new WeakMap,$=new WeakMap,c=new WeakMap,b=new WeakMap,k=new WeakMap,H=new WeakMap,S=new WeakMap,x=new WeakMap,T=new WeakMap,N=new WeakMap,q=new WeakMap,R=new WeakMap,w=new WeakMap,I=new WeakMap,F=new WeakSet,ne=function(t,i){return d`
+            <terra-button
+                size="small"
+                variant="default"
+                outline
+                class="tag"
+                title=${t}
+                aria-label=${`Clear tag ${t}`}
+                @click=${()=>{this.tags=[],this.clear(),setTimeout(()=>{var a;this.tagContainerWidth=(a=e(this,$))==null?void 0:a.getBoundingClientRect().width},100)}}
+                title=${t}
+            >
+                ${t}
+                <terra-icon
+                    class="tag-icon"
+                    slot="suffix"
+                    name="outline-x-circle"
+                    library="heroicons"
+                ></terra-icon>
+            </terra-button>
+        `},O=new WeakSet,re=function(t){var i;return d`
+            <h3 class="sr-only">Information</h3>
+            <dl>
+                <dt>Variable Longname</dt>
+                <dd>${t.dataFieldLongName}</dd>
+
+                <dt>Variable Shortname</dt>
+                <dd>
+                    ${(i=t.dataFieldShortName)!=null?i:t.dataFieldAccessName}
+                </dd>
+
+                <dt>Units</dt>
+                <dd><code>${t.dataFieldUnits}</code></dd>
+
+                <dt>Dataset Information</dt>
+                <dd>
+                    <a
+                        href=${t.dataProductDescriptionUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        ${t.dataProductLongName}
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </dd>
+
+                <dt>Variable Information</dt>
+                <dd>
+                    <a
+                        href=${t.dataFieldDescriptionUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Variable Glossary
+                        <terra-icon
+                            name="outline-arrow-top-right-on-square"
+                            library="heroicons"
+                        ></terra-icon>
+                    </a>
+                </dd>
+            </dl>
+        `},U=new WeakSet,le=function(){return!this.variableInfo||!this.infoAnchor?E:d`
+            <terra-popup
+                .anchor=${this.infoAnchor}
+                ?active=${this.menuOpen}
+                placement="right-start"
+                strategy="fixed"
+                flip
+                shift
+                distance="8"
+                @mouseenter=${e(this,H)}
+                @mouseleave=${e(this,S)}
+            >
+                <div class="variable-info-popup">
+                    ${M(this,O,re).call(this,this.variableInfo)}
+                </div>
+            </terra-popup>
+        `},s.dependencies={"terra-button":_,"terra-icon":ee,"terra-popup":ae},s.styles=[Y,se],s.shadowRootOptions=J(z({},he.shadowRootOptions),{delegatesFocus:!0}),s.tagName="terra-variable-combobox",s.initialQuery="",r([f()],s.prototype,"label",2),r([f()],s.prototype,"placeholder",2),r([f({attribute:"hide-help",type:Boolean,reflect:!0})],s.prototype,"hideHelp",2),r([f({attribute:"hide-label",type:Boolean,reflect:!0})],s.prototype,"hideLabel",2),r([f({attribute:"use-tags",type:Boolean,reflect:!0})],s.prototype,"useTags",2),r([f()],s.prototype,"value",2),r([f({attribute:"bearer-token",reflect:!1,converter:Z})],s.prototype,"bearerToken",2),r([u()],s.prototype,"isExpanded",2),r([u()],s.prototype,"query",2),r([u()],s.prototype,"searchResults",2),r([u()],s.prototype,"tags",2),r([u()],s.prototype,"tagContainerWidth",2),r([u()],s.prototype,"menuOpen",2),r([u()],s.prototype,"infoAnchor",2),r([u()],s.prototype,"variableInfo",2),r([X("value")],s.prototype,"valueChanged",1);var G=s;export{G as a};

package/dist/chunks/chunk.34X7FELX.js

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

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

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

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

@@ -0,0 +1,11 @@
+import{a as i}from"./chunk.ZVTWO2YF.js";import{a as e,c as a}from"./chunk.IEJAC4O6.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
+            <div
+                part="base"
+                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
+            >
+                <span part="dot" class="status-indicator__dot"></span>
+                <span part="label" class="status-indicator__label">
+                    <slot></slot>
+                </span>
+            </div>
+        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

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

@@ -0,0 +1,121 @@
+import{a as u}from"./chunk.GXNNVXXJ.js";import{a as d,c as h}from"./chunk.IEJAC4O6.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as r,query as f,state as o}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{html as n}from"lit";import{ifDefined as c}from"lit/directives/if-defined.js";var t=class extends h{constructor(){super(...arguments);this.files=[];this.isDragging=!1;this.hasFocus=!1;this.label="Upload";this.helpText="";this.name="";this.multiple=!1;this.disabled=!1;this.required=!1;this.accept="";this.handleDragOver=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)};this.handleDragLeave=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!1)};this.handleDrop=e=>{var s;if(this.disabled)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;let i=(s=e.dataTransfer)==null?void 0:s.files;i&&i.length>0&&this.handleFiles(Array.from(i))};this.handleFileInputChange=e=>{let i=e.target;i.files&&i.files.length>0&&this.handleFiles(Array.from(i.files))};this.handleClick=()=>{this.disabled||this.fileInput.click()};this.handleChangeFiles=()=>{this.handleClick()};this.handleFocus=()=>{this.hasFocus=!0,this.emit("terra-focus")};this.handleBlur=()=>{this.hasFocus=!1,this.emit("terra-blur")}}connectedCallback(){super.connectedCallback()}firstUpdated(){this.setupDragAndDrop()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupDragAndDrop(),this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)})}setupDragAndDrop(){this.dropzone&&(this.dropzone.addEventListener("dragover",this.handleDragOver),this.dropzone.addEventListener("dragleave",this.handleDragLeave),this.dropzone.addEventListener("drop",this.handleDrop))}cleanupDragAndDrop(){this.dropzone&&(this.dropzone.removeEventListener("dragover",this.handleDragOver),this.dropzone.removeEventListener("dragleave",this.handleDragLeave),this.dropzone.removeEventListener("drop",this.handleDrop))}handleFiles(e){let i=e;if(this.multiple&&this.maxFiles){let a=this.maxFiles-this.files.length;if(a<=0)return;i=i.slice(0,a)}else this.multiple||(i=[i[0]]);this.maxFileSize&&(i=i.filter(a=>a.size<=this.maxFileSize));let s=i.map(a=>{let p=a;return a.type.startsWith("image/")&&(p.preview=URL.createObjectURL(a)),p});this.multiple?this.files=[...this.files,...s]:(this.files.forEach(a=>{a.preview&&a.preview.startsWith("blob:")&&URL.revokeObjectURL(a.preview)}),this.files=s),this.emit("terra-change")}getFiles(){return[...this.files]}clearFiles(){this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)}),this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("terra-change")}render(){let e=this.files.length>0,i=this.files.length;return n`
+            <div class="file-upload-wrapper">
+                ${this.label?n`
+                          <label for="file-input" class="file-upload__label">
+                              ${this.label}
+                              ${this.required?n`<span class="file-upload__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+                ${e?n`
+                          <div class="file-upload__preview">
+                              <div class="file-upload__preview-header">
+                                  <strong class="file-upload__file-count"
+                                      >${i}
+                                      ${i===1?"file":"files"}
+                                      selected</strong
+                                  >
+                                  <button
+                                      type="button"
+                                      class="file-upload__change-link"
+                                      @click=${this.handleChangeFiles}
+                                      ?disabled=${this.disabled}
+                                  >
+                                      Change files
+                                  </button>
+                              </div>
+                              <div class="file-upload__file-list">
+                                  ${this.files.map(s=>n`
+                                          <div
+                                              class="file-upload__file-item"
+                                              part="file-item"
+                                          >
+                                              ${s.preview?n`
+                                                        <img
+                                                            part="file-thumbnail"
+                                                            class="file-upload__thumbnail"
+                                                            src=${s.preview}
+                                                            alt=${s.name}
+                                                        />
+                                                    `:n`
+                                                        <div
+                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
+                                                        >
+                                                            <svg
+                                                                width="24"
+                                                                height="24"
+                                                                viewBox="0 0 24 24"
+                                                                fill="none"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                            >
+                                                                <path
+                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                                <path
+                                                                    d="M14 2V8H20"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                            </svg>
+                                                        </div>
+                                                    `}
+                                              <span
+                                                  part="file-name"
+                                                  class="file-upload__file-name"
+                                                  >${s.name}</span
+                                              >
+                                          </div>
+                                      `)}
+                              </div>
+                          </div>
+                      `:n`
+                          <div
+                              part="dropzone"
+                              class=${v({"file-upload__dropzone":!0,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--focused":this.hasFocus,"file-upload__dropzone--disabled":this.disabled})}
+                              @click=${this.handleClick}
+                              @keydown=${s=>{(s.key==="Enter"||s.key===" ")&&!this.disabled&&(s.preventDefault(),this.handleClick())}}
+                              @focus=${this.handleFocus}
+                              @blur=${this.handleBlur}
+                              tabindex=${this.disabled?"-1":"0"}
+                              role="button"
+                              aria-label="Upload files"
+                          >
+                              <slot>
+                                  <span class="file-upload__dropzone-text">
+                                      Drag files here or
+                                      <button
+                                          type="button"
+                                          class="file-upload__browse-link"
+                                          @click=${s=>{s.stopPropagation(),this.handleClick()}}
+                                      >
+                                          choose from folder
+                                      </button>
+                                  </span>
+                              </slot>
+                          </div>
+                      `}
+
+                <input
+                    part="file-input"
+                    class="file-upload__input"
+                    id="file-input"
+                    type="file"
+                    name=${c(this.name||void 0)}
+                    ?multiple=${this.multiple}
+                    ?disabled=${this.disabled}
+                    ?required=${this.required}
+                    accept=${c(this.accept||void 0)}
+                    @change=${this.handleFileInputChange}
+                    tabindex="-1"
+                />
+
+                ${this.helpText?n`<div class="file-upload__help-text">${this.helpText}</div>`:""}
+            </div>
+        `}};t.styles=[d,u],l([f(".file-upload__input")],t.prototype,"fileInput",2),l([f(".file-upload__dropzone")],t.prototype,"dropzone",2),l([o()],t.prototype,"files",2),l([o()],t.prototype,"isDragging",2),l([o()],t.prototype,"hasFocus",2),l([r()],t.prototype,"label",2),l([r({attribute:"help-text"})],t.prototype,"helpText",2),l([r()],t.prototype,"name",2),l([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],t.prototype,"required",2),l([r()],t.prototype,"accept",2),l([r({type:Number,attribute:"max-file-size"})],t.prototype,"maxFileSize",2),l([r({type:Number,attribute:"max-files"})],t.prototype,"maxFiles",2);export{t as a};