@nasa-terra/components 0.0.179 → 0.0.181

package/dist/chunks/chunk.4WU5R5TN.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.TRM2XUGL.js";import{a}from"./chunk.6PEAAW4E.js";import{a as o}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.EXKNLUSQ.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.5C2GZTN3.js

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

package/dist/chunks/chunk.5FEQDBOD.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.6XKRCX7E.js";var s=e;e.define("terra-browse-variables");export{s as a};

package/dist/chunks/chunk.5GXUM2LI.js

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

@@ -1,43 +0,0 @@
-import{a as d}from"./chunk.KAEEI4RX.js";import{a as n}from"./chunk.URTV3MIW.js";import{a as h}from"./chunk.X5OPH5X7.js";import{b as a}from"./chunk.UTJA3S5Z.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as s,b as o}from"./chunk.EXKNLUSQ.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as c}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as f}from"lit/directives/live.js";import{property as l,query as C,state as k}from"lit/decorators.js";var e=class extends o{constructor(){super(...arguments);this.formControlController=new a(this,{value:i=>i.checked?i.value||"on":void 0,defaultValue:i=>i.defaultChecked,setValue:(i,u)=>i.checked=u});this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleClick(){this.disabled||(this.checked=!0,this.emit("terra-change"))}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleInput(){this.emit("terra-input")}handleChange(){this.checked=this.input.checked,this.emit("terra-change")}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleCheckedChange(){this.input.checked=this.checked,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(){return c`
-            <label
-                part="base"
-                class=${m({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}
-            >
-                <input
-                    class="radio__input"
-                    type="radio"
-                    title=${this.title}
-                    name=${this.name}
-                    value=${p(this.value)}
-                    .checked=${f(this.checked)}
-                    .disabled=${this.disabled}
-                    .required=${this.required}
-                    aria-checked=${this.checked?"true":"false"}
-                    @click=${this.handleClick}
-                    @input=${this.handleInput}
-                    @change=${this.handleChange}
-                    @invalid=${this.handleInvalid}
-                    @blur=${this.handleBlur}
-                    @focus=${this.handleFocus}
-                />
-
-                <span
-                    part="${`control${this.checked?" control--checked":""}`}"
-                    class="radio__control"
-                >
-                    ${this.checked?c`
-                              <svg
-                                  part="checked-icon"
-                                  class="radio__checked-icon"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  xmlns="http://www.w3.org/2000/svg"
-                              >
-                                  <circle cx="12" cy="12" r="6" fill="currentColor" />
-                              </svg>
-                          `:""}
-                </span>
-
-                <slot part="label" class="radio__label"></slot>
-            </label>
-        `}};e.styles=[s,h,d],t([C('input[type="radio"]')],e.prototype,"input",2),t([k()],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([n("checked")],e.prototype,"defaultChecked",2),t([l({reflect:!0})],e.prototype,"form",2),t([l({type:Boolean,reflect:!0})],e.prototype,"required",2),t([r("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([r("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1);export{e as a};

package/dist/chunks/chunk.5WTW5KGY.js

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

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

@@ -1,11 +0,0 @@
-import{a as s}from"./chunk.Z47EAJ4R.js";import{a as o}from"./chunk.6PEAAW4E.js";import{a as e,b as r}from"./chunk.EXKNLUSQ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as l}from"lit";var t=class extends r{constructor(){super(...arguments);this.hasSlotController=new o(this,"footer","header","image")}render(){return l`
-            <div
-                part="base"
-                class=${a({card:!0,"card--has-footer":this.hasSlotController.test("footer"),"card--has-image":this.hasSlotController.test("image"),"card--has-header":this.hasSlotController.test("header")})}
-            >
-                <slot name="image" part="image" class="card__image"></slot>
-                <slot name="header" part="header" class="card__header"></slot>
-                <slot part="body" class="card__body"></slot>
-                <slot name="footer" part="footer" class="card__footer"></slot>
-            </div>
-        `}};t.styles=[e,s];export{t as a};

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

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

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

@@ -1 +0,0 @@
-import{a}from"./chunk.W3RY3L2T.js";var d=a;a.define("terra-data-rods");export{d as a};

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

@@ -1,43 +0,0 @@
-import{a as m}from"./chunk.ACPZYKOT.js";import{a as p}from"./chunk.JR4CVT6A.js";import{a as u}from"./chunk.3YYQOQRG.js";import{a as d}from"./chunk.46LCWODR.js";import{a as h}from"./chunk.TRM2XUGL.js";import{a as o,b as l}from"./chunk.6PEAAW4E.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as n,b as c}from"./chunk.EXKNLUSQ.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as k}from"lit/directives/class-map.js";import{html as b}from"lit";import{property as i,query as f}from"lit/decorators.js";var e=class extends c{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.value="";this.loading=!1;this.disabled=!1;this.hasSlotController=new o(this,"submenu");this.submenuController=new p(this,this.hasSlotController);this.handleHostClick=s=>{this.disabled&&(s.preventDefault(),s.stopImmediatePropagation())};this.handleMouseOver=s=>{this.focus(),s.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let s=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=s;return}s!==this.cachedTextLabel&&(this.cachedTextLabel=s,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return l(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let r=this.submenuController.isExpanded();return b`
-            <div
-                id="anchor"
-                part="base"
-                class=${k({"menu-item":!0,"menu-item--rtl":!1,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":r})}
-                ?aria-haspopup="${this.isSubmenu()}"
-                ?aria-expanded="${!!r}"
-            >
-                <span part="checked-icon" class="menu-item__check">
-                    <terra-icon
-                        name="solid-check"
-                        library="heroicons"
-                        aria-hidden="true"
-                    ></terra-icon>
-                </span>
-
-                <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-                <slot
-                    part="label"
-                    class="menu-item__label"
-                    @slotchange=${this.handleDefaultSlotChange}
-                ></slot>
-
-                <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-                <span part="submenu-icon" class="menu-item__chevron">
-                    <terra-icon
-                        name=${"chevron-right"}
-                        library="system"
-                        aria-hidden="true"
-                    ></terra-icon>
-                </span>
-
-                ${this.submenuController.renderSubmenu()}
-                ${this.loading?b`
-                          <terra-loader
-                              part="spinner"
-                              exportparts="base:spinner__base"
-                          ></terra-loader>
-                      `:""}
-            </div>
-        `}};e.styles=[n,m],e.dependencies={"terra-icon":h,"terra-popup":u,"terra-loader":d},t([f("slot:not([name])")],e.prototype,"defaultSlot",2),t([f(".menu-item")],e.prototype,"menuItem",2),t([i()],e.prototype,"type",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("checked")],e.prototype,"handleCheckedChange",1),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("type")],e.prototype,"handleTypeChange",1);export{e as a};

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

@@ -1 +0,0 @@
-import{a as e}from"./chunk.2QP3CLLZ.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tabs";e.define("terra-tabs");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraTabShow:"terra-tab-show",onTerraTabHide:"terra-tab-hide"},displayName:"TerraTabs"}),b=o;export{b as a};

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

@@ -1,300 +0,0 @@
-import{b as j}from"./chunk.UXPPNGDD.js";import{a as W}from"./chunk.MCW4UTWF.js";import{a as H}from"./chunk.O3JG4DO5.js";import{a as G}from"./chunk.Z4MRB553.js";import{a as D}from"./chunk.46LCWODR.js";import{a as M}from"./chunk.VFOMINBL.js";import{a as Q}from"./chunk.JEP5ZAVN.js";import{a as Z}from"./chunk.RM5CVLJ5.js";import{a as B}from"./chunk.TRM2XUGL.js";import{a as R}from"./chunk.CR2MHGYF.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as P,b as N}from"./chunk.EXKNLUSQ.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.773YJXBD.js

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

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

@@ -1,25 +0,0 @@
-import{a as o}from"./chunk.FL6IFTRN.js";import{a as l,b as n}from"./chunk.EXKNLUSQ.js";import{e as r}from"./chunk.INFVQQSJ.js";import{classMap as p}from"lit/directives/class-map.js";import{html as e}from"lit";import{property as a}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.current=!1}render(){let s=!!this.href;return e`
-            <span
-                part="base"
-                class=${p({breadcrumb:!0,"breadcrumb--current":this.current,"breadcrumb--link":s})}
-            >
-                ${s?e`
-                          <a
-                              part="link"
-                              class="breadcrumb__link"
-                              href=${this.href}
-                              aria-current=${this.current?"page":void 0}
-                          >
-                              <slot></slot>
-                          </a>
-                      `:e`
-                          <span
-                              part="label"
-                              class="breadcrumb__label"
-                              aria-current=${this.current?"page":void 0}
-                          >
-                              <slot></slot>
-                          </span>
-                      `}
-            </span>
-        `}};t.styles=[l,o],r([a()],t.prototype,"href",2),r([a({type:Boolean,reflect:!0})],t.prototype,"current",2);export{t as a};

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

@@ -1 +0,0 @@
-import{a as e}from"./chunk.MCW4UTWF.js";import*as r from"react";import{createComponent as a}from"@lit/react";import"@lit/react";var t="terra-variable-keyword-search";e.define("terra-variable-keyword-search");var n=a({tagName:t,elementClass:e,react:r,events:{onTerraVariableKeywordSearchChange:"terra-variable-keyword-search-change",onTerraSearch:"terra-search"},displayName:"TerraVariableKeywordSearch"}),h=n;export{h as a};

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

@@ -1,33 +0,0 @@
-import{a as c}from"./chunk.ACIJ7WID.js";import{a as r,b as a}from"./chunk.EXKNLUSQ.js";import{e as t,f as o,g as m}from"./chunk.INFVQQSJ.js";import{property as i}from"lit/decorators.js";import{html as n,nothing as p}from"lit";import{classMap as l}from"lit/directives/class-map.js";var s,e=class extends a{constructor(){super(...arguments);this.size="medium";this.closeable=!1;this.stack=!1;m(this,s,()=>{this.emit("terra-remove"),this.remove()})}render(){return n`
-            <div
-                class="${l({"chip--small":this.size==="small","chip--medium":this.size==="medium","chip--large":this.size==="large"})}
-                chip"
-            >
-                <div
-                    class="${l({"chip-content--small":this.size==="small","chip-content--medium":this.size==="medium","chip-content--large":this.size==="large"})}
-                    chip-content"
-                >
-                    <slot part="content" class="tag__content"></slot>
-                </div>
-                ${this.closeable?n`
-                          <button
-                              class="chip-close"
-                              @click="${o(this,s)}"
-                          >
-                              <svg
-                                  class="${l({"chip-svg--small":this.size==="small","chip-svg--medium":this.size==="medium","chip-svg--large":this.size==="large"})}
-                        chip-svg"
-                                  focusable="false"
-                                  viewBox="0 0 500 500"
-                                  aria-hidden="true"
-                              >
-                                  <path
-                                      d="M 227 56.036 H 265 V 227.037 H 436 V 265.036 H 265 V 436.036 H 227 V 265.036 H 56 V 227.037 H 227 Z"
-                                      style="paint-order: fill; fill-rule: nonzero; stroke-width: 0px; transform-origin: 246px 246.036px;"
-                                      transform="matrix(0.707107007504, 0.707107007504, -0.707107007504, 0.707107007504, -9.98393e-7, -0.000026419743)"
-                                  ></path>
-                              </svg>
-                          </button>
-                      `:p}
-            </div>
-        `}};s=new WeakMap,e.styles=[r,c],t([i({reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([i({type:Boolean,reflect:!0})],e.prototype,"stack",2);export{e as a};

package/dist/chunks/chunk.A4B6V7DZ.js

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

package/dist/chunks/chunk.AA4OOWL2.js

@@ -1,6 +0,0 @@
-import{a as s}from"./chunk.MJFEBDJV.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as i,b as o}from"./chunk.EXKNLUSQ.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as l}from"lit/decorators.js";var c=0,t=class extends o{constructor(){super(...arguments);this.attrId=++c;this.componentId=`terra-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return p`
-            <slot
-                part="base"
-                class=${a({"tab-panel":!0,"tab-panel--active":this.active})}
-            ></slot>
-        `}};t.styles=[i,s],e([l({reflect:!0})],t.prototype,"name",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.ABTLN6NI.js

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

package/dist/chunks/chunk.ABUMARPK.js

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

package/dist/chunks/chunk.AFZGF7AF.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.6XKRCX7E.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-browse-variables";e.define("terra-browse-variables");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraBrowseVariables"}),l=o;export{l as a};