@nasa-terra/components 0.0.185 → 0.0.187

package/dist/chunks/chunk.AQD2424J.js

@@ -0,0 +1,299 @@
+import{a as g,e as o,f as l,g as d,h as m,i as y}from"./chunk.INFVQQSJ.js";import{css as x}from"lit";var M=x`
+    :host {
+        box-sizing: border-box;
+        display: none;
+    }
+
+    :host *,
+    :host *::before,
+    :host *::after {
+        box-sizing: inherit;
+    }
+
+    :host {
+        background-color: var(--background-color);
+        color: var(--color);
+    }
+
+    [hidden] {
+        display: none !important;
+    }
+
+    /* Horizon Design System Font Classes */
+
+    /* Display Fonts */
+
+    .display-120 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-100 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 6.25rem; /* 100px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-80 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 5rem; /* 80px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-72 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 4.5rem; /* 72px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-60 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3.75rem; /* 60px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-48 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .display-41 {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.563rem; /* 41px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    /* Heading Fonts */
+
+    .heading-36-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-36-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-29-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-29-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.813rem; /* 29px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-22-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /* 22px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-22-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.375rem; /*22px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-18-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-18-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-16-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-16-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-14-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-14-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-12-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-bold);
+    }
+
+    .heading-12-light {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .heading-11-semi-bold {
+        font-family: var(--terra-font-family--inter);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-semi-bold);
+    }
+
+    /* Body Fonts */
+
+    .body-18 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1.125rem; /* 18px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-16 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 1rem; /* 16px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-14 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-12 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    .body-11 {
+        font-family: var(--terra-font-family--public-sans);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-normal);
+    }
+
+    /* Number & Label Fonts */
+
+    .number-240 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 15rem; /* 240px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-120 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 7.5rem; /* 120px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-48 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 3rem; /* 48px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-36 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 2.25rem; /* 36px */
+        font-weight: var(--terra-font-weight-light);
+    }
+
+    .number-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: 500;
+    }
+
+    .number-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: 500;
+    }
+
+    .label-14 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.875rem; /* 14px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-12 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.75rem; /* 12px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    .label-11 {
+        font-family: var(--terra-font-family--dm-mono);
+        font-size: 0.688rem; /* 11px */
+        font-weight: var(--terra-font-weight-light);
+        text-transform: uppercase;
+    }
+
+    /* Forms */
+
+    /* Input Field */
+
+    select,
+    .input {
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        color: var(--terra-input-color);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        background-color: var(--terra-input-background-color);
+        border: var(--terra-input-border-width) solid var(--terra-input-border-color);
+        border-radius: var(--terra-input-border-radius);
+    }
+
+    label,
+    .input-label {
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        color: var(--terra-input-label-color);
+        font-weight: var(--terra-font-weight-semibold);
+        line-height: var(--terra-input-label-line-height);
+    }
+
+    /* Elements */
+
+    a {
+        text-decoration: underline;
+        text-decoration-color: #585858;
+        text-decoration-style: dashed;
+        text-decoration-thickness: 0.05em;
+        text-underline-offset: 0.25rem;
+        color: var(--terra-color-carbon-60);
+    }
+
+    /* UTILITY CSS */
+    .sr-only {
+        block-size: 1px;
+        border-width: 0;
+        clip: rect(0, 0, 0, 0);
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        white-space: nowrap;
+        width: 1px;
+    }
+`;import{LitElement as T}from"lit";import{property as v,state as z}from"lit/decorators.js";var r,h,u,p,b,n=class extends T{constructor(){super();d(this,h);d(this,p);this.environment="prod";this.isVisible=!1;d(this,r,void 0);Object.entries(this.constructor.dependencies).forEach(([e,t])=>{this.constructor.define(e,t)})}connectedCallback(){super.connectedCallback(),y(this,h,u).call(this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=l(this,r))==null||e.disconnect(),m(this,r,void 0)}firstVisible(){}emit(e,t){let i=new CustomEvent(e,g({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){let s=customElements.get(e);if(!s){customElements.define(e,class extends t{},i);return}let a=" (unknown version)",f=a;"version"in t&&t.version&&(a=" v"+t.version),"version"in s&&s.version&&(f=" v"+s.version),!(a&&f&&a===f)&&console.warn(`Attempted to register <${e}>${a}, but <${e}>${f} has already been registered.`)}};r=new WeakMap,h=new WeakSet,u=function(){if(!l(this,r)){if(this.isVisible=y(this,p,b).call(this),this.isVisible){this.firstVisible();return}if(!("IntersectionObserver"in window)){this.isVisible=!0,this.firstVisible();return}m(this,r,new IntersectionObserver(e=>{var t;e.some(i=>i.isIntersecting)&&((t=l(this,r))==null||t.disconnect(),m(this,r,void 0),this.isVisible=!0,setTimeout(()=>this.firstVisible(),500))},{root:null,threshold:0})),l(this,r).observe(this)}},p=new WeakSet,b=function(){if(!this.isConnected)return!1;let e=this.getBoundingClientRect(),t=getComputedStyle(this);return e.width>0&&e.height>0&&t.display!=="none"&&t.visibility!=="hidden"},n.version="0.0.187",n.dependencies={},o([v()],n.prototype,"dir",2),o([v()],n.prototype,"lang",2),o([v()],n.prototype,"environment",2),o([v()],n.prototype,"bearerToken",2),o([z()],n.prototype,"isVisible",2);export{M as a,n as b};

package/dist/chunks/chunk.AUCEIALT.js

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

package/dist/chunks/chunk.BBNJBO5W.js

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

package/dist/chunks/chunk.BF5VMLO3.js

@@ -0,0 +1 @@
+import{QueryObserver as u}from"@tanstack/query-core";var i=class{constructor(e,t,r){this.host=e;this.optionsFn=t;this.host.addController(this),this.hostPropertyName=r,this.optionsFn&&this.observeQuery(this.optionsFn)}observeQuery(e,t=!0){let r=this.host.queryClient,o=typeof e=="function"?e():e,s=r.defaultQueryOptions(o);this.queryObserver=new u(r,s),this.result=t?this.queryObserver.getOptimisticResult(s):void 0,this.host.requestUpdate()}hostUpdate(){if(!this.optionsFn||!this.queryObserver)return;let e=this.host.queryClient.defaultQueryOptions(this.optionsFn());this.queryObserver.setOptions(e)}hostConnected(){this.subscribe()}async subscribe(){var e;!this.queryObserver&&(this.optionsFn&&this.observeQuery(this.optionsFn),!this.queryObserver)||((e=this.unsubscribe)==null||e.call(this),this.unsubscribe=this.queryObserver.subscribe(t=>{this.result=t,this.hostPropertyName&&(this.host[this.hostPropertyName]=t),this.host.requestUpdate()}),this.queryObserver.updateResult(),this.host.requestUpdate())}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this),this.unsubscribe=void 0}};export{i as a};

package/dist/chunks/chunk.BILLSUHJ.js

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

package/dist/chunks/chunk.BM6R6HEQ.js

@@ -0,0 +1 @@
+import{b as f}from"./chunk.EL5HO6Y2.js";import{b as d}from"./chunk.BWCJXCND.js";import{a as g}from"./chunk.KRY24B2Z.js";import{a as u,b as m}from"./chunk.INFVQQSJ.js";import{Task as p}from"@lit/task";var c=new Map,s=new Map;function b(e){let i,t;if(e.dataProductBeginDateTime&&e.dataProductEndDateTime){let r=Math.abs(new Date(e.dataProductEndDateTime).getTime()-new Date(e.dataProductBeginDateTime).getTime()),o=Math.floor(r*.75),a=Math.abs(new Date(e.dataProductBeginDateTime).getTime()+o);i=d(a),t=d(e.dataProductEndDateTime)}return m(u({},e),{exampleInitialStartDate:i,exampleInitialEndDate:t,dataFieldShortName:!e.dataFieldShortName||e.dataFieldShortName===""?e.dataFieldAccessName:e.dataFieldShortName})}function V(e,i){return!e||e.length!==i.length?!1:e.every((t,r)=>t.dataFieldId===i[r].dataFieldId)}function D(e,i){var r,o,a,l;let t=i[0];t&&(e.startDate=(o=e.startDate)!=null?o:(r=t.exampleInitialStartDate)==null?void 0:r.toISOString(),e.endDate=(l=e.endDate)!=null?l:(a=t.exampleInitialEndDate)==null?void 0:a.toISOString(),e.catalogVariable=t,V(e.catalogVariables,i)||(e.catalogVariables=[...i]),e.variableEntryId=t.dataFieldId)}function M(e,i=!0){return new p(e,{task:async t=>{let r=f(e);if(console.debug("Fetch variables ",r),!r.length)return;let o=(await Promise.all(r.map(async a=>{if(c.has(a))return console.debug("Using cached variable ",a),c.get(a);if(s.has(a))return console.debug("Waiting for pending request for variable ",a),await s.get(a);let l=g.getVariable(a).then(n=>n?b(n):null).catch(n=>(console.warn("Failed to fetch variable",a,n),null));s.set(a,l);try{let n=await l;return console.debug("Found variable ",n),n?(c.set(a,n),n):null}finally{s.delete(a)}}))).filter(Boolean);o.length&&D(e,o)},args:()=>{var t;return[e.variableEntryId,(t=e.variableEntryIds)==null?void 0:t.join("|"),e.collection,e.variable]},autoRun:i})}export{M as a};

package/dist/chunks/chunk.BNPSWS2D.js

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

package/dist/chunks/chunk.BQRNRGEV.js

@@ -0,0 +1,19 @@
+import{a}from"./chunk.32TDAXC6.js";import{a as l}from"./chunk.M6UJ3FOI.js";import{a as n}from"./chunk.J5Q4TWEG.js";import{a as r,b as o}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{html as c}from"lit";import{property as s,state as m}from"lit/decorators.js";var t=class extends o{constructor(){super(...arguments);this.inline=!1;this.dark=!1;this.inactivityDelay=3e3;this.visible=!1;this.handleScroll=()=>{if(this.inline)return;this.isAtBottomOfPage()?(this.visible&&this.hide(),this.clearTimers()):this.visible&&(this.hide(),this.startInactivityTimer())};this.handleDocumentClick=i=>{this.contains(i.target)||!this.inline&&this.visible&&(this.hide(),this.startInactivityTimer())};this.handleClick=()=>{this.emit("terra-scroll"),this.inline||(this.hide(),setTimeout(()=>{this.startInactivityTimer()},100)),this.scrollDown()}}handleInlineChange(){this.inline?(this.visible=!0,this.clearTimers()):(this.visible=!1,this.clearTimers(),this.startInactivityTimer())}connectedCallback(){super.connectedCallback(),this.setupEventListeners(),this.inline?this.visible=!0:this.startInactivityTimer()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupEventListeners(),this.clearTimers()}setupEventListeners(){window.addEventListener("scroll",this.handleScroll,{passive:!0}),document.addEventListener("click",this.handleDocumentClick)}cleanupEventListeners(){window.removeEventListener("scroll",this.handleScroll),document.removeEventListener("click",this.handleDocumentClick)}isAtBottomOfPage(){let i=window.innerHeight,h=document.documentElement.scrollHeight;return(window.scrollY||document.documentElement.scrollTop)+i>=h-100}scrollDown(){let i=window.innerHeight;window.scrollBy({top:i,behavior:"smooth"})}hide(){this.visible=!1,this.clearTimers()}startInactivityTimer(){this.inline||this.isAtBottomOfPage()||(this.inactivityTimeout=window.setTimeout(()=>{this.isAtBottomOfPage()||(this.visible=!0)},this.inactivityDelay))}clearTimers(){clearTimeout(this.scrollTimeout),clearTimeout(this.clickTimeout),clearTimeout(this.inactivityTimeout)}render(){return this.visible?c`
+            <button
+                part="button"
+                class="scroll-hint"
+                @click="${this.handleClick}"
+                aria-label="Scroll to continue"
+            >
+                <div part="icon-container" class="scroll-hint__icon-container">
+                    <div part="ring" class="scroll-hint__ring"></div>
+                    <div part="icon" class="scroll-hint__icon">
+                        <terra-icon
+                            name="chevron-down"
+                            library="default"
+                        ></terra-icon>
+                    </div>
+                </div>
+                <span part="text" class="scroll-hint__text">SCROLL TO CONTINUE</span>
+            </button>
+        `:c``}};t.styles=[r,a],t.dependencies={"terra-icon":l},e([s({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([s({type:Boolean,reflect:!0})],t.prototype,"dark",2),e([s({type:Number})],t.prototype,"inactivityDelay",2),e([m()],t.prototype,"visible",2),e([n("inline")],t.prototype,"handleInlineChange",1);export{t as a};

package/dist/chunks/chunk.BY4THMCU.js

@@ -0,0 +1,48 @@
+import{b as w,c as k}from"./chunk.UTJA3S5Z.js";import{a as C}from"./chunk.R4D7NLOS.js";import{a as D}from"./chunk.M6UJ3FOI.js";import{a as b}from"./chunk.6PEAAW4E.js";import{a as f}from"./chunk.J5Q4TWEG.js";import{a as y,b as v}from"./chunk.AQD2424J.js";import{e,g,i as d}from"./chunk.INFVQQSJ.js";import{classMap as x}from"lit/directives/class-map.js";import{html as m,literal as $}from"lit/static-html.js";import{ifDefined as r}from"lit/directives/if-defined.js";import{property as o,query as L,state as c}from"lit/decorators.js";var n,u,t=class extends v{constructor(){super(...arguments);g(this,n);this.formControlController=new w(this,{assumeInteractionOn:["click"]});this.hasSlotController=new b(this,"[default]","prefix","suffix");this.hasFocus=!1;this.invalid=!1;this.title="";this.variant="primary";this.size="medium";this.caret=!1;this.disabled=!1;this.loading=!1;this.outline=!1;this.circle=!1;this.type="button";this.name="";this.value="";this.href="";this.rel="noreferrer noopener";this.role="button";this.expanded=!1}get validity(){return this.isButton()?this.button.validity:k}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}connectedCallback(){super.connectedCallback(),this.forDialog&&(document.addEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.addEventListener("terra-dialog-hide",d(this,n,u).bind(this)))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("terra-dialog-show",d(this,n,u).bind(this)),document.removeEventListener("terra-dialog-hide",d(this,n,u).bind(this))}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleFocus(){this.hasFocus=!0,this.emit("terra-focus")}handleClick(){if(this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this),this.forDialog){let i=document.getElementById(this.forDialog);if(!i){let a=l=>{if("getElementById"in l&&typeof l.getElementById=="function"){let s=l.getElementById(this.forDialog);if(s)return s}let E=l.querySelectorAll("*");for(let s of E){if(s.id===this.forDialog&&s.tagName.toLowerCase()==="terra-dialog")return s;if(s.shadowRoot&&s.shadowRoot.mode==="open"){let p=a(s.shadowRoot);if(p)return p}}return null},h=a(document);h&&(i=h)}i==null||i.show()}}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}handleHrefChange(){this.role=this.isLink()?null:"button"}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}setPageLinkIcon(i){let h=new URL(i).hostname,l=globalThis.location.hostname;return h===l?"outline-arrow-right":"outline-arrow-up-right"}setFontSize(i){switch(i){case"small":return".8rem";case"medium":return"1.2rem";case"large":return"1.5rem";default:return"1.5rem"}}render(){let i=this.isLink(),a=i?$`a`:$`button`;return m`
+      <${a}
+        part="base"
+        class=${x({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--success":this.variant==="success","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--pagelink":this.variant==="pagelink","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--square-left":this.shape==="square-left","button--square":this.shape==="square","button--square-right":this.shape==="square-right","button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
+        ?disabled=${r(i?void 0:this.disabled)}
+        type=${r(i?void 0:this.type)}
+        title=${this.title}
+        name=${r(i?void 0:this.name)}
+        value=${r(i?void 0:this.value)}
+        href=${r(i?this.href:void 0)}
+        target=${r(i?this.target:void 0)}
+        download=${r(i?this.download:void 0)}
+        rel=${r(i?this.rel:void 0)}
+        role=${r(this.role)}
+        aria-disabled=${this.disabled?"true":"false"}
+        tabindex=${this.disabled?"-1":"0"}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @invalid=${this.isButton()?this.handleInvalid:null}
+        @click=${this.handleClick}
+        aria-controls=${r(this.forDialog||void 0)} 
+        ?aria-haspopup=${this.forDialog?"dialog":void 0}
+        aria-expanded=${r(this.forDialog?this.expanded:void 0)}
+      >
+        <slot name="prefix" part="prefix" class="button__prefix"></slot>
+        <slot part="label" class="button__label"></slot>
+        <slot name="suffix" part="suffix" class="button__suffix">
+            ${this.variant=="pagelink"?m`
+                          <span>
+                              <terra-icon
+                                  name=${this.setPageLinkIcon(this.href)}
+                                  library="heroicons"
+                                  font-size=${this.setFontSize(this.size)}
+                              ></terra-icon>
+                          </span>
+                      `:""}
+        </slot>
+        ${this.caret?m`
+                      <span part="caret" class="button__caret">
+                          <terra-icon
+                              name="solid-chevron-down"
+                              library="heroicons"
+                              aria-hidden="true"
+                          ></terra-icon>
+                      </span>
+                  `:""}
+      </${a}>
+    `}};n=new WeakSet,u=function(i){this.forDialog&&this.forDialog===i.target.id&&(this.expanded=i.target.open)},t.styles=[y,C],t.dependencies={"terra-icon":D},e([L(".button")],t.prototype,"button",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"invalid",2),e([o()],t.prototype,"title",2),e([o({reflect:!0})],t.prototype,"variant",2),e([o({reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"caret",2),e([o({reflect:!0})],t.prototype,"shape",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:Boolean,reflect:!0})],t.prototype,"outline",2),e([o({type:Boolean,reflect:!0})],t.prototype,"circle",2),e([o()],t.prototype,"type",2),e([o()],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o()],t.prototype,"href",2),e([o()],t.prototype,"target",2),e([o()],t.prototype,"rel",2),e([o()],t.prototype,"download",2),e([o()],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([o({attribute:"for-dialog"})],t.prototype,"forDialog",2),e([o({reflect:!0})],t.prototype,"role",2),e([c()],t.prototype,"expanded",2),e([f("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([f("href")],t.prototype,"handleHrefChange",1);export{t as a};

package/dist/chunks/chunk.C7XTVBV4.js

@@ -0,0 +1,24 @@
+import{a as r}from"./chunk.W2BB76HP.js";import{a as o}from"./chunk.M6UJ3FOI.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as i,b as s}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as d}from"lit/directives/class-map.js";import{html as n}from"lit";import{property as l,query as p}from"lit/decorators.js";var m=0,t=class extends s{constructor(){super(...arguments);this.attrId=++m;this.componentId=`terra-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1;this.size="large";this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(c){c.stopPropagation(),this.emit("terra-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}render(){return this.id=this.id.length>0?this.id:this.componentId,n`
+            <div
+                part="base"
+                class=${d({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled,"tab--large":this.size==="large","tab--small":this.size==="small"})}
+            >
+                <slot></slot>
+                ${this.closable?n`
+                          <button
+                              part="close-button"
+                              class="tab__close-button"
+                              @click=${this.handleCloseClick}
+                              tabindex="-1"
+                              aria-label="Close tab"
+                              type="button"
+                          >
+                              <terra-icon
+                                  name="x-mark"
+                                  library="heroicons"
+                                  font-size="1rem"
+                              ></terra-icon>
+                          </button>
+                      `:""}
+            </div>
+        `}};t.styles=[i,r],t.dependencies={"terra-icon":o},e([p(".tab")],t.prototype,"tab",2),e([l({reflect:!0})],t.prototype,"panel",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([l({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([l({reflect:!0})],t.prototype,"size",2),e([l({type:Number,reflect:!0})],t.prototype,"tabIndex",2),e([a("active")],t.prototype,"handleActiveChange",1),e([a("disabled")],t.prototype,"handleDisabledChange",1);export{t as a};

package/dist/chunks/chunk.CAP5VI3I.js

@@ -0,0 +1,26 @@
+import{a as l}from"./chunk.SRDW6MAE.js";import{a as c}from"./chunk.M6UJ3FOI.js";import{a,b as n}from"./chunk.AQD2424J.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as m}from"lit/directives/class-map.js";import{html as i}from"lit";import{property as p}from"lit/decorators.js";var t=class extends n{constructor(){super(...arguments);this.state="upcoming";this.title="";this.hideCheckmark=!1}getStepperVariant(){let s=this.closest("terra-stepper");return s&&s.variant||"default"}render(){let r=this.getStepperVariant()==="condensed",o=this.state==="completed",d=this.state==="current";return i`
+            <div
+                part="base"
+                class=${m({"stepper-step":!0,"stepper-step--default":!r,"stepper-step--condensed":r,"stepper-step--completed":o,"stepper-step--current":d,"stepper-step--upcoming":this.state==="upcoming"})}
+            >
+                <div part="bar" class="stepper-step__bar"></div>
+                ${r?"":i`
+                          <div part="content" class="stepper-step__content">
+                              <div part="title" class="stepper-step__title">
+                                  ${o&&!this.hideCheckmark?i`
+                                            <terra-icon
+                                                part="icon"
+                                                name="solid-check"
+                                                library="heroicons"
+                                                class="stepper-step__icon"
+                                            ></terra-icon>
+                                        `:""}
+                                  ${this.title}
+                              </div>
+                              <div part="caption" class="stepper-step__caption">
+                                  <slot></slot>
+                              </div>
+                          </div>
+                      `}
+            </div>
+        `}};t.styles=[a,l],t.dependencies={"terra-icon":c},e([p({reflect:!0})],t.prototype,"state",2),e([p()],t.prototype,"title",2),e([p({type:Boolean,reflect:!0,attribute:"hide-checkmark"})],t.prototype,"hideCheckmark",2);export{t as a};

package/dist/chunks/chunk.CFVWTEFQ.js

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

package/dist/chunks/chunk.CGEXKBKY.js

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

package/dist/chunks/chunk.CHU5HWVC.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.AGNTPCJT.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-menu";e.define("terra-menu");var n=r({tagName:a,elementClass:e,react:t,events:{onTerraSelect:"terra-select"},displayName:"TerraMenu"}),l=n;export{l as a};

package/dist/chunks/chunk.CI5ZXVL3.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.DWQOSYH7.js";import*as r from"react";import{createComponent as o}from"@lit/react";import"@lit/react";var t="terra-accordion";e.define("terra-accordion");var n=o({tagName:t,elementClass:e,react:r,events:{onTerraAccordionToggle:"terra-accordion-toggle"},displayName:"TerraAccordion"}),d=n;export{d as a};

package/dist/chunks/chunk.CSYGOUUT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.BQRNRGEV.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-scroll-hint";e.define("terra-scroll-hint");var a=t({tagName:o,elementClass:e,react:r,events:{onTerraScroll:"terra-scroll"},displayName:"TerraScrollHint"}),i=a;export{i as a};

package/dist/chunks/chunk.CUINTACG.js

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

package/dist/chunks/chunk.CWNAXULL.js

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