@nasa-terra/components 0.0.174 → 0.0.175

package/dist/chunks/chunk.FL6IFTRN.js

@@ -0,0 +1,34 @@
+import{css as r}from"lit";var t=r`
+    :host {
+        display: inline-block;
+        color: var(--terra-breadcrumb-color, var(--terra-color-carbon-60));
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem;
+        line-height: 1.5;
+    }
+
+    .breadcrumb {
+        display: inline-flex;
+        align-items: center;
+        white-space: nowrap;
+    }
+
+    .breadcrumb__link {
+        color: inherit;
+        text-decoration: none;
+    }
+
+    .breadcrumb__link:visited {
+        color: var(--terra-breadcrumb-color-visited, var(--terra-color-carbon-70));
+    }
+
+    .breadcrumb__link:hover,
+    .breadcrumb__link:focus-visible {
+        text-decoration: underline;
+    }
+
+    .breadcrumb--current .breadcrumb__link,
+    .breadcrumb--current .breadcrumb__label {
+        font-weight: var(--terra-font-weight-bold);
+    }
+`;export{t as a};

package/dist/chunks/chunk.FM25EOCF.js

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk.6D7F5VM4.js";var T=e;e.define("terra-toast");export{T as a};

package/dist/chunks/chunk.FSQ7ZLXW.js

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

package/dist/chunks/chunk.FVFJAKUA.js

@@ -0,0 +1,6 @@
+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.4S7M2RKR.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.FWBYTRON.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.7RZUVOZQ.js";var o=r;r.define("terra-card");export{o as a};

package/dist/chunks/chunk.FYDY76AC.js

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

package/dist/chunks/chunk.G5YTXJ3A.js

@@ -0,0 +1,32 @@
+import{css as r}from"lit";var o=r`
+    :host {
+        display: grid;
+        gap: 1.5rem 0.75rem;
+        grid-template-rows: auto;
+        grid-template-columns: 2fr 1fr;
+    }
+
+    terra-variable-combobox {
+        grid-column: 1 / 2;
+    }
+
+    terra-spatial-picker {
+        grid-column: 2 / 3;
+    }
+
+    terra-date-range-slider {
+        grid-column: 1 / 3;
+        padding-block-start: 2rem;
+    }
+
+    terra-time-series {
+        grid-column: 1 / 3;
+        z-index: 9;
+    }
+
+    .warning {
+        color: #dc2626;
+        font-weight: 500;
+        margin-bottom: 0.25rem;
+    }
+`;export{o as a};

package/dist/chunks/chunk.GAK4LVPP.js

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

package/dist/chunks/chunk.GFCMANV5.js

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

package/dist/chunks/chunk.GHYWTDAN.js

@@ -0,0 +1,67 @@
+import{a as k}from"./chunk.CIWVH54V.js";import{c as v}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.7G6ZJIAY.js";import{a as p}from"./chunk.J5Q4TWEG.js";import{a as y,b as S}from"./chunk.4S7M2RKR.js";import{a as g,e as r}from"./chunk.INFVQQSJ.js";var _=(h,d)=>{let t=0;return function(...i){window.clearTimeout(t),t=window.setTimeout(()=>{h.call(this,...i)},d)}},A=(h,d,t)=>{let i=h[d];h[d]=function(...e){i.call(this,...e),t.call(this,i,...e)}},M="onscrollend"in window;if(!M){let h=new Set,d=new WeakMap,t=e=>{for(let s of e.changedTouches)h.add(s.identifier)},i=e=>{for(let s of e.changedTouches)h.delete(s.identifier)};document.addEventListener("touchstart",t,!0),document.addEventListener("touchend",i,!0),document.addEventListener("touchcancel",i,!0),A(EventTarget.prototype,"addEventListener",function(e,s){if(s!=="scrollend")return;let a=_(()=>{h.size?a():this.dispatchEvent(new Event("scrollend"))},100);e.call(this,"scroll",a,{passive:!0}),d.set(this,a)}),A(EventTarget.prototype,"removeEventListener",function(e,s){if(s!=="scrollend")return;let a=d.get(this);a&&e.call(this,"scroll",a,{passive:!0})})}import{classMap as m}from"lit/directives/class-map.js";import{eventOptions as O,property as u,query as f,state as T}from"lit/decorators.js";import{html as w}from"lit";var n=class extends S{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.size="large";this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("terra-tab"),customElements.whenDefined("terra-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(i=>{let e=i.filter(({target:s})=>{if(s===this)return!0;if(s.closest("terra-tabs")!==this)return!1;let a=s.tagName.toLowerCase();return a==="terra-tab"||a==="terra-tab-panel"});if(e.length!==0){if(e.some(s=>!["aria-labelledby","aria-controls"].includes(s.attributeName))&&setTimeout(()=>this.setAriaLabels()),e.some(s=>s.attributeName==="disabled"))this.syncTabsAndPanels();else if(e.some(s=>s.attributeName==="active")){let a=e.filter(c=>c.attributeName==="active"&&c.target.tagName.toLowerCase()==="terra-tab").map(c=>c.target).find(c=>c.active);a&&this.setActiveTab(a)}}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,attributeFilter:["active","disabled","name","panel"],childList:!0,subtree:!0}),this.nav&&this.resizeObserver.observe(this.nav),t.then(()=>{let i=new IntersectionObserver((e,s)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),s.unobserve(e[0].target))});this.tabsElement&&i.observe(this.tabsElement)})})}disconnectedCallback(){var t,i;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),this.nav&&((i=this.resizeObserver)==null||i.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="terra-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("terra-tab");(e==null?void 0:e.closest("terra-tabs"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("terra-tab");if((e==null?void 0:e.closest("terra-tabs"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(l=>l.matches(":focus")),c=getComputedStyle(this).direction==="rtl",o=null;if((a==null?void 0:a.tagName.toLowerCase())==="terra-tab"){if(t.key==="Home")o=this.focusableTabs[0];else if(t.key==="End")o=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(c?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let l=this.tabs.findIndex(b=>b===a);o=this.findNextFocusableTab(l,"forward")}if(!o)return;o.tabIndex=0,o.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(o,{scrollBehavior:"smooth"}):this.tabs.forEach(l=>{l.tabIndex=l===o?0:-1}),["top","bottom"].includes(this.placement)&&v(o,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){let t=getComputedStyle(this).direction==="rtl";this.nav.scroll({left:t?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,i){if(i=g({emitEvents:!0,scrollBehavior:"auto"},i),t!==this.activeTab&&!t.disabled){let e=this.activeTab;this.activeTab=t,this.tabs.forEach(s=>{s.active=s===this.activeTab,s.tabIndex=s===this.activeTab?0:-1}),this.panels.forEach(s=>{var a;return s.active=s.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&v(this.activeTab,this.nav,"horizontal",i.scrollBehavior),i.emitEvents&&(e&&this.emit("terra-tab-hide",{detail:{name:e.panel}}),this.emit("terra-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let i=this.panels.find(e=>e.name===t.panel);i&&(t.setAttribute("aria-controls",i.getAttribute("id")),i.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let i=t.clientWidth,e=t.clientHeight,s=getComputedStyle(this).direction==="rtl",a=this.getAllTabs(),o=a.slice(0,a.indexOf(t)).reduce((l,b)=>({left:l.left+b.clientWidth,top:l.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${i}px`,this.indicator.style.translate=s?`${-1*o.left}px`:`${o.left}px`;break;case"start":case"end":this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${o.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)}),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,i){let e=null,s=i==="forward"?1:-1,a=t+s;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){i==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=s}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return getComputedStyle(this).direction==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}syncSize(){this.tabs.forEach(t=>{t.hasAttribute("size")||(t.size=this.size)})}show(t){let i=this.tabs.find(e=>e.panel===t);i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}render(){let t=getComputedStyle(this).direction==="rtl";return w`
+            <div
+                part="base"
+                class=${m({tabs:!0,"tabs--top":this.placement==="top","tabs--bottom":this.placement==="bottom","tabs--start":this.placement==="start","tabs--end":this.placement==="end","tabs--rtl":t,"tabs--has-scroll-controls":this.hasScrollControls,"tabs--large":this.size==="large","tabs--small":this.size==="small"})}
+                @click=${this.handleClick}
+                @keydown=${this.handleKeyDown}
+            >
+                <div class="tabs__nav-container" part="nav">
+                    ${this.hasScrollControls?w`
+                              <button
+                                  part="scroll-button scroll-button--start"
+                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--start":!0,"tabs__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
+                                  tabindex="-1"
+                                  aria-hidden="true"
+                                  aria-label="Scroll to start"
+                                  @click=${this.handleScrollToStart}
+                                  type="button"
+                              >
+                                  <terra-icon
+                                      name=${t?"chevron-right":"chevron-left"}
+                                      library="heroicons"
+                                      font-size="1rem"
+                                  ></terra-icon>
+                              </button>
+                          `:""}
+
+                    <div class="tabs__nav" @scrollend=${this.updateScrollButtons}>
+                        <div part="tabs" class="tabs__tabs" role="tablist">
+                            <div
+                                part="active-tab-indicator"
+                                class="tabs__indicator"
+                            ></div>
+                            <div class="tabs__resize-observer">
+                                <slot
+                                    name="nav"
+                                    @slotchange=${this.syncTabsAndPanels}
+                                ></slot>
+                            </div>
+                        </div>
+                    </div>
+
+                    ${this.hasScrollControls?w`
+                              <button
+                                  part="scroll-button scroll-button--end"
+                                  class=${m({"tabs__scroll-button":!0,"tabs__scroll-button--end":!0,"tabs__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
+                                  tabindex="-1"
+                                  aria-hidden="true"
+                                  aria-label="Scroll to end"
+                                  @click=${this.handleScrollToEnd}
+                                  type="button"
+                              >
+                                  <terra-icon
+                                      name=${t?"chevron-left":"chevron-right"}
+                                      library="heroicons"
+                                      font-size="1rem"
+                                  ></terra-icon>
+                              </button>
+                          `:""}
+                </div>
+
+                <slot
+                    part="body"
+                    class="tabs__body"
+                    @slotchange=${this.syncTabsAndPanels}
+                ></slot>
+            </div>
+        `}};n.styles=[y,k],n.dependencies={"terra-icon":E},r([f(".tabs")],n.prototype,"tabsElement",2),r([f(".tabs__body")],n.prototype,"body",2),r([f(".tabs__nav")],n.prototype,"nav",2),r([f(".tabs__indicator")],n.prototype,"indicator",2),r([T()],n.prototype,"hasScrollControls",2),r([T()],n.prototype,"shouldHideScrollStartButton",2),r([T()],n.prototype,"shouldHideScrollEndButton",2),r([u()],n.prototype,"placement",2),r([u()],n.prototype,"activation",2),r([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),r([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),r([u({reflect:!0})],n.prototype,"size",2),r([O({passive:!0})],n.prototype,"updateScrollButtons",1),r([p("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),r([p("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1),r([p("size",{waitUntilFirstUpdate:!0})],n.prototype,"syncSize",1);export{n as a};

package/dist/chunks/chunk.GI6UZ32M.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.ZKKDHULL.js";var b=r;r.define("terra-breadcrumbs");export{b as a};

package/dist/chunks/chunk.GP4XGCT7.js

@@ -0,0 +1 @@
+import{a as i}from"./chunk.UTJA3S5Z.js";function u(e){let s=new FormData(e),o={};return s.forEach((r,t)=>{if(Reflect.has(o,t)){let n=o[t];Array.isArray(n)?n.push(r):o[t]=[o[t],r]}else o[t]=r}),o}function x(e){let o=[...e.getRootNode().querySelectorAll("*")],r=[...e.elements],t=i.get(e),n=t?Array.from(t):[];return[...r,...n].sort((c,l)=>o.indexOf(c)<o.indexOf(l)?-1:o.indexOf(c)>o.indexOf(l)?1:0)}export{u as a,x as b};

package/dist/chunks/chunk.GPY5BGHO.js

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

package/dist/chunks/chunk.GT6HMWNO.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.CD5ZQXGV.js";import{a as e,b as o}from"./chunk.4S7M2RKR.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.GVQ3ULCA.js

@@ -0,0 +1 @@
+var e=(t=>(t.POINT="point",t.BBOX="bbox",t.POLYGON="polygon",t.CIRCLE="circle",t))(e||{});export{e as a};

package/dist/chunks/chunk.GXTFJZWR.js

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

package/dist/chunks/chunk.H2ISCJTL.js

@@ -0,0 +1,31 @@
+import{css as r}from"lit";var i=r`
+    :host {
+        display: block;
+        --terra-breadcrumbs-gap: 0.25rem;
+    }
+
+    :host([theme='dark']) {
+        color: var(--terra-color-carbon-10);
+    }
+
+    :host([theme='light']) {
+        color: var(--terra-color-carbon-60);
+    }
+
+    .breadcrumbs {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--terra-breadcrumbs-gap);
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem;
+        line-height: 1.5;
+    }
+
+    ::slotted(terra-breadcrumb:not(:first-child))::before {
+        content: var(--terra-breadcrumbs-separator, '/');
+        margin: 0 0.25rem;
+        color: inherit;
+        font-weight: var(--terra-font-weight-regular);
+    }
+`;export{i as a};

package/dist/chunks/chunk.HOJEGUPI.js

@@ -0,0 +1 @@
+import{a as y}from"./chunk.PZ3LO5EU.js";import{f as t,g as o,h as g,i as u}from"./chunk.INFVQQSJ.js";import{Task as f}from"@lit/task";var a,i,c,m,d,p,b=class{constructor(e){o(this,c);o(this,d);o(this,a,void 0);o(this,i,void 0);g(this,a,e),g(this,i,u(this,d,p).call(this)),this.task=new f(e,{task:async([s,n],{signal:h})=>{let l=await t(this,i).searchVariablesAndFacets(s,n,{signal:h});return u(this,c,m).call(this,l),l},args:()=>[t(this,a).searchQuery,t(this,a).selectedFacets]})}get facetsByCategory(){var e;return(e=this.task.value)==null?void 0:e.facetsByCategory}get variables(){var e,s;return(s=(e=this.task.value)==null?void 0:e.variables)!=null?s:[]}get total(){var e,s;return(s=(e=this.task.value)==null?void 0:e.total)!=null?s:0}get catalog(){return t(this,i)}render(e){return this.task.render(e)}};a=new WeakMap,i=new WeakMap,c=new WeakSet,m=async function(e){if(!t(this,a).selectedVariableEntryIds||t(this,a).selectedVariables.length>0)return;let s=t(this,a).selectedVariableEntryIds.split(","),n=e.variables.filter(r=>s.includes(r.dataFieldId)||s.includes(`${r.dataProductShortName}_${r.dataProductVersion}_${r.dataFieldAccessName}`)),h=s.filter(r=>!n.some(V=>V.dataFieldId===r)),l=await Promise.all(h.map(r=>t(this,i).getVariable(r)));t(this,a).selectedVariables=[...n,...l]},d=new WeakSet,p=function(){if(t(this,a).catalog==="giovanni")return new y;throw new Error(`Invalid catalog: ${t(this,a).catalog}`)};export{b as a};

package/dist/chunks/chunk.HPEPPRLY.js

@@ -0,0 +1 @@
+import{a as u}from"./chunk.52AVSPQE.js";import{a}from"./chunk.ZQCC5UD2.js";var g=class{static parse(t){let e=t.split(",").map(n=>n.trim()).map(Number);if(e.some(isNaN))throw new Error("All coordinate values must be valid numbers.");if(e.length===2)return new a(e[0],e[1]);if(e.length===4)return new u(e);throw new Error("Input must contain exactly 2 values (point) or 4 values (bounding box).")}static validateRanges(t){if(t instanceof a)return t.lat<-90||t.lat>90?`Latitude ${t.lat} is out of range (-90 to 90).`:t.lng<-180||t.lng>180?`Longitude ${t.lng} is out of range (-180 to 180).`:null;let r=[["South",t.getSouth(),-90,90],["North",t.getNorth(),-90,90],["West",t.getWest(),-180,180],["East",t.getEast(),-180,180]];for(let[e,n,o,i]of r)if(n<o||n>i)return`${e} value ${n} is out of range (${o} to ${i}).`;return null}static validateAllowedType(t,r){let e=t instanceof a,n=t instanceof u;return e&&!r.allowPoint?r.allowBbox?"Point selection is disabled. Enter a bounding box (west, south, east, north).":"Must be a valid bounding box (west, south, east, north).":n&&!r.allowBbox?r.allowPoint?"Bounding box selection is disabled. Enter a point (lat, lng).":"Must be a valid point (lat, lng).":null}static validateConstraints(t,r){let e=r.split(",").map(l=>parseFloat(l.trim()));if(e.length!==4||e.some(isNaN))return null;let[n,o,i,s]=e;return n===-180&&o===-90&&i===180&&s===90?null:t instanceof a?t.lat>=o&&t.lat<=s&&t.lng>=n&&t.lng<=i?null:"Selected point is outside the allowed spatial extent.":t instanceof u?t.getSouth()>=o&&t.getNorth()<=s&&t.getWest()>=n&&t.getEast()<=i?null:"Selected area extends outside the allowed spatial extent.":null}static serialize(t){return t instanceof a?`${t.lat.toFixed(2)}, ${t.lng.toFixed(2)}`:[t.getWest(),t.getSouth(),t.getEast(),t.getNorth()].map(r=>r.toFixed(2)).join(", ")}static validate(t,r,e){let n;try{n=this.parse(t)}catch(s){return{ok:!1,error:`Invalid format. ${this.formatHint(r)}`}}let o=this.validateRanges(n);if(o)return{ok:!1,error:o};let i=this.validateAllowedType(n,r);if(i)return{ok:!1,error:i};if(e){let s=this.validateConstraints(n,e);if(s)return{ok:!1,error:s}}return{ok:!0,value:n,serialized:this.serialize(n)}}static formatHint(t){return t.allowPoint&&t.allowBbox?"Enter a point (lat, lng) or bounding box (west, south, east, north).":t.allowPoint?"Enter a point (lat, lng).":t.allowBbox?"Enter a bounding box (west, south, east, north).":""}};export{g as a};

package/dist/chunks/chunk.HRIU37S5.js

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