@nasa-terra/components 0.0.178 → 0.0.181

package/dist/chunks/chunk.W753QEWS.js

@@ -0,0 +1,122 @@
+import{a as D}from"./chunk.FSSL6ZLQ.js";import{a as J}from"./chunk.2FKZOYDM.js";import{a as I,b as _}from"./chunk.EZI7VJCI.js";import{a as $}from"./chunk.VT3U2SB7.js";import{a as E}from"./chunk.QDFHF7LY.js";import{d as b,g as v,k as L,l as M}from"./chunk.QMLZIOGK.js";import{a as C}from"./chunk.E6LODOVJ.js";import{c as u}from"./chunk.BWCJXCND.js";import{a as k}from"./chunk.S3WSRAXA.js";import{a as x,b as P}from"./chunk.OILCN37O.js";import{a as m,e as l}from"./chunk.INFVQQSJ.js";import{html as n,nothing as q}from"lit";import{property as p,query as z,state as c}from"lit/decorators.js";var A=108,r=class extends E(P){constructor(){super(...arguments);this.limit=10;this.removeLabelsOnDelete=!1;this._scrollIndex=0;this._totalCount=0;this._loadedPages=new Map;this._pendingPages=new Set;this._authController=new $(this);this._removeLabelsOnDeleteMutation=new I(this,L());this.jobsQuery=new M(this,()=>v(m({page:1,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken}))}get _visibleCount(){var e,o;let t=(o=(e=this._viewportEl)==null?void 0:e.clientWidth)!=null?o:400;return Math.max(1,Math.floor(t/A))}get _allJobs(){return Array.from({length:this._totalCount},(t,e)=>{var s,a;let o=Math.floor(e/this.limit)+1,i=e%this.limit;return(a=(s=this._loadedPages.get(o))==null?void 0:s[i])!=null?a:null})}firstUpdated(){this._viewportEl&&typeof ResizeObserver!="undefined"&&(this._resizeObserver=new ResizeObserver(()=>{this._checkPagesInView()}),this._resizeObserver.observe(this._viewportEl))}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._resizeObserver)==null||t.disconnect()}updated(t){var o;super.updated(t);let e=(o=this.jobsQuery.result)==null?void 0:o.data;if(e&&e!==this._lastPage1Data){this._lastPage1Data=e,e.count!==this._totalCount&&(this._totalCount=e.count);let i=new Map(this._loadedPages);i.set(1,e.jobs),this._loadedPages=i,this._checkPagesInView()}}async _fetchPage(t){if(this._loadedPages.has(t)||this._pendingPages.has(t))return;let e=new Set(this._pendingPages);e.add(t),this._pendingPages=e;try{let o=await this.queryClient.fetchQuery(v(m({page:t,limit:this.limit},this.filterByLabels?{label:this.filterByLabels}:{}),{bearerToken:this.bearerToken})),i=new Map(this._loadedPages);i.set(t,o.jobs),this._loadedPages=i}finally{let o=new Set(this._pendingPages);o.delete(t),this._pendingPages=o}}_checkPagesInView(){if(!this.bearerToken)return;let t=Math.min(this._scrollIndex+this._visibleCount,this._totalCount),e=Math.floor(this._scrollIndex/this.limit)+1,o=Math.floor(Math.max(0,t-1)/this.limit)+1;for(let i=e;i<=o;i++)i!==1&&this._fetchPage(i)}_scrollLeft(){this._scrollIndex=Math.max(0,this._scrollIndex-1),this._checkPagesInView()}_scrollRight(){let t=Math.max(0,this._totalCount-this._visibleCount);this._scrollIndex=Math.min(t,this._scrollIndex+1),this._checkPagesInView()}_handleWheel(t){t.preventDefault(),t.deltaY>0?this._scrollRight():this._scrollLeft()}async refresh(){this._scrollIndex=0,this._loadedPages=new Map,this._pendingPages=new Set,this._totalCount=0,this._lastPage1Data=void 0,await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]})}_showTooltip(t,e){var h,g,f;if(clearTimeout(this._hideTooltipTimer),clearTimeout(this._showTooltipTimer),!this._tooltip)return;let o=e!==null&&!b.has(e.status),i=e!=null&&e.request?_.fromUrl(e.request):null,s=document.createElement("div");if(i){let w=i.getLabelByPrefix("instrument-short-name"),y=i.getLabelByPrefix("time-interval"),T=i.getLabelByPrefix("units"),S=i.getLabelByPrefix("collection"),d=[];w&&d.push(w),y&&d.push(y),T&&d.push(T),S&&d.push(S),s.style.lineHeight="1.3",s.style.fontSize="12px",s.style.padding="5px",s.innerHTML=`
+                <div class="font-weight-semibold tooltip-row">${(h=i.getLabelByPrefix("variable-display-name"))!=null?h:e==null?void 0:e.jobID}</div>
+                <div class="text-gray-300 mb-1 tooltip-row">${d.join(" \u2022 ")}</div>
+                ${i.options.startDate&&i.options.endDate?`
+                    <div class="text-gray-300 tooltip-row">
+                        <terra-icon library="heroicons" name="solid-calendar-date-range"></terra-icon> 
+                        ${u(i.options.startDate)} to ${u(i.options.endDate)}
+                    </div>
+                `:""}
+                <div class="text-gray-300 mb-1 tooltip-row">
+                    <terra-icon library="heroicons" name="solid-map"></terra-icon>
+                    ${(g=i.options.location)==null?void 0:g.toString()}
+                </div>
+                ${o?`<div class="text-gray-300 tooltip-row">Status: ${e==null?void 0:e.status}</div>`:`<div class="text-gray-300 tooltip-row">
+                        Last updated: ${u((f=i.getLabelByPrefix("updated-at"))!=null?f:new Date)}
+                        </div>`}
+                
+            `}s.slot="content";let a=t.currentTarget;this._tooltip.open?(this._tooltip.innerHTML="",this._tooltip.appendChild(s),this._tooltip.popup.anchor=a,this._tooltip.popup.reposition()):this._showTooltipTimer=window.setTimeout(()=>{this._tooltip&&(this._tooltip.innerHTML="",this._tooltip.appendChild(s),this._tooltip.popup.anchor=a,this._tooltip.show())},100)}_hideTooltip(){clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer),this._hideTooltipTimer=window.setTimeout(()=>{var t;(t=this._tooltip)==null||t.hide()},250)}_handleThumbnailClick(t){t&&this.emit("terra-harmony-job-select",{detail:{job:t}})}async _handleDeleteClick(t,e){var s;if(t.stopPropagation(),!window.confirm("Are you sure you want to delete this history item?"))return;let i=(s=this.filterByLabels)==null?void 0:s.split(",").map(a=>a.trim()).filter(Boolean);this.removeLabelsOnDelete&&(i!=null&&i.length)?(await this._removeLabelsOnDeleteMutation.mutate({jobIDs:[e.jobID],labels:i,options:{bearerToken:this.bearerToken}}),await this.queryClient.invalidateQueries({queryKey:["harmony","jobs"]}),this._loadedPages=new Map,this._totalCount=0,this._scrollIndex=0):this.emit("terra-harmony-job-delete",{detail:{jobId:e.jobID}})}_renderThumbnail(t){var s,a;let e=t===null||!b.has(t.status),o=t!=null&&t.thumbnailBlob?URL.createObjectURL(t.thumbnailBlob):null,i=_.fromUrl((s=t==null?void 0:t.request)!=null?s:"");return n`
+            <div
+                part="thumbnail"
+                class="thumbnail"
+                @click=${()=>this._handleThumbnailClick(t)}
+                @mouseenter=${h=>this._showTooltip(h,t)}
+                @mouseleave=${this._hideTooltip}
+            >
+                <div class="thumbnail-inner">
+                    ${o?n`<img
+                              class="thumbnail-img"
+                              src=${o}
+                              alt=""
+                              aria-hidden="true"
+                          />`:n`<terra-icon
+                              library="heroicons"
+                              name=${i.getTerraIcon()}
+                              style="font-size: 1.5rem"
+                          ></terra-icon>`}
+                    ${e?n`<div class="loading-overlay">
+                              <terra-loader
+                                  indeterminate
+                                  variant="small"
+                              ></terra-loader>
+                          </div>`:q}
+                </div>
+                ${t?n`<button
+                          class="delete-button"
+                          aria-label="Delete job"
+                          ?disabled=${(a=this._removeLabelsOnDeleteMutation.result)==null?void 0:a.isPending}
+                          @click=${h=>this._handleDeleteClick(h,t)}
+                      >
+                          ×
+                      </button>`:q}
+            </div>
+        `}render(){var s;let t=this._allJobs,e=this._scrollIndex<=0,o=this._totalCount===0||this._scrollIndex>=this._totalCount-this._visibleCount,i=t.length===0&&((s=this.jobsQuery.result)==null?void 0:s.status)==="pending";return n`
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll left"
+                ?disabled=${e}
+                @click=${this._scrollLeft}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M15 19l-7-7 7-7"
+                    />
+                </svg>
+            </button>
+
+            <div part="viewport" class="viewport" @wheel=${this._handleWheel}>
+                <div
+                    part="track"
+                    class="track"
+                    style="transform: translateX(-${this._scrollIndex*A}px)"
+                >
+                    ${i?n`<div class="empty-state">
+                              <terra-loader indeterminate></terra-loader>
+                          </div>`:t.map(a=>this._renderThumbnail(a))}
+                </div>
+            </div>
+
+            <button
+                part="nav-button"
+                class="nav-button"
+                aria-label="Scroll right"
+                ?disabled=${o}
+                @click=${this._scrollRight}
+            >
+                <svg
+                    width="16"
+                    height="16"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    aria-hidden="true"
+                >
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M9 5l7 7-7 7"
+                    />
+                </svg>
+            </button>
+
+            <terra-tooltip
+                trigger="manual"
+                placement="top"
+                hoist
+                interactive
+                @mouseenter=${()=>{clearTimeout(this._showTooltipTimer),clearTimeout(this._hideTooltipTimer)}}
+                @mouseleave=${this._hideTooltip}
+            ></terra-tooltip>
+        `}};r.styles=[x,J],r.dependencies={"terra-loader":C,"terra-tooltip":D,"terra-icon":k},l([p({attribute:"bearer-token"})],r.prototype,"bearerToken",2),l([p({type:Number})],r.prototype,"limit",2),l([p({attribute:"filter-by-labels"})],r.prototype,"filterByLabels",2),l([p({type:Boolean,attribute:"remove-labels-on-delete"})],r.prototype,"removeLabelsOnDelete",2),l([c()],r.prototype,"_scrollIndex",2),l([c()],r.prototype,"_totalCount",2),l([c()],r.prototype,"_loadedPages",2),l([c()],r.prototype,"_pendingPages",2),l([z('[part="viewport"]')],r.prototype,"_viewportEl",2),l([z("terra-tooltip")],r.prototype,"_tooltip",2);export{r as a};

package/dist/chunks/chunk.W7O33DH5.js

@@ -0,0 +1 @@
+function c(r,n,t){let o=n.replace(/\./g,"_"),i=t.split("/").pop();return`${r}_${o}_${i}`}export{c as a};

package/dist/chunks/chunk.W7RCZIAS.js

@@ -0,0 +1,30 @@
+import{a as l}from"./chunk.REK2YOIL.js";import{a}from"./chunk.S3WSRAXA.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o,b as i}from"./chunk.OILCN37O.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as m}from"lit/decorators.js";import{html as e}from"lit";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","center","right");this.siteName=""}render(){let n=this.hasSlotController.test("title"),h=this.hasSlotController.test("right");return e`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${n?e`<slot name="title"></slot>`:e`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${h?e`<slot name="right"></slot>`:e`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `}};t.styles=[o,l],t.dependencies={"terra-icon":a},r([m({attribute:"site-name"})],t.prototype,"siteName",2);export{t as a};

package/dist/chunks/chunk.WGADCB3O.js

@@ -0,0 +1,4 @@
+import{a as C}from"./chunk.3JIMAXOF.js";import{a as $}from"./chunk.4SHUUZJ2.js";import{a as S}from"./chunk.VT3U2SB7.js";import{a as y}from"./chunk.36AZ2XCI.js";import{a as M}from"./chunk.EDBJ4VFC.js";import{a as f,b}from"./chunk.OILCN37O.js";import{e as l,f as e,g as u,i as c}from"./chunk.INFVQQSJ.js";import{html as a}from"lit";import{property as i}from"lit/decorators.js";var t,n,_,s=class extends b{constructor(){super(...arguments);u(this,n);this.buttonLabel="Earthdata Login";u(this,t,new S(this))}login(){e(this,t).login()}logout(){e(this,t).logout()}render(){var o;if((o=e(this,t).state.user)!=null&&o.uid){let r=this.querySelector('template[slot="logged-in"]');return a`${r?r.content.cloneNode(!0):a`<slot name="logged-in" .user=${e(this,t).state.user}
+                      >${c(this,n,_).call(this,this.loggedInMessage)}</slot
+                  >`}`}return e(this,t).state.isLoading?a`<slot name="loading">${this.loadingMessage}</slot>`:a` <slot name="logged-out">${this.loggedOutMessage}</slot
+            ><terra-button @click=${this.login}> ${this.buttonLabel}</terra-button>`}};t=new WeakMap,n=new WeakSet,_=function(o){var r,m,g,p,d,h;return(o!=null?o:"").replace("{username}",(m=(r=e(this,t).state.user)==null?void 0:r.uid)!=null?m:"").replace("{first_name}",(p=(g=e(this,t).state.user)==null?void 0:g.first_name)!=null?p:"").replace("{last_name}",(h=(d=e(this,t).state.user)==null?void 0:d.last_name)!=null?h:"")},s.dependencies={"terra-button":M,"terra-icon":y,"terra-loader":$},s.styles=[f,C],l([i({attribute:"button-label"})],s.prototype,"buttonLabel",2),l([i({attribute:"logged-in-message"})],s.prototype,"loggedInMessage",2),l([i({attribute:"logged-out-message"})],s.prototype,"loggedOutMessage",2),l([i({attribute:"loading-message"})],s.prototype,"loadingMessage",2);export{s as a};

package/dist/chunks/chunk.WGYVWH4N.js

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

package/dist/chunks/chunk.WKLFO4CV.js

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

package/dist/chunks/chunk.WPYM7UE2.js

@@ -0,0 +1,75 @@
+import{a as y}from"./chunk.4H7EP4CT.js";import{a as V}from"./chunk.IYLOXJSX.js";import{a as c}from"./chunk.J5Q4TWEG.js";import{a as g,b as f}from"./chunk.OILCN37O.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as h,query as _,state as p}from"lit/decorators.js";import{html as m}from"lit";import v,{PipsMode as N}from"nouislider";var i=class extends f{constructor(){super(...arguments);this.mode="single";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.hasPips=!1;this.hasTooltips=!1;this.showInputs=!1;this.label="Slider";this.hideLabel=!1;this.hasBeenManipulated=!1}updateSlider(){this.renderSlider()}disabledChanged(){var e,t,u,n;this.disabled?(t=(e=this.slider)==null?void 0:e.noUiSlider)==null||t.disable():(n=(u=this.slider)==null?void 0:u.noUiSlider)==null||n.enable()}firstUpdated(){this.renderSlider()}_getStartValues(){var n,o,a;let e=Number(this.min),t=Number(this.max);if(this.mode==="range"){let r=(n=this.startValue)!=null?n:e,s=(o=this.endValue)!=null?o:t;return[r,s]}return[(a=this.value)!=null?a:e]}renderSlider(){var a;if(!this.slider)return;(a=this.slider.noUiSlider)==null||a.destroy();let e=Number(this.min),t=Number(this.max);if(!Number.isFinite(e)||!Number.isFinite(t)||t<e){v.create(this.slider,{start:[0],range:{min:0,max:0}});return}let u=this._getStartValues(),n={range:{min:e,max:t},start:u,step:this.step,connect:this.mode==="range",tooltips:this.formatTooltip?{to:r=>{var s,d;return(d=(s=this.formatTooltip)==null?void 0:s.call(this,r))!=null?d:r}}:this.hasTooltips,behaviour:"drag",format:this._getFormatter(),pips:this.hasPips?{mode:N.Range,density:-1,format:this._getFormatter()}:void 0};v.create(this.slider,n);let o=this.slider.noUiSlider.get();if(this.mode==="range"){let[r,s]=Array.isArray(o)?o.map(Number):[e,t];this.currentStartValue=r,this.currentEndValue=s,this.hasBeenManipulated=r!==e||s!==t}else{let[r]=Array.isArray(o)?o.map(Number):[e];this.currentValue=r,this.hasBeenManipulated=r!==e}this.hasTooltips&&this.mode==="range"&&V(this.slider,15,"-"),this.slider.noUiSlider.on("update",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e}this.requestUpdate()}),this.slider.noUiSlider.on("change",r=>{if(this.mode==="range"){let[s,d]=r.map(Number);this.currentStartValue=s,this.currentEndValue=d,this.hasBeenManipulated=s!==e||d!==t,this.emit("terra-slider-change",{detail:{startValue:s,endValue:d}})}else{let[s]=r.map(Number);this.currentValue=s,this.hasBeenManipulated=s!==e,this.emit("terra-slider-change",{detail:{value:s}})}this.requestUpdate()}),this.slider.noUiSlider.on("update",()=>{this._updateInputFields()}),this.slider.noUiSlider.on("change",()=>{this._updateInputFields()}),this.disabledChanged()}_updateInputFields(){if(!this.showInputs)return;let e=this.slider.noUiSlider.get(),t=Array.isArray(e)?e:[e];this.requestUpdate(),setTimeout(()=>{var u,n,o;if(this.mode==="range"){let a=(u=this.shadowRoot)==null?void 0:u.querySelector("#slider-start-input"),r=(n=this.shadowRoot)==null?void 0:n.querySelector("#slider-end-input");a&&(a.value=this._formatValue(Number(t[0]))),r&&(r.value=this._formatValue(Number(t[1])))}else{let a=(o=this.shadowRoot)==null?void 0:o.querySelector("#slider-value-input");a&&(a.value=this._formatValue(Number(t[0])))}},10)}_getFormatter(){let e=Number.isInteger(this.step);return{to:t=>{if(e)return Math.round(t).toString();{let u=this.step.toString(),n=u.includes(".")?u.split(".")[1].length:0;return t.toFixed(n)}},from:t=>Number(t)}}_formatValue(e){let t=Number(e);if(isNaN(t))return"0";if(Number.isInteger(this.step))return Math.round(t).toString();{let n=this.step.toString(),o=n.includes(".")?n.split(".")[1].length:0;return t.toFixed(o)}}handleClear(){let e=Number(this.min),t=Number(this.max);this.mode==="range"?(this.slider.noUiSlider.set([e,t]),this.currentStartValue=e,this.currentEndValue=t,this.hasBeenManipulated=!1):(this.slider.noUiSlider.set([e]),this.currentValue=e,this.hasBeenManipulated=!1),this.requestUpdate()}render(){var s,d,b;let e="container"+(this.hasPips?" hasPips":""),t=Number(this.min),u=Number(this.max),n=(s=this.currentStartValue)!=null?s:this.mode==="range"?t:void 0,o=(d=this.currentEndValue)!=null?d:this.mode==="range"?u:void 0,a=(b=this.currentValue)!=null?b:this.mode==="single"?t:void 0,r=this.mode==="range"?`${this._formatValue(n)}\u2013${this._formatValue(o)}`:this._formatValue(a);return m`
+            <div class="slider">
+                ${this.hasTooltips?m`
+                          <label
+                              for="slider-control"
+                              class=${this.hideLabel?"sr-only":"slider__label"}
+                              >${this.label}</label
+                          >
+                      `:m`
+                          <div class="slider__header">
+                              <label
+                                  for="slider-control"
+                                  class=${this.hideLabel?"sr-only":"slider__label"}
+                                  >${this.label}</label
+                              >
+                              <div class="slider__header-right">
+                                  ${this.hasBeenManipulated?m`
+                                            <button
+                                                class="slider__clear"
+                                                @click="${this.handleClear}"
+                                                type="button"
+                                            >
+                                                Clear
+                                            </button>
+                                        `:""}
+                                  <span class="slider__current-range"
+                                      >${r}</span
+                                  >
+                              </div>
+                          </div>
+                      `}
+                <div class="${e}">
+                    <div part="slider" id="slider-control"></div>
+                    ${this.showInputs?this._renderInputFields():""}
+                    <slot></slot>
+                </div>
+            </div>
+        `}_renderInputFields(){var e,t,u,n,o,a;return this.mode==="range"?m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-start-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((t=(e=this.startValue)!=null?e:this.min)!=null?t:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                    <span class="input-separator">to</span>
+                    <input
+                        id="slider-end-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((n=(u=this.endValue)!=null?u:this.max)!=null?n:100)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `:m`
+                <div class="slider-inputs">
+                    <input
+                        id="slider-value-input"
+                        type="number"
+                        .min="${this.min}"
+                        .max="${this.max}"
+                        .step="${this.step}"
+                        .value="${this._formatValue((a=(o=this.value)!=null?o:this.min)!=null?a:0)}"
+                        @change="${this._handleInputChange}"
+                        @keydown="${this._handleInputKeydown}"
+                    />
+                </div>
+            `}_handleInputChange(e){let t=e.target,u=Number(t.value),n=Number(this.min),o=Number(this.max),a=Math.max(n,Math.min(o,u));if(t.value=this._formatValue(a),this.mode==="range"){let s=[...this.slider.noUiSlider.get()];t.id==="slider-start-input"?s[0]=a:s[1]=a,this.slider.noUiSlider.set(s),this.emit("terra-slider-change",{detail:{startValue:s[0],endValue:s[1]}})}else this.slider.noUiSlider.set([a]),this.emit("terra-slider-change",{detail:{value:a}})}_handleInputKeydown(e){e.key==="Enter"&&e.target.blur()}};i.styles=[g,y],l([_('[part~="slider"]')],i.prototype,"slider",2),l([h({reflect:!0})],i.prototype,"mode",2),l([h({type:Number})],i.prototype,"min",2),l([h({type:Number})],i.prototype,"max",2),l([h({type:Number})],i.prototype,"step",2),l([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([h({type:Boolean,reflect:!0,attribute:"has-pips"})],i.prototype,"hasPips",2),l([h({type:Boolean,reflect:!0,attribute:"has-tooltips"})],i.prototype,"hasTooltips",2),l([h({type:Boolean,reflect:!0,attribute:"show-inputs"})],i.prototype,"showInputs",2),l([h({type:Number})],i.prototype,"value",2),l([h({type:Number,attribute:"start-value"})],i.prototype,"startValue",2),l([h({type:Number,attribute:"end-value"})],i.prototype,"endValue",2),l([h()],i.prototype,"label",2),l([h({attribute:"hide-label",type:Boolean})],i.prototype,"hideLabel",2),l([h({attribute:"format-tooltip",type:Function})],i.prototype,"formatTooltip",2),l([p()],i.prototype,"currentStartValue",2),l([p()],i.prototype,"currentEndValue",2),l([p()],i.prototype,"currentValue",2),l([p()],i.prototype,"hasBeenManipulated",2),l([c(["mode","min","max","step","value","startValue","endValue","hasPips","hasTooltips","showInputs"])],i.prototype,"updateSlider",1),l([c("disabled")],i.prototype,"disabledChanged",1);export{i as a};

package/dist/chunks/chunk.WR22TB5Y.js

@@ -0,0 +1,106 @@
+import{css as o}from"lit";var i=o`
+    :host {
+        --max-width: 20rem;
+        --hide-delay: 0ms;
+        --show-delay: 150ms;
+
+        display: contents;
+    }
+
+    .tooltip {
+        --arrow-size: var(--terra-tooltip-arrow-size);
+        --arrow-color: var(--terra-tooltip-background-color);
+    }
+
+    .tooltip::part(popup) {
+        z-index: var(--terra-z-index-tooltip);
+    }
+
+    .tooltip[placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .tooltip[placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    .tooltip[placement^='left']::part(popup) {
+        transform-origin: right;
+    }
+
+    .tooltip[placement^='right']::part(popup) {
+        transform-origin: left;
+    }
+
+    .tooltip__body {
+        display: block;
+        width: max-content;
+        max-width: var(--max-width);
+        border-radius: var(--terra-tooltip-border-radius);
+        background-color: var(--terra-tooltip-background-color);
+        font-family: var(--terra-tooltip-font-family);
+        font-size: var(--terra-tooltip-font-size);
+        font-weight: var(--terra-tooltip-font-weight);
+        line-height: var(--terra-tooltip-line-height);
+        text-align: start;
+        white-space: normal;
+        color: var(--terra-tooltip-color);
+        padding: var(--terra-tooltip-padding);
+        pointer-events: none;
+        user-select: none;
+        -webkit-user-select: none;
+    }
+
+    :host([interactive]) .tooltip__body {
+        pointer-events: auto;
+        user-select: text;
+        -webkit-user-select: text;
+    }
+
+    .tooltip__image {
+        display: none;
+    }
+
+    .tooltip__image ::slotted(*) {
+        display: block;
+    }
+
+    :host([variant='popover']) .tooltip__body {
+        /* Popovers are card-like panels with richer content */
+        width: auto;
+        min-width: 260px;
+        max-width: 320px;
+        border-radius: var(--terra-popover-border-radius);
+        background-color: var(--terra-popover-background-color);
+        color: var(--terra-popover-color);
+        font-family: var(--terra-popover-font-family);
+        font-size: var(--terra-popover-font-size);
+        font-weight: var(--terra-popover-font-weight);
+        line-height: var(--terra-popover-line-height);
+        padding: var(--terra-popover-padding);
+        box-shadow: var(--terra-popover-shadow);
+        overflow: hidden;
+        pointer-events: auto; /* allow interactive content such as links and buttons */
+    }
+
+    :host([variant='popover']) .tooltip {
+        --arrow-size: var(--terra-popover-arrow-size);
+        --arrow-color: var(--terra-popover-background-color);
+    }
+
+    :host([variant='popover']) .tooltip__image {
+        display: block;
+        margin: calc(-1 * var(--terra-popover-padding));
+        margin-bottom: var(--terra-popover-padding);
+    }
+
+    :host([variant='popover']) .tooltip__image ::slotted(img),
+    :host([variant='popover']) .tooltip__image ::slotted(picture),
+    :host([variant='popover']) .tooltip__image ::slotted(video) {
+        width: 100%;
+        max-height: 260px;
+        object-fit: cover;
+        border-top-left-radius: var(--terra-popover-border-radius);
+        border-top-right-radius: var(--terra-popover-border-radius);
+    }
+`;export{i as a};

package/dist/chunks/chunk.WT6GZVYY.js

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

package/dist/chunks/chunk.WXZVHMVF.js

@@ -0,0 +1 @@
+function u(e,n){e.removeAttribute("aria-activedescendant"),n.querySelectorAll("[aria-selected]").forEach(t=>t.removeAttribute("aria-selected"))}function c(e,n,t="next"){let o=t==="next"?e.nextNode():e.previousNode();(o===null||o===e.root)&&(t==="next"?r(e):i(e)),n.setAttribute("aria-activedescendant",e.currentNode.id),e.currentNode.setAttribute("aria-selected","true"),globalThis.setTimeout(()=>{e.currentNode.scrollIntoView({behavior:"auto",block:"nearest"})},100)}function r(e){e.parentNode(),e.firstChild()}function i(e){e.parentNode(),e.lastChild()}export{u as a,c as b};

package/dist/chunks/chunk.X5OPH5X7.js

@@ -0,0 +1,57 @@
+import{css as o}from"lit";var a=o`
+    .form-control .form-control__label {
+        display: none;
+    }
+
+    .form-control .form-control__help-text {
+        display: none;
+    }
+
+    /* Label */
+    .form-control--has-label .form-control__label {
+        display: inline-block;
+        color: var(--terra-input-label-color);
+        margin-bottom: var(--terra-spacing-3x-small);
+    }
+
+    .form-control--has-label.form-control--small .form-control__label {
+        font-size: var(--terra-input-label-font-size-small);
+    }
+
+    .form-control--has-label.form-control--medium .form-control__label {
+        font-size: var(--terra-input-label-font-size-medium);
+    }
+
+    .form-control--has-label.form-control--large .form-control__label {
+        font-size: var(--terra-input-label-font-size-large);
+    }
+
+    :host([required]) .form-control--has-label .form-control__label::after {
+        content: var(--terra-input-required-content);
+        margin-inline-start: var(--terra-input-required-content-offset);
+        color: var(--terra-input-required-content-color);
+    }
+
+    /* Help text */
+    .form-control--has-help-text .form-control__help-text {
+        display: block;
+        color: var(--terra-input-help-text-color);
+        margin-top: var(--terra-spacing-3x-small);
+    }
+
+    .form-control--has-help-text.form-control--small .form-control__help-text {
+        font-size: var(--terra-input-help-text-font-size-small);
+    }
+
+    .form-control--has-help-text.form-control--medium .form-control__help-text {
+        font-size: var(--terra-input-help-text-font-size-medium);
+    }
+
+    .form-control--has-help-text.form-control--large .form-control__help-text {
+        font-size: var(--terra-input-help-text-font-size-large);
+    }
+
+    .form-control--has-help-text.form-control--radio-group .form-control__help-text {
+        margin-top: var(--terra-spacing-2x-small);
+    }
+`;export{a};

package/dist/chunks/chunk.X6YUDBBQ.js

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

package/dist/chunks/chunk.XIJIRCHU.js

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

@@ -0,0 +1,9 @@
+import{css as t}from"lit";var l=t`
+    :host {
+        display: contents;
+    }
+
+    terra-alert {
+        /* Toasts should always use the filled appearance for better visibility */
+    }
+`;export{l as a};

package/dist/chunks/chunk.XWET63TO.js

@@ -0,0 +1,188 @@
+import{css as t}from"lit";var i=t`
+    :host {
+        display: block;
+    }
+
+    .pagination {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-medium, 1rem);
+    }
+
+    .pagination--centered {
+        justify-content: center;
+    }
+
+    .pagination--left {
+        justify-content: space-between;
+    }
+
+    .pagination--simple {
+        justify-content: center;
+    }
+
+    .pagination__nav {
+        display: flex;
+        align-items: center;
+        gap: var(--terra-spacing-medium, 1rem);
+    }
+
+    .pagination__button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--terra-spacing-2x-small, 0.25rem);
+        min-width: auto;
+        height: auto;
+        padding: 0;
+        margin: 0;
+        background-color: transparent;
+        border: none;
+        border-radius: 0;
+        color: var(--terra-pagination-button-color);
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-small, 0.875rem);
+        font-weight: var(--terra-font-weight-normal);
+        line-height: 1.5;
+        cursor: pointer;
+        transition: color var(--terra-transition-fast);
+    }
+
+    /* Circular buttons for prev/next - only for icon-only buttons (full/centered variants) */
+    /* Need higher specificity to override base button styles */
+    :host:not([variant='simple']) .pagination__button.pagination__button--prev,
+    :host:not([variant='simple']) .pagination__button.pagination__button--next {
+        width: 2rem !important;
+        height: 2rem !important;
+        min-width: 2rem !important;
+        padding: 0 !important;
+        margin: 0 !important;
+        border-radius: 50% !important;
+        background-color: var(
+            --terra-pagination-icon-button-background-color
+        ) !important;
+        border: 1px solid var(--terra-pagination-icon-button-border-color) !important;
+        color: var(--terra-pagination-button-color) !important;
+        box-sizing: border-box !important;
+    }
+
+    /* Hover styles for circular icon buttons only */
+    :host:not([variant='simple']) .pagination__button--prev:hover:not(:disabled),
+    :host:not([variant='simple']) .pagination__button--next:hover:not(:disabled) {
+        background-color: var(--terra-pagination-icon-button-background-color-hover);
+        border-color: var(--terra-pagination-icon-button-border-color-hover);
+    }
+
+    .pagination__button:hover:not(:disabled) {
+        color: var(--terra-pagination-button-color-hover);
+    }
+
+    .pagination__button:focus-visible {
+        outline: 2px solid var(--terra-color-nasa-blue);
+        outline-offset: 2px;
+    }
+
+    .pagination__button:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+    }
+
+    .pagination__button:disabled:hover {
+        color: var(--terra-pagination-button-color);
+    }
+
+    /* Current page button should not be dimmed even though it's disabled */
+    .pagination__button--current:disabled {
+        opacity: 1;
+        cursor: default;
+    }
+
+    /* Disabled icon buttons should have lighter appearance */
+    :host:not([variant='simple']) .pagination__button--prev:disabled,
+    :host:not([variant='simple']) .pagination__button--next:disabled {
+        background-color: var(
+            --terra-pagination-icon-button-background-color-disabled
+        );
+        border-color: var(--terra-pagination-icon-button-border-color-disabled);
+        opacity: 1;
+    }
+
+    :host:not([variant='simple']) .pagination__button--prev:disabled terra-icon,
+    :host:not([variant='simple']) .pagination__button--next:disabled terra-icon {
+        color: var(--terra-pagination-icon-button-icon-color-disabled);
+    }
+
+    .pagination__button--current {
+        color: var(--terra-pagination-button-color);
+        font-weight: var(--terra-font-weight-bold);
+        cursor: default;
+    }
+
+    .pagination__button--current:hover {
+        color: var(--terra-pagination-button-color);
+    }
+
+    .pagination__button--current::after {
+        content: '';
+        position: absolute;
+        bottom: -0.25rem;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background-color: var(
+            --terra-pagination-button-color-current,
+            var(--terra-color-carbon-black)
+        );
+    }
+
+    /* Ensure page buttons have no extra spacing */
+    .pagination__button--page:not(.pagination__button--current) {
+        color: var(--terra-pagination-button-color);
+    }
+
+    .pagination__button--page {
+        font-weight: var(--terra-font-weight-bold);
+        position: relative;
+        padding: 0 5px;
+        margin: 0;
+    }
+
+    .pagination__button-text {
+        display: inline-block;
+    }
+
+    .pagination__button terra-icon {
+        width: 1rem;
+        height: 1rem;
+        flex-shrink: 0;
+    }
+
+    /* Icon styling for circular icon-only buttons */
+    :host:not([variant='simple']) .pagination__button--prev terra-icon,
+    :host:not([variant='simple']) .pagination__button--next terra-icon {
+        width: 0.875rem;
+        height: 0.875rem;
+        color: inherit;
+    }
+
+    .pagination__ellipsis {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: auto;
+        height: auto;
+        padding: 0;
+        margin: 0;
+        color: var(--terra-pagination-button-color);
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-small, 0.875rem);
+        line-height: 1.5;
+    }
+
+    .pagination__slot {
+        display: flex;
+        align-items: center;
+    }
+
+    /* Dark mode support - handled by horizon.css design tokens */
+`;export{i as a};

package/dist/chunks/chunk.Y5KEEPVM.js

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

package/dist/chunks/chunk.YE2XHS7U.js

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