@nasa-terra/components 0.0.191 → 0.0.193

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

@@ -0,0 +1,300 @@
+import{b as q}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.BT3I4VAR.js";import{a as Q}from"./chunk.FVN76A2E.js";import{a as G}from"./chunk.Z4MRB553.js";import{a as Z}from"./chunk.QDFHF7LY.js";import{a as D}from"./chunk.A6NLAVBJ.js";import{a as j}from"./chunk.WAD5F7IY.js";import{a as H}from"./chunk.UIR73OAY.js";import{a as M}from"./chunk.IRZLK5CW.js";import{a as B}from"./chunk.INQGHKNR.js";import{a as N}from"./chunk.U42TLCPB.js";import{a as E}from"./chunk.J5Q4TWEG.js";import{a as P,b as R}from"./chunk.ROAJDBWY.js";import{a as V,b as L,c as O,d as A,e as h,f as p,g as c,i as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as g}from"lit";import{property as U,state as v}from"lit/decorators.js";var d,b,f,y,T,$,z,F,_,S,J,I,X,w,Y,k,ee,x,te,C,ae,o=class extends Z(R){constructor(){super(...arguments);c(this,b);c(this,y);c(this,$);c(this,F);c(this,S);c(this,I);c(this,w);c(this,k);c(this,x);c(this,C);this.catalog="giovanni";this.selectedFacets={};this.selectedVariables=[];this.showVariablesBrowse=!1;this.activeIndex=void 0;this.sortOrder="aToZ";c(this,d,new j(this))}handleSelectedVariablesChange(){this.emit("terra-variables-change",{detail:{selectedVariables:this.selectedVariables}})}reset(){this.searchQuery="",this.selectedFacets={},this.showVariablesBrowse=!1}handleObservationChange(){var r,t,a;let e=(a=(t=(r=this.shadowRoot)==null?void 0:r.querySelector('input[name="observation"]:checked'))==null?void 0:t.value)!=null?a:"All";e==="All"?l(this,y,T).call(this,"observations"):l(this,b,f).call(this,"observations",e,!0)}toggleFacetSelect(e){let r=e.target;r.dataset.facet&&(l(this,b,f).call(this,r.dataset.facet,r.innerText.trim()),this.showVariablesBrowse=!0)}handleSearch(e){this.selectedFacets={},this.searchQuery=e.detail,this.showVariablesBrowse=!0}render(){let e=p(this,d).isPending&&p(this,d).facetsByCategory;return n`
+            <div class="container">
+                <header class="search">
+                    ${this.showVariablesBrowse?n`
+                              <terra-button @click=${this.reset}>
+                                  <terra-icon
+                                      name="solid-chevron-left"
+                                      library="heroicons"
+                                      font-size="1.5em"
+                                  ></terra-icon>
+                              </terra-button>
+                          `:g}
+
+                    <terra-variable-keyword-search
+                        @terra-search=${this.handleSearch}
+                    ></terra-variable-keyword-search>
+                </header>
+
+                ${this.showVariablesBrowse?l(this,C,ae).call(this,!!e):l(this,k,ee).call(this)}
+
+                <dialog ?open=${e}>
+                    <terra-loader indeterminate></terra-loader>
+                </dialog>
+            </div>
+        `}getVariable(e){return p(this,d).getVariable(e)}};d=new WeakMap,b=new WeakSet,f=function(e,r,t=!1){let a=this.selectedFacets[e]||[];if(a.includes(r)){l(this,$,z).call(this,e,r);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t?[r]:[...a,r]})},y=new WeakSet,T=function(e){let a=this.selectedFacets,{[e]:r}=a,t=A(a,[O(e)]);this.selectedFacets=t},$=new WeakSet,z=function(e,r){if(!this.selectedFacets[e])return;let t=this.selectedFacets[e].filter(a=>a!==r);if(!t.length){l(this,y,T).call(this,e);return}this.selectedFacets=L(V({},this.selectedFacets),{[e]:t})},F=new WeakSet,_=function(e,r){let t=this.selectedVariables.find(a=>a.dataFieldLongName===e.dataFieldLongName);r&&!t?this.selectedVariables=[].concat(this.selectedVariables,e):!r&&t&&(this.selectedVariables=this.selectedVariables.filter(a=>a.dataFieldLongName!==e.dataFieldLongName))},S=new WeakSet,J=function(e){let t=e.detail.item.value;(t==="aToZ"||t==="zToA")&&(this.sortOrder=t,requestAnimationFrame(()=>{e.target.querySelectorAll("terra-menu-item").forEach(s=>{s.value===this.sortOrder?s.checked=!0:s.checked=!1})}))},I=new WeakSet,X=function(){return[...p(this,d).variables].sort((t,a)=>{let i=t.dataFieldLongName.toLowerCase(),s=a.dataFieldLongName.toLowerCase();return this.sortOrder==="aToZ"?i.localeCompare(s):s.localeCompare(i)})},w=new WeakSet,Y=function(){let e=[];Object.values(this.selectedFacets).forEach(i=>{e.push(...i)});let r=e.length>0,t=!!this.searchQuery;if(!r&&!t)return"";let a="Browsing";if(r){if(e.length===1)a+=` '${e[0]}'`;else if(e.length===2)a+=` '${e[0]}' and '${e[1]}'`;else{let i=e.slice(0,-1),s=e[e.length-1];a+=` '${i.join("', '")}', and '${s}'`}a+=" variables"}else a+=" variables";return t&&(a+=` for query \`${this.searchQuery}\``),a},k=new WeakSet,ee=function(){var r,t;let e=[{title:"Research Areas",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Sources",facetKey:"platformInstruments"}];return n`
+            <div class="scrollable browse-by-category">
+                <aside>
+                    <h3>Observations</h3>
+
+                    ${(r=p(this,d).facetsByCategory)!=null&&r.observations.length?n`
+                              <label>
+                                  <input
+                                      type="radio"
+                                      name="observation"
+                                      value="All"
+                                      @change=${this.handleObservationChange}
+                                      checked
+                                  />
+                                  All</label
+                              >
+
+                              ${(t=p(this,d).facetsByCategory)==null?void 0:t.observations.map(a=>n`<label>
+                                          <input
+                                              type="radio"
+                                              name="observation"
+                                              value=${a.name}
+                                              @change=${this.handleObservationChange}
+                                          />
+                                          ${a.name}
+                                      </label>`)}
+                          `:n`<terra-skeleton
+                              rows="4"
+                              variableWidths
+                          ></terra-skeleton>`}
+
+                    <terra-button
+                        variant="text"
+                        size
+                        @click=${()=>this.showVariablesBrowse=!0}
+                        >View All Now</terra-button
+                    >
+                </aside>
+
+                <main>
+                    ${e.map(a=>{var i,s,m;return n`
+                            <div class="column">
+                                <h3>${a.title}</h3>
+                                <ul role="list">
+                                    ${(m=(s=(i=p(this,d).facetsByCategory)==null?void 0:i[a.facetKey])==null?void 0:s.filter(u=>u.count>0).map(u=>n`<li
+                                                    role="button"
+                                                    tabindex="0"
+                                                    aria-selected="false"
+                                                    data-facet=${a.facetKey}
+                                                    @click=${this.toggleFacetSelect}
+                                                >
+                                                    ${u.name}
+                                                </li>`))!=null?m:n`<terra-skeleton
+                                        rows=${G(8,12)}
+                                        variableWidths
+                                    ></terra-skeleton>`}
+                                </ul>
+                            </div>
+                        `})}
+                </main>
+            </div>
+        `},x=new WeakSet,te=function(e,r,t,a){return(t!=null?t:[]).some(s=>s.count>0)?n`<details ?open=${a}>
+            <summary>${r}</summary>
+
+            ${(t!=null?t:[]).map(s=>{var m;return s.count>0?n`
+                          <div class="facet">
+                              <label
+                                  ><input
+                                      type="checkbox"
+                                      @change=${()=>l(this,b,f).call(this,e,s.name)}
+                                      ?checked=${(m=this.selectedFacets[e])==null?void 0:m.includes(s.name)}
+                                  />
+                                  ${s.name}
+                                  <!-- TODO: add count back in once we aren't filtering by Cloud Giovanni Catalog (or Cloud Giovanni supports all variables)(${s.count})--></label
+                              >
+                          </div>
+                      `:g})}
+        </details>`:g},C=new WeakSet,ae=function(e){let r=[{title:"Observations",facetKey:"observations",open:!0},{title:"Disciplines",facetKey:"disciplines"},{title:"Measurements",facetKey:"measurements"},{title:"Platform / Instrument",facetKey:"platformInstruments"},{title:"Spatial Resolutions",facetKey:"spatialResolutions"},{title:"Temporal Resolutions",facetKey:"temporalResolutions"},{title:"Wavelengths",facetKey:"wavelengths"},{title:"Depths",facetKey:"depths"},{title:"Special Features",facetKey:"specialFeatures"},{title:"Portal",facetKey:"portals"}],t=l(this,I,X).call(this),a=l(this,w,Y).call(this);return n`<div class="scrollable variables-container">
+            <header>
+                <div>${a}</div>
+
+                <menu>
+                    <li>
+                        <terra-dropdown
+                            class="list-menu-dropdown"
+                            placement="bottom-end"
+                        >
+                            <terra-button
+                                slot="trigger"
+                                variant="default"
+                                outline
+                                caret
+                                >Sort by ${q(this.sortOrder)}</terra-button
+                            >
+                            <terra-menu @terra-select=${l(this,S,J)}>
+                                <terra-menu-item
+                                    type="checkbox"
+                                    value="aToZ"
+                                    ?checked=${this.sortOrder==="aToZ"}
+                                    >A to Z</terra-menu-item
+                                >
+                                <terra-menu-item
+                                    type="checkbox"
+                                    value="zToA"
+                                    ?checked=${this.sortOrder==="zToA"}
+                                    >Z to A</terra-menu-item
+                                >
+                            </terra-menu>
+                        </terra-dropdown>
+                    </li>
+                    <!--
+                    <li>
+                        <terra-dropdown class="list-menu-dropdown">
+                            <terra-button slot="trigger" caret>Group By</terra-button>
+                            <terra-menu>
+                                <terra-menu-item value="depths"
+                                    >Depths</terra-menu-item
+                                >
+                                <terra-menu-item value="disciplines"
+                                    >Disciplines</terra-menu-item
+                                >
+                                <terra-menu-item value="measurements"
+                                    >Measurements</terra-menu-item
+                                >
+                                <terra-menu-item value="observations"
+                                    >Observations</terra-menu-item
+                                >
+                                <terra-menu-item value="platformInstruments"
+                                    >Platform Instruments</terra-menu-item
+                                >
+                                <terra-menu-item value="portals"
+                                    >Portals</terra-menu-item
+                                >
+                                <terra-menu-item value="spatialResolutions"
+                                    >Spatial Resolutions</terra-menu-item
+                                >
+                                <terra-menu-item value="specialFeatures"
+                                    >Special Features</terra-menu-item
+                                >
+                                <terra-menu-item value="temporalResolutions"
+                                    >Temporal Resolutions</terra-menu-item
+                                >
+                                <terra-menu-item value="wavelengths"
+                                    >Wavelengths</terra-menu-item
+                                >
+                            </terra-menu>
+                        </terra-dropdown>
+                    </li>
+                    -->
+                </menu>
+            </header>
+
+            <aside>
+                <h3>Filter</h3>
+
+                ${r.map(i=>{var s;return l(this,x,te).call(this,i.facetKey,i.title,(s=p(this,d).facetsByCategory)==null?void 0:s[i.facetKey],i.open)})}
+            </aside>
+
+            <main class="variable-layout">
+                <!-- LEFT COLUMN -->
+                <section class="left-column">
+                    <ul class="variable-list">
+                        ${!e&&!t.length?n`
+                                  <terra-alert
+                                      variant="primary"
+                                      appearance="white"
+                                      open
+                                  >
+                                      <p>
+                                          We didn't find any variables matching your
+                                          search and filters.
+                                      </p>
+                                      <p>
+                                          Please note: This is a beta release and may
+                                          not have the full Giovanni catalog available
+                                          yet. We are working on adding more variables
+                                          and improving the search and filter
+                                          capabilities, so please check back soon!
+                                      </p>
+                                  </terra-alert>
+                              `:g}
+                        ${t.map((i,s)=>n`
+                                <li
+                                    aria-selected="false"
+                                    class="variable-list-item"
+                                    @mouseenter=${()=>this.activeIndex=s}
+                                    @mouseleave=${()=>this.activeIndex=void 0}
+                                    @focusin=${()=>this.activeIndex=s}
+                                    @focusout=${()=>this.activeIndex=void 0}
+                                    @click=${m=>{let u=m.currentTarget,K=u.querySelector('input[type="checkbox"]');K&&(u==null||u.setAttribute("aria-selected",`${K.checked}`))}}
+                                >
+                                    <div class="variable">
+                                        <label>
+                                            <input
+                                                data-variable=${i}
+                                                type="checkbox"
+                                                @change=${m=>{let u=m.currentTarget;l(this,F,_).call(this,i,u.checked)}}
+                                                style="display: none;"
+                                            />
+                                            <strong
+                                                >${i.dataFieldLongName}</strong
+                                            >
+                                            <span
+                                                >${i.dataProductShortName}_${i.dataProductVersion}
+                                                &bull;
+                                                ${i.dataProductTimeInterval}
+                                                &bull;
+                                                ${i.dataProductSpatialResolution}</span
+                                            >
+                                        </label>
+                                    </div>
+                                </li>
+                            `)}
+                    </ul>
+                </section>
+
+                <!-- RIGHT COLUMN -->
+                ${!e&&!t.length?g:n`
+                          <section class="right-column">
+                              ${this.activeIndex!==void 0?n`
+                                        <div class="sticky-element">
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Name in Data File:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataFieldShortName}
+                                            </p>
+                                            <p>
+                                                <label><strong>Units:</strong></label>
+                                                ${t[this.activeIndex].dataFieldUnits}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Temporal Coverage:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductBeginDateTime}
+                                                –
+                                                ${t[this.activeIndex].dataProductEndDateTime}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Region Coverage:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductWest},
+                                                ${t[this.activeIndex].dataProductSouth},
+                                                ${t[this.activeIndex].dataProductEast},
+                                                ${t[this.activeIndex].dataProductNorth}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong
+                                                        >Spatial Resolution:</strong
+                                                    ></label
+                                                >
+                                                ${t[this.activeIndex].dataProductSpatialResolution}
+                                            </p>
+                                            <p>
+                                                <label
+                                                    ><strong>Dataset:</strong></label
+                                                >
+                                                ${t[this.activeIndex].dataProductShortName}_${t[this.activeIndex].dataProductVersion}
+                                            </p>
+                                        </div>
+                                    `:n`<p class="placeholder">
+                                        Hover over a variable to see details
+                                    </p>`}
+                          </section>
+                      `}
+            </main>
+        </div> `},o.styles=[P,H],o.dependencies={"terra-variable-keyword-search":W,"terra-button":M,"terra-skeleton":Q,"terra-icon":B,"terra-loader":D,"terra-alert":N},h([U()],o.prototype,"catalog",2),h([U({attribute:"selected-variable-entry-ids",reflect:!0})],o.prototype,"selectedVariableEntryIds",2),h([v()],o.prototype,"searchQuery",2),h([v()],o.prototype,"selectedFacets",2),h([v()],o.prototype,"selectedVariables",2),h([v()],o.prototype,"showVariablesBrowse",2),h([v()],o.prototype,"activeIndex",2),h([v()],o.prototype,"sortOrder",2),h([E("selectedVariables")],o.prototype,"handleSelectedVariablesChange",1);export{o as a};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.PSIQCTOI.js";import*as t from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var r="terra-time-series";e.define("terra-time-series");var n=a({tagName:r,elementClass:e,react:t,events:{onTerraDateRangeChange:"terra-date-range-change",onTerraTimeSeriesDataChange:"terra-time-series-data-change",onTerraHarmonyJobStatusUpdate:"terra-harmony-job-status-update"},displayName:"TerraTimeSeries"}),T=n;export{T as a};

package/dist/chunks/chunk.766YSK2T.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.U4QYPQ5D.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var o="terra-data-subsetter";e.define("terra-data-subsetter");var a=r({tagName:o,elementClass:e,react:t,events:{onTerraSubsetJobComplete:"terra-subset-job-complete"},displayName:"TerraDataSubsetter"}),l=a;export{l as a};

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

@@ -0,0 +1 @@
+import{a as r}from"./chunk.ROAOJBFK.js";var m=r;r.define("terra-harmony-history");export{m as a};

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.MJ3DWAVJ.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.7DBDP5D4.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.ROAJDBWY.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.7NMKVDOW.js

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

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

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

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

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

package/dist/chunks/chunk.A3XWFCSS.js

@@ -0,0 +1,22 @@
+import{a as s}from"./chunk.LGVT3U7Z.js";import{a as i,b as a}from"./chunk.ROAJDBWY.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as l}from"lit";import{ifDefined as n}from"lit/directives/if-defined.js";import{property as r}from"lit/decorators.js";import{styleMap as m}from"lit/directives/style-map.js";var t=class extends a{constructor(){super(...arguments);this.value=0;this.indeterminate=!1;this.label="";this.variant="primary";this.title=""}render(){let o=getComputedStyle(this).direction==="rtl";return l`
+            <div
+                part="base"
+                class=${p({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":o,"progress-bar--default":this.variant==="default","progress-bar--primary":this.variant==="primary","progress-bar--success":this.variant==="success","progress-bar--warning":this.variant==="warning","progress-bar--danger":this.variant==="danger"})}
+                role="progressbar"
+                title=${n(this.title||void 0)}
+                aria-label=${this.label||"Progress"}
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow=${n(this.indeterminate?void 0:this.value)}
+            >
+                <div
+                    part="indicator"
+                    class="progress-bar__indicator"
+                    style=${m({width:this.indeterminate?void 0:`${this.value}%`})}
+                >
+                    ${this.indeterminate?"":l`
+                              <slot part="label" class="progress-bar__label"></slot>
+                          `}
+                </div>
+            </div>
+        `}};t.styles=[i,s],e([r({type:Number,reflect:!0})],t.prototype,"value",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indeterminate",2),e([r()],t.prototype,"label",2),e([r({reflect:!0})],t.prototype,"variant",2),e([r()],t.prototype,"title",2);export{t as a};

package/dist/chunks/chunk.A4TOGQUL.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BXH6GFYH.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tag";e.define("terra-tag");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraClick:"terra-click"},displayName:"TerraTag"}),v=o;export{v as a};

package/dist/chunks/chunk.A6NLAVBJ.js

@@ -0,0 +1,65 @@
+import{a as o}from"./chunk.ZDSYFD3X.js";import{a as n,b as l}from"./chunk.ROAJDBWY.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.AEVUVHPU.js

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

package/dist/chunks/chunk.AMWCH7FP.js

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

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

package/dist/chunks/chunk.AYHRF2PK.js

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

package/dist/chunks/chunk.B2XTWCNO.js

@@ -0,0 +1,41 @@
+function o(e){return[{cell_type:"markdown",id:"367f56b9-7ca8-4435-9dcc-89bf586f33ab",metadata:{},source:[`### Prerequisites:
+`,`
+`,"This notebook uses the `terra_ui_components`, `anywidget`, and `pandas` packages.\n",`
+`,"After running the `pip install` cell for the first time, please reload the page to ensure the dependencies are active."]},{id:"2733501b-0de4-4067-8aff-864e1b4c76cb",cell_type:"code",source:'%pip install -q "terra_ui_components==0.0.192" "anywidget==0.9.15" "pandas" "rasterio" "matplotlib"',metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"35aa4a00-8e2c-4478-9df7-de633fd8f6ce",metadata:{},source:["### Render a time averaged map"]},{id:"870c1384-e706-48ee-ba07-fd552a949869",cell_type:"code",source:`from terra_ui_components import TerraTimeAverageMap
+map = TerraTimeAverageMap()
+map.collection='${e.catalogVariable.dataFieldId.replace(`_${e.catalogVariable.dataFieldAccessName}`,"")}'
+map.variable = '${e.catalogVariable.dataFieldAccessName}'
+map.startDate = '${e.startDate}'
+map.endDate = '${e.endDate}'
+map.location = '${e.location}'
+
+map`,metadata:{trusted:!0},outputs:[],execution_count:null},{cell_type:"markdown",id:"25b87ed4-2ad9-4c7d-b851-bc8fea3ded5a",metadata:{},source:[`### Access the map GeoTIFF bytes
+`,`
+`,"Wait for the map above to fully render before running the cell below. Once the map renders, you can access the GeoTIFF as bytes: `print(map.data)`\n",`
+`,"Here is an example of loading the bytes into `rasterio` and plotting via `matplotlib`. Note: The bytes can be loaded into many other Python libraries:"]},{cell_type:"code",execution_count:null,id:"6b81a089-884d-4fd7-9d4e-c45a53307c20",metadata:{},outputs:[],source:`import rasterio
+from rasterio.io import MemoryFile
+from io import BytesIO
+import matplotlib.pyplot as plt
+
+# map.data contains the rendered GeoTIFF as bytes
+# Ensure the map has rendered before accessing data
+if not map.data:
+    print("No data available. Please run the map cell above and wait for it to fully render before running this cell.")
+else:
+    with MemoryFile(map.data) as memfile:
+        with memfile.open() as dataset:
+            # You can now work with the dataset as if it were opened from a file
+            print(f"Driver: {dataset.driver}")
+            print(f"CRS: {dataset.crs}")
+            print(f"Bounds: {dataset.bounds}")
+            data = dataset.read(1)
+            print(f"Data shape: {data.shape}")
+
+            # Example of creating a figure and displaying the data
+            plt.figure(figsize=(10, 8))
+            plt.imshow(data, cmap='viridis')  # You can change the colormap
+            plt.colorbar(label='Values')
+            plt.title('GeoTIFF Visualization')
+            plt.xlabel('X')
+            plt.ylabel('Y')
+            plt.show()`}]}export{o as a};