@nasa-terra/components 0.0.185 → 0.0.186

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

@@ -1,64 +0,0 @@
-import{a as m}from"./chunk.URTV3MIW.js";import{a as u}from"./chunk.X5OPH5X7.js";import{a as p}from"./chunk.VZX3SFGZ.js";import{b as h}from"./chunk.UTJA3S5Z.js";import{a as d}from"./chunk.RRGI7HIP.js";import{a}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.DDBKH6HL.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as f}from"lit/directives/class-map.js";import{html as s}from"lit";import{ifDefined as k}from"lit/directives/if-defined.js";import{live as y}from"lit/directives/live.js";import{property as l,query as v,state as b}from"lit/decorators.js";var e=class extends c{constructor(){super(...arguments);this.formControlController=new h(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,r)=>i.checked=r});this.hasSlotController=new a(this,"help-text");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.form="";this.required=!1;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("terra-change")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleInput(){this.emit("terra-input")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(i){this.input.focus(i)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){let i=this.hasSlotController.test("help-text"),r=this.helpText?!0:!!i;return s`
-            <div
-                class=${f({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":r})}
-            >
-                <label
-                    part="base"
-                    class=${f({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
-                >
-                    <input
-                        class="checkbox__input"
-                        type="checkbox"
-                        title=${this.title}
-                        name=${this.name}
-                        value=${k(this.value)}
-                        .indeterminate=${y(this.indeterminate)}
-                        .checked=${y(this.checked)}
-                        .disabled=${this.disabled}
-                        .required=${this.required}
-                        aria-checked=${this.checked?"true":"false"}
-                        aria-describedby="help-text"
-                        @click=${this.handleClick}
-                        @input=${this.handleInput}
-                        @invalid=${this.handleInvalid}
-                        @blur=${this.handleBlur}
-                        @focus=${this.handleFocus}
-                    />
-
-                    <span
-                        part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
-                        class="checkbox__control"
-                    >
-                        ${this.checked?s`
-                                  <terra-icon
-                                      part="checked-icon"
-                                      class="checkbox__checked-icon"
-                                      library="heroicons"
-                                      name="outline-check"
-                                  ></terra-icon>
-                              `:""}
-                        ${!this.checked&&this.indeterminate?s`
-                                  <terra-icon
-                                      part="indeterminate-icon"
-                                      class="checkbox__indeterminate-icon"
-                                      library="heroicons"
-                                      name="outline-minus"
-                                  ></terra-icon>
-                              `:""}
-                    </span>
-
-                    <div part="label" class="checkbox__label">
-                        <slot></slot>
-                    </div>
-                </label>
-
-                <div
-                    aria-hidden=${r?"false":"true"}
-                    class="form-control__help-text"
-                    id="help-text"
-                    part="form-control-help-text"
-                >
-                    <slot name="help-text">${this.helpText}</slot>
-                </div>
-            </div>
-        `}};e.styles=[n,u,p],e.dependencies={"terra-icon":d},t([v('input[type="checkbox"]')],e.prototype,"input",2),t([b()],e.prototype,"hasFocus",2),t([l()],e.prototype,"title",2),t([l()],e.prototype,"name",2),t([l()],e.prototype,"value",2),t([l({reflect:!0})],e.prototype,"size",2),t([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([l({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),t([m("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([l({attribute:"help-text"})],e.prototype,"helpText",2),t([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([o(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1);export{e as a};

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

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

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

@@ -1,300 +0,0 @@
-import{b as j}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.4HE47HVM.js";import{a as H}from"./chunk.3XFHUWYL.js";import{a as G}from"./chunk.Z4MRB553.js";import{a as D}from"./chunk.TVNQV43M.js";import{a as M}from"./chunk.OZNKCW2W.js";import{a as Q}from"./chunk.JEP5ZAVN.js";import{a as Z}from"./chunk.RM5CVLJ5.js";import{a as B}from"./chunk.RRGI7HIP.js";import{a as R}from"./chunk.ZJPVAF24.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as P,b as N}from"./chunk.DDBKH6HL.js";import{a as V,b as L,c as K,d as O,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 q,state as v}from"lit/decorators.js";import{TaskStatus as ae}from"@lit/task";var d,b,f,y,T,$,U,F,z,S,_,I,J,k,X,w,Y,x,ee,C,te,o=class extends N{constructor(){super(...arguments);c(this,b);c(this,y);c(this,$);c(this,F);c(this,S);c(this,I);c(this,k);c(this,w);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 Q(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).task.status===ae.PENDING&&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,te).call(this,!!e):l(this,w,Y).call(this)}
-
-                <dialog ?open=${e}>
-                    <terra-loader indeterminate></terra-loader>
-                </dialog>
-            </div>
-        `}getVariable(e){return p(this,d).catalog.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,$,U).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=O(a,[K(e)]);this.selectedFacets=t},$=new WeakSet,U=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,z=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,_=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,J=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)})},k=new WeakSet,X=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},w=new WeakSet,Y=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,u;return n`
-                            <div class="column">
-                                <h3>${a.title}</h3>
-                                <ul role="list">
-                                    ${(u=(s=(i=p(this,d).facetsByCategory)==null?void 0:i[a.facetKey])==null?void 0:s.filter(m=>m.count>0).map(m=>n`<li
-                                                    role="button"
-                                                    tabindex="0"
-                                                    aria-selected="false"
-                                                    data-facet=${a.facetKey}
-                                                    @click=${this.toggleFacetSelect}
-                                                >
-                                                    ${m.name}
-                                                </li>`))!=null?u:n`<terra-skeleton
-                                        rows=${G(8,12)}
-                                        variableWidths
-                                    ></terra-skeleton>`}
-                                </ul>
-                            </div>
-                        `})}
-                </main>
-            </div>
-        `},x=new WeakSet,ee=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 u;return s.count>0?n`
-                          <div class="facet">
-                              <label
-                                  ><input
-                                      type="checkbox"
-                                      @change=${()=>l(this,b,f).call(this,e,s.name)}
-                                      ?checked=${(u=this.selectedFacets[e])==null?void 0:u.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,te=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,J).call(this),a=l(this,k,X).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 ${j(this.sortOrder)}</terra-button
-                            >
-                            <terra-menu @terra-select=${l(this,S,_)}>
-                                <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,ee).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=${u=>{let m=u.currentTarget,E=m.querySelector('input[type="checkbox"]');E&&(m==null||m.setAttribute("aria-selected",`${E.checked}`))}}
-                                >
-                                    <div class="variable">
-                                        <label>
-                                            <input
-                                                data-variable=${i}
-                                                type="checkbox"
-                                                @change=${u=>{let m=u.currentTarget;l(this,F,z).call(this,i,m.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,Z],o.dependencies={"terra-variable-keyword-search":W,"terra-button":M,"terra-skeleton":H,"terra-icon":B,"terra-loader":D,"terra-alert":R},h([q()],o.prototype,"catalog",2),h([q({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([A("selectedVariables")],o.prototype,"handleSelectedVariablesChange",1);export{o as a};

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

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

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

@@ -1,50 +0,0 @@
-import{a as k}from"./chunk.GF6R53WT.js";import{a as V}from"./chunk.FQVSKIIA.js";import{a as f,b as M}from"./chunk.PKC6WTWN.js";import{a as E}from"./chunk.4U5B4RTN.js";import{a as T}from"./chunk.G5YTXJ3A.js";import{a as S}from"./chunk.X2O57MUT.js";import{b as v}from"./chunk.BWCJXCND.js";import{a as x,b as C}from"./chunk.DDBKH6HL.js";import{e as a,g as l,i as o}from"./chunk.INFVQQSJ.js";import{property as s,state as h}from"lit/decorators.js";import{html as c}from"lit";var g,P,b,_,m,W,p,D,u,I,e=class extends C{constructor(){super(...arguments);l(this,g);l(this,b);l(this,m);l(this,p);l(this,u);this._fetchVariableTask=M(this)}get variableBoundingBox(){let t=this.catalogVariable;if(!t)return;let{dataProductWest:r,dataProductSouth:i,dataProductEast:n,dataProductNorth:d}=t;if(!(r==null||i==null||n==null||d==null))return`${r}, ${i}, ${n}, ${d}`}compatibilityWarning(){if(this.spatialWarningMessage=void 0,!this.catalogVariable||!this.location)return;let{dataProductWest:t,dataProductSouth:r,dataProductEast:i,dataProductNorth:n}=this.catalogVariable;if(t==null||r==null||i==null||n==null)return;let[d,w]=this.location.split(","),$=Number(d),y=Number(w);y>=t&&y<=i&&$>=r&&$<=n||(this.spatialWarningMessage=this.lastChanged==="variable"?"This variable has no data at the selected location.":"The selected location is outside the coverage of this variable.")}render(){var i,n;let t=this.catalogVariable?v(this.catalogVariable.dataProductBeginDateTime):void 0,r=this.catalogVariable?v(this.catalogVariable.dataProductEndDateTime):void 0;return c`
-            ${this.spatialWarningMessage&&this.lastChanged==="location"?c`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>`:null}
-            <terra-variable-combobox
-                exportparts="base:variable-combobox__base, combobox:variable-combobox__combobox, button:variable-combobox__button, listbox:variable-combobox__listbox"
-                .value=${f(this)}
-                .bearerToken=${(i=this.bearerToken)!=null?i:null}
-                .useTags=${!0}
-                @terra-combobox-change="${o(this,m,W)}"
-            ></terra-variable-combobox>
-
-            ${this.spatialWarningMessage&&this.lastChanged==="variable"?c`<div class="warning">⚠️ ${this.spatialWarningMessage}</div>`:null}
-            <terra-spatial-picker
-                initial-value=${this.location}
-                .spatialConstraints=${this.variableBoundingBox}
-                exportparts="map:spatial-picker__map"
-                label="Select Point"
-                @terra-map-change=${o(this,p,D)}
-            ></terra-spatial-picker>
-
-            <terra-time-series
-                variable-entry-id=${f(this)}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                .location=${(n=this.location)!=null?n:void 0}
-                bearer-token=${this.bearerToken}
-                show-citation=${!0}
-                cache
-                @terra-date-range-change=${o(this,u,I)}
-            >
-                <li slot="help-links">
-                    <a
-                        href="https://disc.gsfc.nasa.gov/information/tools?title=Hydrology%20Time%20Series"
-                        >User Guide</a
-                    >
-                </li>
-            </terra-time-series>
-
-            <terra-date-range-slider
-                exportparts="slider:date-range-slider__slider"
-                min-date=${t}
-                max-date=${r}
-                start-date=${this.startDate}
-                end-date=${this.endDate}
-                @terra-date-range-change="${o(this,g,P)}"
-                @terra-date-selection-invalid="${o(this,b,_)}"
-            ></terra-date-range-slider>
-            ${this.dateErrorMessage?c`<div class="date-error" style="color: red;">
-                      ${this.dateErrorMessage}
-                  </div>`:null}
-        `}};g=new WeakSet,P=function(t){this.startDate=t.detail.startDate,this.endDate=t.detail.endDate},b=new WeakSet,_=function(t){this.dateErrorMessage=t.detail.message},m=new WeakSet,W=function(t){let r=t.detail.entryId;!this.variableEntryId||r===this.variableEntryId||(this.variableEntryId=r,this.location=void 0,this.lastChanged="variable",this.compatibilityWarning())},p=new WeakSet,D=function(t){t.detail.type==="point"&&(this.location=`${t.detail.latLng.lat.toFixed(4)},${t.detail.latLng.lng.toFixed(4)}`,this.lastChanged="location",this.compatibilityWarning())},u=new WeakSet,I=function(t){this.startDate=t.detail.startDate,this.endDate=t.detail.endDate},e.styles=[x,T],e.dependencies={"terra-time-series":V,"terra-date-range-slider":E,"terra-spatial-picker":S,"terra-variable-combobox":k},a([s({attribute:"variable-entry-id",reflect:!0})],e.prototype,"variableEntryId",2),a([s({reflect:!0})],e.prototype,"collection",2),a([s({reflect:!0})],e.prototype,"variable",2),a([s({attribute:"start-date",reflect:!0})],e.prototype,"startDate",2),a([s({attribute:"end-date",reflect:!0})],e.prototype,"endDate",2),a([s({reflect:!0})],e.prototype,"location",2),a([s({attribute:"bearer-token",reflect:!1})],e.prototype,"bearerToken",2),a([h()],e.prototype,"catalogVariable",2),a([h()],e.prototype,"dateErrorMessage",2),a([h()],e.prototype,"lastChanged",2),a([h()],e.prototype,"spatialWarningMessage",2);export{e as a};

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

@@ -1 +0,0 @@
-import{a as r}from"./chunk.CD5ZQXGV.js";import{a as e,b as o}from"./chunk.DDBKH6HL.js";import{html as m}from"lit";var t=class extends o{render(){return m`<slot></slot>`}};t.styles=[e,r];export{t as a};

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

@@ -1,157 +0,0 @@
-import{a as $}from"./chunk.44SDWZCZ.js";import{a as I}from"./chunk.GXTFJZWR.js";import{c as D}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.WUTGT6VP.js";import{a as f,c as g}from"./chunk.VOQBVUDI.js";import{a as b,c as v}from"./chunk.U6R2SR47.js";import{a as k}from"./chunk.X5OPH5X7.js";import{b as x}from"./chunk.UTJA3S5Z.js";import{a as w}from"./chunk.RRGI7HIP.js";import{a as m}from"./chunk.CUJNKBC6.js";import{a as y}from"./chunk.6PEAAW4E.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as C,b as O}from"./chunk.DDBKH6HL.js";import{e as s}from"./chunk.INFVQQSJ.js";import{classMap as L}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as n,query as c,state as u}from"lit/decorators.js";import{unsafeHTML as _}from"lit/directives/unsafe-html.js";var i=class extends O{constructor(){super(...arguments);this.formControlController=new x(this,{assumeInteractionOn:["terra-blur","terra-input"]});this.hasSlotController=new y(this,"help-text","label");this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.getTag=t=>p`
-            <terra-tag
-                part="tag"
-                variant="topic"
-                size=${this.size}
-                @terra-remove=${e=>this.handleTagRemove(e,t)}
-            >
-                ${t.getTextLabel()}
-            </terra-tag>
-        `;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("terra-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let r=this.getAllOptions(),a=r.indexOf(this.currentOption),h=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=a+1,h>r.length-1&&(h=0)):t.key==="ArrowUp"?(h=a-1,h<0&&(h=r.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=r.length-1),this.setCurrentOption(r[h])}if(t.key&&t.key.length===1||t.key==="Backspace"){let r=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of r)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get value(){return this._value}set value(t){this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="terra-icon-button");this.disabled||o||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("terra-option"),l=this.value;o&&!o.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("terra-option")||customElements.whenDefined("terra-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),e=this.valueHasChanged?this.value:this.defaultValue,o=Array.isArray(e)?e:[e],l=[];t.forEach(r=>l.push(r.value)),this.setSelectedOptions(t.filter(r=>o.includes(r.value)))}handleTagRemove(t,e){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}))}getAllOptions(){return[...this.querySelectorAll("terra-option")]}getFirstOption(){return this.querySelector("terra-option")}setCurrentOption(t){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var o,l,r;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let e=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=`${this.selectedOptions.length} selected`;else{let a=this.selectedOptions[0];this.value=(o=a==null?void 0:a.value)!=null?o:"",this.displayLabel=(r=(l=a==null?void 0:a.getTextLabel)==null?void 0:l.call(a))!=null?r:""}this.valueHasChanged=e,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div
-                    @terra-remove=${l=>this.handleTagRemove(l,t)}
-                >
-                    ${typeof o=="string"?_(o):o}
-                </div>`}else if(e===this.maxOptionsVisible)return p`<terra-tag size=${this.size}
-                    >+${this.selectedOptions.length-e}</terra-tag
-                >`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),t==="value"){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}}handleValueChange(){if(!this.valueHasChanged){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("terra-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=v(this,"select.show",{dir:"ltr"});await f(this.popup.popup,t,e),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=v(this,"select.hide",{dir:"ltr"});await f(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,m(this,"terra-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,m(this,"terra-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,l=this.helpText?!0:!!e,r=this.clearable&&!this.disabled&&this.value.length>0,a=this.placeholder&&this.value&&this.value.length<=0;return p`
-            <div
-                part="form-control"
-                class=${L({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":o,"form-control--has-help-text":l})}
-            >
-                <label
-                    id="label"
-                    part="form-control-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">
-                    <terra-popup
-                        class=${L({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":a,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
-                        placement=${this.placement}
-                        strategy=${this.hoist?"fixed":"absolute"}
-                        flip
-                        shift
-                        sync="width"
-                        auto-size="vertical"
-                        auto-size-padding="10"
-                    >
-                        <div
-                            part="combobox"
-                            class="select__combobox"
-                            slot="anchor"
-                            @keydown=${this.handleComboboxKeyDown}
-                            @mousedown=${this.handleComboboxMouseDown}
-                        >
-                            <slot
-                                part="prefix"
-                                name="prefix"
-                                class="select__prefix"
-                            ></slot>
-
-                            <input
-                                part="display-input"
-                                class="select__display-input"
-                                type="text"
-                                placeholder=${this.placeholder}
-                                .disabled=${this.disabled}
-                                .value=${this.displayLabel}
-                                autocomplete="off"
-                                spellcheck="false"
-                                autocapitalize="off"
-                                readonly
-                                aria-controls="listbox"
-                                aria-expanded=${this.open?"true":"false"}
-                                aria-haspopup="listbox"
-                                aria-labelledby="label"
-                                aria-disabled=${this.disabled?"true":"false"}
-                                aria-describedby="help-text"
-                                role="combobox"
-                                tabindex="0"
-                                @focus=${this.handleFocus}
-                                @blur=${this.handleBlur}
-                            />
-
-                            ${this.multiple?p`<div part="tags" class="select__tags">
-                                      ${this.tags}
-                                  </div>`:""}
-
-                            <input
-                                class="select__value-input"
-                                type="text"
-                                ?disabled=${this.disabled}
-                                ?required=${this.required}
-                                .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
-                                tabindex="-1"
-                                aria-hidden="true"
-                                @focus=${()=>this.focus()}
-                                @invalid=${this.handleInvalid}
-                            />
-
-                            ${r?p`
-                                      <button
-                                          part="clear-button"
-                                          class="select__clear"
-                                          type="button"
-                                          aria-label="Clear selection"
-                                          @mousedown=${this.handleClearMouseDown}
-                                          @click=${this.handleClearClick}
-                                          tabindex="-1"
-                                      >
-                                          <slot name="clear-icon">
-                                              <terra-icon
-                                                  name="solid-x-circle"
-                                                  library="heroicons"
-                                              ></terra-icon>
-                                          </slot>
-                                      </button>
-                                  `:""}
-
-                            <slot
-                                name="suffix"
-                                part="suffix"
-                                class="select__suffix"
-                            ></slot>
-
-                            <slot
-                                name="expand-icon"
-                                part="expand-icon"
-                                class="select__expand-icon"
-                            >
-                                <terra-icon
-                                    library="heroicons"
-                                    name="solid-chevron-down"
-                                ></terra-icon>
-                            </slot>
-                        </div>
-
-                        <div
-                            id="listbox"
-                            role="listbox"
-                            aria-expanded=${this.open?"true":"false"}
-                            aria-multiselectable=${this.multiple?"true":"false"}
-                            aria-labelledby="label"
-                            part="listbox"
-                            class="select__listbox"
-                            tabindex="-1"
-                            @mouseup=${this.handleOptionClick}
-                            @slotchange=${this.handleDefaultSlotChange}
-                        >
-                            <slot></slot>
-                        </div>
-                    </terra-popup>
-                </div>
-
-                <div
-                    part="form-control-help-text"
-                    id="help-text"
-                    class="form-control__help-text"
-                    aria-hidden=${l?"false":"true"}
-                >
-                    <slot name="help-text">${this.helpText}</slot>
-                </div>
-            </div>
-        `}};i.styles=[C,k,I],i.dependencies={"terra-icon":w,"terra-popup":E,"terra-tag":$},s([c(".select")],i.prototype,"popup",2),s([c(".select__combobox")],i.prototype,"combobox",2),s([c(".select__display-input")],i.prototype,"displayInput",2),s([c(".select__value-input")],i.prototype,"valueInput",2),s([c(".select__listbox")],i.prototype,"listbox",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"valueHasChanged",2),s([n()],i.prototype,"name",2),s([u()],i.prototype,"value",1),s([n({attribute:"value"})],i.prototype,"defaultValue",2),s([n({reflect:!0})],i.prototype,"size",2),s([n()],i.prototype,"placeholder",2),s([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),s([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([n({type:Boolean})],i.prototype,"clearable",2),s([n({type:Boolean,reflect:!0})],i.prototype,"open",2),s([n({type:Boolean})],i.prototype,"hoist",2),s([n({type:Boolean,reflect:!0})],i.prototype,"filled",2),s([n({type:Boolean,reflect:!0})],i.prototype,"pill",2),s([n()],i.prototype,"label",2),s([n({reflect:!0})],i.prototype,"placement",2),s([n({attribute:"help-text"})],i.prototype,"helpText",2),s([n({reflect:!0})],i.prototype,"form",2),s([n({type:Boolean,reflect:!0})],i.prototype,"required",2),s([n()],i.prototype,"getTag",2),s([d("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([d(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};